Check server response of
Server response
NS records
Whois domain
301 Moved Permanently - uhr.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Sat, 17 May 2025 21:22:54 GMT
Server: Apache/2
Location: https://www.mastersintime.de/
Content-Length: 237
Content-Type: text/html; charset=iso-8859-1
HTTP Code 301 Moved Permanently
http status code 301 means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
When is Code 301 used?
- When changing a website domain
- When modifying URL structures
- When setting up redirects for SEO
What does Code 301 mean for the user?
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 OK - https://www.mastersintime.de/
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
date: Sat, 17 May 2025 21:22:57 GMT
content-type: text/html; charset=UTF-8
transfer-encoding: chunked
vary: Accept-Encoding
x-powered-by: PHP/8.2.14
cache-control: no-cache, private
set-cookie: XSRF-TOKEN=eyJpdiI6IkNMWFp2VzNYWk8rMHNuSE1STy83S2c9PSIsInZhbHVlIjoiUFB1dFBCRWl2TGlUWGs0STU4QWtWWWdNRlA5VWJ3TG5uTWF5MlZRWWJzbGJCVDl6VUtpUVFpMHd1eURaSWZaOGFVWlBFeXJRMVdqSDRaM05tblBZOFl5Q0xjYnVDR0FCd1lLYnhFNW1qdnIvQUM1aG16SUpITFZxSEtlVEZxSmsiLCJtYWMiOiIzY2IyYWM0ZjJiNWM5N2U0N2YzMjEyNmZmYmQ0NmJkZjZjNDFhNDExZjAxMGM3YWY2NGQ0MGFkYTVmYzQyZjdmIiwidGFnIjoiIn0%3D; expires=Sat, 17 May 2025 23:22:57 GMT; Max-Age=7200; path=/
set-cookie: holland_watch_group_session=eyJpdiI6IlFCREJEZHNoblkwbVJpSW45b1Z3MVE9PSIsInZhbHVlIjoiazV1cXhseFIvR21DUS9NaEpEQXoxM09yZHJyd1lGTGtzVUF2R2FJdGJlQXBmV0NFMlBaWWgyZmpyK3RqQWwwU1hVbnJGWHlFS1JhbXo4K1c3dFhuVHQ1ZmRmZElPT1U5QXN2cUpkV1NZWVBCeGIxZWo4OWlhVzBoSm9RU0MrNWEiLCJtYWMiOiI2NmE2ZmM1YTkzZDUyMjM3MmE4YzkzNjUxNDE5NGFiMDk4YWZlZjA1M2M3MzIzZmIzY2RiMWUzODAyMmRjMjYyIiwidGFnIjoiIn0%3D; expires=Sat, 17 May 2025 23:22:57 GMT; Max-Age=7200; path=/; httponly
strict-transport-security: max-age=31536000; includeSubDomains
x-true-server: duckhunt09.true.nl
x-true-req: a4e5d2bb-b4fa-46d3-9882-37453638a3b7
HTTP Code 200 OK
http status code 200 is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: uhr.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!doctype html>
<html lang="de">
<head>
<script>
dataLayer = [{"internalTraffic":false}];
document.addEventListener("DOMContentLoaded", function () {
});
</script>
<!-- Google Tag Manager -->
<script>(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://buckle.mastersintime.de/hwg.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','horloges');</script>
<!-- End Google Tag Manager -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="PZX4EC1qu9acM8o9Noj6MvElutcoKB0rxUgq8BcY">
<meta name="x-fractionals" content="2">
<title>Mastersintime.de - Der größte Onlineshop für Uhren • Mastersintime.de</title>
<meta name="description" content="Bestellen Sie Ihre Uhren schnell und sicher bei Mastersintime.de. ✔ Alles auf Lager, schnelle Lieferung in ganz Die Niederlande. ✔ Offizieller Händler aller angebotenen Marken.">
<link rel="canonical" href="https://www.mastersintime.de/">
<link rel="alternate" hreflang="de-lu" href="https://www.auer.lu/de/">
<link rel="alternate" hreflang="en-lu" href="https://www.auer.lu/en/">
<link rel="alternate" hreflang="es" href="https://www.reloj.es/">
<link rel="alternate" hreflang="fr" href="https://www.montre.com/">
<link rel="alternate" hreflang="it" href="https://www.orologio.it/">
<link rel="alternate" hreflang="nl" href="https://www.horloge.nl/">
<link rel="alternate" hreflang="pl" href="https://www.mastersintime.pl/">
<link rel="alternate" hreflang="pt-lu" href="https://www.auer.lu/pt/">
<link rel="alternate" hreflang="nl-be" href="https://www.horloge.be/">
<link rel="alternate" hreflang="fr-be" href="https://www.montre.be/">
<link rel="alternate" hreflang="en-gb" href="https://www.watch.co.uk/">
<link rel="alternate" hreflang="fr-lu" href="https://www.auer.lu/">
<meta name="robots" content="index, follow">
<script type="application/ld+json">{"@context":"https://schema.org","name":"Mastersintime.de - Der größte Onlineshop für Uhren","description":"Bestellen Sie Ihre Uhren schnell und sicher bei Mastersintime.de. ✔ Alles auf Lager, schnelle Lieferung in ganz Die Niederlande. ✔ Offizieller Händler aller angebotenen Marken."}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","url":"https://www.mastersintime.de","name":"Mastersintime.de","aggregateRating":{"@type":"AggregateRating","bestRating":5,"worstRating":1,"ratingValue":4.77,"ratingCount":2989}}</script>
<style type="text/css">
:root {
--color: #1f5248;
--color-rgb: , , ;
}
</style>
<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
<link rel="preload" href="/css/app.css?id=8589c650d4418793604b38bbac2a895d" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
<link rel="stylesheet" type="text/css" href="/css/app.css?id=8589c650d4418793604b38bbac2a895d">
</noscript>
<script src="https://integrations.etrusted.com/applications/widget.js/v2" defer async></script>
<script src="//use.typekit.net/zvb0iet.js"></script>
<script>try {
Typekit.load();
} catch (e) {
}</script>
<link rel="icon" type="image/png" href="https://media.hollandwatchgroup.com/hwg:staging_pub/favicons/66fcec0ac9cd7/96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="https://media.hollandwatchgroup.com/hwg:staging_pub/favicons/66fcec0ac9cd7/32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="https://media.hollandwatchgroup.com/hwg:staging_pub/favicons/66fcec0ac9cd7/16x16.png" sizes="16x16">
<style>/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com*//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-webkit-text-size-adjust:100%;line-height:1.15;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;margin:0}hr{color:inherit;height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,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-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}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}button{background-color:transparent;background-image:none}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family: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;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{border:0 solid;box-sizing:border-box}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:-moz-focusring{outline:auto}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{color:inherit;line-height:inherit;padding:0}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--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-transform:translateX(var(--tw-translate-x)) translateY(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));--tw-border-opacity:1;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--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-blur:var(--tw-empty,/*!*/ /*!*/);--tw-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-invert:var(--tw-empty,/*!*/ /*!*/);--tw-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);--tw-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);border-color:rgba(229,231,235,var(--tw-border-opacity))}[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{-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-shadow,0 0 #0000);outline:2px solid transparent;outline-offset:2px}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-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}select{-webkit-print-color-adjust:exact;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;color-adjust:exact;padding-right:2.5rem}[multiple]{-webkit-print-color-adjust:unset;background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;color-adjust:unset;padding-right:.75rem}[type=checkbox],[type=radio]{-webkit-print-color-adjust:exact;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;color-adjust:exact;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-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-shadow,0 0 #0000);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 auto -webkit-focus-ring-color}.container{margin-left:auto;margin-right:auto;width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.btn{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgba(230,151,53,var(--tw-bg-opacity));background-color:var(--color);border-radius:.375rem;box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.05);color:rgba(255,255,255,var(--tw-text-opacity));display:flex;font-family:proxima-nova,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-weight:700;justify-content:center;letter-spacing:.025em;padding:.75rem 1rem;text-align:center}.btn--inline{display:inline-flex}.btn--gray{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity));color:rgba(55,65,81,var(--tw-text-opacity))}.btn--gray:hover{--tw-bg-opacity:1;background-color:rgba(209,213,219,var(--tw-bg-opacity))}.btn--red{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(239,68,68,var(--tw-bg-opacity));color:rgba(254,226,226,var(--tw-text-opacity))}.btn--red:hover{--tw-bg-opacity:1;background-color:rgba(220,38,38,var(--tw-bg-opacity))}.btn--green{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(16,185,129,var(--tw-bg-opacity));color:rgba(255,255,255,var(--tw-text-opacity))}.btn--green:hover{--tw-bg-opacity:1;background-color:rgba(5,150,105,var(--tw-bg-opacity))}.btn--yellow{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(253,230,138,var(--tw-bg-opacity));color:rgba(217,119,6,var(--tw-text-opacity))}.btn--yellow:hover{--tw-bg-opacity:1;background-color:rgba(252,211,77,var(--tw-bg-opacity))}.btn--blue{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(59,130,246,var(--tw-bg-opacity));color:rgba(255,255,255,var(--tw-text-opacity))}.btn--blue:hover{--tw-bg-opacity:1;background-color:rgba(37,99,235,var(--tw-bg-opacity))}.btn--black{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity));color:rgba(255,255,255,var(--tw-text-opacity))}.btn--black:hover{--tw-bg-opacity:1;background-color:rgba(17,24,39,var(--tw-bg-opacity))}.btn--outlined{--tw-border-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);background-color:transparent;border-color:rgba(230,151,53,var(--tw-border-opacity));border-color:var(--color);border-width:2px;color:var(--color);transition-duration:.15s;transition-duration:.1s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn--outlined,.btn--outlined:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn--outlined:hover{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.btn--outlined.btn--gray{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity));color:rgba(156,163,175,var(--tw-text-opacity))}.btn--outlined.btn--gray:hover{--tw-border-opacity:1;--tw-text-opacity:1;background-color:transparent;border-color:rgba(156,163,175,var(--tw-border-opacity));color:rgba(107,114,128,var(--tw-text-opacity))}.btn--outlined.btn--red{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgba(239,68,68,var(--tw-border-opacity));color:rgba(239,68,68,var(--tw-text-opacity))}.btn--outlined.btn--red:hover{--tw-border-opacity:1;--tw-text-opacity:1;background-color:transparent;border-color:rgba(220,38,38,var(--tw-border-opacity));color:rgba(220,38,38,var(--tw-text-opacity))}.btn--outlined.btn--green{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgba(16,185,129,var(--tw-border-opacity));color:rgba(16,185,129,var(--tw-text-opacity))}.btn--outlined.btn--green:hover{--tw-border-opacity:1;--tw-text-opacity:1;background-color:transparent;border-color:rgba(5,150,105,var(--tw-border-opacity));color:rgba(5,150,105,var(--tw-text-opacity))}.btn--outlined.btn--blue{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgba(59,130,246,var(--tw-border-opacity));color:rgba(59,130,246,var(--tw-text-opacity))}.btn--outlined.btn--blue:hover{--tw-border-opacity:1;--tw-text-opacity:1;background-color:transparent;border-color:rgba(37,99,235,var(--tw-border-opacity));color:rgba(37,99,235,var(--tw-text-opacity))}.btn--outlined.btn--black{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity));color:rgba(0,0,0,var(--tw-text-opacity))}.btn--outlined.btn--black:hover{--tw-border-opacity:1;--tw-text-opacity:1;background-color:transparent;border-color:rgba(17,24,39,var(--tw-border-opacity));color:rgba(17,24,39,var(--tw-text-opacity))}.btn--left{justify-content:flex-start;text-align:left}.btn--right{justify-content:flex-end;text-align:right}.form-label{display:block;letter-spacing:.025em;padding-bottom:.25rem}.form-info,.form-label{font-size:.875rem;font-weight:500;line-height:1.25rem}.form-info{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity));line-height:1.25;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem}.form-input{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-color:rgba(209,213,219,var(--tw-border-opacity));border-radius:.25rem;border-width:1px;height:2.5rem;padding-left:1rem;padding-right:1rem}.form-input::-moz-placeholder{--tw-placeholder-opacity:1;color:rgba(209,213,219,var(--tw-placeholder-opacity))}.form-input:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgba(209,213,219,var(--tw-placeholder-opacity))}.form-input::placeholder{--tw-placeholder-opacity:1;color:rgba(209,213,219,var(--tw-placeholder-opacity))}.form-input{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-input:focus{--tw-border-opacity: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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(191,219,254,var(--tw-ring-opacity));border-color:rgba(59,130,246,var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.form-select{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-color:rgba(209,213,219,var(--tw-border-opacity));border-radius:.25rem;border-width:1px;height:2.5rem;padding-left:1rem;padding-right:2rem}.form-select::-moz-placeholder{--tw-placeholder-opacity:1;color:rgba(209,213,219,var(--tw-placeholder-opacity))}.form-select:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgba(209,213,219,var(--tw-placeholder-opacity))}.form-select::placeholder{--tw-placeholder-opacity:1;color:rgba(209,213,219,var(--tw-placeholder-opacity))}.form-select{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-select:focus{--tw-border-opacity: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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(191,219,254,var(--tw-ring-opacity));border-color:rgba(59,130,246,var(--tw-border-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.image__container{display:block}.image__container picture img{display:block;height:auto;width:100%}.image__container--overlay{position:relative}.image__caption{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity));font-size:.875rem;font-style:italic;line-height:1.25rem;padding-top:.25rem}.image__overlay{--tw-text-opacity:1;bottom:0;color:rgba(255,255,255,var(--tw-text-opacity));left:0;overflow:hidden;position:absolute;right:0}.image__overlay,.image__overlay>p{transition-duration:.15s;transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.image__overlay>p{font-weight:700;margin:0;padding:3rem 1.5rem 1.5rem;transform:var(--tw-transform)}@media (min-width:768px){.image__overlay>p{padding-bottom:2rem;padding-left:2rem;padding-right:2rem;padding-top:4rem}}a:hover .image__overlay>p{--tw-translate-y:0.25rem;transform:var(--tw-transform)}.image__overlay:not(.full){background:rgba(var(--color-rgb),.8);background:linear-gradient(0deg,rgba(var(--color-rgb),.8) 0,rgba(var(--color-rgb),0) 100%)}a:hover .image__overlay:not(.full){background:rgba(var(--color-rgb),1);background:linear-gradient(0deg,rgba(var(--color-rgb),1) 0,rgba(var(--color-rgb),0) 100%)}.image__overlay:not(.full).dark{background:rgba(0,0,0,.8);background:linear-gradient(0deg,rgba(0,0,0,.8),transparent)}a:hover .image__overlay:not(.full).dark{background:#000;background:linear-gradient(0deg,#000,transparent)}.image__overlay:not(.full).light{--tw-text-opacity:1;background:hsla(0,0%,100%,.8);background:linear-gradient(0deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,0));color:rgba(0,0,0,var(--tw-text-opacity))}a:hover .image__overlay:not(.full).light{background:#fff;background:linear-gradient(0deg,#fff,hsla(0,0%,100%,0))}.image__overlay.full{align-items:center;background:rgba(var(--color-rgb),.4);display:flex;flex-direction:column;justify-content:center;padding:1rem;top:0}a:hover .image__overlay.full{background:rgba(var(--color-rgb),.6)}.image__overlay.full.dark{background:rgba(0,0,0,.4)}a:hover .image__overlay.full.dark{background:rgba(0,0,0,.6)}.image__overlay.full.light{--tw-text-opacity:1;background:hsla(0,0%,100%,.4);color:rgba(0,0,0,var(--tw-text-opacity))}a:hover .image__overlay.full.light{background:hsla(0,0%,100%,.6)}.image__overlay.full>*{text-align:center}.gutter-full{padding:1.5rem}@media (min-width:768px){.gutter-full{padding:2rem}}[x-cloak]{display:none!important}.h-max{height:-webkit-max-content;height:-moz-max-content;height:max-content}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:proxima-nova,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-weight:700;line-height:1.25}.icon{display:inline-block;height:1em;vertical-align:-.125em;width:1em}.icon-xl{font-size:1.25em}.icon-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-.0667em}.icon-sm{font-size:.875em}.icon-2x{font-size:2em}.icon-spin{-webkit-animation:icon-spin 2s linear infinite;animation:icon-spin 2s linear infinite}@-webkit-keyframes icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.absolute-center-y{top:50%;transform:translateY(-50%)}figure.table,figure.table table{width:100%}figure.table table,figure.table td,figure.table th{border:1px solid}.page{padding:1.5rem}@media (min-width:768px){.page{padding:2rem}}.columns{display:flex;flex-wrap:wrap;margin-left:-.75rem;margin-right:-.75rem}@media (min-width:768px){.columns{margin-left:-1rem;margin-right:-1rem}}.columns>*{padding-left:.75rem;padding-right:.75rem}@media (min-width:768px){.columns>*{padding-left:1rem;padding-right:1rem}}@media(max-width:1199px){etrusted-trusted-stars-service-widget,etrusted-widget{display:none!important}}.brand-logo-container{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity));border-radius:.25rem;border-width:2px;display:flex;height:6rem;justify-content:center;margin-bottom:.5rem;padding:1rem 1.5rem;transition-duration:.15s;transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .brand-logo-container{border-color:var(--color)}.top-bar{background:#c5bcb0}.header{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));position:relative;z-index:30}@media (max-width:1023px){.header{position:-webkit-sticky;position:sticky;top:0;transform:var(--tw-transform);transition-duration:.15s;transition-duration:.7s;transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,1,1)}}.header{box-shadow:0 1px 15px rgba(0,0,0,.05),0 1px 6px rgba(0,0,0,.05)}@media (max-width:1023px){.header{transform:none!important}body.scroll-down .header:not(.header--fixed){--tw-translate-y:-100%;--tw-shadow:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transform:var(--tw-transform)}.header{border-color:var(--color);border-top-width:3px}.header--mobileMenu .header__top{box-shadow:0 1px 15px rgba(0,0,0,.05),0 1px 6px rgba(0,0,0,.05)}}.header__top{padding:.75rem 1.5rem;position:relative;z-index:20}@media (min-width:768px){.header__top{min-height:85px;padding-bottom:1rem;padding-left:2rem;padding-right:2rem;padding-top:1rem}}.header__mobileNavigation{--tw-translate-x:-100%;--tw-bg-opacity:1;--tw-bg-opacity:0.6;background-color:transparent;background-color:rgba(107,114,128,var(--tw-bg-opacity));flex-grow:1;font-size:1.125rem;height:100dvh;left:0;line-height:1.5rem;min-height:100dvh;overflow:auto;overflow-y:scroll;position:fixed;top:0;transform:var(--tw-transform);width:100%;z-index:20}.header__mobileNavigation--inner{--tw-translate-x:-100%;--tw-bg-opacity:1;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);background-color:rgba(255,255,255,var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);min-height:100dvh;transform:var(--tw-transform);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:80%}.header__mobileNavigation .menu-title{color:var(--color)}.header__mobileNavigation .mobileNavigation-back-button{background:var(--color);color:#fff;padding:10px;position:fixed;right:-44px;top:0}@media (max-width:1023px){.header__mobileNavigation--open,.header__mobileNavigation--open .header__mobileNavigation--inner{--tw-translate-x:0px;transform:var(--tw-transform)}}.header etrusted-widget{margin-top:-14px}.logo{display:block}.logo img{display:block;height:auto;margin-left:auto;margin-right:auto}@media (min-width:1024px){.logo img{margin-left:0;margin-right:0}}.navigation{display:none}@media (min-width:1024px){.navigation{box-shadow:inset 0 -2px 0 0 hsla(0,0%,100%,0);display:block;padding-left:1.5rem;padding-right:1.5rem;position:relative;transition-duration:.15s;transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}@media (min-width:768px){.navigation{padding-left:2rem;padding-right:2rem}}}.navigation--open{box-shadow:inset 0 -2px 0 0 #f3f4f6}.navigation__main{display:flex;margin-left:-.75rem;margin-right:-.75rem}.navigation__main li>a{display:block;font-size:1.125rem;line-height:1.75rem;padding-bottom:.75rem;padding-left:.75rem;padding-right:.75rem;position:relative}.navigation__main li>a:after{bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);width:100%}.navigation__main li>a.active:after{background:var(--color);background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,var(--color) 40%,var(--color) 60%,hsla(0,0%,100%,0) 100%);opacity:1}.navigation__main li:hover>a{text-decoration:underline}.navigation__main li.outlet>a{color:var(--color);letter-spacing:.1em}.navigation__sub{display:none}.navigation__sub--open{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));display:block;left:0;padding:2rem 1.5rem;position:absolute;right:0;top:100%}@media (min-width:768px){.navigation__sub--open{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.navigation__sub--open{padding-bottom:4rem;padding-left:6rem;padding-right:6rem}}.navigation__sub__shadow{background:#000;background:linear-gradient(0deg,transparent,rgba(0,0,0,.2));content:"";height:16rem;left:0;position:absolute;right:0;top:100%}.navigation__sub>div{transition-duration:.15s;transition-duration:.5s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.navigation__menu{display:flex;justify-content:flex-start;margin-left:-1rem;margin-right:-1rem}.navigation__column{margin-bottom:-.5rem;margin-top:-.5rem;padding-left:1rem;padding-right:1rem;width:16.666667%}.navigation__column--double{width:33.333333%}.navigation__column>*{padding-bottom:.5rem;padding-top:.5rem}.navigation__title{font-weight:700;letter-spacing:.05em;margin-bottom:-.5rem;text-transform:uppercase}.navigation__list{line-height:1.25;margin-bottom:-.25rem;margin-top:-.25rem}.navigation__list>li{padding-bottom:.25rem;padding-top:.25rem}.navigation__list>li>a{font-size:.875rem;line-height:1.25rem}.navigation__list>li>a:hover{text-decoration:underline}.navigation__list>li.line{margin-bottom:.25rem;padding-bottom:.5rem;position:relative}.navigation__list>li.line:after{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity));content:"";height:2px;left:0;margin-top:-1px;position:absolute;top:100%;width:75%}.notice{--tw-text-opacity:1;background-color:var(--color);color:rgba(255,255,255,var(--tw-text-opacity));display:block;font-size:.75rem;font-weight:500;letter-spacing:.1em;line-height:1rem;padding:.75rem 1.5rem;position:relative;text-align:center;z-index:30}@media (min-width:768px){.notice{padding-left:2rem;padding-right:2rem}}.breadcrumbs{font-size:.875rem;line-height:1.25rem;padding-left:1.5rem;padding-right:1.5rem;position:relative;z-index:10}@media (min-width:768px){.breadcrumbs{padding-left:2rem;padding-right:2rem}}@media (max-width:1023px){.breadcrumbs__container{margin-left:-1.5rem;margin-right:-1.5rem;overflow:hidden;position:relative}.breadcrumbs__container:before{--tw-gradient-from:#fff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0));background-image:linear-gradient(to right,var(--tw-gradient-stops));bottom:0;content:"";left:0;position:absolute;top:0;width:1.5rem;z-index:20}.breadcrumbs__container:after{--tw-gradient-from:#fff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0));background-image:linear-gradient(to left,var(--tw-gradient-stops));bottom:0;content:"";position:absolute;right:0;top:0;width:1.5rem;z-index:20}}.breadcrumbs__list{--tw-text-opacity:1;align-items:center;color:rgba(156,163,175,var(--tw-text-opacity));display:flex;justify-content:flex-start;overflow-x:auto;padding-bottom:.25rem;padding-top:.75rem;white-space:nowrap}@media (min-width:1024px){.breadcrumbs__list{flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem;padding-bottom:0}}@media (max-width:1023px){.breadcrumbs__list>li:first-child{padding-left:1rem}.breadcrumbs__list>li:last-child{padding-right:1rem}}.breadcrumbs__list>li>*{padding-left:.5rem;padding-right:.5rem}.breadcrumbs__list>li>strong{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity));font-weight:500}.breadcrumbs__list>li:not(:last-child):after{content:"/"}@media (min-width:768px){.breadcrumbs__list>li>a:hover{text-decoration:underline}}.uspsDesktop__content>div,.uspsDesktop__content>p{display:flex;flex-direction:column;margin:0;padding:0}.uspsDesktop__content>div span,.uspsDesktop__content>p span{color:#22a2d2;font-weight:700;text-transform:uppercase}.uspsMobile__content>div,.uspsMobile__content>p{margin:0;padding:0}.uspsMobile__content>div:not(:last-child),.uspsMobile__content>p:not(:last-child){padding-right:.25rem}.uspsMobile__content>div span,.uspsMobile__content>p span{color:#22a2d2;font-weight:700;text-transform:uppercase}.tns-nav{align-items:center;display:flex;justify-content:center;padding-top:1rem}.tns-nav>button{outline:2px solid transparent;outline-offset:2px;padding:.25rem}.tns-nav>button:after{background:#dadada;border-radius:9999px;content:"";display:block;height:12px;transform:var(--tw-transform);transition-duration:.15s;transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:12px}.tns-nav>button.tns-nav-active:after{--tw-scale-x:1.25;--tw-scale-y:1.25;background:var(--color);background-color:var(--color);transform:var(--tw-transform)}.tns-outer{position:relative}.custom-controls-container [data-controls=next],.custom-controls-container [data-controls=prev]{--tw-bg-opacity:1;--tw-bg-opacity:0.2;--tw-text-opacity:1;align-items:center;background-color:rgba(0,0,0,var(--tw-bg-opacity));border-radius:9999px;color:rgba(255,255,255,var(--tw-text-opacity));display:flex;height:2.5rem;justify-content:center;margin-top:-1.25rem;position:absolute;top:50%;width:2.5rem;z-index:20}.custom-controls-container [data-controls=next],.custom-controls-container [data-controls=next]>svg,.custom-controls-container [data-controls=prev],.custom-controls-container [data-controls=prev]>svg{transform:var(--tw-transform);transition-duration:.15s;transition-duration:.1s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.custom-controls-container [data-controls=next]:hover,.custom-controls-container [data-controls=prev]:hover{--tw-bg-opacity:0.5}.custom-controls-container [data-controls=next]:hover>svg,.custom-controls-container [data-controls=prev]:hover>svg{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.custom-controls-container [data-controls=next]:disabled,.custom-controls-container [data-controls=prev]:disabled{opacity:0}.custom-controls-container [data-controls=next]:focus,.custom-controls-container [data-controls=prev]:focus{outline:2px solid transparent;outline-offset:2px}.custom-controls-container [data-controls=prev]{left:.5rem}.custom-controls-container [data-controls=next]{right:.5rem}.cross-products-slider .tns-ovh{margin:-.5rem -1.5rem;padding:.5rem 1.5rem;position:relative}@media (min-width:768px){.cross-products-slider .tns-ovh{margin-left:-2rem;margin-right:-2rem;padding-left:2rem;padding-right:2rem}}.cross-products-slider .tns-ovh:after{background-image:linear-gradient(to left,var(--tw-gradient-stops));right:0}.cross-products-slider .tns-ovh:after,.cross-products-slider .tns-ovh:before{--tw-gradient-from:#fff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0));--tw-gradient-stops:var(--tw-gradient-from),#fff,var(--tw-gradient-to,hsla(0,0%,100%,0));--tw-gradient-to:transparent;bottom:0;content:"";position:absolute;top:0;width:1.5rem;z-index:20}.cross-products-slider .tns-ovh:before{background-image:linear-gradient(to right,var(--tw-gradient-stops));left:0}.pdp__row:nth-child(2n) .cross-products-slider .tns-ovh:after,.pdp__row:nth-child(2n) .cross-products-slider .tns-ovh:before{--tw-gradient-from:#f3f4f6;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(243,244,246,0))}.pb__textual~.pb__textual{margin-top:-.5rem}@media (min-width:768px){.pb__textual~.pb__textual{margin-top:-.75rem}}.prose .h1,.prose .h2,.prose .h3,.prose .h4,.prose .h5,.prose .h6,.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6,.prose ol,.prose p,.prose ul{margin-bottom:1rem}@media (min-width:1024px){.prose .h1,.prose .h2,.prose .h3,.prose .h4,.prose .h5,.prose .h6,.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6,.prose ol,.prose p,.prose ul{margin-bottom:1.5rem}}.prose .h1+.prose .h1,.prose .h1+.prose .h2,.prose .h1+.prose .h3,.prose .h1+.prose .h4,.prose .h1+.prose .h5,.prose .h1+.prose .h6,.prose .h1+.prose h1,.prose .h1+.prose h2,.prose .h1+.prose h3,.prose .h1+.prose h4,.prose .h1+.prose h5,.prose .h1+.prose h6,.prose .h1+.prose ol,.prose .h1+.prose p,.prose .h1+.prose ul,.prose .h2+.prose .h1,.prose .h2+.prose .h2,.prose .h2+.prose .h3,.prose .h2+.prose .h4,.prose .h2+.prose .h5,.prose .h2+.prose .h6,.prose .h2+.prose h1,.prose .h2+.prose h2,.prose .h2+.prose h3,.prose .h2+.prose h4,.prose .h2+.prose h5,.prose .h2+.prose h6,.prose .h2+.prose ol,.prose .h2+.prose p,.prose .h2+.prose ul,.prose .h3+.prose .h1,.prose .h3+.prose .h2,.prose .h3+.prose .h3,.prose .h3+.prose .h4,.prose .h3+.prose .h5,.prose .h3+.prose .h6,.prose .h3+.prose h1,.prose .h3+.prose h2,.prose .h3+.prose h3,.prose .h3+.prose h4,.prose .h3+.prose h5,.prose .h3+.prose h6,.prose .h3+.prose ol,.prose .h3+.prose p,.prose .h3+.prose ul,.prose .h4+.prose .h1,.prose .h4+.prose .h2,.prose .h4+.prose .h3,.prose .h4+.prose .h4,.prose .h4+.prose .h5,.prose .h4+.prose .h6,.prose .h4+.prose h1,.prose .h4+.prose h2,.prose .h4+.prose h3,.prose .h4+.prose h4,.prose .h4+.prose h5,.prose .h4+.prose h6,.prose .h4+.prose ol,.prose .h4+.prose p,.prose .h4+.prose ul,.prose .h5+.prose .h1,.prose .h5+.prose .h2,.prose .h5+.prose .h3,.prose .h5+.prose .h4,.prose .h5+.prose .h5,.prose .h5+.prose .h6,.prose .h5+.prose h1,.prose .h5+.prose h2,.prose .h5+.prose h3,.prose .h5+.prose h4,.prose .h5+.prose h5,.prose .h5+.prose h6,.prose .h5+.prose ol,.prose .h5+.prose p,.prose .h5+.prose ul,.prose .h6+.prose .h1,.prose .h6+.prose .h2,.prose .h6+.prose .h3,.prose .h6+.prose .h4,.prose .h6+.prose .h5,.prose .h6+.prose .h6,.prose .h6+.prose h1,.prose .h6+.prose h2,.prose .h6+.prose h3,.prose .h6+.prose h4,.prose .h6+.prose h5,.prose .h6+.prose h6,.prose .h6+.prose ol,.prose .h6+.prose p,.prose .h6+.prose ul,.prose h1+.prose .h1,.prose h1+.prose .h2,.prose h1+.prose .h3,.prose h1+.prose .h4,.prose h1+.prose .h5,.prose h1+.prose .h6,.prose h1+.prose h1,.prose h1+.prose h2,.prose h1+.prose h3,.prose h1+.prose h4,.prose h1+.prose h5,.prose h1+.prose h6,.prose h1+.prose ol,.prose h1+.prose p,.prose h1+.prose ul,.prose h2+.prose .h1,.prose h2+.prose .h2,.prose h2+.prose .h3,.prose h2+.prose .h4,.prose h2+.prose .h5,.prose h2+.prose .h6,.prose h2+.prose h1,.prose h2+.prose h2,.prose h2+.prose h3,.prose h2+.prose h4,.prose h2+.prose h5,.prose h2+.prose h6,.prose h2+.prose ol,.prose h2+.prose p,.prose h2+.prose ul,.prose h3+.prose .h1,.prose h3+.prose .h2,.prose h3+.prose .h3,.prose h3+.prose .h4,.prose h3+.prose .h5,.prose h3+.prose .h6,.prose h3+.prose h1,.prose h3+.prose h2,.prose h3+.prose h3,.prose h3+.prose h4,.prose h3+.prose h5,.prose h3+.prose h6,.prose h3+.prose ol,.prose h3+.prose p,.prose h3+.prose ul,.prose h4+.prose .h1,.prose h4+.prose .h2,.prose h4+.prose .h3,.prose h4+.prose .h4,.prose h4+.prose .h5,.prose h4+.prose .h6,.prose h4+.prose h1,.prose h4+.prose h2,.prose h4+.prose h3,.prose h4+.prose h4,.prose h4+.prose h5,.prose h4+.prose h6,.prose h4+.prose ol,.prose h4+.prose p,.prose h4+.prose ul,.prose h5+.prose .h1,.prose h5+.prose .h2,.prose h5+.prose .h3,.prose h5+.prose .h4,.prose h5+.prose .h5,.prose h5+.prose .h6,.prose h5+.prose h1,.prose h5+.prose h2,.prose h5+.prose h3,.prose h5+.prose h4,.prose h5+.prose h5,.prose h5+.prose h6,.prose h5+.prose ol,.prose h5+.prose p,.prose h5+.prose ul,.prose h6+.prose .h1,.prose h6+.prose .h2,.prose h6+.prose .h3,.prose h6+.prose .h4,.prose h6+.prose .h5,.prose h6+.prose .h6,.prose h6+.prose h1,.prose h6+.prose h2,.prose h6+.prose h3,.prose h6+.prose h4,.prose h6+.prose h5,.prose h6+.prose h6,.prose h6+.prose ol,.prose h6+.prose p,.prose h6+.prose ul,.prose ol+.prose .h1,.prose ol+.prose .h2,.prose ol+.prose .h3,.prose ol+.prose .h4,.prose ol+.prose .h5,.prose ol+.prose .h6,.prose ol+.prose h1,.prose ol+.prose h2,.prose ol+.prose h3,.prose ol+.prose h4,.prose ol+.prose h5,.prose ol+.prose h6,.prose ol+.prose ol,.prose ol+.prose p,.prose ol+.prose ul,.prose p+.prose .h1,.prose p+.prose .h2,.prose p+.prose .h3,.prose p+.prose .h4,.prose p+.prose .h5,.prose p+.prose .h6,.prose p+.prose h1,.prose p+.prose h2,.prose p+.prose h3,.prose p+.prose h4,.prose p+.prose h5,.prose p+.prose h6,.prose p+.prose ol,.prose p+.prose p,.prose p+.prose ul,.prose ul+.prose .h1,.prose ul+.prose .h2,.prose ul+.prose .h3,.prose ul+.prose .h4,.prose ul+.prose .h5,.prose ul+.prose .h6,.prose ul+.prose h1,.prose ul+.prose h2,.prose ul+.prose h3,.prose ul+.prose h4,.prose ul+.prose h5,.prose ul+.prose h6,.prose ul+.prose ol,.prose ul+.prose p,.prose ul+.prose ul{margin-top:-.5rem}.prose .h1,.prose h1{font-size:1.875rem;line-height:2.25rem}@media (min-width:1024px){.prose .h1,.prose h1{font-size:2.25rem;line-height:2.5rem}}.prose .h2,.prose h2{font-size:1.5rem;line-height:2rem}@media (min-width:1024px){.prose .h2,.prose h2{font-size:1.875rem;line-height:2.25rem}}.prose .h3,.prose h3{font-size:1.25rem;line-height:1.75rem}@media (min-width:1024px){.prose .h3,.prose h3{font-size:1.5rem;line-height:2rem}}.prose .h4,.prose h4{font-size:1.125rem;line-height:1.75rem}@media (min-width:1024px){.prose .h4,.prose h4{font-size:1.25rem;line-height:1.75rem}}.prose .h5,.prose h5{font-size:1rem;line-height:1.5rem}@media (min-width:1024px){.prose .h5,.prose h5{font-size:1.125rem;line-height:1.75rem}}.prose .h6,.prose h6{font-size:.875rem;line-height:1.25rem}@media (min-width:1024px){.prose .h6,.prose h6{font-size:1rem;line-height:1.5rem}}.prose p a:not(.btn){color:var(--color);font-weight:500;text-decoration:underline}.prose ol,.prose ul{margin-left:2rem}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{bottom:0;left:0;right:0;top:0}.inset-16{bottom:4rem;left:4rem;right:4rem;top:4rem}.inset-\[2px\]{bottom:2px;left:2px;right:2px;top:2px}.bottom-0{bottom:0}.left-4{left:1rem}.top-0{top:0}.left-0{left:0}.right-0{right:0}.top-2{top:.5rem}.right-3{right:.75rem}.-top-2{top:-.5rem}.top-1\/2{top:50%}.right-2{right:.5rem}.top-3{top:.75rem}.-top-1{top:-.25rem}.left-3{left:.75rem}.left-6{left:1.5rem}.bottom-2{bottom:.5rem}.left-1\/2{left:50%}.top-6{top:1.5rem}.left-full{left:100%}.bottom-full{bottom:100%}.-top-4{top:-1rem}.-right-4{right:-1rem}.top-16{top:4rem}.right-6{right:1.5rem}.top-full{top:100%}.-left-1{left:-.25rem}.-top-3{top:-.75rem}.top-32{top:8rem}.-bottom-2{bottom:-.5rem}.z-40{z-index:40}.z-\[9999\]{z-index:9999}.z-\[1001\]{z-index:1001}.z-10{z-index:10}.z-50{z-index:50}.z-20{z-index:20}.z-0{z-index:0}.z-30{z-index:30}.z-\[99999999999\]{z-index:99999999999}.z-\[1101\]{z-index:1101}.z-\[1000\]{z-index:1000}.\!z-30{z-index:30!important}.z-\[200\]{z-index:200}.z-\[100\]{z-index:100}.z-\[1100\]{z-index:1100}.order-first{order:-9999}.order-last{order:9999}.order-11{order:11}.order-12{order:12}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.float-right{float:right}.float-left{float:left}.m-4{margin:1rem}.-m-2{margin:-.5rem}.m-auto{margin:auto}.m-0{margin:0}.\!m-0{margin:0!important}.-m-4{margin:-1rem}.-m-1{margin:-.25rem}.m-\[2px\]{margin:2px}.m-1{margin:.25rem}.-my-4{margin-bottom:-1rem;margin-top:-1rem}.my-1{margin-bottom:.25rem;margin-top:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.my-4{margin-bottom:1rem;margin-top:1rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-8{margin-bottom:2rem;margin-top:2rem}.-my-6{margin-bottom:-1.5rem;margin-top:-1.5rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-my-1{margin-bottom:-.25rem;margin-top:-.25rem}.\!-mx-6{margin-left:-1.5rem!important;margin-right:-1.5rem!important}.-my-2{margin-bottom:-.5rem;margin-top:-.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.-my-3{margin-bottom:-.75rem;margin-top:-.75rem}.mx-0{margin-left:0;margin-right:0}.\!mx-0{margin-left:0!important;margin-right:0!important}.mb-6{margin-bottom:1.5rem}.mr-1{margin-right:.25rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mr-2{margin-right:.5rem}.mb-1{margin-bottom:.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.ml-2{margin-left:.5rem}.-mt-2{margin-top:-.5rem}.ml-3{margin-left:.75rem}.mt-3{margin-top:.75rem}.mb-3{margin-bottom:.75rem}.ml-auto{margin-left:auto}.mb-auto{margin-bottom:auto}.mt-8{margin-top:2rem}.-mt-4{margin-top:-1rem}.mb-0{margin-bottom:0}.ml-4{margin-left:1rem}.ml-1{margin-left:.25rem}.mr-4{margin-right:1rem}.-ml-px{margin-left:-1px}.ml-5{margin-left:1.25rem}.mr-0{margin-right:0}.ml-0{margin-left:0}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.mt-6{margin-top:1.5rem}.mb-16{margin-bottom:4rem}.mr-auto{margin-right:auto}.mr-3{margin-right:.75rem}.-mb-1{margin-bottom:-.25rem}.-ml-4{margin-left:-1rem}.-mt-3{margin-top:-.75rem}.\!mb-4{margin-bottom:1rem!important}.mt-12{margin-top:3rem}.mr-6{margin-right:1.5rem}.mt-5{margin-top:1.25rem}.ml-8{margin-left:2rem}.-ml-2{margin-left:-.5rem}.mt-auto{margin-top:auto}.ml-6{margin-left:1.5rem}.-mt-6{margin-top:-1.5rem}.\!mt-4{margin-top:1rem!important}.-mt-1{margin-top:-.25rem}.-mr-4{margin-right:-1rem}.mt-0{margin-top:0}.-mt-10{margin-top:-2.5rem}.mb-10{margin-bottom:2.5rem}.\!-mb-6{margin-bottom:-1.5rem!important}.box-border{box-sizing:border-box}.block{display:block}.\!block{display:block!important}.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}.list-item{display:list-item}.hidden{display:none}.h-screen{height:100vh}.h-auto{height:auto}.h-32{height:8rem}.h-4{height:1rem}.h-full{height:100%}.h-10{height:2.5rem}.h-8{height:2rem}.h-\[2px\]{height:2px}.h-6{height:1.5rem}.h-14{height:3.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-5{height:1.25rem}.h-16{height:4rem}.h-28{height:7rem}.\!h-6{height:1.5rem!important}.h-\[24px\]{height:24px}.h-56{height:14rem}.h-\[120px\]{height:120px}.\!h-auto{height:auto!important}.h-1{height:.25rem}.h-3{height:.75rem}.h-80{height:20rem}.max-h-12{max-height:3rem}.max-h-full{max-height:100%}.max-h-28{max-height:7rem}.max-h-24{max-height:6rem}.max-h-40{max-height:10rem}.max-h-64{max-height:16rem}.max-h-96{max-height:24rem}.min-h-screen{min-height:100vh}.min-h-\[32px\]{min-height:32px}.w-1\/12{width:8.333333%}.w-2\/12{width:16.666667%}.w-3\/12{width:25%}.w-4\/12{width:33.333333%}.w-5\/12{width:41.666667%}.w-6\/12{width:50%}.w-7\/12{width:58.333333%}.w-8\/12{width:66.666667%}.w-9\/12{width:75%}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-full{width:100%}.w-12{width:3rem}.w-auto{width:auto}.w-1\/2,.w-3\/6{width:50%}.w-1\/6{width:16.666667%}.w-2\/4{width:50%}.w-4{width:1rem}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-1\/3{width:33.333333%}.w-14{width:3.5rem}.w-16{width:4rem}.w-1\/4{width:25%}.w-\[12px\]{width:12px}.w-8{width:2rem}.w-3\/4{width:75%}.w-10{width:2.5rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-4\/5{width:80%}.w-1\/5{width:20%}.w-2{width:.5rem}.w-64{width:16rem}.w-5\/6{width:83.333333%}.w-48{width:12rem}.w-2\/3{width:66.666667%}.w-24{width:6rem}.w-32{width:8rem}.w-2\/6{width:33.333333%}.\!w-6{width:1.5rem!important}.w-40{width:10rem}.w-80{width:20rem}.w-20{width:5rem}.w-4\/6{width:66.666667%}.\!w-1\/2{width:50%!important}.w-3{width:.75rem}.\!w-2\/3{width:66.666667%!important}.\!w-1\/4{width:25%!important}.w-6{width:1.5rem}.max-w-xs{max-width:20rem}.max-w-screen-sm{max-width:640px}.max-w-full{max-width:100%}.max-w-screen-xl{max-width:1280px}.max-w-2xl{max-width:42rem}.max-w-sm{max-width:24rem}.max-w-screen-lg{max-width:1024px}.flex-none{flex:none}.flex-1{flex:1 1 0%}.flex-initial{flex:0 1 auto}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.origin-top-left{transform-origin:top left}.origin-center{transform-origin:center}.origin-bottom{transform-origin:bottom}.origin-bottom-left{transform-origin:bottom left}.-translate-x-1\/2{--tw-translate-x:-50%;transform:var(--tw-transform)}.-translate-y-1\/2{--tw-translate-y:-50%;transform:var(--tw-transform)}.-translate-y-2{--tw-translate-y:-0.5rem;transform:var(--tw-transform)}.translate-x-2{--tw-translate-x:0.5rem;transform:var(--tw-transform)}.-translate-x-6{--tw-translate-x:-1.5rem;transform:var(--tw-transform)}.translate-y-6{--tw-translate-y:1.5rem;transform:var(--tw-transform)}.translate-x-\[2px\]{--tw-translate-x:2px;transform:var(--tw-transform)}.translate-y-2{--tw-translate-y:0.5rem;transform:var(--tw-transform)}.rotate-90{--tw-rotate:90deg}.-rotate-12,.rotate-90{transform:var(--tw-transform)}.-rotate-12{--tw-rotate:-12deg}.rotate-45{--tw-rotate:45deg}.rotate-180,.rotate-45{transform:var(--tw-transform)}.rotate-180{--tw-rotate:180deg}.scale-\[200\%\]{--tw-scale-x:200%;--tw-scale-y:200%;transform:var(--tw-transform)}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9;transform:var(--tw-transform)}.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:var(--tw-transform)}.\!scale-\[300\%\]{--tw-scale-x:300%!important;--tw-scale-y:300%!important;transform:var(--tw-transform)!important}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:var(--tw-transform)}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.scale-75,.transform{transform:var(--tw-transform)}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes pulse{50%{opacity:.5}}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-help{cursor:help}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.list-decimal{list-style-type:decimal}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.content-center{align-content:center}.content-between{align-content:space-between}.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}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-center{justify-items:center}.gap-4{gap:1rem}.gap-2{gap:.5rem}.gap-1{gap:.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-0{-moz-column-gap:0;column-gap:0}.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-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-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-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-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-y-\[2px\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2px*var(--tw-space-y-reverse));margin-top:calc(2px*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(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-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)))}.\!space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(1rem*var(--tw-space-y-reverse))!important;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))!important}.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))}.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-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-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-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgba(243,244,246,var(--tw-divide-opacity))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgba(229,231,235,var(--tw-divide-opacity))}.divide-gray-400>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgba(156,163,175,var(--tw-divide-opacity))}.divide-gray-300>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgba(209,213,219,var(--tw-divide-opacity))}.divide-green-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgba(167,243,208,var(--tw-divide-opacity))}.divide-white>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgba(255,255,255,var(--tw-divide-opacity))}.divide-gray-500>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgba(107,114,128,var(--tw-divide-opacity))}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.\!whitespace-normal{white-space:normal!important}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.break-all{word-break:break-all}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-lg{border-radius:.5rem}.\!rounded{border-radius:.25rem!important}.rounded-\[12px\]{border-radius:12px}.rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.rounded-b{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-l-none{border-bottom-left-radius:0;border-top-left-radius:0}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.rounded-r{border-bottom-right-radius:.25rem}.rounded-r,.rounded-tr{border-top-right-radius:.25rem}.rounded-tl-none{border-top-left-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.border-0{border-width:0}.border{border-width:1px}.border-2{border-width:2px}.\!border-0{border-width:0!important}.border-t-2{border-top-width:2px}.\!border-t-0{border-top-width:0!important}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r-0{border-right-width:0}.\!border-b-0{border-bottom-width:0!important}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-b-4{border-bottom-width:4px}.border-l-0{border-left-width:0}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t-0{border-top-width:0}.border-r-2{border-right-width:2px}.\!border-b-2{border-bottom-width:2px!important}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-red-600{--tw-border-opacity:1;border-color:rgba(220,38,38,var(--tw-border-opacity))}.border-green-500{--tw-border-opacity:1;border-color:rgba(16,185,129,var(--tw-border-opacity))}.border-red-400{--tw-border-opacity:1;border-color:rgba(248,113,113,var(--tw-border-opacity))}.border-green-400{--tw-border-opacity:1;border-color:rgba(52,211,153,var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity:1;border-color:rgba(107,114,128,var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgba(243,244,246,var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgba(239,68,68,var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgba(255,255,255,var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgba(156,163,175,var(--tw-border-opacity))}.\!border-gray-400{--tw-border-opacity:1!important;border-color:rgba(156,163,175,var(--tw-border-opacity))!important}.border-gray-700{--tw-border-opacity:1;border-color:rgba(55,65,81,var(--tw-border-opacity))}.border-hwg-orange-500{--tw-border-opacity:1;border-color:rgba(230,151,53,var(--tw-border-opacity))}.border-black{--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity))}.border-green-700{--tw-border-opacity:1;border-color:rgba(4,120,87,var(--tw-border-opacity))}.border-yellow-700{--tw-border-opacity:1;border-color:rgba(180,83,9,var(--tw-border-opacity))}.border-red-300{--tw-border-opacity:1;border-color:rgba(252,165,165,var(--tw-border-opacity))}.border-yellow-300{--tw-border-opacity:1;border-color:rgba(252,211,77,var(--tw-border-opacity))}.border-red-200{--tw-border-opacity:1;border-color:rgba(254,202,202,var(--tw-border-opacity))}.border-green-200{--tw-border-opacity:1;border-color:rgba(167,243,208,var(--tw-border-opacity))}.border-yellow-200{--tw-border-opacity:1;border-color:rgba(253,230,138,var(--tw-border-opacity))}.border-red-700{--tw-border-opacity:1;border-color:rgba(185,28,28,var(--tw-border-opacity))}.\!border-hwg-orange-500{--tw-border-opacity:1!important;border-color:rgba(230,151,53,var(--tw-border-opacity))!important}.border-gray-600{--tw-border-opacity:1;border-color:rgba(75,85,99,var(--tw-border-opacity))}.border-blue-200{--tw-border-opacity:1;border-color:rgba(191,219,254,var(--tw-border-opacity))}.\!border-yellow-400{--tw-border-opacity:1!important;border-color:rgba(251,191,36,var(--tw-border-opacity))!important}.border-green-600{--tw-border-opacity:1;border-color:rgba(5,150,105,var(--tw-border-opacity))}.border-green-300{--tw-border-opacity:1;border-color:rgba(110,231,183,var(--tw-border-opacity))}.border-yellow-400{--tw-border-opacity:1;border-color:rgba(251,191,36,var(--tw-border-opacity))}.border-gray-50{--tw-border-opacity:1;border-color:rgba(249,250,251,var(--tw-border-opacity))}.\!border-b-gray-100{--tw-border-opacity:1!important;border-bottom-color:rgba(243,244,246,var(--tw-border-opacity))!important}.bg-blue-500{--tw-bg-opacity:1;background-color:rgba(59,130,246,var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgba(107,114,128,var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgba(239,68,68,var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgba(245,158,11,var(--tw-bg-opacity))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgba(251,191,36,var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgba(16,185,129,var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgba(99,102,241,var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgba(139,92,246,var(--tw-bg-opacity))}.bg-pink-500{--tw-bg-opacity:1;background-color:rgba(236,72,153,var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgba(254,202,202,var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgba(254,243,199,var(--tw-bg-opacity))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgba(254,90,26,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-black\/70{background-color:rgba(0,0,0,.7)}.\!bg-gray-500{--tw-bg-opacity:1!important;background-color:rgba(107,114,128,var(--tw-bg-opacity))!important}.bg-gray-300{--tw-bg-opacity:1;background-color:rgba(209,213,219,var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgba(209,250,229,var(--tw-bg-opacity))}.bg-orange-400{--tw-bg-opacity:1;background-color:rgba(254,140,95,var(--tw-bg-opacity))}.bg-green-400{--tw-bg-opacity:1;background-color:rgba(52,211,153,var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgba(156,163,175,var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgba(37,99,235,var(--tw-bg-opacity))}.\!bg-gray-100{--tw-bg-opacity:1!important;background-color:rgba(243,244,246,var(--tw-bg-opacity))!important}.\!bg-red-100{--tw-bg-opacity:1!important;background-color:rgba(254,226,226,var(--tw-bg-opacity))!important}.bg-yellow-200{--tw-bg-opacity:1;background-color:rgba(253,230,138,var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity:1;background-color:rgba(167,243,208,var(--tw-bg-opacity))}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgba(252,211,77,var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgba(249,250,251,var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgba(254,226,226,var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgba(110,231,183,var(--tw-bg-opacity))}.bg-orange-200{--tw-bg-opacity:1;background-color:rgba(255,214,198,var(--tw-bg-opacity))}.bg-red-400{--tw-bg-opacity:1;background-color:rgba(248,113,113,var(--tw-bg-opacity))}.bg-hwg-orange-500{--tw-bg-opacity:1;background-color:rgba(230,151,53,var(--tw-bg-opacity))}.bg-yellow-600{--tw-bg-opacity:1;background-color:rgba(217,119,6,var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgba(220,38,38,var(--tw-bg-opacity))}.bg-green-700{--tw-bg-opacity:1;background-color:rgba(4,120,87,var(--tw-bg-opacity))}.bg-blue-700{--tw-bg-opacity:1;background-color:rgba(29,78,216,var(--tw-bg-opacity))}.bg-purple-700{--tw-bg-opacity:1;background-color:rgba(109,40,217,var(--tw-bg-opacity))}.bg-black\/20{background-color:rgba(0,0,0,.2)}.bg-red-900{--tw-bg-opacity:1;background-color:rgba(127,29,29,var(--tw-bg-opacity))}.bg-blue-300{--tw-bg-opacity:1;background-color:rgba(147,197,253,var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgba(252,165,165,var(--tw-bg-opacity))}.bg-purple-200{--tw-bg-opacity:1;background-color:rgba(221,214,254,var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity:1;background-color:rgba(236,253,245,var(--tw-bg-opacity))}.\!bg-red-200{--tw-bg-opacity:1!important;background-color:rgba(254,202,202,var(--tw-bg-opacity))!important}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-yellow-800{--tw-bg-opacity:1;background-color:rgba(146,64,14,var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgba(219,234,254,var(--tw-bg-opacity))}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-opacity-25{--tw-bg-opacity:0.25}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-80{--tw-bg-opacity:0.8}.bg-opacity-90{--tw-bg-opacity:0.9}.bg-opacity-5{--tw-bg-opacity:0.05}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-gray-50{--tw-gradient-from:#f9fafb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(249,250,251,0))}.from-gray-300{--tw-gradient-from:#d1d5db;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(209,213,219,0))}.from-white{--tw-gradient-from:#fff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0))}.from-black{--tw-gradient-from:#000;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}.via-white{--tw-gradient-stops:var(--tw-gradient-from),#fff,var(--tw-gradient-to,hsla(0,0%,100%,0))}.via-hwg-orange-100{--tw-gradient-stops:var(--tw-gradient-from),#fdf5eb,var(--tw-gradient-to,hsla(33,82%,96%,0))}.to-white{--tw-gradient-to:#fff}.to-transparent{--tw-gradient-to:transparent}.bg-cover{background-size:cover}.bg-center{background-position:50%}.\!bg-bottom{background-position:bottom!important}.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}.p-4{padding:1rem}.p-3{padding:.75rem}.p-2{padding:.5rem}.p-0{padding:0}.p-8{padding:2rem}.p-1{padding:.25rem}.p-6{padding:1.5rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-5{padding:1.25rem}.p-\[2px\]{padding:2px}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.\!py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-\[2px\]{padding-bottom:2px;padding-top:2px}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-bottom:0;padding-top:0}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-0{padding-left:0;padding-right:0}.px-12{padding-left:3rem;padding-right:3rem}.py-12{padding-bottom:3rem;padding-top:3rem}.pl-4{padding-left:1rem}.pl-2{padding-left:.5rem}.pb-4{padding-bottom:1rem}.pb-1{padding-bottom:.25rem}.pt-3{padding-top:.75rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pl-5{padding-left:1.25rem}.pt-4{padding-top:1rem}.pr-4{padding-right:1rem}.pr-14{padding-right:3.5rem}.pr-16{padding-right:4rem}.pl-8{padding-left:2rem}.pl-1{padding-left:.25rem}.pt-8{padding-top:2rem}.pb-2{padding-bottom:.5rem}.pr-1{padding-right:.25rem}.pb-6{padding-bottom:1.5rem}.pb-\[100\%\]{padding-bottom:100%}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pl-6{padding-left:1.5rem}.pr-5{padding-right:1.25rem}.pb-16{padding-bottom:4rem}.pt-6{padding-top:1.5rem}.pt-0{padding-top:0}.pt-\[100\%\]{padding-top:100%}.pl-3{padding-left:.75rem}.\!pt-0{padding-top:0!important}.pt-5{padding-top:1.25rem}.pb-8{padding-bottom:2rem}.pr-6{padding-right:1.5rem}.pb-12{padding-bottom:3rem}.pb-0{padding-bottom:0}.pt-12{padding-top:3rem}.pr-8{padding-right:2rem}.\!pl-6{padding-left:1.5rem!important}.\!pb-4{padding-bottom:1rem!important}.\!pt-8{padding-top:2rem!important}.pb-10{padding-bottom:2.5rem}.pt-48{padding-top:12rem}.pb-3{padding-bottom:.75rem}.pr-\[2px\]{padding-right:2px}.text-left{text-align:left}.\!text-left{text-align:left!important}.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-heading{font-family:proxima-nova,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-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-7xl{font-size:4.5rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.\!text-base{font-size:1rem!important;line-height:1.5rem!important}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-light{font-weight:300}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.uppercase{text-transform:uppercase}.italic{font-style:italic}.\!italic{font-style:italic!important}.not-italic{font-style:normal}.leading-tight{line-height:1.25}.leading-none{line-height:1}.leading-4{line-height:1rem}.leading-loose{line-height:2}.leading-5{line-height:1.25rem}.leading-10{line-height:2.5rem}.leading-snug{line-height:1.375}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-tighter{letter-spacing:-.05em}.text-red-500{--tw-text-opacity:1;color:rgba(239,68,68,var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity:1;color:rgba(254,90,26,var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgba(31,41,55,var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgba(16,185,129,var(--tw-text-opacity))}.\!text-gray-400{--tw-text-opacity:1!important;color:rgba(156,163,175,var(--tw-text-opacity))!important}.text-gray-100{--tw-text-opacity:1;color:rgba(243,244,246,var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgba(248,113,113,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity:1;color:rgba(180,83,9,var(--tw-text-opacity))}.text-blue-400{--tw-text-opacity:1;color:rgba(96,165,250,var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgba(209,213,219,var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgba(59,130,246,var(--tw-text-opacity))}.text-yellow-300{--tw-text-opacity:1;color:rgba(252,211,77,var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgba(229,231,235,var(--tw-text-opacity))}.text-orange-400{--tw-text-opacity:1;color:rgba(254,140,95,var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgba(52,211,153,var(--tw-text-opacity))}.text-hwg-orange-500{--tw-text-opacity:1;color:rgba(230,151,53,var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgba(5,150,105,var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgba(220,38,38,var(--tw-text-opacity))}.text-hwg-green-800{--tw-text-opacity:1;color:rgba(31,82,72,var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgba(185,28,28,var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity:1;color:rgba(146,64,14,var(--tw-text-opacity))}.text-red-900{--tw-text-opacity:1;color:rgba(127,29,29,var(--tw-text-opacity))}.text-yellow-600{--tw-text-opacity:1;color:rgba(217,119,6,var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgba(4,120,87,var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.\!text-white{--tw-text-opacity:1!important;color:rgba(255,255,255,var(--tw-text-opacity))!important}.text-hwg-orange-300{--tw-text-opacity:1;color:rgba(245,213,174,var(--tw-text-opacity))}.\!text-gray-500{--tw-text-opacity:1!important;color:rgba(107,114,128,var(--tw-text-opacity))!important}.text-pink-500{--tw-text-opacity:1;color:rgba(236,72,153,var(--tw-text-opacity))}.text-purple-400{--tw-text-opacity:1;color:rgba(167,139,250,var(--tw-text-opacity))}.text-red-200{--tw-text-opacity:1;color:rgba(254,202,202,var(--tw-text-opacity))}.\!text-yellow-700{--tw-text-opacity:1!important;color:rgba(180,83,9,var(--tw-text-opacity))!important}.text-red-800{--tw-text-opacity:1;color:rgba(153,27,27,var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity:1;color:rgba(245,158,11,var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity:1;color:rgba(251,191,36,var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgba(17,24,39,var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity:1;color:rgba(30,64,175,var(--tw-text-opacity))}.\!text-blue-500{--tw-text-opacity:1!important;color:rgba(59,130,246,var(--tw-text-opacity))!important}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgba(156,163,175,var(--tw-placeholder-opacity))}.placeholder-gray-400:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgba(156,163,175,var(--tw-placeholder-opacity))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgba(156,163,175,var(--tw-placeholder-opacity))}.opacity-25{opacity:.25}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-0{opacity:0}.opacity-75{opacity:.75}.opacity-20{opacity:.2}.mix-blend-multiply{mix-blend-mode:multiply}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.shadow,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\!shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important}.\!shadow-lg,.\!shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.\!shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-2{--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)}.ring-2,.ring-4{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-4{--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring{--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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.ring-gray-400{--tw-ring-opacity:1;--tw-ring-color:rgba(156,163,175,var(--tw-ring-opacity))}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgba(0,0,0,var(--tw-ring-opacity))}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgba(255,255,255,var(--tw-ring-opacity))}.ring-hwg-orange-500\/20{--tw-ring-color:rgba(230,151,53,.2)}.ring-green-200{--tw-ring-opacity:1;--tw-ring-color:rgba(167,243,208,var(--tw-ring-opacity))}.ring-gray-500{--tw-ring-opacity:1;--tw-ring-color:rgba(107,114,128,var(--tw-ring-opacity))}.ring-yellow-100{--tw-ring-opacity:1;--tw-ring-color:rgba(254,243,199,var(--tw-ring-opacity))}.ring-opacity-20{--tw-ring-opacity:0.2}.ring-opacity-5{--tw-ring-opacity:0.05}.ring-opacity-10{--tw-ring-opacity:0.1}.ring-opacity-50{--tw-ring-opacity:0.5}.ring-opacity-80{--tw-ring-opacity:0.8}.ring-offset-2{--tw-ring-offset-width:2px}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-filter)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-filter)}.transition{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,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-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:background-color,border-color,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-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-150{transition-delay:.15s}.duration-200{transition-duration:.2s}.duration-150{transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-100{transition-duration:.1s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-none{-webkit-line-clamp:unset}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__repeat-3{animation-repeat:3px}.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;transform-origin:center bottom}.animate__flash{-webkit-animation-name:flash;animation-name:flash}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse}.animate__heartBeat{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}@-webkit-keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}@-webkit-keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@-webkit-keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}@-webkit-keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}@-webkit-keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@-webkit-keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}@-webkit-keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}@-webkit-keyframes jello{0%,11.1% to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1% to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@-webkit-keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;transform:rotate(60deg);transform-origin:top left}to{opacity:0;transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;transform:rotate(60deg);transform-origin:top left}to{opacity:0;transform:translate3d(0,700px,0)}}@-webkit-keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{transform:scale(1)}}@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}@-webkit-keyframes lightSpeedInRight{0%{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}@-webkit-keyframes flipOutX{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}@-webkit-keyframes flipOutY{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateY(-15deg)}to{opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateY(-15deg)}to{opacity:0;transform:perspective(400px) rotateY(90deg)}}@-webkit-keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg);transform-origin:center}to{opacity:1;transform:translateZ(0);transform-origin:center}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg);transform-origin:center}to{opacity:1;transform:translateZ(0);transform-origin:center}}@-webkit-keyframes rotateInDownLeft{0%{opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInDownLeft{0%{opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{opacity:1;transform:translateZ(0);transform-origin:left bottom}}@-webkit-keyframes rotateInDownRight{0%{opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInDownRight{0%{opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{opacity:1;transform:translateZ(0);transform-origin:right bottom}}@-webkit-keyframes rotateInUpLeft{0%{opacity:0;transform:rotate(45deg);transform-origin:left top}to{opacity:1;transform:translateZ(0);transform-origin:left top}}@keyframes rotateInUpLeft{0%{opacity:0;transform:rotate(45deg);transform-origin:left top}to{opacity:1;transform:translateZ(0);transform-origin:left top}}@-webkit-keyframes rotateInUpRight{0%{opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInUpRight{0%{opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{opacity:1;transform:translateZ(0);transform-origin:right bottom}}@-webkit-keyframes rotateOut{0%{opacity:1;transform-origin:center}to{opacity:0;transform:rotate(200deg);transform-origin:center}}@keyframes rotateOut{0%{opacity:1;transform-origin:center}to{opacity:0;transform:rotate(200deg);transform-origin:center}}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1;transform-origin:left bottom}to{opacity:0;transform:rotate(45deg);transform-origin:left bottom}}@keyframes rotateOutDownLeft{0%{opacity:1;transform-origin:left bottom}to{opacity:0;transform:rotate(45deg);transform-origin:left bottom}}@-webkit-keyframes rotateOutDownRight{0%{opacity:1;transform-origin:right bottom}to{opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}@keyframes rotateOutDownRight{0%{opacity:1;transform-origin:right bottom}to{opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1;transform-origin:left bottom}to{opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}@keyframes rotateOutUpLeft{0%{opacity:1;transform-origin:left bottom}to{opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}@-webkit-keyframes rotateOutUpRight{0%{opacity:1;transform-origin:right bottom}to{opacity:0;transform:rotate(90deg);transform-origin:left bottom}}@keyframes rotateOutUpRight{0%{opacity:1;transform-origin:right bottom}to{opacity:0;transform:rotate(90deg);transform-origin:left bottom}}@-webkit-keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@-webkit-keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translateZ(0)}}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translateZ(0)}}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translateZ(0)}}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@-webkit-keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@-webkit-keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}@-webkit-keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@-webkit-keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@-webkit-keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}@-webkit-keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@-webkit-keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}@-webkit-keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0);visibility:hidden}}@-webkit-keyframes slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0);visibility:hidden}}@-webkit-keyframes slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0);visibility:hidden}}@-webkit-keyframes slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0);visibility:hidden}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}@-webkit-keyframes backInDown{0%{opacity:.7;transform:translateY(-1200px) scale(.7)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;transform:translateY(-1200px) scale(.7)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes backInUp{0%{opacity:.7;transform:translateY(1200px) scale(.7)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes backInUp{0%{opacity:.7;transform:translateY(1200px) scale(.7)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes backInLeft{0%{opacity:.7;transform:translateX(-2000px) scale(.7)}80%{opacity:.7;transform:translateX(0) scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes backInLeft{0%{opacity:.7;transform:translateX(-2000px) scale(.7)}80%{opacity:.7;transform:translateX(0) scale(.7)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes backInRight{0%{opacity:.7;transform:translateX(2000px) scale(.7)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes backInRight{0%{opacity:.7;transform:translateX(2000px) scale(.7)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes backOutDown{0%{opacity:1;transform:scale(1)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:.7;transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;transform:scale(1)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:.7;transform:translateY(700px) scale(.7)}}@-webkit-keyframes backOutUp{0%{opacity:1;transform:scale(1)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:.7;transform:translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity:1;transform:scale(1)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:.7;transform:translateY(-700px) scale(.7)}}@-webkit-keyframes backOutLeft{0%{opacity:1;transform:scale(1)}80%{opacity:.7;transform:translateX(-2000px) scale(.7)}to{opacity:.7;transform:translateY(-700px) scale(.7)}}@keyframes backOutLeft{0%{opacity:1;transform:scale(1)}80%{opacity:.7;transform:translateX(-2000px) scale(.7)}to{opacity:.7;transform:translateY(-700px) scale(.7)}}@-webkit-keyframes backOutRight{0%{opacity:1;transform:scale(1)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:.7;transform:translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity:1;transform:scale(1)}80%{opacity:.7;transform:translateY(0) scale(.7)}to{opacity:.7;transform:translateX(2000px) scale(.7)}}.text-logo{color:var(--color)}.\!text-logo{color:var(--color)!important}.bg-logo{background-color:var(--color)}.border-logo{border-color:var(--color)}.text-special-orange{color:#f15822}.text-coming-soon-blue{color:#0154ef}.last\:border-none:last-child{border-style:none}.hover\:z-20:hover{z-index:20}.hover\:rotate-180:hover{--tw-rotate:180deg;transform:var(--tw-transform)}.hover\:scale-125:hover{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:var(--tw-transform)}.hover\:scale-100:hover{--tw-scale-x:1;--tw-scale-y:1;transform:var(--tw-transform)}.hover\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgba(107,114,128,var(--tw-border-opacity))}.hover\:border-gray-100:hover{--tw-border-opacity:1;border-color:rgba(243,244,246,var(--tw-border-opacity))}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgba(156,163,175,var(--tw-border-opacity))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgba(209,213,219,var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgba(220,38,38,var(--tw-bg-opacity))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgba(5,150,105,var(--tw-bg-opacity))}.hover\:bg-yellow-600:hover{--tw-bg-opacity:1;background-color:rgba(217,119,6,var(--tw-bg-opacity))}.hover\:bg-black\/30:hover{background-color:rgba(0,0,0,.3)}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgba(37,99,235,var(--tw-bg-opacity))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgba(254,202,202,var(--tw-bg-opacity))}.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:rgba(167,243,208,var(--tw-bg-opacity))}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:rgba(253,230,138,var(--tw-bg-opacity))}.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgba(191,219,254,var(--tw-bg-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.hover\:text-gray-100:hover{--tw-text-opacity:1;color:rgba(243,244,246,var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgba(239,68,68,var(--tw-text-opacity))}.hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgba(59,130,246,var(--tw-text-opacity))}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgba(209,213,219,var(--tw-text-opacity))}.hover\:text-hwg-orange-500:hover{--tw-text-opacity:1;color:rgba(230,151,53,var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity))}.hover\:text-hwg-orange-700:hover{--tw-text-opacity:1;color:rgba(173,113,40,var(--tw-text-opacity))}.hover\:text-yellow-600:hover{--tw-text-opacity:1;color:rgba(217,119,6,var(--tw-text-opacity))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgba(29,78,216,var(--tw-text-opacity))}.hover\:text-yellow-900:hover{--tw-text-opacity:1;color:rgba(120,53,15,var(--tw-text-opacity))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgba(185,28,28,var(--tw-text-opacity))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgba(30,64,175,var(--tw-text-opacity))}.hover\:underline:hover{text-decoration:underline}.hover\:no-underline:hover{text-decoration:none}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-0:hover{opacity:0}.hover\:\!opacity-100:hover{opacity:1!important}.hover\:opacity-75:hover{opacity:.75}.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.hover\:shadow-lg:hover,.hover\:shadow:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.hover\:ring-2:hover{--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)}.hover\:ring-gray-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgba(209,213,219,var(--tw-ring-opacity))}.hover\:ring-opacity-30:hover{--tw-ring-opacity:0.3}.hover\:ring-opacity-50:hover{--tw-ring-opacity:0.5}.hover\:text-logo:hover{color:var(--color)}.focus\:z-10:focus{z-index:10}.focus\:border-blue-300:focus{--tw-border-opacity:1;border-color:rgba(147,197,253,var(--tw-border-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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(147,197,253,var(--tw-ring-opacity))}.active\:bg-gray-100:active{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.active\:text-gray-700:active{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity))}.active\:text-gray-400:active{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.disabled\:bg-gray-100:disabled{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.disabled\:text-opacity-30:disabled{--tw-text-opacity:0.3}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:var(--tw-transform)}.group:hover .group-hover\:text-hwg-orange-500{--tw-text-opacity:1;color:rgba(230,151,53,var(--tw-text-opacity))}.group:hover .group-hover\:text-gray-500{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.group:hover .group-hover\:text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.group:hover .group-hover\:text-blue-500{--tw-text-opacity:1;color:rgba(59,130,246,var(--tw-text-opacity))}.group:hover .group-hover\:text-hwg-orange-700{--tw-text-opacity:1;color:rgba(173,113,40,var(--tw-text-opacity))}.group:hover .group-hover\:text-hwg-orange-800{--tw-text-opacity:1;color:rgba(138,91,32,var(--tw-text-opacity))}.group:hover .group-hover\:underline{text-decoration:underline}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-30{opacity:.3}.group:hover .group-hover\:shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:text-logo{color:var(--color)}.group:hover .group-hover\:border-logo{border-color:var(--color)}@media (min-width:640px){.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1 1 0%}.sm\:justify-end{justify-content:flex-end}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:fixed{position:fixed}.md\:absolute{position:absolute}.md\:top-0{top:0}.md\:left-0{left:0}.md\:bottom-0{bottom:0}.md\:right-0{right:0}.md\:-top-6{top:-1.5rem}.md\:-right-6{right:-1.5rem}.md\:left-4{left:1rem}.md\:right-4{right:1rem}.md\:right-1\/2{right:50%}.md\:bottom-2{bottom:.5rem}.md\:right-2{right:.5rem}.md\:left-auto{left:auto}.md\:right-auto{right:auto}.md\:left-full{left:100%}.md\:z-50{z-index:50}.md\:order-last{order:9999}.md\:order-2{order:2}.md\:order-1{order:1}.md\:order-none{order:0}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-1{grid-column:span 1/span 1}.md\:-m-3{margin:-.75rem}.md\:-m-6{margin:-1.5rem}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:-mx-1{margin-left:-.25rem;margin-right:-.25rem}.md\:mx-0{margin-left:0;margin-right:0}.md\:-my-6{margin-bottom:-1.5rem;margin-top:-1.5rem}.md\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.md\:-mx-3{margin-left:-.75rem;margin-right:-.75rem}.md\:-mx-2{margin-left:-.5rem;margin-right:-.5rem}.md\:-mx-8{margin-left:-2rem;margin-right:-2rem}.md\:-mx-4{margin-left:-1rem;margin-right:-1rem}.md\:my-0{margin-bottom:0;margin-top:0}.md\:mb-6{margin-bottom:1.5rem}.md\:mr-3{margin-right:.75rem}.md\:mb-8{margin-bottom:2rem}.md\:-mt-2{margin-top:-.5rem}.md\:mt-2{margin-top:.5rem}.md\:mr-2{margin-right:.5rem}.md\:-mt-4{margin-top:-1rem}.md\:ml-2{margin-left:.5rem}.md\:ml-auto{margin-left:auto}.md\:ml-4{margin-left:1rem}.md\:-mt-12{margin-top:-3rem}.md\:mt-8{margin-top:2rem}.md\:ml-12{margin-left:3rem}.md\:\!mb-0{margin-bottom:0!important}.md\:mb-3{margin-bottom:.75rem}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:table-row{display:table-row}.md\:hidden{display:none}.md\:h-full{height:100%}.md\:h-16{height:4rem}.md\:w-1\/12{width:8.333333%}.md\:w-2\/12{width:16.666667%}.md\:w-3\/12{width:25%}.md\:w-4\/12{width:33.333333%}.md\:w-5\/12{width:41.666667%}.md\:w-6\/12{width:50%}.md\:w-7\/12{width:58.333333%}.md\:w-8\/12{width:66.666667%}.md\:w-9\/12{width:75%}.md\:w-10\/12{width:83.333333%}.md\:w-11\/12{width:91.666667%}.md\:w-full{width:100%}.md\:w-64{width:16rem}.md\:w-auto{width:auto}.md\:w-1\/3{width:33.333333%}.md\:w-1\/2{width:50%}.md\:w-2\/6{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:w-1\/4{width:25%}.md\:w-3\/4{width:75%}.md\:w-3\/5{width:60%}.md\:w-2\/5{width:40%}.md\:w-1\/5{width:20%}.md\:w-20{width:5rem}.md\:max-w-sm{max-width:24rem}.md\:max-w-screen-xl{max-width:1280px}.md\:flex-grow-0{flex-grow:0}.md\:flex-grow{flex-grow:1}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-wrap{flex-wrap:wrap}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:items-baseline{align-items:baseline}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:gap-4{gap:1rem}.md\:gap-8{gap:2rem}.md\:gap-6{gap:1.5rem}.md\: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))}.md\: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)))}.md\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(0px*var(--tw-divide-y-reverse));border-top-width:calc(0px*(1 - var(--tw-divide-y-reverse)))}.md\:rounded{border-radius:.25rem}.md\:rounded-b{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.md\:\!rounded-r-none{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.md\:\!rounded-l-none{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.md\:\!rounded-tl{border-top-left-radius:.25rem!important}.md\:\!rounded-tr{border-top-right-radius:.25rem!important}.md\:border-2{border-width:2px}.md\:\!border-l{border-left-width:1px!important}.md\:\!border-r{border-right-width:1px!important}.md\:border-l{border-left-width:1px}.md\:border-r{border-right-width:1px}.md\:bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:p-4{padding:1rem}.md\:p-3{padding:.75rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-0{padding-bottom:0;padding-top:0}.md\:py-5{padding-bottom:1.25rem;padding-top:1.25rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:py-1{padding-bottom:.25rem;padding-top:.25rem}.md\:px-2{padding-left:.5rem;padding-right:.5rem}.md\:py-4{padding-bottom:1rem;padding-top:1rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:pl-\[50\%\]{padding-left:50%}.md\:pr-8{padding-right:2rem}.md\:pr-1{padding-right:.25rem}.md\:pb-0{padding-bottom:0}.md\:pl-3{padding-left:.75rem}.md\:pr-3{padding-right:.75rem}.md\:pt-8{padding-top:2rem}.md\:pt-56{padding-top:14rem}.md\:pt-0{padding-top:0}.md\:pl-2{padding-left:.5rem}.md\:pb-6{padding-bottom:1.5rem}.md\:pl-6{padding-left:1.5rem}.md\:pr-4{padding-right:1rem}.md\:pl-0{padding-left:0}.md\:pt-2{padding-top:.5rem}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:leading-none{line-height:1}.md\:text-hwg-orange-500{--tw-text-opacity:1;color:rgba(230,151,53,var(--tw-text-opacity))}.md\:shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.md\:shadow,.md\:shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.md\:shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.md\:ring-4{--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(4px + 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)}.md\:ring-black{--tw-ring-opacity:1;--tw-ring-color:rgba(0,0,0,var(--tw-ring-opacity))}.md\:ring-opacity-10{--tw-ring-opacity:0.1}.md\:animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.md\:animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}}@media (min-width:1024px){.lg\:static{position:static}.lg\:sticky{position:-webkit-sticky;position:sticky}.lg\:inset-auto{bottom:auto;left:auto;right:auto;top:auto}.lg\:top-0{top:0}.lg\:top-4{top:1rem}.lg\:left-auto{left:auto}.lg\:left-6{left:1.5rem}.lg\:bottom-auto{bottom:auto}.lg\:top-6{top:1.5rem}.lg\:order-last{order:9999}.lg\:order-none{order:0}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:-m-4{margin:-1rem}.lg\:m-0{margin:0}.lg\:-m-1{margin:-.25rem}.lg\:-my-6{margin-bottom:-1.5rem;margin-top:-1.5rem}.lg\:my-12{margin-bottom:3rem;margin-top:3rem}.lg\:-my-2{margin-bottom:-.5rem;margin-top:-.5rem}.lg\:my-0{margin-bottom:0;margin-top:0}.lg\:-mx-4{margin-left:-1rem;margin-right:-1rem}.lg\:-mx-3{margin-left:-.75rem;margin-right:-.75rem}.lg\:-my-4{margin-bottom:-1rem;margin-top:-1rem}.lg\:-mx-2{margin-left:-.5rem;margin-right:-.5rem}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mx-auto{margin-left:auto;margin-right:auto}.lg\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.lg\:mt-0{margin-top:0}.lg\:-mt-8{margin-top:-2rem}.lg\:mt-4{margin-top:1rem}.lg\:ml-auto{margin-left:auto}.lg\:mr-3{margin-right:.75rem}.lg\:ml-0{margin-left:0}.lg\:mt-1{margin-top:.25rem}.lg\:mr-0{margin-right:0}.lg\:mb-0{margin-bottom:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-12{height:3rem}.lg\:h-6{height:1.5rem}.lg\:h-20{height:5rem}.lg\:h-8{height:2rem}.lg\:w-1\/12{width:8.333333%}.lg\:w-2\/12{width:16.666667%}.lg\:w-3\/12{width:25%}.lg\:w-4\/12{width:33.333333%}.lg\:w-5\/12{width:41.666667%}.lg\:w-6\/12{width:50%}.lg\:w-7\/12{width:58.333333%}.lg\:w-8\/12{width:66.666667%}.lg\:w-9\/12{width:75%}.lg\:w-10\/12{width:83.333333%}.lg\:w-11\/12{width:91.666667%}.lg\:w-full{width:100%}.lg\:w-1\/4{width:25%}.lg\:w-2\/3{width:66.666667%}.lg\:w-1\/5{width:20%}.lg\:w-1\/3{width:33.333333%}.lg\:w-3\/4{width:75%}.lg\:w-1\/2{width:50%}.lg\:w-auto{width:auto}.lg\:w-2\/5{width:40%}.lg\:w-12{width:3rem}.lg\:w-3\/5{width:60%}.lg\:w-4\/5{width:80%}.lg\:w-80{width:20rem}.lg\:w-96{width:24rem}.lg\:w-32{width:8rem}.lg\:w-1\/6{width:16.666667%}.lg\:w-8{width:2rem}.lg\:max-w-4xl{max-width:56rem}.lg\:max-w-screen-sm{max-width:640px}.lg\:max-w-screen-xl{max-width:1280px}.lg\:max-w-xl{max-width:36rem}.lg\:flex-none{flex:none}.lg\:flex-grow{flex-grow:1}.lg\:cursor-auto{cursor:auto}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,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-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:items-baseline{align-items:baseline}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:gap-8{gap:2rem}.lg\: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)))}.lg\: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)))}.lg\: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)))}.lg\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(0px*var(--tw-divide-y-reverse));border-top-width:calc(0px*(1 - var(--tw-divide-y-reverse)))}.lg\:divide-none>:not([hidden])~:not([hidden]){border-style:none}.lg\:overflow-visible{overflow:visible}.lg\:rounded{border-radius:.25rem}.lg\:rounded-full{border-radius:9999px}.lg\:border{border-width:1px}.lg\:border-0{border-width:0}.lg\:border-b-0{border-bottom-width:0}.lg\:border-r-2{border-right-width:2px}.lg\:border-t{border-top-width:1px}.lg\:border-none{border-style:none}.lg\:bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.lg\:bg-transparent{background-color:transparent}.lg\:bg-left{background-position:0}.lg\:p-4{padding:1rem}.lg\:p-16{padding:4rem}.lg\:p-6{padding:1.5rem}.lg\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.lg\:py-3{padding-bottom:.75rem;padding-top:.75rem}.lg\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:py-1{padding-bottom:.25rem;padding-top:.25rem}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:py-2{padding-bottom:.5rem;padding-top:.5rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:pt-8{padding-top:2rem}.lg\:pb-6{padding-bottom:1.5rem}.lg\:pt-3{padding-top:.75rem}.lg\:pl-1{padding-left:.25rem}.lg\:pl-8{padding-left:2rem}.lg\:pb-16{padding-bottom:4rem}.lg\:pr-3{padding-right:.75rem}.lg\:pl-6{padding-left:1.5rem}.lg\:pl-3{padding-left:.75rem}.lg\:pt-0{padding-top:0}.lg\:pt-2{padding-top:.5rem}.lg\:pr-6{padding-right:1.5rem}.lg\:pl-4{padding-left:1rem}.lg\:pr-4{padding-right:1rem}.lg\:pr-8{padding-right:2rem}.lg\:text-left{text-align:left}.lg\:text-right{text-align:right}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:font-normal{font-weight:400}.lg\:leading-none{line-height:1}.lg\:text-gray-400{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.lg\:shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.lg\:shadow-lg,.lg\:shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lg\:shadow-none{--tw-shadow:0 0 #0000}.lg\:ring-2{--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)}.lg\:ring-white{--tw-ring-opacity:1;--tw-ring-color:rgba(255,255,255,var(--tw-ring-opacity))}.lg\:hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.lg\:hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity))}.hover\:lg\:underline:hover,.lg\:hover\:underline:hover{text-decoration:underline}.lg\:hover\:ring-4:hover{--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(4px + 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)}.group:hover .lg\:group-hover\:text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.group:hover .lg\:group-hover\:ring-4{--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(4px + 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)}}@media (min-width:1280px){.xl\:absolute{position:absolute}.xl\:relative{position:relative}.xl\:top-full{top:100%}.xl\:left-0{left:0}.xl\:top-0{top:0}.xl\:left-1\/2{left:50%}.xl\:col-span-6{grid-column:span 6/span 6}.xl\:-mx-4{margin-left:-1rem;margin-right:-1rem}.xl\:-mx-2{margin-right:-.5rem}.xl\:-ml-2,.xl\:-mx-2{margin-left:-.5rem}.xl\:-mt-4{margin-top:-1rem}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:h-12{height:3rem}.xl\:w-1\/12{width:8.333333%}.xl\:w-2\/12{width:16.666667%}.xl\:w-3\/12{width:25%}.xl\:w-4\/12{width:33.333333%}.xl\:w-5\/12{width:41.666667%}.xl\:w-6\/12{width:50%}.xl\:w-7\/12{width:58.333333%}.xl\:w-8\/12{width:66.666667%}.xl\:w-9\/12{width:75%}.xl\:w-10\/12{width:83.333333%}.xl\:w-11\/12{width:91.666667%}.xl\:w-full{width:100%}.xl\:w-2\/3{width:66.666667%}.xl\:w-80{width:20rem}.xl\:w-2\/5{width:40%}.xl\:w-1\/5{width:20%}.xl\:w-4\/5{width:80%}.xl\:w-1\/6{width:16.666667%}.xl\:w-auto{width:auto}.xl\:w-64{width:16rem}.xl\:w-1\/2{width:50%}.xl\:w-96{width:24rem}.xl\:w-1\/4{width:25%}.xl\:w-3\/5{width:60%}.xl\:flex-grow{flex-grow:1}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.xl\:rounded-sm{border-radius:.125rem}.xl\:rounded-b-sm{border-bottom-left-radius:.125rem;border-bottom-right-radius:.125rem}.xl\:border-t-2{border-top-width:2px}.xl\:border-l{border-left-width:1px}.xl\:border-hwg-orange-500{--tw-border-opacity:1;border-color:rgba(230,151,53,var(--tw-border-opacity))}.xl\:border-gray-100{--tw-border-opacity:1;border-color:rgba(243,244,246,var(--tw-border-opacity))}.xl\:bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.xl\:p-0{padding:0}.xl\:px-4{padding-left:1rem;padding-right:1rem}.xl\:px-2{padding-left:.5rem;padding-right:.5rem}.xl\:py-4{padding-bottom:1rem;padding-top:1rem}.xl\:pl-10{padding-left:2.5rem}.xl\:text-3xl{font-size:1.875rem;line-height:2.25rem}.xl\:text-xl{font-size:1.25rem;line-height:1.75rem}.xl\:opacity-50{opacity:.5}.xl\:shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (max-width:1279px){.max-xl\:fixed{position:fixed}.max-xl\:absolute{position:absolute}.max-xl\:inset-0{bottom:0;left:0;right:0;top:0}.max-xl\:top-0{top:0}.max-xl\:left-0{left:0}.max-xl\:bottom-0{bottom:0}.max-xl\:z-50{z-index:50}.max-xl\:mb-4{margin-bottom:1rem}.max-xl\:ml-4{margin-left:1rem}.max-xl\:\!hidden{display:none!important}.max-xl\:w-3\/4{width:75%}.max-xl\: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)))}.max-xl\:overflow-auto{overflow:auto}.max-xl\:border-l-2{border-left-width:2px}.max-xl\:border-gray-100{--tw-border-opacity:1;border-color:rgba(243,244,246,var(--tw-border-opacity))}.max-xl\:bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.max-xl\:bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.max-xl\:bg-opacity-75{--tw-bg-opacity:0.75}.max-xl\:animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.max-xl\:animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s}.max-xl\:animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}}@media (max-width:1023px){.max-lg\:order-1{order:1}.max-lg\:order-3{order:3}.max-lg\:order-2{order:2}.max-lg\:order-4{order:4}.max-lg\:order-first{order:-9999}.max-lg\:mt-6{margin-top:1.5rem}.max-lg\:rotate-180{--tw-rotate:180deg;transform:var(--tw-transform)}.max-lg\:pb-4{padding-bottom:1rem}}@media (max-width:767px){.max-md\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.max-md\:\!hidden{display:none!important}.max-md\:h-32{height:8rem}.max-md\:overflow-hidden{overflow:hidden}.max-md\:overflow-x-auto{overflow-x:auto}.max-md\:whitespace-nowrap{white-space:nowrap}.max-md\:px-6{padding-left:1.5rem;padding-right:1.5rem}}
</style>
<style>
#btn-6828fe3116a88 {
}
#btn-6828fe3116a88:hover {
}
</style>
<style>
#btn-6828fe311b27b {
}
#btn-6828fe311b27b:hover {
}
</style>
<style>
#btn-6828fe311d325 {
}
#btn-6828fe311d325:hover {
}
</style>
<style>
#btn-6828fe311f42d {
}
#btn-6828fe311f42d:hover {
}
</style>
<style>
#btn-6828fe31202e5 {
}
#btn-6828fe31202e5:hover {
}
</style>
<style>
#btn-6828fe312275a {
}
#btn-6828fe312275a:hover {
}
</style>
</head>
<body class="">
<div class="top-bar hidden lg:block px-8 z-30 relative text-xs py-2 tracking-wide" id="top-bar-element">
<div class="max-w-screen-xl mx-auto flex items-center justify-end">
<div class="text-black uppercase mr-auto">
<p>Teil der <strong>Holland Watch Group B.V.</strong></p>
</div>
<div class="flex mr-2">
</div>
<div class="-mx-2 uppercase">
<a class="px-2 text-black hover:underline" href="https://www.mastersintime.de/information/"
onclick="dataLayer.push({"event":"navigationUse","menuItem":"Informationen"});">Informationen</a>
<a class="px-2 text-black hover:underline" href="https://www.mastersintime.de/kontakt/"
onclick="dataLayer.push({"event":"navigationUse","menuItem":"Kontakt"});">Kontakt</a>
<a class="px-2 text-black hover:underline" href="https://www.mastersintime.de/meine-bestellung/"
onclick="dataLayer.push({"event":"navigationUse","menuItem":"Meine Bestellung"});">Meine Bestellung</a>
</div>
</div>
</div>
<header class="header" x-data="App.Header('https://www.mastersintime.de/inline-search/')"
:class="{ 'header--fixed': headerOpens, 'header--mobileMenu': headerOpens === 'menu', 'header--search': headerOpens === 'search' }"
x-on:click.away="headerOpens = null"
x-on:scroll.window="scroll($dispatch)"
x-init="$watch('headerOpens', value => headerOpensChanged(value))"
x-on:close-mobile-menu.window="headerOpens = null">
<div class="header__top">
<div class="max-w-screen-xl mx-auto">
<div class="flex items-center lg:items-start flex-wrap">
<div class="w-1/4 flex justify-start lg:hidden">
<button type="button" role="button" class="block pr-4" x-on:click="dataLayer.push({"event":(headerOpens === 'menu') ? 'navigationCloseMobile' : 'navigationClickMobile'}); headerOpens = (headerOpens === 'menu') ? null : 'menu';">
<svg x-show="headerOpens !== 'menu'" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
<svg x-show="headerOpens === 'menu'" style="display: none;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
</button>
</div>
<div class="w-1/2 lg:w-auto lg:flex-grow lg:flex lg:justify-start">
<a href="https://www.mastersintime.de/" class="logo">
<picture>
<!-- Large logo for desktop screens -->
<source
srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/mit/sit/elo/gos/450/bre/ed/mitsitelogos450breed-21389-3-450x40.webp 1x, https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/mit/sit/elo/gos/450/bre/ed/mitsitelogos450breed-21389-4-900x80.webp 2x"
type="image/webp" media="(min-width: 1024px)">
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/mit/sit/elo/gos/450/bre/ed/mitsitelogos450breed-21389-3-450x40.png 1x, https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/mit/sit/elo/gos/450/bre/ed/mitsitelogos450breed-21389-4-900x80.png 2x"
media="(min-width: 1024px)">
<!-- Small logo for mobile and tablet -->
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/mit/mob/ile/log/os1/09p/xho/og/mitmobilelogos109pxhoog-21524-2-256x256.webp" type="image/webp" sizes="25vw">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/mit/mob/ile/log/os1/09p/xho/og/mitmobilelogos109pxhoog-21524-2-256x256.png" alt="Logo Mastersintime.de"
width="419" height="40"
style="max-width: 100%; height: auto;">
</picture>
</a>
</div>
<etrusted-widget data-etrusted-widget-id="wdg-33c56f43-c0c6-4ead-a915-857aa4561b3b"></etrusted-widget>
<div class="w-1/4 flex justify-end lg:w-auto lg:order-last lg:pl-6 lg:py-1 lg:block xl:pl-10"
x-data="window.App.MiniCart('https://www.mastersintime.de/cart/info/')"
x-on:update-cart.window="update($refs)">
<a href="https://www.mastersintime.de/warenkorb/" onclick="dataLayer.push({"event":"useShoppingcart","location":"header"});" class="flex items-center">
<div class="relative">
<span
class="absolute right-0 w-5 h-5 rounded-full bg-black text-white transform -translate-y-2 translate-x-2 text-xs font-bold flex items-center justify-center bg-logo text-center"
x-ref="total" style="top: 2px;">0</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-cart"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg>
</div>
<div class="hidden lg:text-sm lg:block lg:pl-3 lg:leading-none">
<strong class="block tracking-wide">Warenkorb</strong>
<span class="block" x-ref="price">
0,00 € </span>
</div>
</a>
</div>
<div class="w-full mt-3 lg:mt-0 lg:w-80 lg:pl-6 xl:pl-10"
x-on:click.away="if (headerOpens === 'search') { headerOpens = null }">
<form method="get" action="https://www.mastersintime.de/suche/" class="relative">
<input type="search" name="term" class="form-input text-sm w-full placeholder-gray-400 pr-8 relative z-10" x-on:focus="headerOpens = 'search'" autocomplete="off" placeholder="Wonach suchen Sie?" x-on:input.debounce.500ms="search($event.target.value)" required>
<button type="submit" class="h-full absolute z-20 top-0 right-0 flex items-center px-2" x-show="! searching">
<span class="text-gray-400"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512">
<path
d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6 .1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/>
</svg>
</span>
</button>
<span class="absolute z-20 top-0 right-0 bottom-0 w-8 flex items-center justify-center" x-show="searching" x-cloak>
<svg class="animate-spin h-5 w-5 text-logo" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
</span>
<div class="absolute top-full left-0 right-0 lg:left-auto lg:w-96 animate__animated animate__fadeIn animate__faster" x-show="showSuggestion()" x-cloak>
<div class="bg-white rounded mt-2 shadow-sm ring-2 ring-gray-500 ring-opacity-10 border min-h-[32px] overflow-hidden">
<template x-if="searchSuggestions.strapPage">
<div>
<h4 class="text-logo font-heading p-2 px-3 font-medium" x-text="searchSuggestions.strapPage.title">Beliebte Suchbegriffe</h4>
<div class="p-3">
<a class="btn w-full btn--gray" :href="searchSuggestions.strapPage.url">
<span x-text="searchSuggestions.strapPage.label"></span> <span
class="ml-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/>
</svg>
</span>
</a>
</div>
</div>
</template>
<template x-if="searchSuggestions.redirects">
<div>
<h4 class="text-logo font-heading p-2 px-3 font-medium">Beliebte Suchbegriffe</h4>
<ul class="divide-y divide-gray-100">
<template x-for="(redirect, index) in searchSuggestions.redirects" :key="index">
<li>
<a class="block p-2 px-3 hover:underline text-gray-600" :href="redirect.url" x-html="redirect.term"></a>
</li>
</template>
</ul>
</div>
</template>
<template x-if="searchSuggestions.products">
<div>
<h4 class="text-logo font-heading p-2 px-3 font-medium">Beliebte Produkte</h4>
<ul class="divide-y divide-gray-100">
<template x-for="(product, index) in searchSuggestions.products" :key="index">
<li>
<a class="flex items-center p-2 px-2 hover:bg-gray-100 text-gray-600 group text-sm" :href="product.url">
<template x-if="product.image">
<div class="px-1 flex-shrink-0">
<img :src="product.image" class="w-24 h-auto rounded group-hover:shadow-sm">
</div>
</template>
<div class="flex-grow px-1 leading-none">
<strong class="block font-heading mb-2" x-text="product.title"></strong>
<span class="block font-medium text-xs" :class="{'text-green-500': product.sellable, 'text-gray-400': ! product.sellable}" x-text="(product.sellable) ? '● Auf Lager' : '● Produkt nicht auf Lager'"></span>
</div>
<div class="px-1">
<small class="line-through block text-gray-400 font-medium" x-show="product.price !== product.originalPrice" x-text="product.originalPrice"></small>
<strong class="block" x-text="product.price"></strong>
</div>
</a>
</li>
</template>
</ul>
<div class="p-3">
<button class="btn w-full btn--gray" type="submit">
Alle Ergebnisse anzeigen <span class="ml-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/>
</svg>
</span>
</button>
</div>
</div>
</template>
<p class="p-4 m-0 text-red-500 text-sm text-center italic font-medium" x-show="searchError">
Leider ging etwas schief
</p>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div
class="navigation"
x-data="{ tab: null }"
x-on:mouseleave="tab = null;"
:class="{ 'navigation--open': tab !== null }"
>
<div class="max-w-screen-xl mx-auto">
<ul class="navigation__main">
<li>
<a
href="https://www.mastersintime.de/uhrenmarken/"
x-on:mouseenter="tab = 822605"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenmarken"});"
:class="{'active': tab === 822605}"
>
Uhrenmarken
</a>
</li>
<li>
<a
href="https://www.mastersintime.de/herrenuhren/"
x-on:mouseenter="tab = 822629"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Herren"});"
:class="{'active': tab === 822629}"
>
Herren
</a>
</li>
<li>
<a
href="https://www.mastersintime.de/damenuhren/"
x-on:mouseenter="tab = 822776"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Damen"});"
:class="{'active': tab === 822776}"
>
Damen
</a>
</li>
<li>
<a
href="https://www.mastersintime.de/kinderuhren/"
x-on:mouseenter="tab = 822905"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Kinder"});"
:class="{'active': tab === 822905}"
>
Kinder
</a>
</li>
<li>
<a
href="https://www.mastersintime.de/uhrenarmbander/"
x-on:mouseenter="tab = 823001"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenarmb\u00e4nder"});"
:class="{'active': tab === 823001}"
>
Uhrenarmbänder
</a>
</li>
<li>
<a
href="https://www.mastersintime.de/uhrenzubehor/"
x-on:mouseenter="tab = 823064"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenzubeh\u00f6r"});"
:class="{'active': tab === 823064}"
>
Uhrenzubehör
</a>
</li>
<li>
<a
href="https://www.mastersintime.de/vintage-uhren/"
x-on:mouseenter="tab = 823166"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Vintage"});"
:class="{'active': tab === 823166}"
>
Vintage
</a>
</li>
<li>
<a
href="https://www.mastersintime.de/inspiration/"
x-on:mouseenter="tab = 823181"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Inspiration"});"
:class="{'active': tab === 823181}"
>
Inspiration
</a>
</li>
<li>
<a
href="https://www.mastersintime.de/"
x-on:mouseenter="tab = 823199"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Neu"});"
:class="{'active': tab === 823199}"
>
Neu
</a>
</li>
<li>
<a
href="https://www.mastersintime.de/outlet/"
x-on:mouseenter="tab = 823235"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"OUTLET"});"
:class="{'active': tab === 823235}"
>
OUTLET
</a>
</li>
<li>
<a
href="https://www.mastersintime.de/watch-gift-occasions/"
x-on:mouseenter="tab = 823259"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"\ud83c\udf81 Geschenkshop"});"
:class="{'active': tab === 823259}"
>
🎁 Geschenkshop
</a>
</li>
</ul>
<div class="navigation__sub" :class="{ 'navigation__sub--open': tab !== null }">
<div class="max-w-screen-xl mx-auto">
<div
:class="{'hidden': tab !== 822605, 'animate__animated animate__fadeIn animate__faster': tab === 822605}">
<div class="navigation__menu">
<div class="navigation__column">
<ul class="navigation__list">
<li class="">
<a
href="https://www.mastersintime.de/adidas/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Adidas"});"
>
Adidas
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/alpina/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alpina"});"
>
Alpina
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/balmain/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Balmain"});"
>
Balmain
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/bering/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Bering"});"
>
Bering
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/boccia/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Boccia"});"
>
Boccia
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/bulova/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Bulova"});"
>
Bulova
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/calvin-klein/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Calvin Klein"});"
>
Calvin Klein
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/calypso/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Calypso Kids"});"
>
Calypso Kids
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/casio/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Casio"});"
>
Casio
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/casio-edifice/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Casio Edifice"});"
>
Casio Edifice
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/certina/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Certina"});"
>
Certina
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/charmex-of-switzerland/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Charmex of Switzerland"});"
>
Charmex of Switzerland
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/ciga-design/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"CIGA Design"});"
>
CIGA Design
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/citizen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Citizen"});"
>
Citizen
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/claude-bernard/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Claude Bernard"});"
>
Claude Bernard
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/cluse/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Cluse"});"
>
Cluse
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="">
<a
href="https://www.mastersintime.de/coach/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Coach"});"
>
Coach
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/danish-design/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Danish Design"});"
>
Danish Design
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/diesel/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Diesel"});"
>
Diesel
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/edox/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Edox"});"
>
Edox
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/emporio-armani/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Emporio Armani"});"
>
Emporio Armani
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/esprit/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Esprit"});"
>
Esprit
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/eterna/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Eterna"});"
>
Eterna
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/festina/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Festina"});"
>
Festina
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/flik-flak/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Flik Flak"});"
>
Flik Flak
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/fossil/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Fossil"});"
>
Fossil
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/frederique-constant/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Frederique Constant"});"
>
Frederique Constant
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/g-shock/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"G-Shock"});"
>
G-Shock
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/garonne-kids/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Garonne Kids"});"
>
Garonne Kids
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/gc/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"GC"});"
>
GC
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/guess/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Guess"});"
>
Guess
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/hamilton/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Hamilton"});"
>
Hamilton
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="">
<a
href="https://www.mastersintime.de/hugo-boss/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Hugo Boss"});"
>
Hugo Boss
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/ice-watch/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Ice-Watch"});"
>
Ice-Watch
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/isola-bella/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Isola Bella"});"
>
Isola Bella
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/jacob-jensen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Jacob Jensen"});"
>
Jacob Jensen
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/jacques-du-manoir/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Jacques du Manoir"});"
>
Jacques du Manoir
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/jaguar/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Jaguar"});"
>
Jaguar
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/lacoste/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Lacoste"});"
>
Lacoste
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/ligure/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Ligure"});"
>
Ligure
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/lip/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"LIP"});"
>
LIP
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/lorus/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Lorus"});"
>
Lorus
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/lotus/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Lotus"});"
>
Lotus
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/luminox/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Luminox"});"
>
Luminox
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/m-watch-by-mondaine/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"M-Watch by Mondaine"});"
>
M-Watch by Mondaine
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/maserati/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Maserati"});"
>
Maserati
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/maurice-lacroix/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Maurice Lacroix"});"
>
Maurice Lacroix
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/meistersinger/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Meistersinger"});"
>
Meistersinger
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="">
<a
href="https://www.mastersintime.de/michael-kors/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Michael Kors"});"
>
Michael Kors
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/mondaine/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Mondaine"});"
>
Mondaine
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/movado/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Movado"});"
>
Movado
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/mvmt/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"MVMT"});"
>
MVMT
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/nixon/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Nixon"});"
>
Nixon
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/olympic/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Olympic"});"
>
Olympic
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/orient/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Orient"});"
>
Orient
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/paul-hewitt/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Paul Hewitt"});"
>
Paul Hewitt
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/philipp-plein/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Philipp Plein"});"
>
Philipp Plein
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/police/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Police"});"
>
Police
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/raymond-weil/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Raymond Weil"});"
>
Raymond Weil
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/rg512-kids/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"RG512 Kids"});"
>
RG512 Kids
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/roamer/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Roamer"});"
>
Roamer
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/seiko/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Seiko"});"
>
Seiko
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/skagen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Skagen"});"
>
Skagen
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/swarovski/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Swarovski"});"
>
Swarovski
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="">
<a
href="https://www.mastersintime.de/swatch/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Swatch"});"
>
Swatch
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/swiss-military-hanowa/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Swiss Military Hanowa"});"
>
Swiss Military Hanowa
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/timberland/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Timberland"});"
>
Timberland
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/timex/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Timex"});"
>
Timex
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/tissot/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Tissot"});"
>
Tissot
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/tommy-hilfiger/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Tommy Hilfiger"});"
>
Tommy Hilfiger
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/triwa/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Triwa"});"
>
Triwa
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/tw-steel/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"TW Steel"});"
>
TW Steel
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/versace/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Versace"});"
>
Versace
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/victorinox-swiss-army/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Victorinox Swiss Army"});"
>
Victorinox Swiss Army
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/welder/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Welder"});"
>
Welder
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/zeppelin/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Zeppelin"});"
>
Zeppelin
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Alle Marken</p>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/alle-uhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Uhren"});"
>
Alle Uhren
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/uhrenmarken/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Uhrenmarken"});"
>
Alle Uhrenmarken
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/bestsellers/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Bestseller"});"
>
Bestseller
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/kategorien/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Kategorien"});"
>
Alle Kategorien
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/uhrenarmbander/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Uhrenarmbandmarken"});"
>
Alle Uhrenarmbandmarken
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/vintage-uhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Vintage"});"
>
Vintage
</a>
</li>
</ul>
</div>
</div>
</div>
<div
:class="{'hidden': tab !== 822629, 'animate__animated animate__fadeIn animate__faster': tab === 822629}">
<div class="navigation__menu">
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">POPULÄRE MARKEN</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/casio/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Casio"});"
>
Casio
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/citizen/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Citizen"});"
>
Citizen
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/festina/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Festina"});"
>
Festina
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/g-shock/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"G-Shock"});"
>
G-Shock
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Hugo Boss"});"
>
Hugo Boss
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/jacob-jensen/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Jacob Jensen"});"
>
Jacob Jensen
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/lorus/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Lorus"});"
>
Lorus
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="">
<a
href="https://www.mastersintime.de/maserati/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Maserati"});"
>
Maserati
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/orient/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Orient"});"
>
Orient
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/seiko/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Seiko"});"
>
Seiko
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/timex/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Timex"});"
>
Timex
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/tissot/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Tissot"});"
>
Tissot
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/tw-steel/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"TW Steel"});"
>
TW Steel
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/brandlist/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Uhrenmarken"});"
>
Alle Uhrenmarken
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">UHRWERKE</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/quarzuhren/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Quarzuhren"});"
>
Quarzuhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/automatikuhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Automatik"});"
>
Automatik
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/digitaluhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Digital"});"
>
Digital
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/ana-digi-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Analog-Digital"});"
>
Analog-Digital
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/solaruhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Sonnenenergie"});"
>
Sonnenenergie
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/funkuhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Funkgesteuert"});"
>
Funkgesteuert
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/chronographen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Chronograph"});"
>
Chronograph
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">UHRENARTEN</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/limited-editions/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Limitierte Auflage"});"
>
Limitierte Auflage
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/retro-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Retro &amp; Neuauflagen"});"
>
Retro &amp; Neuauflagen
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/taucheruhren/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Taucheruhren"});"
>
Taucheruhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/fliegeruhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Fliegeruhren"});"
>
Fliegeruhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/gps-uhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"GPS"});"
>
GPS
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/moonphase-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Mondphase"});"
>
Mondphase
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/skelettuhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Skelettierte Uhren"});"
>
Skelettierte Uhren
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="">
<a
href="https://www.mastersintime.de/sportuhren/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Sportuhren"});"
>
Sportuhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/schweizer-uhren/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Schweizer Uhren"});"
>
Schweizer Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/outdoor-uhren/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Outdoor-Uhren"});"
>
Outdoor-Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/sportuhren/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Sportuhren"});"
>
Sportuhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/xxl-uhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"XXL-Uhren"});"
>
XXL-Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/taschenuhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Taschenuhren"});"
>
Taschenuhren
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/kategorien/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Kategorien"});"
>
Alle Kategorien
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">MATERIALIEN</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/titan-uhren/herren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Titan"});"
>
Titan
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/stainless-steel-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Rostfreier Stahl"});"
>
Rostfreier Stahl
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/ceramic-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Keramik"});"
>
Keramik
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/plastic-and-resin-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Kunststoff\/Resin"});"
>
Kunststoff/Resin
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/carbon-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Carbon"});"
>
Carbon
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/watches-with-sapphire-crystal/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Saphirglas"});"
>
Saphirglas
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/eco-friendly-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Umweltfreundlich"});"
>
Umweltfreundlich
</a>
</li>
</ul>
</div>
</div>
</div>
<div
:class="{'hidden': tab !== 822776, 'animate__animated animate__fadeIn animate__faster': tab === 822776}">
<div class="navigation__menu">
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">POPULÄRE MARKEN</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/casio/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Casio"});"
>
Casio
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/cluse/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Cluse"});"
>
Cluse
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/danish-design/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Danish Design"});"
>
Danish Design
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/guess/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Guess"});"
>
Guess
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/ice-watch/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Ice-Watch"});"
>
Ice-Watch
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/lorus/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Lorus"});"
>
Lorus
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="">
<a
href="https://www.mastersintime.de/boccia/ladies-daily-wear/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Boccia"});"
>
Boccia
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/citizen/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Citizen"});"
>
Citizen
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/g-shock/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"G-Shock"});"
>
G-Shock
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/jacob-jensen/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Jacob Jensen"});"
>
Jacob Jensen
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/timex/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Timex"});"
>
Timex
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/brandlist/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Uhrenmarken"});"
>
Alle Uhrenmarken
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">DESIGNERMARKEN</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/balmain/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Balmain"});"
>
Balmain
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/emporio-armani/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Emporio Armani"});"
>
Emporio Armani
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Hugo Boss"});"
>
Hugo Boss
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/tommy-hilfiger/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Tommy Hilfiger"});"
>
Tommy Hilfiger
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/calvin-klein/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Calvin Klein"});"
>
Calvin Klein
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/versace/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Versace"});"
>
Versace
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">UHRENARTEN</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kategorien/watches-with-real-diamonds/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Diamanten"});"
>
Diamanten
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/schweizer-uhren/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Schweizer Uhren"});"
>
Schweizer Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/damenuhren/small-ladies-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"XS-Uhren"});"
>
XS-Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/sportuhren/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Sportuhren"});"
>
Sportuhren
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/smartwatch/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Smartwatches"});"
>
Smartwatches
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/kategorien/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Kategorien"});"
>
Alle Kategorien
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">UHREN STILE</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/minimalistische-uhren/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Minimalistische Uhren"});"
>
Minimalistische Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/retro-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Retro-Uhren"});"
>
Retro-Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/casual/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Freizeituhren"});"
>
Freizeituhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/watches-with-crystals/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Funkelnde Uhren"});"
>
Funkelnde Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/square-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Quadratische und rechteckige Uhren"});"
>
Quadratische und rechteckige Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/trendige-uhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Trend-Uhren"});"
>
Trend-Uhren
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">UHRENFARBEN</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/goldene-uhren/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Goldene Uhren"});"
>
Goldene Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/silberne-uhren/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Silberne Uhren"});"
>
Silberne Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/rosegold-uhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Ros\u00e9goldfarbene Uhren"});"
>
Roségoldfarbene Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/weisse-uhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Wei\u00dfe Uhren"});"
>
Weiße Uhren
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/schwarze-uhren/damen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Schwarze Uhren"});"
>
Schwarze Uhren
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/uhren-farben/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Farben"});"
>
Alle Farben
</a>
</li>
</ul>
</div>
</div>
</div>
<div
:class="{'hidden': tab !== 822905, 'animate__animated animate__fadeIn animate__faster': tab === 822905}">
<div class="navigation__menu">
<div class="navigation__column">
<ul class="navigation__list">
<li class="line">
<a
href="https://www.mastersintime.de/kinderuhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Kinderuhren"});"
>
Alle Kinderuhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/jungen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhren f\u00fcr Jungen"});"
>
Uhren für Jungen
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/madchen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhren f\u00fcr M\u00e4dchen"});"
>
Uhren für Mädchen
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/kids-new-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Neu"});"
>
Neu
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/kids-coming-soon/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Demn\u00e4chst verf\u00fcgbar"});"
>
Demnächst verfügbar
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/kids-sale/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Kinderuhren Outlet"});"
>
Kinderuhren Outlet
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Uhrenmarken</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/casio/kinder/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Casio"});"
>
Casio
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/flik-flak/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Flik Flak"});"
>
Flik Flak
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/calypso/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Calypso"});"
>
Calypso
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/ice-watch/kinder/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Ice Watch"});"
>
Ice Watch
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/garonne-kids/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Garonne Kids"});"
>
Garonne Kids
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/lorus/kinder/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Lorus"});"
>
Lorus
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Preisklassen</p>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/kinderuhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Preise"});"
>
Alle Preise
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/kids-watches-0-50-euros/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"0 - 50 EUR"});"
>
0 - 50 EUR
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/kids-watches-50-100-euros/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"50 - 100 EUR"});"
>
50 - 100 EUR
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/kids-watches-100-200-euros/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"100 - 200 EUR"});"
>
100 - 200 EUR
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Arten von Kinderuhren</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/analog/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Analoge Kinderuhren"});"
>
Analoge Kinderuhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/digital/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Digitaluhren"});"
>
Digitaluhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/analog-digital/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Analog-Digital-Uhren"});"
>
Analog-Digital-Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/smartwatches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Smartwatches"});"
>
Smartwatches
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/water-resistant/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Wasserdichte Uhren"});"
>
Wasserdichte Uhren
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Farben</p>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/kinderuhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Farben"});"
>
Alle Farben
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/kids-blue-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Blaue Uhren"});"
>
Blaue Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/kids-watches-black/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Schwarze Uhren"});"
>
Schwarze Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/pink-watches-for-kids/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Rosafarbene Uhren"});"
>
Rosafarbene Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/silver-watches-for-kids/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Silberne Uhren"});"
>
Silberne Uhren
</a>
</li>
</ul>
</div>
</div>
</div>
<div
:class="{'hidden': tab !== 823001, 'animate__animated animate__fadeIn animate__faster': tab === 823001}">
<div class="navigation__menu">
<div class="navigation__column">
<ul class="navigation__list">
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Suche nach Uhrenarmband"});"
>
Suche nach Uhrenarmband
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Marken</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/casio/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Casio"});"
>
Casio
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/citizen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Citizen"});"
>
Citizen
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/festina/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Festina"});"
>
Festina
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/fossil/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Fossil"});"
>
Fossil
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/hamilton/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Hamilton"});"
>
Hamilton
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/hirsch/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Hirsch"});"
>
Hirsch
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/hugo-boss/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Hugo Boss"});"
>
Hugo Boss
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/ice-watch/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Ice-Watch"});"
>
Ice-Watch
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/seiko/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Seiko"});"
>
Seiko
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/swatch/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Swatch"});"
>
Swatch
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/tissot/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Tissot"});"
>
Tissot
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/uhrenarmbander/tommy-hilfiger/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Tommy Hilfiger"});"
>
Tommy Hilfiger
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/uhrenarmbander/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Marken"});"
>
Alle Marken
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Typen</p>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/uhrenarmbander/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Arten Uhrenarmb\u00e4ndern"});"
>
Alle Arten Uhrenarmbändern
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/straight-mount-bands/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Universal - gerade Montage - Uhrenarmb\u00e4nder"});"
>
Universal - gerade Montage - Uhrenarmbänder
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/leder/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Lederarmb\u00e4nder"});"
>
Lederarmbänder
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/metall/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Metallarmb\u00e4nder"});"
>
Metallarmbänder
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/nato/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"NATO Armb\u00e4nder"});"
>
NATO Armbänder
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Breite des Bandes</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/14mm/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenarmb\u00e4nder 14 mm"});"
>
Uhrenarmbänder 14 mm
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/16mm/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenarmb\u00e4nder 16 mm"});"
>
Uhrenarmbänder 16 mm
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/18mm/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenarmb\u00e4nder 18 mm"});"
>
Uhrenarmbänder 18 mm
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/20mm/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenarmb\u00e4nder 20 mm"});"
>
Uhrenarmbänder 20 mm
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/22mm/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenarmb\u00e4nder 22 mm"});"
>
Uhrenarmbänder 22 mm
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmbander/24mm/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenarmb\u00e4nder 24 mm"});"
>
Uhrenarmbänder 24 mm
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Apple Watch</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/universelle-uhrenarmbander/smartwatch/apple/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Apple Watch Armb\u00e4nder"});"
>
Alle Apple Watch Armbänder
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenzubehor/apple-watch-strap-adapter/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Apple Watch Adapter"});"
>
Apple Watch Adapter
</a>
</li>
<li class="!pb-4 !pt-8">
<p class="navigation__title">Wie man...</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/wechseln-eines-uhrenarmbands/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"...Uhrenarmband austauschen"});"
>
...Uhrenarmband austauschen
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenarmband-anpassen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"...Uhrenarmband einstellen"});"
>
...Uhrenarmband einstellen
</a>
</li>
</ul>
</div>
</div>
</div>
<div
:class="{'hidden': tab !== 823064, 'animate__animated animate__fadeIn animate__faster': tab === 823064}">
<div class="navigation__menu">
<div class="navigation__column">
<ul class="navigation__list">
<li class="line">
<a
href="https://www.mastersintime.de/uhrenzubehor/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"S\u00e4mtliches Uhrenzubeh\u00f6r"});"
>
Sämtliches Uhrenzubehör
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenzubehor/uhrenbatterien/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenbatterien"});"
>
Uhrenbatterien
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenzubehor/federstabe/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Federstege"});"
>
Federstege
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenzubehor/verschlusse/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Verschl\u00fcsse"});"
>
Verschlüsse
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenzubehor/uhrenarmbandschlaufen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Armbandschlaufen"});"
>
Armbandschlaufen
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenzubehor/uhrenbeweger/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenbeweger"});"
>
Uhrenbeweger
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenzubehor/uhrenboxen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenboxen"});"
>
Uhrenboxen
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/uhrenzubehor/sonstiges-zubehor/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Sonstiges Zubeh\u00f6r"});"
>
Sonstiges Zubehör
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Meistverkaufte Uhrenbatterien</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/renata-364-sr621sw-r364.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"R364 \/ SR621SW"});"
>
R364 / SR621SW
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/renata-370-sr920w-sg6-ag6-r370.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"R370 \/ SR920W"});"
>
R370 / SR920W
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/renata-377-sr626sw-sg4-r377.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"R377 \/ SR626SW"});"
>
R377 / SR626SW
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/renata-395-sr927sw-r395.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"R395 \/ SR927SW"});"
>
R395 / SR927SW
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/renata-399-sr927w-r399.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"R399 \/ SR927W"});"
>
R399 / SR927W
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/renata-cr2016.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"CR2016"});"
>
CR2016
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/renata-cr2025.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"CR2025"});"
>
CR2025
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/renata-cr2032.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"CR2032"});"
>
CR2032
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Meistverkaufte Uhrenwerkzeuge</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/hwg-accessories-springbar-tool-werkzeug-zum-entfernen-und-befestigen-von-armbandern-und-armreifen-tool-springbar-remover.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Federstegwerkzeug mit Ersatzteilen"});"
>
Federstegwerkzeug mit Ersatzteilen
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/hwg-accessories-connoisseurs-watch-care-poliertuch-co784.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Putztuch f\u00fcr Uhren"});"
>
Putztuch für Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/hwg-accessories-polywatch-polish-kratzerentfernungspaste-fur-kunststoffuhrglaser-poly.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Polywatch-Politur"});"
>
Polywatch-Politur
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/hwg-accessories-watch-screwdrivers-dreiteiliger-uhrenreparatur-schraubendrehersatz-tool-screwdrivers.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Schraubendreher"});"
>
Schraubendreher
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/hwg-accessories-case-opener-universalwerkzeug-zum-offnen-von-uhrengehausen-tool-case-opener.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Snap on\/off Geh\u00e4useboden\u00f6ffner"});"
>
Snap on/off Gehäusebodenöffner
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/hwg-accessories-back-case-opener-werkzeugsatz-zum-offnen-verschraubter-gehauseboden-tool-backcase-opener.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Geh\u00e4use\u00f6ffner f\u00fcr geschraubten Geh\u00e4useboden"});"
>
Gehäuseöffner für geschraubten Gehäuseboden
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/hwg-accessories-repair-toolkit-kompletter-werkzeugsatz-zur-uhrenreparatur-tool-repairkit.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Kompletter Satz Uhrenwerkzeuge"});"
>
Kompletter Satz Uhrenwerkzeuge
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Uhrenboxen Bestseller</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/hwg-accessories-watchroll-one-black-reiseuhrrolle-fur-eine-uhr-watchroll-one.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Rolle f\u00fcr eine Uhr"});"
>
Rolle für eine Uhr
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/hwg-accessories-watchroll-two-black-reise-uhrenrolle-fur-zwei-uhren-watchroll-two.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Rolle f\u00fcr zwei Uhren"});"
>
Rolle für zwei Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/hwg-accessories-watch-storage-box-aufbewahrungsbox-fur-6-uhren-bond-6-brown1.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Box f\u00fcr 6 Uhren"});"
>
Box für 6 Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/wolf-wm-brown-6-fach-uhrenrolle-mit-zigarrenetui-800706.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Luxusrolle f\u00fcr 6 Uhren"});"
>
Luxusrolle für 6 Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/hwg-accessories-watch-storage-box-aufbewahrungsbox-fur-10-uhren-bond-10-black1.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Box f\u00fcr 10 Uhren"});"
>
Box für 10 Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/wolf-palermo-doppelte-uhrenrolle-schmucketui-213902.htm"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Rolle f\u00fcr 2 Uhren und Schmuck"});"
>
Rolle für 2 Uhren und Schmuck
</a>
</li>
</ul>
</div>
</div>
</div>
<div
:class="{'hidden': tab !== 823166, 'animate__animated animate__fadeIn animate__faster': tab === 823166}">
<div class="navigation__menu">
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Vintage</p>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/vintage-uhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Vintage-Uhren"});"
>
Alle Vintage-Uhren
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Zweite Chance</p>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/second-chance/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Second-Chance Uhren"});"
>
Alle Second-Chance Uhren
</a>
</li>
</ul>
</div>
</div>
</div>
<div
:class="{'hidden': tab !== 823181, 'animate__animated animate__fadeIn animate__faster': tab === 823181}">
<div class="navigation__menu">
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Inspiration</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/bestsellers/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Bestseller"});"
>
Bestseller
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/shop-the-style/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Nach Stil einkaufen"});"
>
Nach Stil einkaufen
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/inspiration/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Blog"});"
>
Blog
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Uhrentrends</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/inspiration/uhrentrends-fur-fruhjahr-und-sommer-2025/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrentrends Fr\u00fchjahr\/Sommer 2025"});"
>
Uhrentrends Frühjahr/Sommer 2025
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/inspiration/uhrentrends-herbstwinter-2024/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrentrends Herbst\/Winter 2024-2025"});"
>
Uhrentrends Herbst/Winter 2024-2025
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">UHRENARTEN</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/inspiration/ich-mochte-eine-umweltfreundliche-uhr-gibt-es-die-uberhaupt/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Umweltfreundliche Uhren"});"
>
Umweltfreundliche Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/inspiration/uhrentrend-felduhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Felduhren"});"
>
Felduhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/inspiration/uhr-aus-edelstahl-oder-titan-wir-helfen-ihnen-bei-der-entscheidung/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Titan oder Stahl?"});"
>
Titan oder Stahl?
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="">
<a
href="https://www.mastersintime.de/inspiration/arten-von-uhrenarmbandern-welches-passt-am-besten-zu-meiner-uhr/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Arten von Uhrenarmb\u00e4ndern"});"
>
Arten von Uhrenarmbändern
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/inspiration/welche-arten-von-smartwatches-gibt-es/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Arten von Smartwatches"});"
>
Arten von Smartwatches
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/inspiration/wie-funktioniert-eine-mondphasenuhr/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Was ist eine Mondphasenuhr?"});"
>
Was ist eine Mondphasenuhr?
</a>
</li>
</ul>
</div>
</div>
</div>
<div
:class="{'hidden': tab !== 823199, 'animate__animated animate__fadeIn animate__faster': tab === 823199}">
<div class="navigation__menu">
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Neue Kollektion</p>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/neue-uhrenkollektion/spring-summer-2025/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Fr\u00fchjahrskollektion 2025"});"
>
Frühjahrskollektion 2025
</a>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/neue-uhrenkollektion/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"alle neuen Uhren"});"
>
alle neuen Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/damenuhren/neu/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Neue Damenuhren"});"
>
Neue Damenuhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/herrenuhren/new-gents-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Neue Herrenuhren"});"
>
Neue Herrenuhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/kids-new-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Neue Kinderuhren"});"
>
Neue Kinderuhren
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Bald verfügbar</p>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/coming-soon/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle bald erh\u00e4ltlichen Uhren"});"
>
Alle bald erhältlichen Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/damenuhren/coming-soon-ladies-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Bald erh\u00e4ltliche Damenuhren"});"
>
Bald erhältliche Damenuhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/herrenuhren/coming-soon-gents-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Bald erh\u00e4ltliche Herrenuhren"});"
>
Bald erhältliche Herrenuhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kinderuhren/kids-coming-soon/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Bald erh\u00e4ltliche Kinderuhren"});"
>
Bald erhältliche Kinderuhren
</a>
</li>
</ul>
</div>
</div>
</div>
<div
:class="{'hidden': tab !== 823235, 'animate__animated animate__fadeIn animate__faster': tab === 823235}">
<div class="navigation__menu">
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Sale</p>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/outlet/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Sale Uhren"});"
>
Alle Sale Uhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/sale-herrenuhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Herren"});"
>
Herren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/sale-damenuhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Damen"});"
>
Damen
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/sale-kinderuhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Kinder"});"
>
Kinder
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Zweite Chance</p>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/second-chance/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Second-Chance Uhren"});"
>
Alle Second-Chance Uhren
</a>
</li>
</ul>
</div>
</div>
</div>
<div
:class="{'hidden': tab !== 823259, 'animate__animated animate__fadeIn animate__faster': tab === 823259}">
<div class="navigation__menu">
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Shop</p>
</li>
<li class="line">
<a
href="https://www.mastersintime.de/watch-gift-finder/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Geschenkfinder"});"
>
Geschenkfinder
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/geschenke-fur-frauen/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Geschenke f\u00fcr sie"});"
>
Geschenke für sie
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/geschenke-fur-manner/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Geschenke f\u00fcr ihn"});"
>
Geschenke für ihn
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/gifts-for-kids/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Geschenke f\u00fcr Kinder"});"
>
Geschenke für Kinder
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/geschenksets/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Geschenk-Sets"});"
>
Geschenk-Sets
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Geschenkideen</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/fathers-day/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Vatertag"});"
>
Vatertag
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/kategorien/communion-and-confirmation-watches/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Kommunion\/Konfirmation"});"
>
Kommunion/Konfirmation
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/shop-the-style/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Kaufen Sie den Stil"});"
>
Kaufen Sie den Stil
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/bestsellers/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Bestseller"});"
>
Bestseller
</a>
</li>
</ul>
</div>
<div class="navigation__column">
<ul class="navigation__list">
<li class="!pb-4">
<p class="navigation__title">Inspiration</p>
</li>
<li class="">
<a
href="https://www.mastersintime.de/inspiration/vatertag-gonnen-sie-ihrem-vater-etwas-zeit/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Zeit f\u00fcr Papa"});"
>
Zeit für Papa
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/inspiration/die-derzeit-schonsten-kinderuhren/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Beliebte Kinderuhren"});"
>
Beliebte Kinderuhren
</a>
</li>
<li class="">
<a
href="https://www.mastersintime.de/inspiration/ist-eine-uhr-ein-geeignetes-geschenk-fur/"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Momente des Schenkens"});"
>
Momente des Schenkens
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div
class="navigation__sub__shadow"
x-on:mouseenter="tab = null">
</div>
</div>
</div>
</div>
<div class="header__mobileNavigation" x-on:click.self="headerOpens = null"
:class="{ 'header__mobileNavigation--open': headerOpens === 'menu' }">
<div class="header__mobileNavigation--inner transition-all">
<div
class="flex flex-col" style="min-height: 100dvh;"
x-data="{
panel: 0
}"
>
<div
class="transition ease-out duration-500"
x-show="panel === 0"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<div class="flex-1 menu-title text-left font-extrabold">
Menu
</div>
</div>
<div class="mb-4">
<ul>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Uhrenmarken"
x-on:click="panel = 822605; dataLayer.push({"event":"navigationUse","menuItem":"Uhrenmarken"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Uhrenmarken
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Herren"
x-on:click="panel = 822629; dataLayer.push({"event":"navigationUse","menuItem":"Herren"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Herren
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Damen"
x-on:click="panel = 822776; dataLayer.push({"event":"navigationUse","menuItem":"Damen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Damen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kinder"
x-on:click="panel = 822905; dataLayer.push({"event":"navigationUse","menuItem":"Kinder"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kinder
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Uhrenarmbänder"
x-on:click="panel = 823001; dataLayer.push({"event":"navigationUse","menuItem":"Uhrenarmb\u00e4nder"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Uhrenarmbänder
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Uhrenzubehör"
x-on:click="panel = 823064; dataLayer.push({"event":"navigationUse","menuItem":"Uhrenzubeh\u00f6r"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Uhrenzubehör
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Vintage"
x-on:click="panel = 823166; dataLayer.push({"event":"navigationUse","menuItem":"Vintage"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Vintage
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Inspiration"
x-on:click="panel = 823181; dataLayer.push({"event":"navigationUse","menuItem":"Inspiration"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Inspiration
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Neu"
x-on:click="panel = 823199; dataLayer.push({"event":"navigationUse","menuItem":"Neu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Neu
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="OUTLET"
x-on:click="panel = 823235; dataLayer.push({"event":"navigationUse","menuItem":"OUTLET"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
OUTLET
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="🎁 Geschenkshop"
x-on:click="panel = 823259; dataLayer.push({"event":"navigationUse","menuItem":"\ud83c\udf81 Geschenkshop"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
🎁 Geschenkshop
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822605"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 0"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Uhrenmarken
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/adidas/"
title="Adidas"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Adidas"});"
>
Adidas
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/alpina/"
title="Alpina"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alpina"});"
>
Alpina
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/balmain/"
title="Balmain"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Balmain"});"
>
Balmain
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/bering/"
title="Bering"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Bering"});"
>
Bering
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/boccia/"
title="Boccia"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Boccia"});"
>
Boccia
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/bulova/"
title="Bulova"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Bulova"});"
>
Bulova
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/calvin-klein/"
title="Calvin Klein"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Calvin Klein"});"
>
Calvin Klein
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/calypso/"
title="Calypso Kids"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Calypso Kids"});"
>
Calypso Kids
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/casio/"
title="Casio"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Casio"});"
>
Casio
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/casio-edifice/"
title="Casio Edifice"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Casio Edifice"});"
>
Casio Edifice
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/certina/"
title="Certina"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Certina"});"
>
Certina
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/charmex-of-switzerland/"
title="Charmex of Switzerland"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Charmex of Switzerland"});"
>
Charmex of Switzerland
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/ciga-design/"
title="CIGA Design"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"CIGA Design"});"
>
CIGA Design
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/citizen/"
title="Citizen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Citizen"});"
>
Citizen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/claude-bernard/"
title="Claude Bernard"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Claude Bernard"});"
>
Claude Bernard
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/cluse/"
title="Cluse"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Cluse"});"
>
Cluse
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/coach/"
title="Coach"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Coach"});"
>
Coach
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/danish-design/"
title="Danish Design"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Danish Design"});"
>
Danish Design
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/diesel/"
title="Diesel"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Diesel"});"
>
Diesel
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/edox/"
title="Edox"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Edox"});"
>
Edox
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/emporio-armani/"
title="Emporio Armani"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Emporio Armani"});"
>
Emporio Armani
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/esprit/"
title="Esprit"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Esprit"});"
>
Esprit
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/eterna/"
title="Eterna"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Eterna"});"
>
Eterna
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/festina/"
title="Festina"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Festina"});"
>
Festina
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/flik-flak/"
title="Flik Flak"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Flik Flak"});"
>
Flik Flak
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/fossil/"
title="Fossil"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Fossil"});"
>
Fossil
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/frederique-constant/"
title="Frederique Constant"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Frederique Constant"});"
>
Frederique Constant
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/g-shock/"
title="G-Shock"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"G-Shock"});"
>
G-Shock
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/garonne-kids/"
title="Garonne Kids"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Garonne Kids"});"
>
Garonne Kids
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/gc/"
title="GC"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"GC"});"
>
GC
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/guess/"
title="Guess"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Guess"});"
>
Guess
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/hamilton/"
title="Hamilton"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Hamilton"});"
>
Hamilton
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/hugo-boss/"
title="Hugo Boss"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Hugo Boss"});"
>
Hugo Boss
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/ice-watch/"
title="Ice-Watch"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Ice-Watch"});"
>
Ice-Watch
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/isola-bella/"
title="Isola Bella"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Isola Bella"});"
>
Isola Bella
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/jacob-jensen/"
title="Jacob Jensen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Jacob Jensen"});"
>
Jacob Jensen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/jacques-du-manoir/"
title="Jacques du Manoir"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Jacques du Manoir"});"
>
Jacques du Manoir
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/jaguar/"
title="Jaguar"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Jaguar"});"
>
Jaguar
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/lacoste/"
title="Lacoste"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Lacoste"});"
>
Lacoste
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/ligure/"
title="Ligure"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Ligure"});"
>
Ligure
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/lip/"
title="LIP"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"LIP"});"
>
LIP
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/lorus/"
title="Lorus"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Lorus"});"
>
Lorus
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/lotus/"
title="Lotus"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Lotus"});"
>
Lotus
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/luminox/"
title="Luminox"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Luminox"});"
>
Luminox
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/m-watch-by-mondaine/"
title="M-Watch by Mondaine"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"M-Watch by Mondaine"});"
>
M-Watch by Mondaine
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/maserati/"
title="Maserati"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Maserati"});"
>
Maserati
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/maurice-lacroix/"
title="Maurice Lacroix"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Maurice Lacroix"});"
>
Maurice Lacroix
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/meistersinger/"
title="Meistersinger"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Meistersinger"});"
>
Meistersinger
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/michael-kors/"
title="Michael Kors"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Michael Kors"});"
>
Michael Kors
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/mondaine/"
title="Mondaine"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Mondaine"});"
>
Mondaine
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/movado/"
title="Movado"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Movado"});"
>
Movado
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/mvmt/"
title="MVMT"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"MVMT"});"
>
MVMT
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/nixon/"
title="Nixon"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Nixon"});"
>
Nixon
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/olympic/"
title="Olympic"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Olympic"});"
>
Olympic
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/orient/"
title="Orient"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Orient"});"
>
Orient
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/paul-hewitt/"
title="Paul Hewitt"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Paul Hewitt"});"
>
Paul Hewitt
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/philipp-plein/"
title="Philipp Plein"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Philipp Plein"});"
>
Philipp Plein
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/police/"
title="Police"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Police"});"
>
Police
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/raymond-weil/"
title="Raymond Weil"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Raymond Weil"});"
>
Raymond Weil
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/rg512-kids/"
title="RG512 Kids"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"RG512 Kids"});"
>
RG512 Kids
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/roamer/"
title="Roamer"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Roamer"});"
>
Roamer
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/seiko/"
title="Seiko"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Seiko"});"
>
Seiko
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/skagen/"
title="Skagen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Skagen"});"
>
Skagen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/swarovski/"
title="Swarovski"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Swarovski"});"
>
Swarovski
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/swatch/"
title="Swatch"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Swatch"});"
>
Swatch
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/swiss-military-hanowa/"
title="Swiss Military Hanowa"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Swiss Military Hanowa"});"
>
Swiss Military Hanowa
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/timberland/"
title="Timberland"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Timberland"});"
>
Timberland
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/timex/"
title="Timex"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Timex"});"
>
Timex
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/tissot/"
title="Tissot"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Tissot"});"
>
Tissot
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/tommy-hilfiger/"
title="Tommy Hilfiger"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Tommy Hilfiger"});"
>
Tommy Hilfiger
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/triwa/"
title="Triwa"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Triwa"});"
>
Triwa
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/tw-steel/"
title="TW Steel"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"TW Steel"});"
>
TW Steel
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/versace/"
title="Versace"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Versace"});"
>
Versace
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/victorinox-swiss-army/"
title="Victorinox Swiss Army"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Victorinox Swiss Army"});"
>
Victorinox Swiss Army
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/welder/"
title="Welder"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Welder"});"
>
Welder
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/zeppelin/"
title="Zeppelin"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Zeppelin"});"
>
Zeppelin
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Alle Marken"
x-on:click="panel = 822611; dataLayer.push({"event":"navigationUse","menuItem":"Alle Marken"});"
class="block w-full text-left py-2 relative px-12"
>
Alle Marken
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822611"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 822605"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Uhrenmarken | Alle Marken
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/alle-uhren/"
title="Alle Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Uhren"});"
>
Alle Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/uhrenmarken/"
title="Alle Uhrenmarken"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Uhrenmarken"});"
>
Alle Uhrenmarken
<br><small class="text-xs text-gray-400"> Über 70 Marken auf Lager!</small> </a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/bestsellers/"
title="Bestseller"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Bestseller"});"
>
Bestseller
</a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/kategorien/"
title="Alle Kategorien"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Kategorien"});"
>
Alle Kategorien
</a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/uhrenarmbander/"
title="Alle Uhrenarmbandmarken"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Uhrenarmbandmarken"});"
>
Alle Uhrenarmbandmarken
</a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/vintage-uhren/"
title="Vintage"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Vintage"});"
>
Vintage
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822629"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 0"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Herren
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="POPULÄRE MARKEN"
x-on:click="panel = 822632; dataLayer.push({"event":"navigationUse","menuItem":"POPUL\u00c4RE MARKEN"});"
class="block w-full text-left py-2 relative px-12"
>
POPULÄRE MARKEN
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/maserati/herren/"
title="Maserati"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Maserati"});"
>
Maserati
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/orient/herren/"
title="Orient"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Orient"});"
>
Orient
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/seiko/herren/"
title="Seiko"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Seiko"});"
>
Seiko
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/timex/herren/"
title="Timex"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Timex"});"
>
Timex
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/tissot/herren/"
title="Tissot"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Tissot"});"
>
Tissot
</a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/tw-steel/"
title="TW Steel"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"TW Steel"});"
>
TW Steel
</a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/brandlist/"
title="Alle Uhrenmarken"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Uhrenmarken"});"
>
Alle Uhrenmarken
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="UHRWERKE"
x-on:click="panel = 822680; dataLayer.push({"event":"navigationUse","menuItem":"UHRWERKE"});"
class="block w-full text-left py-2 relative px-12"
>
UHRWERKE
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="UHRENARTEN"
x-on:click="panel = 822704; dataLayer.push({"event":"navigationUse","menuItem":"UHRENARTEN"});"
class="block w-full text-left py-2 relative px-12"
>
UHRENARTEN
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/sportuhren/herren/"
title="Sportuhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Sportuhren"});"
>
Sportuhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/schweizer-uhren/herren/"
title="Schweizer Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Schweizer Uhren"});"
>
Schweizer Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/outdoor-uhren/herren/"
title="Outdoor-Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Outdoor-Uhren"});"
>
Outdoor-Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/sportuhren/herren/"
title="Sportuhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Sportuhren"});"
>
Sportuhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/xxl-uhren/"
title="XXL-Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"XXL-Uhren"});"
>
XXL-Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/taschenuhren/"
title="Taschenuhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Taschenuhren"});"
>
Taschenuhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/kategorien/"
title="Alle Kategorien"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Kategorien"});"
>
Alle Kategorien
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="MATERIALIEN"
x-on:click="panel = 822752; dataLayer.push({"event":"navigationUse","menuItem":"MATERIALIEN"});"
class="block w-full text-left py-2 relative px-12"
>
MATERIALIEN
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822632"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 822629"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Herren | POPULÄRE MARKEN
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/casio/herren/"
title="Casio"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Casio"});"
>
Casio
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/citizen/herren/"
title="Citizen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Citizen"});"
>
Citizen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/festina/herren/"
title="Festina"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Festina"});"
>
Festina
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/g-shock/herren/"
title="G-Shock"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"G-Shock"});"
>
G-Shock
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/"
title="Hugo Boss"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Hugo Boss"});"
>
Hugo Boss
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/jacob-jensen/herren/"
title="Jacob Jensen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Jacob Jensen"});"
>
Jacob Jensen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/lorus/herren/"
title="Lorus"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Lorus"});"
>
Lorus
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822680"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 822629"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Herren | UHRWERKE
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/quarzuhren/herren/"
title="Quarzuhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Quarzuhren"});"
>
Quarzuhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/automatikuhren/"
title="Automatik"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Automatik"});"
>
Automatik
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/digitaluhren/"
title="Digital"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Digital"});"
>
Digital
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/ana-digi-watches/"
title="Analog-Digital"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Analog-Digital"});"
>
Analog-Digital
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/solaruhren/"
title="Sonnenenergie"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Sonnenenergie"});"
>
Sonnenenergie
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/funkuhren/"
title="Funkgesteuert"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Funkgesteuert"});"
>
Funkgesteuert
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/chronographen/"
title="Chronograph"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Chronograph"});"
>
Chronograph
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822704"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 822629"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Herren | UHRENARTEN
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/limited-editions/"
title="Limitierte Auflage"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Limitierte Auflage"});"
>
Limitierte Auflage
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/retro-watches/"
title="Retro &amp; Neuauflagen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Retro &amp; Neuauflagen"});"
>
Retro &amp; Neuauflagen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/taucheruhren/herren/"
title="Taucheruhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Taucheruhren"});"
>
Taucheruhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/fliegeruhren/"
title="Fliegeruhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Fliegeruhren"});"
>
Fliegeruhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/gps-uhren/"
title="GPS"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"GPS"});"
>
GPS
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/moonphase-watches/"
title="Mondphase"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Mondphase"});"
>
Mondphase
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/skelettuhren/"
title="Skelettierte Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Skelettierte Uhren"});"
>
Skelettierte Uhren
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822752"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 822629"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Herren | MATERIALIEN
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/titan-uhren/herren/"
title="Titan"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Titan"});"
>
Titan
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/stainless-steel-watches/"
title="Rostfreier Stahl"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Rostfreier Stahl"});"
>
Rostfreier Stahl
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/ceramic-watches/"
title="Keramik"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Keramik"});"
>
Keramik
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/plastic-and-resin-watches/"
title="Kunststoff/Resin"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Kunststoff\/Resin"});"
>
Kunststoff/Resin
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/carbon-watches/"
title="Carbon"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Carbon"});"
>
Carbon
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/watches-with-sapphire-crystal/"
title="Saphirglas"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Saphirglas"});"
>
Saphirglas
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/eco-friendly-watches/"
title="Umweltfreundlich"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Umweltfreundlich"});"
>
Umweltfreundlich
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822776"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 0"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Damen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="POPULÄRE MARKEN"
x-on:click="panel = 822779; dataLayer.push({"event":"navigationUse","menuItem":"POPUL\u00c4RE MARKEN"});"
class="block w-full text-left py-2 relative px-12"
>
POPULÄRE MARKEN
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/boccia/ladies-daily-wear/"
title="Boccia"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Boccia"});"
>
Boccia
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/citizen/damen/"
title="Citizen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Citizen"});"
>
Citizen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/g-shock/damen/"
title="G-Shock"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"G-Shock"});"
>
G-Shock
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/jacob-jensen/damen/"
title="Jacob Jensen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Jacob Jensen"});"
>
Jacob Jensen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/timex/damen/"
title="Timex"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Timex"});"
>
Timex
</a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/brandlist/"
title="Alle Uhrenmarken"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Uhrenmarken"});"
>
Alle Uhrenmarken
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="DESIGNERMARKEN"
x-on:click="panel = 822821; dataLayer.push({"event":"navigationUse","menuItem":"DESIGNERMARKEN"});"
class="block w-full text-left py-2 relative px-12"
>
DESIGNERMARKEN
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="UHRENARTEN"
x-on:click="panel = 822842; dataLayer.push({"event":"navigationUse","menuItem":"UHRENARTEN"});"
class="block w-full text-left py-2 relative px-12"
>
UHRENARTEN
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="UHREN STILE"
x-on:click="panel = 822863; dataLayer.push({"event":"navigationUse","menuItem":"UHREN STILE"});"
class="block w-full text-left py-2 relative px-12"
>
UHREN STILE
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="UHRENFARBEN"
x-on:click="panel = 822884; dataLayer.push({"event":"navigationUse","menuItem":"UHRENFARBEN"});"
class="block w-full text-left py-2 relative px-12"
>
UHRENFARBEN
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822779"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 822776"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Damen | POPULÄRE MARKEN
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/casio/damen/"
title="Casio"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Casio"});"
>
Casio
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/cluse/"
title="Cluse"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Cluse"});"
>
Cluse
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/danish-design/damen/"
title="Danish Design"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Danish Design"});"
>
Danish Design
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/guess/"
title="Guess"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Guess"});"
>
Guess
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/ice-watch/damen/"
title="Ice-Watch"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Ice-Watch"});"
>
Ice-Watch
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/lorus/damen/"
title="Lorus"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Lorus"});"
>
Lorus
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822821"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 822776"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Damen | DESIGNERMARKEN
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/balmain/"
title="Balmain"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Balmain"});"
>
Balmain
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/emporio-armani/"
title="Emporio Armani"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Emporio Armani"});"
>
Emporio Armani
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/"
title="Hugo Boss"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Hugo Boss"});"
>
Hugo Boss
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/tommy-hilfiger/damen/"
title="Tommy Hilfiger"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Tommy Hilfiger"});"
>
Tommy Hilfiger
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/calvin-klein/damen/"
title="Calvin Klein"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Calvin Klein"});"
>
Calvin Klein
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/versace/"
title="Versace"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Versace"});"
>
Versace
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822842"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 822776"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Damen | UHRENARTEN
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kategorien/watches-with-real-diamonds/"
title="Diamanten"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Diamanten"});"
>
Diamanten
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/schweizer-uhren/damen/"
title="Schweizer Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Schweizer Uhren"});"
>
Schweizer Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/damenuhren/small-ladies-watches/"
title="XS-Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"XS-Uhren"});"
>
XS-Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/sportuhren/damen/"
title="Sportuhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Sportuhren"});"
>
Sportuhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/smartwatch/damen/"
title="Smartwatches"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Smartwatches"});"
>
Smartwatches
</a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/kategorien/"
title="Alle Kategorien"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Kategorien"});"
>
Alle Kategorien
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822863"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 822776"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Damen | UHREN STILE
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/minimalistische-uhren/damen/"
title="Minimalistische Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Minimalistische Uhren"});"
>
Minimalistische Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/retro-watches/"
title="Retro-Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Retro-Uhren"});"
>
Retro-Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/casual/"
title="Freizeituhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Freizeituhren"});"
>
Freizeituhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/watches-with-crystals/"
title="Funkelnde Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Funkelnde Uhren"});"
>
Funkelnde Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/square-watches/"
title="Quadratische und rechteckige Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Quadratische und rechteckige Uhren"});"
>
Quadratische und rechteckige Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/trendige-uhren/"
title="Trend-Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Trend-Uhren"});"
>
Trend-Uhren
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822884"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 822776"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Damen | UHRENFARBEN
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/goldene-uhren/damen/"
title="Goldene Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Goldene Uhren"});"
>
Goldene Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/silberne-uhren/damen/"
title="Silberne Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Silberne Uhren"});"
>
Silberne Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/rosegold-uhren/"
title="Roségoldfarbene Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Ros\u00e9goldfarbene Uhren"});"
>
Roségoldfarbene Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/weisse-uhren/"
title="Weiße Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Wei\u00dfe Uhren"});"
>
Weiße Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/schwarze-uhren/damen/"
title="Schwarze Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Schwarze Uhren"});"
>
Schwarze Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/uhren-farben/"
title="Alle Farben"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Farben"});"
>
Alle Farben
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822905"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 0"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Kinder
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/kinderuhren/"
title="Alle Kinderuhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Kinderuhren"});"
>
Alle Kinderuhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/jungen/"
title="Uhren für Jungen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhren f\u00fcr Jungen"});"
>
Uhren für Jungen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/madchen/"
title="Uhren für Mädchen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhren f\u00fcr M\u00e4dchen"});"
>
Uhren für Mädchen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/kids-new-watches/"
title="Neu"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Neu"});"
>
Neu
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/kids-coming-soon/"
title="Demnächst verfügbar"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Demn\u00e4chst verf\u00fcgbar"});"
>
Demnächst verfügbar
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/kids-sale/"
title="Kinderuhren Outlet"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Kinderuhren Outlet"});"
>
Kinderuhren Outlet
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Uhrenmarken"
x-on:click="panel = 822929; dataLayer.push({"event":"navigationUse","menuItem":"Uhrenmarken"});"
class="block w-full text-left py-2 relative px-12"
>
Uhrenmarken
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Preisklassen"
x-on:click="panel = 822950; dataLayer.push({"event":"navigationUse","menuItem":"Preisklassen"});"
class="block w-full text-left py-2 relative px-12"
>
Preisklassen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Arten von Kinderuhren"
x-on:click="panel = 822965; dataLayer.push({"event":"navigationUse","menuItem":"Arten von Kinderuhren"});"
class="block w-full text-left py-2 relative px-12"
>
Arten von Kinderuhren
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Farben"
x-on:click="panel = 822983; dataLayer.push({"event":"navigationUse","menuItem":"Farben"});"
class="block w-full text-left py-2 relative px-12"
>
Farben
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822929"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 822905"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Kinder | Uhrenmarken
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/casio/kinder/"
title="Casio"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Casio"});"
>
Casio
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/flik-flak/"
title="Flik Flak"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Flik Flak"});"
>
Flik Flak
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/calypso/"
title="Calypso"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Calypso"});"
>
Calypso
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/ice-watch/kinder/"
title="Ice Watch"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Ice Watch"});"
>
Ice Watch
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/garonne-kids/"
title="Garonne Kids"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Garonne Kids"});"
>
Garonne Kids
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/lorus/kinder/"
title="Lorus"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Lorus"});"
>
Lorus
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822950"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 822905"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Kinder | Preisklassen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/kinderuhren/"
title="Alle Preise"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Preise"});"
>
Alle Preise
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/kids-watches-0-50-euros/"
title="0 - 50 EUR"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"0 - 50 EUR"});"
>
0 - 50 EUR
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/kids-watches-50-100-euros/"
title="50 - 100 EUR"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"50 - 100 EUR"});"
>
50 - 100 EUR
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/kids-watches-100-200-euros/"
title="100 - 200 EUR"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"100 - 200 EUR"});"
>
100 - 200 EUR
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822965"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 822905"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Kinder | Arten von Kinderuhren
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/analog/"
title="Analoge Kinderuhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Analoge Kinderuhren"});"
>
Analoge Kinderuhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/digital/"
title="Digitaluhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Digitaluhren"});"
>
Digitaluhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/analog-digital/"
title="Analog-Digital-Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Analog-Digital-Uhren"});"
>
Analog-Digital-Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/smartwatches/"
title="Smartwatches"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Smartwatches"});"
>
Smartwatches
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/water-resistant/"
title="Wasserdichte Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Wasserdichte Uhren"});"
>
Wasserdichte Uhren
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 822983"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 822905"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Kinder | Farben
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/kinderuhren/"
title="Alle Farben"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Farben"});"
>
Alle Farben
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/kids-blue-watches/"
title="Blaue Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Blaue Uhren"});"
>
Blaue Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/kids-watches-black/"
title="Schwarze Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Schwarze Uhren"});"
>
Schwarze Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/pink-watches-for-kids/"
title="Rosafarbene Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Rosafarbene Uhren"});"
>
Rosafarbene Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/silver-watches-for-kids/"
title="Silberne Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Silberne Uhren"});"
>
Silberne Uhren
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823001"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 0"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Uhrenarmbänder
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/"
title="Suche nach Uhrenarmband"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Suche nach Uhrenarmband"});"
>
Suche nach Uhrenarmband
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Marken"
x-on:click="panel = 823010; dataLayer.push({"event":"navigationUse","menuItem":"Marken"});"
class="block w-full text-left py-2 relative px-12"
>
Marken
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/hugo-boss/"
title="Hugo Boss"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Hugo Boss"});"
>
Hugo Boss
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/ice-watch/"
title="Ice-Watch"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Ice-Watch"});"
>
Ice-Watch
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/seiko/"
title="Seiko"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Seiko"});"
>
Seiko
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/swatch/"
title="Swatch"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Swatch"});"
>
Swatch
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/tissot/"
title="Tissot"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Tissot"});"
>
Tissot
</a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/uhrenarmbander/tommy-hilfiger/"
title="Tommy Hilfiger"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Tommy Hilfiger"});"
>
Tommy Hilfiger
</a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/uhrenarmbander/"
title="Alle Marken"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Marken"});"
>
Alle Marken
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Typen"
x-on:click="panel = 823034; dataLayer.push({"event":"navigationUse","menuItem":"Typen"});"
class="block w-full text-left py-2 relative px-12"
>
Typen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Breite des Bandes"
x-on:click="panel = 823316; dataLayer.push({"event":"navigationUse","menuItem":"Breite des Bandes"});"
class="block w-full text-left py-2 relative px-12"
>
Breite des Bandes
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Apple Watch"
x-on:click="panel = 823055; dataLayer.push({"event":"navigationUse","menuItem":"Apple Watch"});"
class="block w-full text-left py-2 relative px-12"
>
Apple Watch
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie man..."
x-on:click="panel = 823319; dataLayer.push({"event":"navigationUse","menuItem":"Wie man..."});"
class="block w-full text-left py-2 relative px-12"
>
Wie man...
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823010"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823001"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Uhrenarmbänder | Marken
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/casio/"
title="Casio"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Casio"});"
>
Casio
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/citizen/"
title="Citizen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Citizen"});"
>
Citizen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/festina/"
title="Festina"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Festina"});"
>
Festina
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/fossil/"
title="Fossil"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Fossil"});"
>
Fossil
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/hamilton/"
title="Hamilton"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Hamilton"});"
>
Hamilton
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/hirsch/"
title="Hirsch"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Hirsch"});"
>
Hirsch
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823034"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823001"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Uhrenarmbänder | Typen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/uhrenarmbander/"
title="Alle Arten Uhrenarmbändern"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Arten Uhrenarmb\u00e4ndern"});"
>
Alle Arten Uhrenarmbändern
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/straight-mount-bands/"
title="Universal - gerade Montage - Uhrenarmbänder"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Universal - gerade Montage - Uhrenarmb\u00e4nder"});"
>
Universal - gerade Montage - Uhrenarmbänder
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/leder/"
title="Lederarmbänder"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Lederarmb\u00e4nder"});"
>
Lederarmbänder
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/metall/"
title="Metallarmbänder"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Metallarmb\u00e4nder"});"
>
Metallarmbänder
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/nato/"
title="NATO Armbänder"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"NATO Armb\u00e4nder"});"
>
NATO Armbänder
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823316"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823001"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Uhrenarmbänder | Breite des Bandes
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/14mm/"
title="Uhrenarmbänder 14 mm"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenarmb\u00e4nder 14 mm"});"
>
Uhrenarmbänder 14 mm
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/16mm/"
title="Uhrenarmbänder 16 mm"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenarmb\u00e4nder 16 mm"});"
>
Uhrenarmbänder 16 mm
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/18mm/"
title="Uhrenarmbänder 18 mm"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenarmb\u00e4nder 18 mm"});"
>
Uhrenarmbänder 18 mm
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/20mm/"
title="Uhrenarmbänder 20 mm"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenarmb\u00e4nder 20 mm"});"
>
Uhrenarmbänder 20 mm
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/22mm/"
title="Uhrenarmbänder 22 mm"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenarmb\u00e4nder 22 mm"});"
>
Uhrenarmbänder 22 mm
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmbander/24mm/"
title="Uhrenarmbänder 24 mm"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenarmb\u00e4nder 24 mm"});"
>
Uhrenarmbänder 24 mm
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823055"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823001"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Uhrenarmbänder | Apple Watch
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/universelle-uhrenarmbander/smartwatch/apple/"
title="Alle Apple Watch Armbänder"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Apple Watch Armb\u00e4nder"});"
>
Alle Apple Watch Armbänder
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenzubehor/apple-watch-strap-adapter/"
title="Apple Watch Adapter"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Apple Watch Adapter"});"
>
Apple Watch Adapter
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823319"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823001"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Uhrenarmbänder | Wie man...
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/wechseln-eines-uhrenarmbands/"
title="...Uhrenarmband austauschen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"...Uhrenarmband austauschen"});"
>
...Uhrenarmband austauschen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmband-anpassen/"
title="...Uhrenarmband einstellen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"...Uhrenarmband einstellen"});"
>
...Uhrenarmband einstellen
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823064"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 0"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Uhrenzubehör
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/uhrenzubehor/"
title="Sämtliches Uhrenzubehör"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"S\u00e4mtliches Uhrenzubeh\u00f6r"});"
>
Sämtliches Uhrenzubehör
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenzubehor/uhrenbatterien/"
title="Uhrenbatterien"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenbatterien"});"
>
Uhrenbatterien
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenzubehor/federstabe/"
title="Federstege"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Federstege"});"
>
Federstege
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenzubehor/verschlusse/"
title="Verschlüsse"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Verschl\u00fcsse"});"
>
Verschlüsse
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenzubehor/uhrenarmbandschlaufen/"
title="Armbandschlaufen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Armbandschlaufen"});"
>
Armbandschlaufen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenzubehor/uhrenbeweger/"
title="Uhrenbeweger"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenbeweger"});"
>
Uhrenbeweger
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenzubehor/uhrenboxen/"
title="Uhrenboxen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenboxen"});"
>
Uhrenboxen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenzubehor/sonstiges-zubehor/"
title="Sonstiges Zubehör"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Sonstiges Zubeh\u00f6r"});"
>
Sonstiges Zubehör
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Meistverkaufte Uhrenbatterien"
x-on:click="panel = 823094; dataLayer.push({"event":"navigationUse","menuItem":"Meistverkaufte Uhrenbatterien"});"
class="block w-full text-left py-2 relative px-12"
>
Meistverkaufte Uhrenbatterien
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Meistverkaufte Uhrenwerkzeuge"
x-on:click="panel = 823121; dataLayer.push({"event":"navigationUse","menuItem":"Meistverkaufte Uhrenwerkzeuge"});"
class="block w-full text-left py-2 relative px-12"
>
Meistverkaufte Uhrenwerkzeuge
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Uhrenboxen Bestseller"
x-on:click="panel = 823145; dataLayer.push({"event":"navigationUse","menuItem":"Uhrenboxen Bestseller"});"
class="block w-full text-left py-2 relative px-12"
>
Uhrenboxen Bestseller
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823094"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823064"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Uhrenzubehör | Meistverkaufte Uhrenbatterien
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/renata-364-sr621sw-r364.htm"
title="R364 / SR621SW"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"R364 \/ SR621SW"});"
>
R364 / SR621SW
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/renata-370-sr920w-sg6-ag6-r370.htm"
title="R370 / SR920W"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"R370 \/ SR920W"});"
>
R370 / SR920W
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/renata-377-sr626sw-sg4-r377.htm"
title="R377 / SR626SW"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"R377 \/ SR626SW"});"
>
R377 / SR626SW
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/renata-395-sr927sw-r395.htm"
title="R395 / SR927SW"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"R395 \/ SR927SW"});"
>
R395 / SR927SW
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/renata-399-sr927w-r399.htm"
title="R399 / SR927W"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"R399 \/ SR927W"});"
>
R399 / SR927W
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/renata-cr2016.htm"
title="CR2016"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"CR2016"});"
>
CR2016
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/renata-cr2025.htm"
title="CR2025"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"CR2025"});"
>
CR2025
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/renata-cr2032.htm"
title="CR2032"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"CR2032"});"
>
CR2032
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823121"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823064"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Uhrenzubehör | Meistverkaufte Uhrenwerkzeuge
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/hwg-accessories-springbar-tool-werkzeug-zum-entfernen-und-befestigen-von-armbandern-und-armreifen-tool-springbar-remover.htm"
title="Federstegwerkzeug mit Ersatzteilen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Federstegwerkzeug mit Ersatzteilen"});"
>
Federstegwerkzeug mit Ersatzteilen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/hwg-accessories-connoisseurs-watch-care-poliertuch-co784.htm"
title="Putztuch für Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Putztuch f\u00fcr Uhren"});"
>
Putztuch für Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/hwg-accessories-polywatch-polish-kratzerentfernungspaste-fur-kunststoffuhrglaser-poly.htm"
title="Polywatch-Politur"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Polywatch-Politur"});"
>
Polywatch-Politur
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/hwg-accessories-watch-screwdrivers-dreiteiliger-uhrenreparatur-schraubendrehersatz-tool-screwdrivers.htm"
title="Schraubendreher"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Schraubendreher"});"
>
Schraubendreher
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/hwg-accessories-case-opener-universalwerkzeug-zum-offnen-von-uhrengehausen-tool-case-opener.htm"
title="Snap on/off Gehäusebodenöffner"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Snap on\/off Geh\u00e4useboden\u00f6ffner"});"
>
Snap on/off Gehäusebodenöffner
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/hwg-accessories-back-case-opener-werkzeugsatz-zum-offnen-verschraubter-gehauseboden-tool-backcase-opener.htm"
title="Gehäuseöffner für geschraubten Gehäuseboden"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Geh\u00e4use\u00f6ffner f\u00fcr geschraubten Geh\u00e4useboden"});"
>
Gehäuseöffner für geschraubten Gehäuseboden
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/hwg-accessories-repair-toolkit-kompletter-werkzeugsatz-zur-uhrenreparatur-tool-repairkit.htm"
title="Kompletter Satz Uhrenwerkzeuge"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Kompletter Satz Uhrenwerkzeuge"});"
>
Kompletter Satz Uhrenwerkzeuge
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823145"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823064"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Uhrenzubehör | Uhrenboxen Bestseller
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/hwg-accessories-watchroll-one-black-reiseuhrrolle-fur-eine-uhr-watchroll-one.htm"
title="Rolle für eine Uhr"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Rolle f\u00fcr eine Uhr"});"
>
Rolle für eine Uhr
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/hwg-accessories-watchroll-two-black-reise-uhrenrolle-fur-zwei-uhren-watchroll-two.htm"
title="Rolle für zwei Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Rolle f\u00fcr zwei Uhren"});"
>
Rolle für zwei Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/hwg-accessories-watch-storage-box-aufbewahrungsbox-fur-6-uhren-bond-6-brown1.htm"
title="Box für 6 Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Box f\u00fcr 6 Uhren"});"
>
Box für 6 Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/wolf-wm-brown-6-fach-uhrenrolle-mit-zigarrenetui-800706.htm"
title="Luxusrolle für 6 Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Luxusrolle f\u00fcr 6 Uhren"});"
>
Luxusrolle für 6 Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/hwg-accessories-watch-storage-box-aufbewahrungsbox-fur-10-uhren-bond-10-black1.htm"
title="Box für 10 Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Box f\u00fcr 10 Uhren"});"
>
Box für 10 Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/wolf-palermo-doppelte-uhrenrolle-schmucketui-213902.htm"
title="Rolle für 2 Uhren und Schmuck"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Rolle f\u00fcr 2 Uhren und Schmuck"});"
>
Rolle für 2 Uhren und Schmuck
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823166"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 0"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Vintage
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Vintage"
x-on:click="panel = 823169; dataLayer.push({"event":"navigationUse","menuItem":"Vintage"});"
class="block w-full text-left py-2 relative px-12"
>
Vintage
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Zweite Chance"
x-on:click="panel = 823175; dataLayer.push({"event":"navigationUse","menuItem":"Zweite Chance"});"
class="block w-full text-left py-2 relative px-12"
>
Zweite Chance
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823169"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823166"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Vintage | Vintage
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/vintage-uhren/"
title="Alle Vintage-Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Vintage-Uhren"});"
>
Alle Vintage-Uhren
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823175"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823166"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Vintage | Zweite Chance
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/second-chance/"
title="Alle Second-Chance Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Second-Chance Uhren"});"
>
Alle Second-Chance Uhren
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823181"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 0"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Inspiration
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Inspiration"
x-on:click="panel = 823184; dataLayer.push({"event":"navigationUse","menuItem":"Inspiration"});"
class="block w-full text-left py-2 relative px-12"
>
Inspiration
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Uhrentrends"
x-on:click="panel = 823364; dataLayer.push({"event":"navigationUse","menuItem":"Uhrentrends"});"
class="block w-full text-left py-2 relative px-12"
>
Uhrentrends
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="UHRENARTEN"
x-on:click="panel = 823370; dataLayer.push({"event":"navigationUse","menuItem":"UHRENARTEN"});"
class="block w-full text-left py-2 relative px-12"
>
UHRENARTEN
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/inspiration/arten-von-uhrenarmbandern-welches-passt-am-besten-zu-meiner-uhr/"
title="Arten von Uhrenarmbändern"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Arten von Uhrenarmb\u00e4ndern"});"
>
Arten von Uhrenarmbändern
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/inspiration/welche-arten-von-smartwatches-gibt-es/"
title="Arten von Smartwatches"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Arten von Smartwatches"});"
>
Arten von Smartwatches
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/inspiration/wie-funktioniert-eine-mondphasenuhr/"
title="Was ist eine Mondphasenuhr?"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Was ist eine Mondphasenuhr?"});"
>
Was ist eine Mondphasenuhr?
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823184"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823181"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Inspiration | Inspiration
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/bestsellers/"
title="Bestseller"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Bestseller"});"
>
Bestseller
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/shop-the-style/"
title="Nach Stil einkaufen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Nach Stil einkaufen"});"
>
Nach Stil einkaufen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/inspiration/"
title="Blog"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Blog"});"
>
Blog
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823364"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823181"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Inspiration | Uhrentrends
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/inspiration/uhrentrends-fur-fruhjahr-und-sommer-2025/"
title="Uhrentrends Frühjahr/Sommer 2025"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrentrends Fr\u00fchjahr\/Sommer 2025"});"
>
Uhrentrends Frühjahr/Sommer 2025
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/inspiration/uhrentrends-herbstwinter-2024/"
title="Uhrentrends Herbst/Winter 2024-2025"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrentrends Herbst\/Winter 2024-2025"});"
>
Uhrentrends Herbst/Winter 2024-2025
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823370"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823181"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Inspiration | UHRENARTEN
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/inspiration/ich-mochte-eine-umweltfreundliche-uhr-gibt-es-die-uberhaupt/"
title="Umweltfreundliche Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Umweltfreundliche Uhren"});"
>
Umweltfreundliche Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/inspiration/uhrentrend-felduhren/"
title="Felduhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Felduhren"});"
>
Felduhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/inspiration/uhr-aus-edelstahl-oder-titan-wir-helfen-ihnen-bei-der-entscheidung/"
title="Titan oder Stahl?"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Titan oder Stahl?"});"
>
Titan oder Stahl?
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823199"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 0"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Neu
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Neue Kollektion"
x-on:click="panel = 823202; dataLayer.push({"event":"navigationUse","menuItem":"Neue Kollektion"});"
class="block w-full text-left py-2 relative px-12"
>
Neue Kollektion
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Bald verfügbar"
x-on:click="panel = 823220; dataLayer.push({"event":"navigationUse","menuItem":"Bald verf\u00fcgbar"});"
class="block w-full text-left py-2 relative px-12"
>
Bald verfügbar
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823202"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823199"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Neu | Neue Kollektion
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/neue-uhrenkollektion/spring-summer-2025/"
title="Frühjahrskollektion 2025"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Fr\u00fchjahrskollektion 2025"});"
>
Frühjahrskollektion 2025
</a>
</li>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/neue-uhrenkollektion/"
title="alle neuen Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"alle neuen Uhren"});"
>
alle neuen Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/damenuhren/neu/"
title="Neue Damenuhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Neue Damenuhren"});"
>
Neue Damenuhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/herrenuhren/new-gents-watches/"
title="Neue Herrenuhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Neue Herrenuhren"});"
>
Neue Herrenuhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/kids-new-watches/"
title="Neue Kinderuhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Neue Kinderuhren"});"
>
Neue Kinderuhren
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823220"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823199"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Neu | Bald verfügbar
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/coming-soon/"
title="Alle bald erhältlichen Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle bald erh\u00e4ltlichen Uhren"});"
>
Alle bald erhältlichen Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/damenuhren/coming-soon-ladies-watches/"
title="Bald erhältliche Damenuhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Bald erh\u00e4ltliche Damenuhren"});"
>
Bald erhältliche Damenuhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/herrenuhren/coming-soon-gents-watches/"
title="Bald erhältliche Herrenuhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Bald erh\u00e4ltliche Herrenuhren"});"
>
Bald erhältliche Herrenuhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kinderuhren/kids-coming-soon/"
title="Bald erhältliche Kinderuhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Bald erh\u00e4ltliche Kinderuhren"});"
>
Bald erhältliche Kinderuhren
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823235"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 0"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
OUTLET
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Sale"
x-on:click="panel = 823238; dataLayer.push({"event":"navigationUse","menuItem":"Sale"});"
class="block w-full text-left py-2 relative px-12"
>
Sale
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Zweite Chance"
x-on:click="panel = 823253; dataLayer.push({"event":"navigationUse","menuItem":"Zweite Chance"});"
class="block w-full text-left py-2 relative px-12"
>
Zweite Chance
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823238"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823235"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
OUTLET | Sale
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/outlet/"
title="Alle Sale Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Sale Uhren"});"
>
Alle Sale Uhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/sale-herrenuhren/"
title="Herren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Herren"});"
>
Herren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/sale-damenuhren/"
title="Damen"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Damen"});"
>
Damen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/sale-kinderuhren/"
title="Kinder"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Kinder"});"
>
Kinder
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823253"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823235"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
OUTLET | Zweite Chance
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/second-chance/"
title="Alle Second-Chance Uhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Second-Chance Uhren"});"
>
Alle Second-Chance Uhren
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823259"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 0"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
🎁 Geschenkshop
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Shop"
x-on:click="panel = 823262; dataLayer.push({"event":"navigationUse","menuItem":"Shop"});"
class="block w-full text-left py-2 relative px-12"
>
Shop
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 823280; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Inspiration"
x-on:click="panel = 823298; dataLayer.push({"event":"navigationUse","menuItem":"Inspiration"});"
class="block w-full text-left py-2 relative px-12"
>
Inspiration
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823262"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823259"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
🎁 Geschenkshop | Shop
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/watch-gift-finder/"
title="Geschenkfinder"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Geschenkfinder"});"
>
Geschenkfinder
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/geschenke-fur-frauen/"
title="Geschenke für sie"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Geschenke f\u00fcr sie"});"
>
Geschenke für sie
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/geschenke-fur-manner/"
title="Geschenke für ihn"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Geschenke f\u00fcr ihn"});"
>
Geschenke für ihn
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/gifts-for-kids/"
title="Geschenke für Kinder"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Geschenke f\u00fcr Kinder"});"
>
Geschenke für Kinder
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/geschenksets/"
title="Geschenk-Sets"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Geschenk-Sets"});"
>
Geschenk-Sets
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823280"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823259"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
🎁 Geschenkshop | Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/fathers-day/"
title="Vatertag"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Vatertag"});"
>
Vatertag
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/kategorien/communion-and-confirmation-watches/"
title="Kommunion/Konfirmation"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Kommunion\/Konfirmation"});"
>
Kommunion/Konfirmation
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/shop-the-style/"
title="Kaufen Sie den Stil"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Kaufen Sie den Stil"});"
>
Kaufen Sie den Stil
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/bestsellers/"
title="Bestseller"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Bestseller"});"
>
Bestseller
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 823298"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 823259"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
🎁 Geschenkshop | Inspiration
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/inspiration/vatertag-gonnen-sie-ihrem-vater-etwas-zeit/"
title="Zeit für Papa"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Zeit f\u00fcr Papa"});"
>
Zeit für Papa
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/inspiration/die-derzeit-schonsten-kinderuhren/"
title="Beliebte Kinderuhren"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Beliebte Kinderuhren"});"
>
Beliebte Kinderuhren
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/inspiration/ist-eine-uhr-ein-geeignetes-geschenk-fur/"
title="Momente des Schenkens"
class="block w-full text-left py-2 relative px-12"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Momente des Schenkens"});"
>
Momente des Schenkens
</a>
</li>
<li class="py-8 bg-white -mt-1 relative z-20">
<hr class="border-gray-300" />
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Geschenkideen"
x-on:click="panel = 563; dataLayer.push({"event":"navigationUse","menuItem":"Geschenkideen"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Kundenservice"
x-on:click="panel = 567; dataLayer.push({"event":"navigationUse","menuItem":"Kundenservice"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Kundenservice
<br><small class="text-xs text-gray-400"> An Werktagen von 10:00-14:00 und 15:00-18:00.</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10 border-b">
<button
type="button"
title="Wie zu"
x-on:click="panel = 571; dataLayer.push({"event":"navigationUse","menuItem":"Wie zu"});"
class="block w-full text-left py-2 relative px-12 !pl-6"
>
Wie zu
<br><small class="text-xs text-gray-400"> Tipps, Wartung und Gebrauchsanweisungen</small> <span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z"/>
</svg>
</span>
</button>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/newsletter-anmeldung/"
title="Newsletter"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Newsletter"});"
>
Newsletter
<br><small class="text-xs text-gray-400"> Abonnieren und erhalten Sie einen Rabatt von 5 Euro</small> </a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 563"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 0"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Geschenkideen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/geschenke-fur-manner/"
title="<p>Geschenke für ihn</p>"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"<p>Geschenke f\u00fcr ihn<\/p>"});"
>
<p>Geschenke für ihn</p>
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/geschenke-fur-frauen/"
title="<h1>Geschenke für sie</h1>"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"<h1>Geschenke f\u00fcr sie<\/h1>"});"
>
<h1>Geschenke für sie</h1>
</a>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/"
title="Geschenk-Sets"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Geschenk-Sets"});"
>
Geschenk-Sets
</a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 564"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 563"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
<p>Geschenke für ihn</p>
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 565"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 563"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
<h1>Geschenke für sie</h1>
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 566"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 563"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Geschenk-Sets
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 567"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 0"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Kundenservice
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b-2">
<a
href="https://www.mastersintime.de/faq/"
title="Alle Informationen"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Alle Informationen"});"
>
Alle Informationen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/"
title="Meine Bestellung"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Meine Bestellung"});"
>
Meine Bestellung
</a>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/kontakt/"
title="Kontakt"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Kontakt"});"
>
Kontakt
</a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 568"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 567"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Alle Informationen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 569"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 567"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Meine Bestellung
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 570"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 567"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Kontakt
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 571"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 0"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Wie zu
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/uhrenarmband-anpassen/"
title="Uhrenarmband anpassen"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Uhrenarmband anpassen"});"
>
Uhrenarmband anpassen
</a>
</li>
<li class="border-gray-100 relative z-10 border-b">
<a
href="https://www.mastersintime.de/wechseln-eines-uhrenarmbands/"
title="Wechseln eines Uhrenarmbands"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Wechseln eines Uhrenarmbands"});"
>
Wechseln eines Uhrenarmbands
</a>
</li>
<li class="border-gray-100 relative z-10">
<a
href="https://www.mastersintime.de/handgelenkumfang-messen/"
title="Handgelenkgröße messen"
class="block w-full text-left py-2 relative px-12 !pl-6"
x-on:click="dataLayer.push({"event":"navigationUse","menuItem":"Handgelenkgr\u00f6\u00dfe messen"});"
>
Handgelenkgröße messen
</a>
</li>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 572"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 571"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Uhrenarmband anpassen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 573"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 571"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Wechseln eines Uhrenarmbands
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 574"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 571"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Handgelenkgröße messen
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
</ul>
</div>
</div>
<div
class="transition ease-out duration-500"
x-show="panel === 575"
x-transition:enter-start="opacity-0 transform scale-95"
x-transition:enter-end="opacity-100 transform scale-100"
>
<div class="flex px-6 py-3 border-b border-gray-100">
<button
type="button"
x-on:click="panel = 0"
class="flex-1 menu-title text-left font-extrabold"
>
<span class="icon-sm text-gray-300 mr-2"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M34.5 239L228.9 44.7c9.4-9.4 24.6-9.4 33.9 0l22.7 22.7c9.4 9.4 9.4 24.5 0 33.9L131.5 256l154 154.8c9.3 9.4 9.3 24.5 0 33.9l-22.7 22.7c-9.4 9.4-24.6 9.4-33.9 0L34.5 273c-9.4-9.4-9.4-24.6 0-33.9z"/>
</svg>
</span>
Zurück
</button>
</div>
<div class="mb-4">
<div class="pl-6 py-2 relative font-bold text-sm">
Newsletter
<span class="icon-sm absolute top-1/2 right-6 -translate-y-1/2 text-gray-300"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z"/>
</svg>
</span>
</div>
<ul>
</ul>
</div>
</div>
<button type="button" role="button"
class="flex-none block text-gray-500 font-medium mobileNavigation-back-button"
x-on:click="dataLayer.push({"event":'navigationCloseMobile'}); $dispatch('close-mobile-menu');">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="feather feather-x">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
</button>
</div>
</div>
</div>
</header>
<div class="uspsDesktop px-6 py-3 bg-gray-100 hidden lg:block">
<div class="max-w-screen-xl mx-auto">
<div class="flex items-center -mx-3">
<div class="px-3 w-1/4">
<div class="flex items-center">
<div class="uspsDesktop__content text-gray-700 text-sm leading-tight">
<span class="text-blue-600 font-weight-bold"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M173.9 439.4l-166.4-166.4c-10-10-10-26.2 0-36.2l36.2-36.2c10-10 26.2-10 36.2 0L192 312.7 432.1 72.6c10-10 26.2-10 36.2 0l36.2 36.2c10 10 10 26.2 0 36.2l-294.4 294.4c-10 10-26.2 10-36.2 0z"/>
</svg>
</span>
<span>Bis 23:59 bestellen, Dienstag 27 Mai geliefert</span>
</div>
</div>
</div>
<div class="px-3 w-1/4">
<div class="flex items-center">
<div class="uspsDesktop__content text-gray-700 text-sm leading-tight">
<span class="text-blue-600 font-weight-bold"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M173.9 439.4l-166.4-166.4c-10-10-10-26.2 0-36.2l36.2-36.2c10-10 26.2-10 36.2 0L192 312.7 432.1 72.6c10-10 26.2-10 36.2 0l36.2 36.2c10 10 10 26.2 0 36.2l-294.4 294.4c-10 10-26.2 10-36.2 0z"/>
</svg>
</span>
Gebührenfrei auf Rechnung zahlen mit Klarna
</div>
</div>
</div>
<div class="px-3 w-1/4">
<div class="flex items-center">
<div class="uspsDesktop__content text-gray-700 text-sm leading-tight">
<span class="text-blue-600 font-weight-bold"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M173.9 439.4l-166.4-166.4c-10-10-10-26.2 0-36.2l36.2-36.2c10-10 26.2-10 36.2 0L192 312.7 432.1 72.6c10-10 26.2-10 36.2 0l36.2 36.2c10 10 10 26.2 0 36.2l-294.4 294.4c-10 10-26.2 10-36.2 0z"/>
</svg>
</span>
Rückgabefrist von 30 Tagen
</div>
</div>
</div>
<div class="px-3 w-1/4">
<div class="flex items-center">
<div class="uspsDesktop__content text-gray-700 text-sm leading-tight">
<span class="text-blue-600 font-weight-bold"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M173.9 439.4l-166.4-166.4c-10-10-10-26.2 0-36.2l36.2-36.2c10-10 26.2-10 36.2 0L192 312.7 432.1 72.6c10-10 26.2-10 36.2 0l36.2 36.2c10 10 10 26.2 0 36.2l-294.4 294.4c-10 10-26.2 10-36.2 0z"/>
</svg>
</span>
Kostenloser Versand für Uhren über 100€
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uspsMobile bg-gray-100 block overflow-hidden h-12 relative lg:hidden"
x-data="App.MobileUsps(1, 5000)"
x-init="() => { if(! $screen('lg')){ init($refs); $interval(changeUsp, speed) } }">
<div class="flex items-center h-12 transition duration-200" style="width: 100%;" x-ref="slider">
<div class="uspsMobile__content flex items-center justify-center text-gray-600 text-sm leading-none px-6 md:px-8 h-12"
style="width: 100%;">
<span class="text-blue-600 font-weight-bold"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M173.9 439.4l-166.4-166.4c-10-10-10-26.2 0-36.2l36.2-36.2c10-10 26.2-10 36.2 0L192 312.7 432.1 72.6c10-10 26.2-10 36.2 0l36.2 36.2c10 10 10 26.2 0 36.2l-294.4 294.4c-10 10-26.2 10-36.2 0z"/>
</svg>
</span>
Kostenloser Versand für Uhren über 100€
</div>
</div>
</div>
<div class="breadcrumbs">
<div class="max-w-screen-xl mx-auto">
<div class="breadcrumbs__container">
<ol class="breadcrumbs__list">
<li class="breadcrumb-item">
<a href="https://www.mastersintime.de/"><span class="text-base"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 576 512">
<path
d="M280.4 148.3L96 300.1V464a16 16 0 0 0 16 16l112.1-.3a16 16 0 0 0 15.9-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.6a16 16 0 0 0 16 16.1L464 480a16 16 0 0 0 16-16V300L295.7 148.3a12.2 12.2 0 0 0 -15.3 0zM571.6 251.5L488 182.6V44.1a12 12 0 0 0 -12-12h-56a12 12 0 0 0 -12 12v72.6L318.5 43a48 48 0 0 0 -61 0L4.3 251.5a12 12 0 0 0 -1.6 16.9l25.5 31A12 12 0 0 0 45.2 301l235.2-193.7a12.2 12.2 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0 -1.7-16.9z"/>
</svg>
</span></a>
</li>
<li class="breadcrumb-item">
<strong>Home</strong>
</li>
</ol>
</div>
</div>
</div>
<div class="p-6 md:p-8">
<div class="max-w-screen-xl mx-auto">
<div class="-m-2 md:-m-3 flex flex-wrap pb">
<div
class="flex-wrap h-max hidden md:hidden lg:w-full lg:flex lg:flex-col xl:w-full xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<div id="slideshow-6828fe30d8d5a" class="slideshow__container">
<div x-data="App.Pagebuilder.Slideshow(1, true, true, 7)"
x-init="initSlider($el, 'slideshow-6828fe30d8d5a')">
<div>
<a href="https://www.mastersintime.de/zeppelin/" target="_self" class="image__container mb-0 ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/zep/pel/inh/ead/er/zeppelinheader-23513-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/zep/pel/inh/ead/er/zeppelinheader-23513-11-x.jpg" loading="eager">
</picture>
</a>
</div>
<div>
<a href="https://www.mastersintime.de/neue-uhrenkollektion/spring-summer-2025/" target="_self" class="image__container mb-0 ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/spr/ing/col/lec/tio/n20/25/springcollection2025-23258-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/spr/ing/col/lec/tio/n20/25/springcollection2025-23258-11-x.jpg" alt="zwei Uhren mit einem Kirschblütenzweig" loading="eager">
</picture>
</a>
</div>
<div>
<a href="https://www.mastersintime.de/lip/" target="_self" title="LIP ist eine legendäre französische Uhrenmarke, die seit über 150 Jahren präzise, elegante und fröhliche Uhren herstellt. Dank ihrer visionären Eigentümer und renommierten französischen Designer sind die LIP-Uhren zu legendären Klassikern geworden, die sowohl Uhrensammler als auch Liebhaber eines zeitlosen, klassischen Stils ansprechen. Heute schöpft LIP mit Sitz in Besançon, Frankreich, aus seiner großen und reichhaltigen Sammlung von Klassikern mit Neuinterpretationen und modernen Innovationen, um einige der begehrtesten Uhren der Welt herzustellen.&nbsp;" class="image__container mb-0 ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/lip/wat/chb/ann/er1/lipwatchbanner1-23183-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/lip/wat/chb/ann/er1/lipwatchbanner1-23183-11-x.jpg" loading="eager">
</picture>
</a>
</div>
<div>
<a href="https://www.mastersintime.de/timex-marlin-jet-automatikuhr-aus-edelstahl-mit-nato-armband-tw2v72300.htm" target="_self" class="image__container mb-0 ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/mar/lin/jet/ban/ner/marlinjetbanner-22973-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/mar/lin/jet/ban/ner/marlinjetbanner-22973-11-x.jpg" loading="eager">
</picture>
</a>
</div>
<div>
<a href="https://www.mastersintime.de/bestsellers/" target="_self" class="image__container mb-0 ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/bes/sel/ler/ssp/rin/g25/bessellersspring25-23342-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/bes/sel/ler/ssp/rin/g25/bessellersspring25-23342-11-x.jpg" loading="eager">
</picture>
</a>
</div>
</div>
<div class="custom-controls-container">
<button class="prev-btn"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8 .4 34.3z"/>
</svg>
</button>
<button class="next-btn"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/>
</svg>
</button>
</div>
</div>
</div>
</div>
<div
class="flex-wrap h-max flex w-full md:w-full md:flex lg:hidden xl:hidden"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<div id="slideshow-6828fe3111dec" class="slideshow__container">
<div x-data="App.Pagebuilder.Slideshow(1, true, true, 5)"
x-init="initSlider($el, 'slideshow-6828fe3111dec')">
<div>
<a href="https://www.mastersintime.de/zeppelin/" target="_self" class="image__container mb-0 ">
<picture>
<source srcset="" type="image/webp">
<img src="" loading="eager">
</picture>
</a>
</div>
<div>
<a href="https://www.mastersintime.de/neue-uhrenkollektion/spring-summer-2025/" target="_self" class="image__container mb-0 ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/mob/iel/en/mobielen-23249-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/mob/iel/en/mobielen-23249-11-x.jpg" alt="zwei Uhren mit einem Kirschblütenzweig" loading="eager">
</picture>
</a>
</div>
<div>
<a href="https://www.mastersintime.de/timex-marlin-jet-automatikuhr-aus-edelstahl-mit-nato-armband-tw2v72300.htm" target="_self" class="image__container mb-0 ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/tim/exm/arl/inj/et1/080/timexmarlinjet1080-22976-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/tim/exm/arl/inj/et1/080/timexmarlinjet1080-22976-11-x.jpg" loading="eager">
</picture>
</a>
</div>
<div>
<a href="https://www.mastersintime.de/lip/" target="_self" class="image__container mb-0 ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/lip/ban/ner/mob/ile/lipbannermobile-23138-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/lip/ban/ner/mob/ile/lipbannermobile-23138-11-x.jpg" loading="eager">
</picture>
</a>
</div>
<div>
<a href="https://www.mastersintime.de/bestsellers/" target="_self" class="image__container mb-0 ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/bes/sel/ler/ssp/rin/g25/vk/bessellersspring25vk-23345-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/bes/sel/ler/ssp/rin/g25/vk/bessellersspring25vk-23345-11-x.jpg" loading="eager">
</picture>
</a>
</div>
</div>
<div class="custom-controls-container">
<button class="prev-btn"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8 .4 34.3z"/>
</svg>
</button>
<button class="next-btn"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/>
</svg>
</button>
</div>
</div>
</div>
<div
class="flex-wrap h-max w-6/12 md:w-6/12 md:flex md:flex-col lg:w-full lg:flex lg:flex-col xl:w-full xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a id=btn-6828fe3116a88 href="https://www.mastersintime.de/herrenuhren/" class="btn btn--black btn--outlined" target="_self" title="Herrenuhren">
Herrenuhren
</a>
</div>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a id=btn-6828fe311b27b href="https://www.mastersintime.de/uhrenmarken/" class="btn btn--black btn--outlined" target="_self" title="Marken">
Marken
</a>
</div>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a id=btn-6828fe311d325 href="https://www.mastersintime.de/outlet/" class="btn btn--black btn--outlined" target="_self" title="">
Outlet
</a>
</div>
</div>
<div
class="flex-wrap h-max w-6/12 md:w-6/12 md:flex md:flex-col lg:w-full lg:flex lg:flex-col xl:w-full xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a id=btn-6828fe311f42d href="https://www.mastersintime.de/damenuhren/" class="btn btn--black btn--outlined" target="_self" title="Damenuhren">
Damenuhren
</a>
</div>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a id=btn-6828fe31202e5 href="https://www.mastersintime.de/uhrenzubehor/" class="btn btn--black btn--outlined" target="_self" title="Zubehör">
Zubehör
</a>
</div>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a id=btn-6828fe312275a href="https://www.mastersintime.de/uhrenarmbander/" class="btn btn--black btn--outlined" target="_self" title="Armbänder">
Armbänder
</a>
</div>
</div>
</div>
<div
class="flex-wrap h-max flex w-full"
>
<div
class="flex-wrap h-max w-full md:w-full md:flex md:flex-col lg:w-6/12 lg:flex lg:flex-col xl:w-6/12 xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a href="https://www.mastersintime.de/herrenuhren/new-gents-watches/" target="_self" class="image__container image__container--overlay ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/her/enn/ieu/w/herennieuw-23501-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/her/enn/ieu/w/herennieuw-23501-11-x.jpg" alt="Orient Star Herrenuhr" loading="lazy">
</picture>
<div class="image__overlay prose dark">
<p class="text-lg">Neue Herrenuhren</p>
</div>
</a>
</div>
</div>
<div
class="flex-wrap h-max w-full md:w-full md:flex md:flex-col lg:w-6/12 lg:flex lg:flex-col xl:w-6/12 xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a href="https://www.mastersintime.de/fathers-day/" target="_self" class="image__container image__container--overlay ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/vad/erd/agb/utt/on/vaderdagbutton-23504-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/vad/erd/agb/utt/on/vaderdagbutton-23504-11-x.jpg" alt="Schiefertafel mit Kreide Ich liebe Papa" loading="lazy">
</picture>
<div class="image__overlay prose dark">
<p>Geschenke zum Vatertag</p>
</div>
</a>
</div>
</div>
</div>
<div
class="flex-wrap h-max flex w-full md:w-full md:flex lg:w-full lg:flex xl:w-full xl:flex"
>
<div class="p-2 md:p-3 w-full pb__textual prose "
style="
"
>
<h2 class="h2 ">
Beliebte Artikel
</h2>
</div>
<div
class="flex-wrap h-max w-full md:w-full md:flex md:flex-col lg:w-full lg:flex lg:flex-col xl:w-full xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<div id="product-slideshow-6828fe3126df6" class="slideshow__container">
<div x-data="App.Pagebuilder.ProductSlideshow(4.5, true, true)"
x-init="initSlider($el, 'product-slideshow-6828fe3126df6')">
<div>
<a
href="https://www.mastersintime.de/timex-marlin-jet-automatikuhr-aus-edelstahl-mit-nato-armband-tw2v72300.htm"
class="block bg-white rounded border border-gray-200 lg:hover:border-gray-300 shadow-sm p-2 transition ring-gray-400 ring-opacity-20 lg:hover:ring-4 relative"
onclick=" dataLayer.push({"event":"productClick","ecommerce":{"products":{"name":"Timex Marlin TW2V72300 Marlin Jet Uhr","id":"TW2V72300","price":"\u20ac\u00a0289,00","brand":"Timex","variant":"Blau","category":"Uhrs","position":""}},"eventCallback":function() { if (! event.ctrlKey && ! event.metaKey) { document.location = 'https://www.mastersintime.de/timex-marlin-jet-automatikuhr-aus-edelstahl-mit-nato-armband-tw2v72300.htm'; event.preventDefault(); }; }});">
<div class="mb-2 pb-[100%] relative">
<div class="absolute inset-0 z-10">
<picture >
<source srcset="https://www.mastersintime.de/pictures/timex-tw2v72300-marlin-jet-15892898.webp" type="image/webp">
<img src="https://www.mastersintime.de/pictures/timex-tw2v72300-marlin-jet-15892889.jpg" loading="lazy" class="max-w-full max-h-full mx-auto" height="225" width="225"
>
</picture>
</div>
</div>
<div class="flex flex-col items-center justify-center font-heading text-sm leading-4 text-center space-y-1 lg:space-y-2">
<strong class="block text-base">
Timex
</strong>
<span class="block text-gray-600">
TW2V72300
</span>
<div class="flex items-center">
<p class="line-clamp-3 h-12">
Marlin Jet 38 mm Automatikuhr aus Edelstahl mit NATO-Armband
</p>
</div>
<div class="text-base flex items-baseline justify-center">
<span class="px-1 font-medium text-lg">
289,00 € </span>
</div>
<div class="block leading-none text-gray-700 h-10">
<div class="text-sm font-bold">
<span
class="text-green-500"
>
● Auf Lager
</span>
</div>
</div>
<span class="flex items-center cursor-pointer group"
x-data="window.App.Compare.Checkbox(624437, 'https://www.mastersintime.de/compare/', false)"
x-on:click.prevent.stop="toggle($dispatch, 'Timex Marlin TW2V72300 Marlin Jet Uhr')"
x-on:compare-refresh.window="checkBoxRefresh($event.detail, $refs)">
<span x-show="! error">
<span class="text-base" x-show="checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm-204.7-98.1l184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L184 302.7l-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.3 16.4 6.3 22.6 0z"/>
</svg>
</span>
<span class="text-base text-gray-300 group-hover:text-gray-500 transition" x-show="! checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"/>
</svg>
</span>
<span class="group-hover:underline ml-1">Vergleichen</span>
</span>
<span class="text-red-500" x-show="error" x-cloak>Error</span>
</span>
<span class="btn btn--green btn--outlined w-full text-sm font-medium py-2">
Produkt ansehen
</span>
</div>
<ul class="z-20 space-y-[2px] lg:space-y-1 flex flex-col items-end absolute top-2 right-2">
<li class="text-xs lg:text-sm bg-white font-bold py-[2px] px-1 md:py-1 md:px-2 rounded-sm"
style="color: #ffffff; background-color: #10b981">
Bestseller
</li>
</ul>
</a>
</div>
<div>
<a
href="https://www.mastersintime.de/orient-bambino-classic-75th-anniversary-edition-limitierte-auflage-einer-automatischen-herrenuhr-mit-datum-und-zusatzlichem-armband-ra-ac0027s30b.htm"
class="block bg-white rounded border border-gray-200 lg:hover:border-gray-300 shadow-sm p-2 transition ring-gray-400 ring-opacity-20 lg:hover:ring-4 relative"
onclick=" dataLayer.push({"event":"productClick","ecommerce":{"products":{"name":"Orient Bambino RA-AC0027S30B Bambino Classic - 75th Anniversary Edition Uhr","id":"RA-AC0027S30B","price":"\u20ac\u00a0359,10","brand":"Orient","variant":"Silber","category":"Uhrs","position":""}},"eventCallback":function() { if (! event.ctrlKey && ! event.metaKey) { document.location = 'https://www.mastersintime.de/orient-bambino-classic-75th-anniversary-edition-limitierte-auflage-einer-automatischen-herrenuhr-mit-datum-und-zusatzlichem-armband-ra-ac0027s30b.htm'; event.preventDefault(); }; }});">
<div class="mb-2 pb-[100%] relative">
<div class="absolute inset-0 z-10">
<picture >
<source srcset="https://www.mastersintime.de/pictures/orient-ra-ac0027s30b-bambino-classic-75th-anniversary-edition-17547341.webp" type="image/webp">
<img src="https://www.mastersintime.de/pictures/orient-ra-ac0027s30b-bambino-classic-75th-anniversary-edition-17547338.jpg" loading="lazy" class="max-w-full max-h-full mx-auto" height="225" width="225"
>
</picture>
</div>
</div>
<div class="flex flex-col items-center justify-center font-heading text-sm leading-4 text-center space-y-1 lg:space-y-2">
<strong class="block text-base">
Orient
</strong>
<span class="block text-gray-600">
RA-AC0027S30B
</span>
<div class="flex items-center">
<p class="line-clamp-3 h-12">
Bambino Classic - 75th Anniversary Edition 40 mm Limitierte Auflage einer automatischen Herrenuhr mit Datum und zusätzlichem Armband
</p>
</div>
<div class="text-base flex items-baseline justify-center">
<span class="px-1 text-gray-600 line-through">
399,00 € </span>
<span class="px-1 font-medium text-lg">
359,10 € </span>
</div>
<div class="block leading-none text-gray-700 h-10">
<div class="text-sm font-bold">
<span
class="text-green-500"
>
● Auf Lager
</span>
</div>
</div>
<span class="flex items-center cursor-pointer group"
x-data="window.App.Compare.Checkbox(670352, 'https://www.mastersintime.de/compare/', false)"
x-on:click.prevent.stop="toggle($dispatch, 'Orient Bambino RA-AC0027S30B Bambino Classic - 75th Anniversary Edition Uhr')"
x-on:compare-refresh.window="checkBoxRefresh($event.detail, $refs)">
<span x-show="! error">
<span class="text-base" x-show="checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm-204.7-98.1l184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L184 302.7l-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.3 16.4 6.3 22.6 0z"/>
</svg>
</span>
<span class="text-base text-gray-300 group-hover:text-gray-500 transition" x-show="! checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"/>
</svg>
</span>
<span class="group-hover:underline ml-1">Vergleichen</span>
</span>
<span class="text-red-500" x-show="error" x-cloak>Error</span>
</span>
<span class="btn btn--green btn--outlined w-full text-sm font-medium py-2">
Produkt ansehen
</span>
</div>
<ul class="z-20 space-y-[2px] lg:space-y-1 flex flex-col items-end absolute top-2 right-2">
<li class="text-xs lg:text-sm bg-white font-bold py-[2px] px-1 md:py-1 md:px-2 rounded-sm"
style="color: #ffffff; background-color: #10b981">
Bestseller
</li>
<li class="text-xs lg:text-sm bg-white font-bold py-[2px] px-1 md:py-1 md:px-2 rounded-sm"
style="color: #ffffff; background-color: #8080ff">
Limitiert
</li>
<li class="text-xs lg:text-sm bg-white font-bold py-[2px] px-1 md:py-1 md:px-2 rounded-sm"
style="color: #ffffff; background-color: #03a1fc">
Neu
</li>
</ul>
</a>
</div>
<div>
<a
href="https://www.mastersintime.de/citizen-military-solarbetriebene-herrenuhr-mit-datumsanzeige-aw1575-08e.htm"
class="block bg-white rounded border border-gray-200 lg:hover:border-gray-300 shadow-sm p-2 transition ring-gray-400 ring-opacity-20 lg:hover:ring-4 relative"
onclick=" dataLayer.push({"event":"productClick","ecommerce":{"products":{"name":"Citizen Sport AW1575-08E Military Uhr","id":"AW1575-08E","price":"\u20ac\u00a0189,00","brand":"Citizen","variant":"Schwarz","category":"Uhrs","position":""}},"eventCallback":function() { if (! event.ctrlKey && ! event.metaKey) { document.location = 'https://www.mastersintime.de/citizen-military-solarbetriebene-herrenuhr-mit-datumsanzeige-aw1575-08e.htm'; event.preventDefault(); }; }});">
<div class="mb-2 pb-[100%] relative">
<div class="absolute inset-0 z-10">
<picture >
<source srcset="https://www.mastersintime.de/pictures/citizen-aw1575-08e-military-17399207.webp" type="image/webp">
<img src="https://www.mastersintime.de/pictures/citizen-aw1575-08e-military-17399204.jpg" loading="lazy" class="max-w-full max-h-full mx-auto" height="225" width="225"
>
</picture>
</div>
</div>
<div class="flex flex-col items-center justify-center font-heading text-sm leading-4 text-center space-y-1 lg:space-y-2">
<strong class="block text-base">
Citizen
</strong>
<span class="block text-gray-600">
AW1575-08E
</span>
<div class="flex items-center">
<p class="line-clamp-3 h-12">
Military 40 mm Solarbetriebene Herrenuhr mit Datumsanzeige
</p>
</div>
<div class="text-base flex items-baseline justify-center">
<span class="px-1 font-medium text-lg">
189,00 € </span>
</div>
<div class="block leading-none text-gray-700 h-10">
<div class="text-sm font-bold">
<span
class="text-green-500"
>
● Auf Lager
</span>
</div>
</div>
<span class="flex items-center cursor-pointer group"
x-data="window.App.Compare.Checkbox(663908, 'https://www.mastersintime.de/compare/', false)"
x-on:click.prevent.stop="toggle($dispatch, 'Citizen Sport AW1575-08E Military Uhr')"
x-on:compare-refresh.window="checkBoxRefresh($event.detail, $refs)">
<span x-show="! error">
<span class="text-base" x-show="checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm-204.7-98.1l184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L184 302.7l-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.3 16.4 6.3 22.6 0z"/>
</svg>
</span>
<span class="text-base text-gray-300 group-hover:text-gray-500 transition" x-show="! checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"/>
</svg>
</span>
<span class="group-hover:underline ml-1">Vergleichen</span>
</span>
<span class="text-red-500" x-show="error" x-cloak>Error</span>
</span>
<span class="btn btn--green btn--outlined w-full text-sm font-medium py-2">
Produkt ansehen
</span>
</div>
</a>
</div>
<div>
<a
href="https://www.mastersintime.de/casio-edifice-sospensione-racing-colors-chronograph-mit-bluetooth-verbindung-zum-smartphone-ecb-40mp-1aef.htm"
class="block bg-white rounded border border-gray-200 lg:hover:border-gray-300 shadow-sm p-2 transition ring-gray-400 ring-opacity-20 lg:hover:ring-4 relative"
onclick=" dataLayer.push({"event":"productClick","ecommerce":{"products":{"name":"Casio Edifice Bluetooth ECB-40MP-1AEF Sospensione - Racing colors Uhr","id":"ECB-40MP-1AEF","price":"\u20ac\u00a099,95","brand":"Casio Edifice","variant":"Schwarz","category":"Uhrs","position":""}},"eventCallback":function() { if (! event.ctrlKey && ! event.metaKey) { document.location = 'https://www.mastersintime.de/casio-edifice-sospensione-racing-colors-chronograph-mit-bluetooth-verbindung-zum-smartphone-ecb-40mp-1aef.htm'; event.preventDefault(); }; }});">
<div class="mb-2 pb-[100%] relative">
<div class="absolute inset-0 z-10">
<picture >
<source srcset="https://www.mastersintime.de/pictures/casio-edifice-ecb-40mp-1aef-suspensione-racing-multi-color-series-14899699.webp" type="image/webp">
<img src="https://www.mastersintime.de/pictures/casio-edifice-ecb-40mp-1aef-suspensione-racing-multi-color-series-14899690.jpg" loading="lazy" class="max-w-full max-h-full mx-auto" height="225" width="225"
>
</picture>
</div>
</div>
<div class="flex flex-col items-center justify-center font-heading text-sm leading-4 text-center space-y-1 lg:space-y-2">
<strong class="block text-base">
Casio Edifice
</strong>
<span class="block text-gray-600">
ECB-40MP-1AEF
</span>
<div class="flex items-center">
<p class="line-clamp-3 h-12">
Sospensione - Racing colors 46 mm Chronograph mit Bluetooth®-Verbindung zum Smartphone
</p>
</div>
<div class="text-base flex items-baseline justify-center">
<span class="px-1 text-gray-600 line-through">
169,00 € </span>
<span class="px-1 font-medium text-lg">
99,95 € </span>
</div>
<div class="block leading-none text-gray-700 h-10">
<div class="text-sm font-bold">
<span
class="text-green-500"
>
● Auf Lager
</span>
</div>
</div>
<span class="flex items-center cursor-pointer group"
x-data="window.App.Compare.Checkbox(588973, 'https://www.mastersintime.de/compare/', false)"
x-on:click.prevent.stop="toggle($dispatch, 'Casio Edifice Bluetooth ECB-40MP-1AEF Sospensione - Racing colors Uhr')"
x-on:compare-refresh.window="checkBoxRefresh($event.detail, $refs)">
<span x-show="! error">
<span class="text-base" x-show="checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm-204.7-98.1l184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L184 302.7l-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.3 16.4 6.3 22.6 0z"/>
</svg>
</span>
<span class="text-base text-gray-300 group-hover:text-gray-500 transition" x-show="! checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"/>
</svg>
</span>
<span class="group-hover:underline ml-1">Vergleichen</span>
</span>
<span class="text-red-500" x-show="error" x-cloak>Error</span>
</span>
<span class="btn btn--green btn--outlined w-full text-sm font-medium py-2">
Produkt ansehen
</span>
</div>
<ul class="z-20 space-y-[2px] lg:space-y-1 flex flex-col items-end absolute top-2 right-2">
<li class="text-xs lg:text-sm bg-white font-bold py-[2px] px-1 md:py-1 md:px-2 rounded-sm"
style="color: #ffffff; background-color: #f15822">
-40%
</li>
</ul>
</a>
</div>
<div>
<a
href="https://www.mastersintime.de/orient-mako-solar-20th-anniversary-limitierte-auflage-des-solarbetriebenen-chronographen-mit-datum-ra-tx0208l10b.htm"
class="block bg-white rounded border border-gray-200 lg:hover:border-gray-300 shadow-sm p-2 transition ring-gray-400 ring-opacity-20 lg:hover:ring-4 relative"
onclick=" dataLayer.push({"event":"productClick","ecommerce":{"products":{"name":"Orient Mako RA-TX0208L10B Mako Solar - 20th Anniversary Uhr","id":"RA-TX0208L10B","price":"\u20ac\u00a0350,10","brand":"Orient","variant":"Blau","category":"Uhrs","position":""}},"eventCallback":function() { if (! event.ctrlKey && ! event.metaKey) { document.location = 'https://www.mastersintime.de/orient-mako-solar-20th-anniversary-limitierte-auflage-des-solarbetriebenen-chronographen-mit-datum-ra-tx0208l10b.htm'; event.preventDefault(); }; }});">
<div class="mb-2 pb-[100%] relative">
<div class="absolute inset-0 z-10">
<picture >
<source srcset="https://www.mastersintime.de/pictures/orient-ra-tx0208l10b-mako-solar-20th-anniversary-17473562.webp" type="image/webp">
<img src="https://www.mastersintime.de/pictures/orient-ra-tx0208l10b-mako-solar-20th-anniversary-17473556.jpg" loading="lazy" class="max-w-full max-h-full mx-auto" height="225" width="225"
>
</picture>
</div>
</div>
<div class="flex flex-col items-center justify-center font-heading text-sm leading-4 text-center space-y-1 lg:space-y-2">
<strong class="block text-base">
Orient
</strong>
<span class="block text-gray-600">
RA-TX0208L10B
</span>
<div class="flex items-center">
<p class="line-clamp-3 h-12">
Mako Solar - 20th Anniversary 42.8 mm Limitierte Auflage des solarbetriebenen Chronographen mit Datum
</p>
</div>
<div class="text-base flex items-baseline justify-center">
<span class="px-1 text-gray-600 line-through">
389,00 € </span>
<span class="px-1 font-medium text-lg">
350,10 € </span>
</div>
<div class="block leading-none text-gray-700 h-10">
<div class="text-sm font-bold">
<span
class="text-green-500"
>
● Auf Lager
</span>
</div>
</div>
<span class="flex items-center cursor-pointer group"
x-data="window.App.Compare.Checkbox(660479, 'https://www.mastersintime.de/compare/', false)"
x-on:click.prevent.stop="toggle($dispatch, 'Orient Mako RA-TX0208L10B Mako Solar - 20th Anniversary Uhr')"
x-on:compare-refresh.window="checkBoxRefresh($event.detail, $refs)">
<span x-show="! error">
<span class="text-base" x-show="checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm-204.7-98.1l184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L184 302.7l-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.3 16.4 6.3 22.6 0z"/>
</svg>
</span>
<span class="text-base text-gray-300 group-hover:text-gray-500 transition" x-show="! checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"/>
</svg>
</span>
<span class="group-hover:underline ml-1">Vergleichen</span>
</span>
<span class="text-red-500" x-show="error" x-cloak>Error</span>
</span>
<span class="btn btn--green btn--outlined w-full text-sm font-medium py-2">
Produkt ansehen
</span>
</div>
<ul class="z-20 space-y-[2px] lg:space-y-1 flex flex-col items-end absolute top-2 right-2">
<li class="text-xs lg:text-sm bg-white font-bold py-[2px] px-1 md:py-1 md:px-2 rounded-sm"
style="color: #ffffff; background-color: #10b981">
Bestseller
</li>
<li class="text-xs lg:text-sm bg-white font-bold py-[2px] px-1 md:py-1 md:px-2 rounded-sm"
style="color: #ffffff; background-color: #8080ff">
Limitiert
</li>
</ul>
</a>
</div>
<div>
<a
href="https://www.mastersintime.de/frederique-constant-classics-moneta-schweizer-quarzuhr-mit-mondphase-fc-206s3s6.htm"
class="block bg-white rounded border border-gray-200 lg:hover:border-gray-300 shadow-sm p-2 transition ring-gray-400 ring-opacity-20 lg:hover:ring-4 relative"
onclick=" dataLayer.push({"event":"productClick","ecommerce":{"products":{"name":"Frederique Constant Classics FC-206S3S6 Classics Moneta Uhr","id":"FC-206S3S6","price":"\u20ac\u00a01.095,00","brand":"Frederique Constant","variant":"Silber","category":"Uhrs","position":""}},"eventCallback":function() { if (! event.ctrlKey && ! event.metaKey) { document.location = 'https://www.mastersintime.de/frederique-constant-classics-moneta-schweizer-quarzuhr-mit-mondphase-fc-206s3s6.htm'; event.preventDefault(); }; }});">
<div class="mb-2 pb-[100%] relative">
<div class="absolute inset-0 z-10">
<picture >
<source srcset="https://www.mastersintime.de/pictures/frederique-constant-fc-206s3s6-classics-moneta-16635080.webp" type="image/webp">
<img src="https://www.mastersintime.de/pictures/frederique-constant-fc-206s3s6-classics-moneta-16635074.jpg" loading="lazy" class="max-w-full max-h-full mx-auto" height="225" width="225"
>
</picture>
</div>
<div class="z-20 absolute swiss-made-ribbon top-0 left-0">
<span class="fi fi-ch"></span></div>
</div>
<div class="flex flex-col items-center justify-center font-heading text-sm leading-4 text-center space-y-1 lg:space-y-2">
<strong class="block text-base">
Frederique Constant
</strong>
<span class="block text-gray-600">
FC-206S3S6
</span>
<div class="flex items-center">
<p class="line-clamp-3 h-12">
Classics Moneta 37 mm Schweizer Quarzuhr mit Mondphase
</p>
</div>
<div class="text-base flex items-baseline justify-center">
<span class="px-1 font-medium text-lg">
1.095,00 € </span>
</div>
<div class="block leading-none text-gray-700 h-10">
<div class="text-sm font-bold">
<span
class="text-green-500"
>
● Auf Lager
</span>
</div>
</div>
<span class="flex items-center cursor-pointer group"
x-data="window.App.Compare.Checkbox(652580, 'https://www.mastersintime.de/compare/', false)"
x-on:click.prevent.stop="toggle($dispatch, 'Frederique Constant Classics FC-206S3S6 Classics Moneta Uhr')"
x-on:compare-refresh.window="checkBoxRefresh($event.detail, $refs)">
<span x-show="! error">
<span class="text-base" x-show="checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm-204.7-98.1l184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L184 302.7l-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.3 16.4 6.3 22.6 0z"/>
</svg>
</span>
<span class="text-base text-gray-300 group-hover:text-gray-500 transition" x-show="! checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"/>
</svg>
</span>
<span class="group-hover:underline ml-1">Vergleichen</span>
</span>
<span class="text-red-500" x-show="error" x-cloak>Error</span>
</span>
<span class="btn btn--green btn--outlined w-full text-sm font-medium py-2">
Produkt ansehen
</span>
</div>
<ul class="z-20 space-y-[2px] lg:space-y-1 flex flex-col items-end absolute top-2 right-2">
<li class="text-xs lg:text-sm bg-white font-bold py-[2px] px-1 md:py-1 md:px-2 rounded-sm"
style="color: #ffffff; background-color: #10b981">
Bestseller
</li>
</ul>
</a>
</div>
<div>
<a
href="https://www.mastersintime.de/maurice-lacroix-aikon-schweizer-automatikuhr-fur-herren-ai6008-pvb00-330-2.htm"
class="block bg-white rounded border border-gray-200 lg:hover:border-gray-300 shadow-sm p-2 transition ring-gray-400 ring-opacity-20 lg:hover:ring-4 relative"
onclick=" dataLayer.push({"event":"productClick","ecommerce":{"products":{"name":"Maurice Lacroix Aikon AI6008-PVB00-330-2 Uhr","id":"AI6008-PVB00-330-2","price":"\u20ac\u00a02.400,00","brand":"Maurice Lacroix","variant":"Schwarz","category":"Uhrs","position":""}},"eventCallback":function() { if (! event.ctrlKey && ! event.metaKey) { document.location = 'https://www.mastersintime.de/maurice-lacroix-aikon-schweizer-automatikuhr-fur-herren-ai6008-pvb00-330-2.htm'; event.preventDefault(); }; }});">
<div class="mb-2 pb-[100%] relative">
<div class="absolute inset-0 z-10">
<picture >
<source srcset="https://www.mastersintime.de/pictures/maurice-lacroix-ai6008-pvb00-330-2-aikon-15793079.webp" type="image/webp">
<img src="https://www.mastersintime.de/pictures/maurice-lacroix-ai6008-pvb00-330-2-aikon-15793076.jpg" loading="lazy" class="max-w-full max-h-full mx-auto" height="225" width="225"
>
</picture>
</div>
<div class="z-20 absolute swiss-made-ribbon top-0 left-0">
<span class="fi fi-ch"></span></div>
<span class="z-20 absolute bottom-0 right-0 flex h-10 w-10 rounded-full items-center justify-center bg-blue-500 text-white shadow shadow-blue-500">
<span class="text-base"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M32 448c0 17.7 14.3 32 32 32h160V320H32v128zm256 32h160c17.7 0 32-14.3 32-32V320H288v160zm192-320h-42.1c6.2-12.1 10.1-25.5 10.1-40 0-48.5-39.5-88-88-88-41.6 0-68.5 21.3-103 68.3-34.5-47-61.4-68.3-103-68.3-48.5 0-88 39.5-88 88 0 14.5 3.8 27.9 10.1 40H32c-17.7 0-32 14.3-32 32v80c0 8.8 7.2 16 16 16h480c8.8 0 16-7.2 16-16v-80c0-17.7-14.3-32-32-32zm-326.1 0c-22.1 0-40-17.9-40-40s17.9-40 40-40c19.9 0 34.6 3.3 86.1 80h-86.1zm206.1 0h-86.1c51.4-76.5 65.7-80 86.1-80 22.1 0 40 17.9 40 40s-17.9 40-40 40z"/>
</svg>
</span>
</span>
</div>
<div class="flex flex-col items-center justify-center font-heading text-sm leading-4 text-center space-y-1 lg:space-y-2">
<strong class="block text-base">
Maurice Lacroix
</strong>
<span class="block text-gray-600">
AI6008-PVB00-330-2
</span>
<div class="flex items-center">
<p class="line-clamp-3 h-12">
Aikon 42 mm Schweizer Automatikuhr für Herren
</p>
</div>
<div class="text-base flex items-baseline justify-center">
<span class="px-1 font-medium text-lg">
2.400,00 € </span>
</div>
<div class="block leading-none text-gray-700 h-10">
<div class="text-sm font-bold">
<span
class="text-green-500"
>
● Auf Lager
</span>
</div>
</div>
<span class="flex items-center cursor-pointer group"
x-data="window.App.Compare.Checkbox(621530, 'https://www.mastersintime.de/compare/', false)"
x-on:click.prevent.stop="toggle($dispatch, 'Maurice Lacroix Aikon AI6008-PVB00-330-2 Uhr')"
x-on:compare-refresh.window="checkBoxRefresh($event.detail, $refs)">
<span x-show="! error">
<span class="text-base" x-show="checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm-204.7-98.1l184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L184 302.7l-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.3 16.4 6.3 22.6 0z"/>
</svg>
</span>
<span class="text-base text-gray-300 group-hover:text-gray-500 transition" x-show="! checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"/>
</svg>
</span>
<span class="group-hover:underline ml-1">Vergleichen</span>
</span>
<span class="text-red-500" x-show="error" x-cloak>Error</span>
</span>
<span class="btn btn--green btn--outlined w-full text-sm font-medium py-2">
Produkt ansehen
</span>
</div>
<ul class="z-20 space-y-[2px] lg:space-y-1 flex flex-col items-end absolute top-2 right-2">
<li class="text-xs lg:text-sm bg-white font-bold py-[2px] px-1 md:py-1 md:px-2 rounded-sm"
style="color: #ffffff; background-color: #8080ff">
Limitiert
</li>
</ul>
</a>
</div>
</div>
<div class="custom-controls-container">
<button class="prev-btn"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8 .4 34.3z"/>
</svg>
</button>
<button class="next-btn"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
<div
class="flex-wrap h-max flex w-full md:w-full md:flex lg:w-full lg:flex xl:w-full xl:flex"
>
<div
class="flex-wrap h-max w-6/12 md:w-6/12 md:flex md:flex-col lg:w-3/12 lg:flex lg:flex-col xl:w-3/12 xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a href="https://www.mastersintime.de/herrenuhren/" target="_self" title="Hommes" class="image__container image__container--overlay ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/new/gen/tsh/ome/newgentshome-23156-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/new/gen/tsh/ome/newgentshome-23156-11-x.jpg" alt="Hommes" loading="lazy">
</picture>
<div class="image__overlay prose dark">
<p class="text-lg">Herrenuhren</p>
</div>
</a>
</div>
</div>
<div
class="flex-wrap h-max w-6/12 md:w-6/12 md:flex md:flex-col lg:w-3/12 lg:flex lg:flex-col xl:w-3/12 xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a href="https://www.mastersintime.de/damenuhren/" target="_self" title="Damen" class="image__container image__container--overlay ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/new/lad/ies/hom/e/newladieshome-23159-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/new/lad/ies/hom/e/newladieshome-23159-11-x.jpg" alt="Damen" loading="lazy">
</picture>
<div class="image__overlay prose dark">
<p class="text-lg">Damenuhren</p>
</div>
</a>
</div>
</div>
<div
class="flex-wrap h-max w-6/12 md:w-6/12 md:flex md:flex-col lg:w-3/12 lg:flex lg:flex-col xl:w-3/12 xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a href="https://www.mastersintime.de/unisex-watches/" target="_self" class="image__container image__container--overlay ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/new/uni/sex/hom/e/newunisexhome-23165-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/new/uni/sex/hom/e/newunisexhome-23165-11-x.jpg" alt="Unisex Swatch Uhren" loading="lazy">
</picture>
<div class="image__overlay prose dark">
<p class="text-lg">Unisex Uhren</p>
</div>
</a>
</div>
</div>
<div
class="flex-wrap h-max w-6/12 md:w-6/12 md:flex md:flex-col lg:w-3/12 lg:flex lg:flex-col xl:w-3/12 xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a href="https://www.mastersintime.de/uhrenarmbander/" target="_self" title="Uhrenzubehör" class="image__container image__container--overlay ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/new/ban/dje/sho/me6/00/newbandjeshome600-23153-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/new/ban/dje/sho/me6/00/newbandjeshome600-23153-11-x.jpg" alt="Uhrenarmbänder auf einem Holzhintergrund" loading="lazy">
</picture>
<div class="image__overlay prose dark">
<p class="text-lg">Uhrenarmbänder</p>
</div>
</a>
</div>
</div>
<div
class="flex-wrap h-max w-full md:w-full md:flex md:flex-col lg:w-6/12 lg:flex lg:flex-col xl:w-6/12 xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a href="https://www.mastersintime.de/uhrenzubehor/" target="_self" class="image__container image__container--overlay ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/new/acc/ess/oir/es/newaccessoires-23150-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/new/acc/ess/oir/es/newaccessoires-23150-11-x.jpg" alt="Uhrenwerkzeuge auf einem Holzhintergrund" loading="lazy">
</picture>
<div class="image__overlay prose dark">
<p class="text-lg">Uhrenzubehör</p>
</div>
</a>
</div>
</div>
<div
class="flex-wrap h-max w-full md:w-full md:flex md:flex-col lg:w-6/12 lg:flex lg:flex-col xl:w-6/12 xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a href="https://www.mastersintime.de/outlet/" target="_self" class="image__container image__container--overlay ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/out/let/outlet-22802-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/out/let/outlet-22802-11-x.jpg" alt="4 Uhren nebeneinander" loading="lazy">
</picture>
<div class="image__overlay prose dark">
<p class="text-lg">Uhren Outlet</p>
</div>
</a>
</div>
</div>
</div>
<div
class="flex-wrap h-max hidden md:hidden lg:hidden xl:hidden"
>
<div class="p-2 md:p-3 w-full pb__textual prose "
style="
"
>
<div class="">
<h3>Bald erhältlich</h3>
</div>
</div>
</div>
<div
class="flex-wrap h-max hidden md:hidden lg:hidden xl:hidden"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<div id="product-slideshow-6828fe312c749" class="slideshow__container">
<div x-data="App.Pagebuilder.ProductSlideshow(4, true, true)"
x-init="initSlider($el, 'product-slideshow-6828fe312c749')">
<div>
<a
href="https://www.mastersintime.de/bulova-snorkel-blue-tang-hybrid-keramik-quarzuhr-mit-datum-98b445.htm"
class="block bg-white rounded border border-gray-200 lg:hover:border-gray-300 shadow-sm p-2 transition ring-gray-400 ring-opacity-20 lg:hover:ring-4 relative"
onclick=" dataLayer.push({"event":"productClick","ecommerce":{"products":{"name":"Bulova Performance 98B445 Snorkel \u2018Blue Tang\u02bc Uhr","id":"98B445","price":"\u20ac\u00a0249,00","brand":"Bulova","variant":"Blau","category":"Uhrs","position":""}},"eventCallback":function() { if (! event.ctrlKey && ! event.metaKey) { document.location = 'https://www.mastersintime.de/bulova-snorkel-blue-tang-hybrid-keramik-quarzuhr-mit-datum-98b445.htm'; event.preventDefault(); }; }});">
<div class="mb-2 pb-[100%] relative">
<div class="absolute inset-0 z-10">
<picture >
<source srcset="https://www.mastersintime.de/pictures/bulova-98b445-snorkel-17394815.webp" type="image/webp">
<img src="https://www.mastersintime.de/pictures/bulova-98b445-snorkel-17394812.jpg" loading="lazy" class="max-w-full max-h-full mx-auto" height="225" width="225"
>
</picture>
</div>
</div>
<div class="flex flex-col items-center justify-center font-heading text-sm leading-4 text-center space-y-1 lg:space-y-2">
<strong class="block text-base">
Bulova
</strong>
<span class="block text-gray-600">
98B445
</span>
<div class="flex items-center">
<p class="line-clamp-3 h-12">
Snorkel ‘Blue Tangʼ 41 mm Hybrid-Keramik-Quarzuhr mit Datum
</p>
</div>
<div class="text-base flex items-baseline justify-center">
<span class="px-1 font-medium text-lg">
249,00 € </span>
</div>
<div class="block leading-none text-gray-700 h-10">
<div class="text-sm font-bold">
<span
class="text-green-500"
>
● Auf Lager
</span>
</div>
</div>
<span class="flex items-center cursor-pointer group"
x-data="window.App.Compare.Checkbox(663500, 'https://www.mastersintime.de/compare/', false)"
x-on:click.prevent.stop="toggle($dispatch, 'Bulova Performance 98B445 Snorkel ‘Blue Tangʼ Uhr')"
x-on:compare-refresh.window="checkBoxRefresh($event.detail, $refs)">
<span x-show="! error">
<span class="text-base" x-show="checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm-204.7-98.1l184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L184 302.7l-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.3 16.4 6.3 22.6 0z"/>
</svg>
</span>
<span class="text-base text-gray-300 group-hover:text-gray-500 transition" x-show="! checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"/>
</svg>
</span>
<span class="group-hover:underline ml-1">Vergleichen</span>
</span>
<span class="text-red-500" x-show="error" x-cloak>Error</span>
</span>
<span class="btn btn--green btn--outlined w-full text-sm font-medium py-2">
Produkt ansehen
</span>
</div>
</a>
</div>
<div>
<a
href="https://www.mastersintime.de/garmin-instinct-3-amoled-robuste-gps-smartwatch-mit-amoled-bildschirm-010-03020-00.htm"
class="block bg-white rounded border border-gray-200 lg:hover:border-gray-300 shadow-sm p-2 transition ring-gray-400 ring-opacity-20 lg:hover:ring-4 relative"
onclick=" dataLayer.push({"event":"productClick","ecommerce":{"products":{"name":"Garmin Instinct 010-03020-00 Instinct 3 Amoled Uhr","id":"010-03020-00","price":"\u20ac\u00a0499,99","brand":"Garmin","variant":"Schwarz","category":"Uhrs","position":""}},"eventCallback":function() { if (! event.ctrlKey && ! event.metaKey) { document.location = 'https://www.mastersintime.de/garmin-instinct-3-amoled-robuste-gps-smartwatch-mit-amoled-bildschirm-010-03020-00.htm'; event.preventDefault(); }; }});">
<div class="mb-2 pb-[100%] relative">
<div class="absolute inset-0 z-10">
<picture >
<source srcset="https://www.mastersintime.de/pictures/garmin-010-03020-00-instinct-3-amoled-17371241.webp" type="image/webp">
<img src="https://www.mastersintime.de/pictures/garmin-010-03020-00-instinct-3-amoled-17371238.jpg" loading="lazy" class="max-w-full max-h-full mx-auto" height="225" width="225"
>
</picture>
</div>
</div>
<div class="flex flex-col items-center justify-center font-heading text-sm leading-4 text-center space-y-1 lg:space-y-2">
<strong class="block text-base">
Garmin
</strong>
<span class="block text-gray-600">
010-03020-00
</span>
<div class="flex items-center">
<p class="line-clamp-3 h-12">
Instinct 3 Amoled 50 mm Robuste GPS-Smartwatch mit Amoled-Bildschirm
</p>
</div>
<div class="text-base flex items-baseline justify-center">
<span class="px-1 font-medium text-lg">
499,99 € </span>
</div>
<div class="block leading-none text-gray-700 h-10">
<div class="text-sm font-bold">
<span
class="text-green-500"
>
● Auf Lager
</span>
</div>
</div>
<span class="flex items-center cursor-pointer group"
x-data="window.App.Compare.Checkbox(661628, 'https://www.mastersintime.de/compare/', false)"
x-on:click.prevent.stop="toggle($dispatch, 'Garmin Instinct 010-03020-00 Instinct 3 Amoled Uhr')"
x-on:compare-refresh.window="checkBoxRefresh($event.detail, $refs)">
<span x-show="! error">
<span class="text-base" x-show="checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm-204.7-98.1l184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L184 302.7l-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.3 16.4 6.3 22.6 0z"/>
</svg>
</span>
<span class="text-base text-gray-300 group-hover:text-gray-500 transition" x-show="! checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"/>
</svg>
</span>
<span class="group-hover:underline ml-1">Vergleichen</span>
</span>
<span class="text-red-500" x-show="error" x-cloak>Error</span>
</span>
<span class="btn btn--green btn--outlined w-full text-sm font-medium py-2">
Produkt ansehen
</span>
</div>
</a>
</div>
<div>
<a
href="https://www.mastersintime.de/citizen-odyn-solarbetriebene-herrenuhr-mit-datumsanzeige-bm7631-52e.htm"
class="block bg-white rounded border border-gray-200 lg:hover:border-gray-300 shadow-sm p-2 transition ring-gray-400 ring-opacity-20 lg:hover:ring-4 relative"
onclick=" dataLayer.push({"event":"productClick","ecommerce":{"products":{"name":"Citizen Core Collection BM7631-52E Odyn Uhr","id":"BM7631-52E","price":"\u20ac\u00a0189,00","brand":"Citizen","variant":"Schwarz","category":"Uhrs","position":""}},"eventCallback":function() { if (! event.ctrlKey && ! event.metaKey) { document.location = 'https://www.mastersintime.de/citizen-odyn-solarbetriebene-herrenuhr-mit-datumsanzeige-bm7631-52e.htm'; event.preventDefault(); }; }});">
<div class="mb-2 pb-[100%] relative">
<div class="absolute inset-0 z-10">
<picture >
<source srcset="https://www.mastersintime.de/pictures/citizen-bm7631-52e-active-sport-17397215.webp" type="image/webp">
<img src="https://www.mastersintime.de/pictures/citizen-bm7631-52e-active-sport-17397212.jpg" loading="lazy" class="max-w-full max-h-full mx-auto" height="225" width="225"
>
</picture>
</div>
</div>
<div class="flex flex-col items-center justify-center font-heading text-sm leading-4 text-center space-y-1 lg:space-y-2">
<strong class="block text-base">
Citizen
</strong>
<span class="block text-gray-600">
BM7631-52E
</span>
<div class="flex items-center">
<p class="line-clamp-3 h-12">
Odyn 41 mm Solarbetriebene Herrenuhr mit Datumsanzeige
</p>
</div>
<div class="text-base flex items-baseline justify-center">
<span class="px-1 font-medium text-lg">
189,00 € </span>
</div>
<div class="block leading-none text-gray-700 h-10">
<div class="text-sm font-bold">
<span
class="text-orange-400" >
● Bald wieder auf Lager
</span>
</div>
</div>
<span class="flex items-center cursor-pointer group"
x-data="window.App.Compare.Checkbox(663788, 'https://www.mastersintime.de/compare/', false)"
x-on:click.prevent.stop="toggle($dispatch, 'Citizen Core Collection BM7631-52E Odyn Uhr')"
x-on:compare-refresh.window="checkBoxRefresh($event.detail, $refs)">
<span x-show="! error">
<span class="text-base" x-show="checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm-204.7-98.1l184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L184 302.7l-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.3 16.4 6.3 22.6 0z"/>
</svg>
</span>
<span class="text-base text-gray-300 group-hover:text-gray-500 transition" x-show="! checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"/>
</svg>
</span>
<span class="group-hover:underline ml-1">Vergleichen</span>
</span>
<span class="text-red-500" x-show="error" x-cloak>Error</span>
</span>
<span class="btn btn--green btn--outlined w-full text-sm font-medium py-2">
Produkt ansehen
</span>
</div>
</a>
</div>
<div>
<a
href="https://www.mastersintime.de/g-shock-dw-5000r-reproduktion-der-kultigen-ersten-g-shock-von-1983-mit-stahlgehause-dw-5000r-1aer.htm"
class="block bg-white rounded border border-gray-200 lg:hover:border-gray-300 shadow-sm p-2 transition ring-gray-400 ring-opacity-20 lg:hover:ring-4 relative"
onclick=" dataLayer.push({"event":"productClick","ecommerce":{"products":{"name":"G-Shock Classic Style - Origin DW-5000R-1AER Uhr","id":"DW-5000R-1AER","price":"\u20ac\u00a0199,00","brand":"G-Shock","variant":"Schwarz","category":"Uhrs","position":""}},"eventCallback":function() { if (! event.ctrlKey && ! event.metaKey) { document.location = 'https://www.mastersintime.de/g-shock-dw-5000r-reproduktion-der-kultigen-ersten-g-shock-von-1983-mit-stahlgehause-dw-5000r-1aer.htm'; event.preventDefault(); }; }});">
<div class="mb-2 pb-[100%] relative">
<div class="absolute inset-0 z-10">
<picture >
<source srcset="https://www.mastersintime.de/pictures/g-shock-dw-5000r-1aer-dw-5000r-17381003.webp" type="image/webp">
<img src="https://www.mastersintime.de/pictures/g-shock-dw-5000r-1aer-dw-5000r-17381000.jpg" loading="lazy" class="max-w-full max-h-full mx-auto" height="225" width="225"
>
</picture>
</div>
</div>
<div class="flex flex-col items-center justify-center font-heading text-sm leading-4 text-center space-y-1 lg:space-y-2">
<strong class="block text-base">
G-Shock
</strong>
<span class="block text-gray-600">
DW-5000R-1AER
</span>
<div class="flex items-center">
<p class="line-clamp-3 h-12">
DW-5000R 42.8 mm Reproduktion der kultigen ersten G-Shock von 1983 mit Stahlgehäuse
</p>
</div>
<div class="text-base flex items-baseline justify-center">
<span class="px-1 font-medium text-lg">
199,00 € </span>
</div>
<div class="block leading-none text-gray-700 h-10">
<div class="text-sm font-bold">
<span
class="text-orange-400" >
● Bald wieder auf Lager
</span>
</div>
</div>
<span class="flex items-center cursor-pointer group"
x-data="window.App.Compare.Checkbox(662285, 'https://www.mastersintime.de/compare/', false)"
x-on:click.prevent.stop="toggle($dispatch, 'G-Shock Classic Style - Origin DW-5000R-1AER Uhr')"
x-on:compare-refresh.window="checkBoxRefresh($event.detail, $refs)">
<span x-show="! error">
<span class="text-base" x-show="checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm-204.7-98.1l184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L184 302.7l-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.3 16.4 6.3 22.6 0z"/>
</svg>
</span>
<span class="text-base text-gray-300 group-hover:text-gray-500 transition" x-show="! checked"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"/>
</svg>
</span>
<span class="group-hover:underline ml-1">Vergleichen</span>
</span>
<span class="text-red-500" x-show="error" x-cloak>Error</span>
</span>
<span class="btn btn--green btn--outlined w-full text-sm font-medium py-2">
Produkt ansehen
</span>
</div>
</a>
</div>
</div>
<div class="custom-controls-container">
<button class="prev-btn"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8 .4 34.3z"/>
</svg>
</button>
<button class="next-btn"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path
d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/>
</svg>
</button>
</div>
</div>
</div>
</div>
<div
class="flex-wrap h-max flex column-count-3 w-full md:w-full md:flex lg:w-full lg:flex xl:w-full xl:flex"
>
<div class="p-2 md:p-3 w-full pb__textual prose "
style="
"
>
<h1 class="h1 ">
Finden Sie Ihre perfekte Uhr bei dem Experten für Zeitmesser - Mastersintime.de
</h1>
</div>
<div class="p-2 md:p-3 w-full pb__textual prose "
style="
"
>
<div class="">
<p>Willkommen bei <strong>Mastersintime.de</strong>, dem Online-Spezialisten für <a class="linkable" href="https://www.mastersintime.de/uhrenmarken/">Markenuhren</a>, bei dem Fachwissen auf erstklassigen Service trifft. Wir bieten eine atemberaubende Kollektion von <strong>Damen-, Herren-</strong> und <strong>Kinderuhren</strong> für jedes Budget. Benötigen Sie Unterstützung? Besuchen Sie unseren <a class=„linkable“ href=„“>FAQ-Bereich</a> für eine ausführliche Anleitung zur Bestellung oder unser <a class=„linkable“ href=„“>Uhren-ABC</a>, um wichtige Begriffe rund um Uhren zu erkunden. Und in unserem Blog können Sie mehr über Trends, Wartung und Neuigkeiten zu Uhren lesen.</p>
</div>
</div>
<div
class="flex-wrap h-max w-full md:w-full md:flex md:flex-col lg:w-6/12 lg:flex lg:flex-col xl:w-6/12 xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full pb__textual prose "
style="
"
>
<div class="">
<h3>Ihr vertrauenswürdiger offizieller Händler von über 70 Uhrenmarken</h3><p>Als offizieller Händler führen wir mehr als 70 renommierte Uhrenmarken, die wir direkt von unserem eigenen Lager aus versenden können. Bestellen Sie an einem Wochentag, und Ihre Lieblingsuhr ist innerhalb von 24 Stunden auf dem Weg zu Ihnen! Entdecken Sie unsere exklusiven Kollektionen von <a class="linkable" href="https://www.mastersintime.de/limited-editions/">limitierten Editionen</a>, <a class="linkable" href="https://www.mastersintime.de/smartwatch/">Smartwatches</a> und <a class="linkable" href="https://www.mastersintime.de/designer-uhren/">design</a> Uhren- alles an einem Ort.</p>
</div>
</div>
</div>
<div
class="flex-wrap h-max w-full md:w-full md:flex md:flex-col lg:w-6/12 lg:flex lg:flex-col xl:w-6/12 xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full pb__textual prose "
style="
"
>
<div class="">
<h3>Verlängern Sie die Lebensdauer Ihrer Uhr mit einem neuen Uhrenarmband</h3><p>Mastersintime.de lässt Ihre geliebte Uhr jahrelang ticken! Entdecken Sie unsere große Auswahl an hochwertigen<a class="linkable" href="https://www.mastersintime.de/uhrenarmbander/"> Uhrenarmbändern,</a> darunter bekannte Namen wie <a class="linkable" href="https://www.mastersintime.de/uhrenarmbander/seiko/">Seiko</a>, <a class="linkable" href="https://www.mastersintime.de/uhrenarmbander/fossil/">Fossil</a>, <a class="linkable" href="https://www.mastersintime.de/uhrenarmbander/festina/">Festina</a> und <a class="linkable" href="https://www.mastersintime.de/citizen/">Citizen </a>- und sogar seltene Armbänder für Auslaufmodelle.</p>
</div>
</div>
</div>
<div
class="flex-wrap h-max w-full md:w-full md:flex md:flex-col lg:w-6/12 lg:flex lg:flex-col xl:w-6/12 xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full pb__textual prose "
style="
"
>
<div class="">
<h3>Herrenuhren - klassisch, trendig und funktional</h3><p>Stöbern Sie in unserem beeindruckenden Angebot an <a class="linkable" href="https://www.mastersintime.de/herrenuhren/">Herrenuhren</a>, von kultigen Marken wie <a class="linkable" href="https://www.mastersintime.de/seiko/herren/">Seiko</a>, <a class="linkable" href="https://www.mastersintime.de/g-shock/herren/">G-Shock</a> und <a class="linkable" href="https://www.mastersintime.de/citizen/herren/">Citizen </a>bis hin zu stilvollen Modellen von <a class="linkable" href="https://www.mastersintime.de/tommy-hilfiger/herren/">Tommy Hilfiger</a> und <a class="linkable" href="https://www.mastersintime.de/hugo-boss/herren/">Hugo Boss</a>. Bevorzugen Sie zeitlose Schweizer Handwerkskunst? Sehen Sie sich Marken wie <a class="linkable" href="https://www.mastersintime.de/">Maurice Lacroix</a> und <a class="linkable" href="https://www.mastersintime.de/frederique-constant/">Frederique Constant</a> an. Suchen Sie etwas Bestimmtes? Entdecken Sie Uhrentypen wie <a class="linkable" href="https://www.mastersintime.de/outdoor-uhren/herren/">Outdoor-Uhren</a>, <a class="linkable" href="https://www.mastersintime.de/taucheruhren/herren/">Taucheruhren</a> und <a class="linkable" href="https://www.mastersintime.de/moonphase-watches/">elegante Mondphasenuhren</a>, die alle übersichtlich <a class="linkable" href="https://www.mastersintime.de/kategorien/">kategorisiert sind </a>.</p>
</div>
</div>
</div>
<div
class="flex-wrap h-max w-full md:w-full md:flex md:flex-col lg:w-6/12 lg:flex lg:flex-col xl:w-6/12 xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full pb__textual prose "
style="
"
>
<div class="">
<h3>Unverzichtbares Uhrenzubehör</h3><p>Halten Sie Ihre Uhr mit unserem unverzichtbaren Zubehör in tadellosem Zustand. Egal, ob Sie auf der Suche nach Reparaturwerkzeugen, Aufbewahrungslösungen, Uhrenbewegern oder Ersatzschliessen sind, wir haben alles, was Sie brauchen, um den Wert und die Schönheit Ihrer Uhr zu erhalten.</p>
</div>
</div>
</div>
<div
class="flex-wrap h-max w-full md:w-full md:flex md:flex-col lg:w-6/12 lg:flex lg:flex-col xl:w-6/12 xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full pb__textual prose "
style="
"
>
<div class="">
<h3>Damenuhren</h3><p>Mit den neuesten Modellen von Marken wie <a class="linkable" href="https://www.mastersintime.de/guess/">Guess</a>, <a class="linkable" href="https://www.mastersintime.de/calvin-klein/">Calvin Klein</a> und <a class="linkable" href="https://www.mastersintime.de/jacques-du-manoir/">Jacques du Manoir</a> liegen Sie voll im Trend. Für einen Hauch von Luxus stöbern Sie in unserer Kollektion von <a class="linkable" href="https://www.mastersintime.de/schweizer-uhren/damen/">Schweizer Uhren</a> und schillernden Zeitmessern mit <a class="linkable" href="https://www.mastersintime.de/kategorien/watches-with-real-diamonds/">echten Diamanten</a>.</p>
</div>
</div>
</div>
<div
class="flex-wrap h-max w-full md:w-full md:flex md:flex-col lg:w-6/12 lg:flex lg:flex-col xl:w-6/12 xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full pb__textual prose "
style="
"
>
<div class="">
<h3>Unschlagbare Angebote in unserem Uhren Outlet</h3><p>Sind Sie auf der Suche nach einer hochwertigen Uhr zu einem Bruchteil des Preises? Gehen Sie direkt zum Mastersintime.de <a class="linkable" href="https://www.mastersintime.de/outlet/">Uhren-Outlet</a>, wo über 1.000 reduzierte Uhren auf Sie warten. Ihr perfekter Zeitmesser könnte nur einen Klick entfernt sein.</p>
</div>
</div>
</div>
<div
class="flex-wrap h-max w-full md:w-full md:flex md:flex-col lg:w-6/12 lg:flex lg:flex-col xl:w-6/12 xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full pb__textual prose "
style="
"
>
<div class="">
<h3>Kinderuhren - Zeit lernen mit Spaß</h3><p>Helfen Sie Ihrem Kind mit unserer <a class="linkable" href="https://www.mastersintime.de/kinderuhren/">Kinderuhrenkollektion</a>, die Kunst des Zeitmessens zu erlernen. Vom farbenfrohen Charme der <a class="linkable" href="https://www.mastersintime.de/flik-flak/">Flik Flak-Uhren</a> über das praktische Design der <a class="linkable" href="https://www.mastersintime.de/garonne-kids/">Garonne </a>Digitaluhren bis hin zum erwachsenen Stil der <a class="linkable" href="https://www.mastersintime.de/festina/junior/">Festina Young-Uhren</a> ist für jedes kleine Handgelenk etwas dabei.</p>
</div>
</div>
</div>
<div
class="flex-wrap h-max w-full md:w-full md:flex md:flex-col lg:w-6/12 lg:flex lg:flex-col xl:w-6/12 xl:flex xl:flex-col"
>
<div class="p-2 md:p-3 w-full pb__textual prose "
style="
"
>
<div class="">
<h3>Eine Uhr - das perfekte Geschenk</h3><p>Eine Uhr ist viel mehr als nur ein Zeitmesser - sie ist ein bedeutungsvolles Symbol für die wertvollsten Momente im Leben. Entdecken Sie in unserer <a class="linkable" href="https://www.mastersintime.de/watch-gift-occasions/">Rubrik für Uhrengeschenke</a> durchdachte Zeitmesser, die sich perfekt für besondere Anlässe eignen.</p>
</div>
</div>
</div>
<div class="p-2 md:p-3 w-full pb__textual prose "
style="
"
>
<div class="">
<p><i>Mastersintime.de, Teil der renommierten Holland Watch Group (HWG), ist seit 1992 ein Experte für Uhren, Armbänder und Accessoires. Wir sind sowohl online als auch in unseren Geschäften in den Niederlanden und Belgien vertreten, um Ihnen außergewöhnliche Qualität und zeitlosen Stil zu bieten.</i></p>
</div>
</div>
</div>
<div
class="flex-wrap h-max flex w-full md:w-full md:flex lg:w-full lg:flex xl:w-full xl:flex"
>
<div class="p-2 md:p-3 w-full pb__textual prose "
style="
"
>
<div class="">
<h3>Unsere Top-Marken</h3>
</div>
</div>
<div
class="flex-wrap h-max flex w-full md:w-full md:flex lg:w-3/12 lg:flex xl:w-3/12 xl:flex"
>
<div
class="flex-wrap h-max w-6/12"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a href="https://www.mastersintime.de/casio/" target="_self" class="image__container ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/hom/epa/gec/asi/o/homepagecasio-19820-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/hom/epa/gec/asi/o/homepagecasio-19820-11-x.jpg" loading="lazy">
</picture>
</a>
</div>
</div>
<div
class="flex-wrap h-max w-6/12"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a href="https://www.mastersintime.de/citizen/" target="_self" class="image__container ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/hom/epa/gec/iti/zen/homepagecitizen-19814-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/hom/epa/gec/iti/zen/homepagecitizen-19814-11-x.jpg" loading="lazy">
</picture>
</a>
</div>
</div>
</div>
<div
class="flex-wrap h-max flex w-full md:w-full md:flex lg:w-3/12 lg:flex xl:w-3/12 xl:flex"
>
<div
class="flex-wrap h-max w-6/12"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a href="https://www.mastersintime.de/timex/" target="_self" class="image__container ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/tim/exl/ogo/hom/e/timexlogohome-23000-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/tim/exl/ogo/hom/e/timexlogohome-23000-11-x.jpg" alt="Timex-Logo" loading="lazy">
</picture>
</a>
</div>
</div>
<div
class="flex-wrap h-max w-6/12"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a href="https://www.mastersintime.de/g-shock/" target="_self" class="image__container ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/hom/epa/geg/sho/ck/homepagegshock-19811-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/hom/epa/geg/sho/ck/homepagegshock-19811-11-x.jpg" loading="lazy">
</picture>
</a>
</div>
</div>
</div>
<div
class="flex-wrap h-max flex w-full md:w-full md:flex lg:w-3/12 lg:flex xl:w-3/12 xl:flex"
>
<div
class="flex-wrap h-max w-6/12"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a href="https://www.mastersintime.de/maurice-lacroix/" target="_self" class="image__container ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/hom/epa/gel/acr/oix/homepagelacroix-19802-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/hom/epa/gel/acr/oix/homepagelacroix-19802-11-x.jpg" loading="lazy">
</picture>
</a>
</div>
</div>
<div
class="flex-wrap h-max w-6/12"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a href="https://www.mastersintime.de/seiko/" target="_self" class="image__container ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/hom/epa/ges/eik/o/homepageseiko-19808-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/hom/epa/ges/eik/o/homepageseiko-19808-11-x.jpg" loading="lazy">
</picture>
</a>
</div>
</div>
</div>
<div
class="flex-wrap h-max flex w-full md:w-full md:flex lg:w-3/12 lg:flex xl:w-3/12 xl:flex"
>
<div
class="flex-wrap h-max w-6/12"
>
<div class="p-2 md:p-3 w-full "
style="
"
>
<a href="https://www.mastersintime.de/cluse/" target="_self" class="image__container ">
<picture>
<source srcset="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/hom/epa/gec/lus/e/homepagecluse-19799-11-x.webp" type="image/webp">
<img src="https://media.hollandwatchgroup.com/hwg:staging_pub/media-formats/output/hom/epa/gec/lus/e/homepagecluse-19799-11-x.jpg" loading="lazy">
</picture>
</a>
</div>
</div>
<div
class="flex-wrap h-max w-6/12"
>
<div class="p-2 md:p-3 w-full pb__textual prose "
style="
"
>
<div class="">
<h4><a class="linkable" href="https://www.mastersintime.de/uhrenmarken/">Alle anzeigen ></a></h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="mainFooter">
<div class="footer__top">
<div class="max-w-screen-xl mx-auto">
<div class="flex flex-wrap">
<div class="w-full mb-6 md:mb-8 md:w-1/2 md:pl-3 lg:pl-4 md:order-2">
<div class="footerNewsletter ">
<h6 class="text-xl font-bold mb-2">Melden Sie sich an und erhalten Sie einen 5 € Gutschein für Ihre nächste Uhr!</h6>
<p class="text-lg mb-4">Ab einem Einkaufswert von 75 €</p>
<div x-data="App.Newsletter()"
class="relative">
<form method="POST" action="https://www.mastersintime.de/newsletter/subscribe/" accept-charset="UTF-8" x-on:submit.prevent="submit($event.target)" x-show="! success" class="transition" :class="{'opacity-50': loading}" @keydown="App.Recaptcha().initRecaptcha()"><input name="_token" type="hidden" value="cbebr8ncFGedoHTmtB8JAWcY65ZO0t5cVAv7RISt">
<input name="origin" type="hidden" value="footer">
<div class="grid gap-2 grid-cols-1 md:grid-cols-5">
<div class="md:col-span-3">
<input placeholder="Geben Sie Ihre E-Mail Adresse ein." class="w-full h-12 form-input" required x-model="email" name="email" type="email">
</div>
<div class="md:order-last md:col-span-5" x-show.transition.opacity="email.length">
<div class="g-recaptcha" data-sitekey="6LevcFkgAAAAAADJFZW52kDKThT5Zf90jOcZInAC"></div>
</div>
<div class="md:col-span-2">
<button class="btn w-full h-12" type="submit" :disabled="loading">
Anmelden
</button>
</div>
</div>
<p class="mb-4 m-0 text-red-500 font-medium text-sm leading-tight italic animate__animated animate__fadeIn" x-show="error" x-text="error" x-cloak></p>
</form>
<p class="mb-4 m-0 text-green-500 font-medium leading-tight italic animate__animated animate__fadeIn" x-show="success" x-text="success" x-cloak></p>
<div class="absolute inset-0 flex justify-center items-center"
x-show="loading"
x-cloak>
<svg class="animate-spin duration-150 h-8 w-8 text-hwg-orange-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="w-full mb-6 md:mb-8 md:w-1/2 md:pr-3 lg:pr-4 md:order-1">
<div class="footerContact">
<div class="footerContact__number">
<a href="https://www.mastersintime.de/kontakt/" class="text-xl font-heading font-bold"><span class="mr-1"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512">
<path
d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7 .3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2 .4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"/>
</svg>
</span> [email protected]</a>
</div>
<div class="footerContact__info">
<p><a class="linkable" href="">Oder besuchen Sie unsere Kontaktseite hier</a><br> </p>
</div>
<div class="footerContact__social">
<ul class="list-none">
<li>
<a href="https://www.facebook.com/mastersintime.de" target="_blank"><span class="icon-lg"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512">
<path
d="M279.1 288l14.2-92.7h-88.9v-60.1c0-25.4 12.4-50.1 52.2-50.1h40.4V6.3S260.4 0 225.4 0c-73.2 0-121.1 44.4-121.1 124.7v70.6H22.9V288h81.4v224h100.2V288z"/>
</svg>
</span></a>
</li>
<li>
<a href="https://www.youtube.com/channel/UCSNvDqKxlIV9He_BRHsA8jw" target="_blank"><span class="icon-lg"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 576 512">
<path
d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/>
</svg>
</span></a>
</li>
</ul>
</div>
</div>
</div>
<div class="w-full order-last pt-6 md:pt-8 border-t-2 border-gray-300">
<div class="-my-2 lg:my-0 lg:-mx-4 text-gray-500 lg:flex" x-data="{block: null}">
<div class="lg:px-4 lg:w-1/4 lg:-my-2">
<div class="py-2">
<button class="w-full focus:outline-none font-heading text-lg font-bold text-left flex items-center"
x-on:click="block !== 8138 ? block = 8138 : block = null">
Beliebte Marken
<span class="text-gray-400 ml-auto transform transition lg:hidden"
:class="{'rotate-45': block === 8138}"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M416 208H272V64c0-17.7-14.3-32-32-32h-32c-17.7 0-32 14.3-32 32v144H32c-17.7 0-32 14.3-32 32v32c0 17.7 14.3 32 32 32h144v144c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V304h144c17.7 0 32-14.3 32-32v-32c0-17.7-14.3-32-32-32z"/>
</svg>
</span>
</button>
<ul class="text-sm mt-1" x-show="block === 8138 || $screen('lg')">
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/seiko/">Seiko</a>
</li>
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/citizen/">Citizen</a>
</li>
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/orient/">Orient</a>
</li>
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/timex/">Timex</a>
</li>
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/jacob-jensen/">Jacob Jensen</a>
</li>
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/garonne-kids/">Garonne Kids</a>
</li>
</ul>
</div>
</div>
<div class="lg:px-4 lg:w-1/4 lg:-my-2">
<div class="py-2">
<button class="w-full focus:outline-none font-heading text-lg font-bold text-left flex items-center"
x-on:click="block !== 8156 ? block = 8156 : block = null">
Beliebte Seiten
<span class="text-gray-400 ml-auto transform transition lg:hidden"
:class="{'rotate-45': block === 8156}"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M416 208H272V64c0-17.7-14.3-32-32-32h-32c-17.7 0-32 14.3-32 32v144H32c-17.7 0-32 14.3-32 32v32c0 17.7 14.3 32 32 32h144v144c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V304h144c17.7 0 32-14.3 32-32v-32c0-17.7-14.3-32-32-32z"/>
</svg>
</span>
</button>
<ul class="text-sm mt-1" x-show="block === 8156 || $screen('lg')">
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/damenuhren/">Damenuhren</a>
</li>
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/herrenuhren/">Herrenuhren</a>
</li>
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/uhrenarmbander/">Uhrenarmbänder</a>
</li>
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/watch-gift-occasions/">Geschenke Shop</a>
</li>
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/inspiration/">Inspiration Blog</a>
</li>
</ul>
</div>
</div>
<div class="lg:px-4 lg:w-1/4 lg:-my-2">
<div class="py-2">
<button class="w-full focus:outline-none font-heading text-lg font-bold text-left flex items-center"
x-on:click="block !== 8171 ? block = 8171 : block = null">
Kundenservice
<span class="text-gray-400 ml-auto transform transition lg:hidden"
:class="{'rotate-45': block === 8171}"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M416 208H272V64c0-17.7-14.3-32-32-32h-32c-17.7 0-32 14.3-32 32v144H32c-17.7 0-32 14.3-32 32v32c0 17.7 14.3 32 32 32h144v144c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V304h144c17.7 0 32-14.3 32-32v-32c0-17.7-14.3-32-32-32z"/>
</svg>
</span>
</button>
<ul class="text-sm mt-1" x-show="block === 8171 || $screen('lg')">
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/faq/">Häufig gestellte Fragen (FAQ)</a>
</li>
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/information/">Alle Informationen</a>
</li>
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/zahlungsarten/">Zahlung</a>
</li>
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/faq/return-products/">Rückgabe</a>
</li>
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/garantie/">Garantie</a>
</li>
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/handgelenkumfang-messen/">Handgelenkgröße messen</a>
</li>
</ul>
</div>
</div>
<div class="lg:px-4 lg:w-1/4 lg:-my-2">
<div class="py-2">
<button class="w-full focus:outline-none font-heading text-lg font-bold text-left flex items-center"
x-on:click="block !== 8192 ? block = 8192 : block = null">
Über uns
<span class="text-gray-400 ml-auto transform transition lg:hidden"
:class="{'rotate-45': block === 8192}"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M416 208H272V64c0-17.7-14.3-32-32-32h-32c-17.7 0-32 14.3-32 32v144H32c-17.7 0-32 14.3-32 32v32c0 17.7 14.3 32 32 32h144v144c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V304h144c17.7 0 32-14.3 32-32v-32c0-17.7-14.3-32-32-32z"/>
</svg>
</span>
</button>
<ul class="text-sm mt-1" x-show="block === 8192 || $screen('lg')">
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/firmeninformationen/">Impressum</a>
</li>
<li>
<a class="hover:lg:underline" href="https://www.mastersintime.de/kontakt/">Kontakt</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer__bottom">
<div class="max-w-screen-xl mx-auto">
<div class="flex flex-wrap">
<div class="w-full mb-6 md:mb-8 lg:w-1/2">
<ul class="-m-2 flex flex-wrap justify-center lg:justify-start">
<li class="p-2">
<img src="https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/ideal.svg" alt="iDEAL" width="37" height="24" class="h-8 lg:h-6 w-auto mix-blend-multiply rounded" loading="lazy">
</li>
<li class="p-2">
<img src="https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/amex.svg" alt="Kreditkarte (amex)" width="37" height="24" class="h-8 lg:h-6 w-auto mix-blend-multiply rounded" loading="lazy">
</li>
<li class="p-2">
<img src="https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/cup.svg" alt="Kreditkarte (cup)" width="37" height="24" class="h-8 lg:h-6 w-auto mix-blend-multiply rounded" loading="lazy">
</li>
<li class="p-2">
<img src="https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/diners.svg" alt="Kreditkarte (diners)" width="37" height="24" class="h-8 lg:h-6 w-auto mix-blend-multiply rounded" loading="lazy">
</li>
<li class="p-2">
<img src="https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/discover.svg" alt="Kreditkarte (discover)" width="37" height="24" class="h-8 lg:h-6 w-auto mix-blend-multiply rounded" loading="lazy">
</li>
<li class="p-2">
<img src="https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/jcb.svg" alt="Kreditkarte (jcb)" width="37" height="24" class="h-8 lg:h-6 w-auto mix-blend-multiply rounded" loading="lazy">
</li>
<li class="p-2">
<img src="https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/maestro.svg" alt="Kreditkarte (maestro)" width="37" height="24" class="h-8 lg:h-6 w-auto mix-blend-multiply rounded" loading="lazy">
</li>
<li class="p-2">
<img src="https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/mc.svg" alt="Kreditkarte (mc)" width="37" height="24" class="h-8 lg:h-6 w-auto mix-blend-multiply rounded" loading="lazy">
</li>
<li class="p-2">
<img src="https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/visa.svg" alt="Kreditkarte (visa)" width="37" height="24" class="h-8 lg:h-6 w-auto mix-blend-multiply rounded" loading="lazy">
</li>
<li class="p-2">
<img src="https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/klarna.svg" alt="Rechnung mit Klarna." width="37" height="24" class="h-8 lg:h-6 w-auto mix-blend-multiply rounded" loading="lazy">
</li>
<li class="p-2">
<img src="https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/paypal.svg" alt="PayPal" width="37" height="24" class="h-8 lg:h-6 w-auto mix-blend-multiply rounded" loading="lazy">
</li>
<li class="p-2">
<img src="https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/applepay.svg" alt="Apple Pay" width="37" height="24" class="h-8 lg:h-6 w-auto mix-blend-multiply rounded" loading="lazy">
</li>
<li class="p-2">
<img src="https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/googlepay.svg" alt="Google Pay" width="37" height="24" class="h-8 lg:h-6 w-auto mix-blend-multiply rounded" loading="lazy">
</li>
<li class="p-2">
<img src="https://www.mastersintime.de/images/trusted-shops-badge.png" alt="Trusted Shops Guarantee" width="37" height="24" class="h-8 lg:h-6 w-auto mix-blend-multiply rounded" loading="lazy">
</li>
</ul>
</div>
<div class="w-full mb-6 md:mb-8 lg:w-1/2">
<ul class="footerLinks">
<li>
<a href="https://www.mastersintime.de/allgemeine-geschaftsbedingungen/">
Allgemeine Geschäftsbedingungen
</a>
</li>
<li>
<a href="https://www.mastersintime.de/cookie-richtlinie/">
Cookie Richtlinie
</a>
</li>
<li>
<a href="https://www.mastersintime.de/datenschutz/">
Datenschutzerklärung
</a>
</li>
</ul>
</div>
<div class="w-full">
<p class="text-center text-gray-600">Alle Preise inklusive MwSt. und zuzüglich Versandkosten. Ein <strong class="font-medium">Holland Watchgroup B.V.</strong> Webshop</p>
</div>
</div>
</div>
</div>
<div class="fixed bottom-0 left-4 z-40 bg-white rounded-t-sm"
x-data="window.App.Compare.Widget(0)"
x-on:compare-refresh.window="refresh($event.detail, $refs)"
x-bind:class="{'shadow-xl': count > 0}"
x-show.transition="count > 0"
x-cloak>
<div x-ref="content">
<div class="py-2 px-10 bg-orange-500 text-white font-bold cursor-pointer" @click="show=!show">
0 produkte zum Vergleich
<div class="float-right pl-4 mt-1"><svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512">
<path
d="M242.7 256l100.1-100.1c12.3-12.3 12.3-32.2 0-44.5l-22.2-22.2c-12.3-12.3-32.2-12.3-44.5 0L176 189.3 75.9 89.2c-12.3-12.3-32.2-12.3-44.5 0L9.2 111.5c-12.3 12.3-12.3 32.2 0 44.5L109.3 256 9.2 356.1c-12.3 12.3-12.3 32.2 0 44.5l22.2 22.2c12.3 12.3 32.2 12.3 44.5 0L176 322.7l100.1 100.1c12.3 12.3 32.2 12.3 44.5 0l22.2-22.2c12.3-12.3 12.3-32.2 0-44.5L242.7 256z"/>
</svg>
</div>
</div>
<div x-show.transition.origin.top.center="show" x-cloak>
<ul>
</ul>
</div>
</div>
</div>
</footer>
<script>
window.App = window.App || {
Pagebuilder: {
// Keep this one here because it will get merged with other JS properties.
},
Compare: {
// Keep this one here because it will get merged with other JS properties.
},
};
</script>
<script src="/js/slideshow.js?id=4ea81218582a4f0c7e7fe73f442461a4" defer></script>
<script src="/js/text.js?id=c3a54569ba4a99c7bb71cabeb7b62b30" defer></script>
<script src="/js/product-slideshow.js?id=fede3c7db71b07f94db931e3d22a94a1" defer></script>
<script src="/js/app.js?id=7cd34e83af0397be41d717229871f6a6" defer></script>
<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.mastersintime.de\/","name":"Home","image":null}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/www.mastersintime.de\/","name":"Home","image":null}}]}</script>
<script>
_tsConfig = {
'variant': 'reviews', /* reviews, default, custom, custom_reviews */
'customElementId': '', // /* required for variants custom and custom_reviews */
'trustcardDirection': 'bottomRight', // bottomRight /* for custom variants: topRight, topLeft, bottomRight, bottomLeft */
'customBadgeWidth': '', /* for custom variants: 40 - 90 (in pixels) */
'customBadgeHeight': '' /* for custom variants: 40 - 90 (in pixels) */
};
</script>
<script type="text/javascript">
function initTrustedBadge() {
(function () {
var _tsid = 'XB0F81825086EF29C1E8517B9667748A0';
_tsConfig.yOffset = '0';
_tsConfig.disableResponsive = 'false'; /* deactivate responsive behaviour */
_tsConfig.disableTrustbadge = window.innerWidth < 768; /* deactivate trustbadge for mobile devices */
_tsConfig.customCheckoutElementId = 'ttCheckoutElement'; /* Load checkout widget in custom div */
var _ts = document.createElement('script');
_ts.type = 'text/javascript';
_ts.charset = 'utf-8';
_ts.async = true;
_ts.src = '//widgets.trustedshops.com/js/' + _tsid + '.js';
var __ts = document.getElementsByTagName('script')[0];
__ts.parentNode.insertBefore(_ts, __ts);
})();
}
</script>
<div
x-data="App.InfoModal('https://www.mastersintime.de/info/')"
x-on:open-info-modal.window="openInfoModal($el, $event.detail)"
x-show="id"
x-cloak>
<div class="flex items-center justify-center fixed z-[1101] inset-0 bg-gray-100 bg-opacity-75 animate__animated animate__fadeIn animate__faster"
x-on:click="if (! html) { closeInfoModal($el) }">
<div
x-show="html"
class="w-4/5 md:w-2/3 lg:w-1/3">
<div
x-on:click.away="closeInfoModal($el)"
class="bg-white rounded shadow-lg relative animate__animated animate__fadeIn">
<div class="overflow-auto" style="max-height: 80vh;">
<div x-html="html" class="gutter-full prose"></div>
</div>
<button class="z-10 absolute left-full bottom-full h-10 w-10 bg-logo text-white rounded-full flex items-center justify-center transform -translate-x-6 translate-y-6 transition duration-200 hover:rotate-180 hover:scale-125"
x-on:click="closeInfoModal($el)">
<svg class="icon" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512">
<path
d="M242.7 256l100.1-100.1c12.3-12.3 12.3-32.2 0-44.5l-22.2-22.2c-12.3-12.3-32.2-12.3-44.5 0L176 189.3 75.9 89.2c-12.3-12.3-32.2-12.3-44.5 0L9.2 111.5c-12.3 12.3-12.3 32.2 0 44.5L109.3 256 9.2 356.1c-12.3 12.3-12.3 32.2 0 44.5l22.2 22.2c12.3 12.3 32.2 12.3 44.5 0L176 322.7l100.1 100.1c12.3 12.3 32.2 12.3 44.5 0l22.2-22.2c12.3-12.3 12.3-32.2 0-44.5L242.7 256z"/>
</svg>
</button>
</div>
</div>
<div x-show="! html">
<svg class="animate-spin duration-150 h-8 w-8 text-hwg-orange-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
</svg>
</div>
</div>
</div>
<div x-data="App.CookieConsent('https://www.mastersintime.de/cookie/')"
x-init="restore()"
x-on:show-cookie-preferences.window="settings()"
x-show="show"
class="fixed top-0 bottom-0 left-0 right-0 z-[9999] bg-opacity-75 bg-black flex justify-center items-center"
style="display: none;"
>
<div class="bg-white m-4 p-4 text-gray-600 max-w-xs md:max-w-sm lg:max-w-4xl opacity-100 overflow-auto"
style="max-height: 90%;">
<div>
<strong>Ihre Datenschutzeinstellungen</strong><br/>
<p>Mastersintime.de verwendet verschiedene Arten von <a class="linkable" href="https://www.mastersintime.de/cookie-richtlinie/">Cookies</a>. Für einige Arten benötigen wir Ihre Zustimmung.</p><p>Die notwendigen Cookies und anonymen Statistiken sind immer automatisch aktiv; wenn Sie auf "alle Cookies akzeptieren" klicken, akzeptieren Sie auch die optionalen Cookies. Wenn Sie selbst wählen möchten, welche Cookies Sie aktivieren, klicken Sie auf "Cookie-Einstellungen".</p>
</div>
<div class="flex flex-col lg:flex-row gap-4 whitespace-nowrap mt-2">
<button class="btn btn--green p-2 cursor-pointer" x-on:click="allowAll();">
Alle akzeptieren
</button>
<button class="btn btn--gray p-2 cursor-pointer"
x-on:click="settings();">
Cookie-Einstellungen
</button>
<div class="mt-4 lg:mt-0 w-full flex justify-end">
<button class="btn btn--outlined btn--black p-2 border-0 cursor-pointer text-sm"
x-on:click="saveSettings();">
Nicht jetzt
</button>
</div>
</div>
</div>
<div x-show="showSettings"
style="display: none;"
class="z-[9999] fixed top-0 left-0 w-full h-screen bg-black/70">
<div class="bg-white w-11/12 lg:w-1/4 h-screen p-4 text-sm">
<div class="cookie-group-container">
<div class="text-lg font-medium mb-2">
Cookie-Einstellungen
</div>
<p class="mb-2">
Diese Website verwendet verschiedene Arten von Cookies. Für einige Arten benötigen wir Ihre Zustimmung.
</p>
</div>
<form>
<div class="mb-2">
<div class="flex items-center mb-2">
<input type="checkbox" value="1" checked="" disabled="" id="cookie-consent-necessary" class="!bg-gray-500">
<label class="text-lg font-medium ml-2" for="cookie-consent-necessary">
Erforderlich
</label>
</div>
<p>
Notwendige Cookies, die wir verwenden, um die Grundfunktionen der Website auszuführen. Diese Cookies sammeln niemals persönliche Daten.
</p>
</div>
<div class="mb-2">
<div class="flex items-center mb-2">
<input type="checkbox" value="1" checked="" disabled="" id="cookie-consent-anonymous-statistics" class="!bg-gray-500">
<label class="text-lg font-medium ml-2" for="cookie-consent-anonymous-statistics">
Anonyme Statistik
</label>
</div>
<p>
Diese Cookies sammeln anonyme Daten darüber, wie Besucher unsere Website nutzen, damit wir unsere Website weiter verbessern können.
</p>
</div>
<div class="mb-2">
<div class="flex items-center mb-2">
<input type="checkbox" value="1" name="cookie-consent[analytics]" id="cookie-consent-analytics" class="cursor-pointer" x-model="analyticsInput">
<label class="text-lg font-medium ml-2 cursor-pointer" for="cookie-consent-analytics">
Analyse
</label>
</div>
<p>
Diese Cookies sammeln Daten darüber, wie Besucher unsere Website nutzen, damit wir unsere Website weiter verbessern können.
</p>
</div>
<div class="mb-2">
<div class="flex items-center mb-2">
<input type="checkbox" value="1" name="cookie-consent[marketing]" id="cookie-consent-marketing" class="cursor-pointer" x-model="marketingInput">
<label class="text-lg font-medium ml-2 cursor-pointer" for="cookie-consent-marketing">
Marketing
</label>
</div>
<p>
Diese Cookies ermöglichen es, Einbettungen von YouTube, LinkedIn, Facebook, Instagram usw. in Artikeln anzuzeigen. Außerdem können diese Cookies verwendet werden, um personalisierte Werbung anzuzeigen, und daher können diese Cookies Ihre Surfgewohnheiten auf verschiedenen Websites verfolgen.
</p>
</div>
<div class="cookie-button-group">
<button type="button" x-on:click="saveSettings()" class="btn btn--green p-2 cursor-pointer">
Einstellungen speichern
</button>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
Whois info of domain
Domain Name: UHR.COM
Registry Domain ID: 723690_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.tucows.com
Registrar URL: http://www.tucows.com
Updated Date: 2025-01-15T15:07:16Z
Creation Date: 1998-01-02T05:00:00Z
Registry Expiry Date: 2026-01-01T05:00:00Z
Registrar: Tucows Domains Inc.
Registrar IANA ID: 69
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +1.4165350123
Domain Status: ok https://icann.org/epp#ok
Name Server: NS1.WEBWERKERS.NL
Name Server: NS2.WEBWERKERS.NL
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-17T21:22:38Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass