@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --color-black: #000;
  --color-white: #fff;
  --color-font: #786d68;
  --color-bg-header: #f4f2f0;
  --color-font-header: #8b7e79;
  --color-bg-footer: #ebe8e4;
  --color-bg-ansprechpartner: #f4f2f0;
  --color-border: #786d68;
  --color-bg-product: #f7f7f7;
  --color-bg-image: #f4f2f0;
  --font-serif: "FSSiena";
  --font-serif-bold: "FSSienaProSemiBold";
  --font-sans-serif: "Montserrat";
  --button-border-color: black;
  --max-width-text: 880px;
  --max-width-content: 1440px;
  --height-concepts-link: 40px;
  --height-navigation: 85px;
}
@media (min-width: 1024px) {
  :root {
    --height-navigation: 104px;
  }
}
:root {
  /* seiler & patek */
  --color-seiler-beige: #F4F2F0;
  --color-seiler-braun: #786D68;
  --color-seiler-braun-50: #BBB5B3;
  --color-seiler-braun-35: #CFCBC9;
  /* panerai */
  --color-panerai-schwarz: #000000;
  --color-panerai-weiss: #ffffff;
  --color-panerai-grau: #f2f2f2;
  /* oris */
  --color-oris-schwarz: #000000;
  --color-oris-weiss: #ffffff;
  --color-oris-grau: #b5b5b5;
}

.panerai, .panerai-font {
  --color-seiler-braun-50: #F2F2F2;
  --color-seiler-braun-35: #0c2340;
  --color-bg-ansprechpartner: var(--color-panerai-grau);
  --color-bg-footer: var(--color-panerai-grau);
  --color-bg-header: var(--color-panerai-grau);
  --color-border: var(--color-panerai-schwarz);
  --color-bg-product: var(--color-panerai-grau);
}
.panerai .bg-panerai-black, .panerai-font .bg-panerai-black {
  background-color: var(--color-panerai-schwarz);
}
.panerai .panerai-white, .panerai-font .panerai-white {
  color: var(--color-panerai-weiss);
}
.panerai, .panerai-font {
  --color-font: var(--color-panerai-schwarz);
  --font-serif: "helvetica-neue-lt-pro";
  --font-serif-bold: "helvetica-neue-lt-pro";
  --font-sans-serif: "helvetica-neue-lt-pro";
}

.oris, .oris-font {
  --color-seiler-braun-50: #b5b5b5;
  --color-seiler-braun-35: #f2a7a7;
  --color-oris-pink: #f2a7a7;
  --color-bg-ansprechpartner: var(--color-oris-grau);
  --color-bg-footer: var(--color-oris-grau);
  --color-bg-header: var(--color-oris-grau);
  --color-bg-product: var(--color-oris-grau);
  --color-font: var(--color-oris-schwarz);
  --font-serif: "BrownLLSub-Light";
  --font-serif-bold: "BrownLLSub-Medium";
  --font-sans-serif: "BrownLLSub-Light";
}

/* fontsfontsfonts */
/* fontsfontsfonts */
/* fonts */
/* fonts */
/* fontsfontsfonts */
/* fontsfontsfonts */
/* fonts */
/* fonts */
/* fonts */
/* fonts */
:root {
  /* fonts */
  /* seiler - default */
  --font-size-h1: 31px;
  --lineheight-h1: 33px;
  --letter-spacing-h1: 0;
  --fw-h1: 300;
  --font-size-h2: 27px;
  --lineheight-h2: 31px;
  --letter-spacing-h2: 0;
  --fw-h2: 300;
  --font-size-h3: 19px;
  --lineheight-h3: 26px;
  --letter-spacing-h3: 0.04em;
  --fw-h3: 600;
  --font-size-lead: 16px;
  --lineheight-lead: 23px;
  --letter-spacing-lead: 0;
  --fw-lead: 300;
  --font-size-copy: 15px;
  --lineheight-copy: 19px;
  --letter-spacing-copy: 0;
  --fw-copy: 300;
  --font-size-akkordeon: 15px;
  --lineheight-akkordeon: 23px;
  --letter-spacing-akkordeon: 0.07em;
  --fw-akkordeon: 500;
  --font-size-footerfilter: 15px;
  --lineheight-footerfilter: 23px;
  --letter-spacing-footerfilter: 0;
  --fw-footerfilter: 500;
  --font-size-links: 12px;
  --lineheight-links: 16px;
  --letter-spacing-links: 0.07em;
  --fw-links: 500;
}
@media (min-width: 1024px) {
  :root {
    --font-size-h1: 44px;
    --lineheight-h1: 50px;
    --font-size-h2: 34px;
    --lineheight-h2: 42px;
    --font-size-h3: 23px;
    --lineheight-h3: 28px;
    --font-size-lead: 20px;
    --lineheight-lead: 29px;
    --font-size-copy: 18px;
    --lineheight-copy: 24px;
    --font-size-akkordeon: 21px;
    --lineheight-akkordeon: 27px;
    --font-size-footerfilter: 14px;
    --lineheight-footerfilter: 23px;
    --font-size-links: 13px;
    --lineheight-links: 17px;
  }
}

.panerai, .panerai-font {
  --font-size-h1: 25px;
  --lineheight-h1: 34px;
  --fw-h1: 700;
  --font-size-h2: 23px;
  --lineheight-h2: 30px;
  --fw-h2: 700;
  --font-size-h3: 17px;
  --lineheight-h3: 22px;
  --letter-spacing-h3: 1;
  --fw-h3: 700;
  --font-size-lead: 15px;
  --lineheight-lead: 22px;
  --fw-lead: 400;
  --font-size-copy: 14px;
  --lineheight-copy: 20px;
  --fw-copy: 400;
  --font-size-akkordeon: 15px;
  --lineheight-akkordeon: 22px;
  --letter-spacing-akkordeon: 1;
  --fw-akkordeon: 400;
  --font-size-footerfilter: 14.5px;
  --lineheight-footerfilter: 26px;
  --fw-footerfilter: 400;
  --letter-spacing-footerfilter: 0.01em;
  --font-size-links: 13px;
  --lineheight-links: 16px;
  --letter-spacing-links: 1;
  --fw-links: 400;
}
@media (min-width: 1024px) {
  .panerai, .panerai-font {
    --font-size-h1: 32px;
    --lineheight-h1: 42px;
    --font-size-h2: 24px;
    --lineheight-h2: 38px;
    --font-size-h3: 17px;
    --lineheight-h3: 22px;
    --font-size-lead: 15px;
    --lineheight-lead: 22px;
    --font-size-copy: 15px;
    --lineheight-copy: 22px;
    --font-size-akkordeon: 20px;
    --lineheight-akkordeon: 24px;
    --font-size-footerfilter: 14.5px;
    --lineheight-footerfilter: 26px;
    --font-size-links: 13px;
    --lineheight-links: 25px;
  }
}

.oris, .oris-font {
  --font-size-h1: 32px;
  --lineheight-h1: 42px;
  --letter-spacing-h1: 0.04em;
  --font-size-h2: 32px;
  --lineheight-h2: 42px;
  --letter-spacing-h2: 0.04em;
  --font-size-h3: 20px;
  --lineheight-h3: 26px;
  --letter-spacing-h3: 0.04em;
  --font-size-lead: 16px;
  --lineheight-lead: 24px;
  --letter-spacing-lead: 0.01em;
  --font-size-copy: 16px;
  --lineheight-copy: 24px;
  --letter-spacing-copy: 0.01em;
  --font-size-akkordeon: 17px;
  --lineheight-akkordeon: 26px;
  --letter-spacing-akkordeon: 0.07em;
  --font-size-footerfilter: 14.5px;
  --lineheight-footerfilter: 23px;
  --letter-spacing-footerfilter: 0.01em;
  --font-size-links: 16px;
  --lineheight-links: 24px;
  --letter-spacing-links: 0.07em;
}
@media (min-width: 1024px) {
  .oris, .oris-font {
    --font-size-h1: 50px;
    --lineheight-h1: 58px;
    --letter-spacing-h1: 0;
    --font-size-h2: 42px;
    --lineheight-h2: 53px;
    --font-size-h3: 20px;
    --lineheight-h3: 26px;
    --font-size-lead: 18px;
    --lineheight-lead: 26px;
    --font-size-copy: 17px;
    --lineheight-copy: 25px;
    --font-size-akkordeon: 23px;
    --lineheight-akkordeon: 32px;
    --font-size-footerfilter: 14.5px;
    --lineheight-footerfilter: 23px;
    --font-size-links: 17px;
    --lineheight-links: 26px;
  }
}

@font-face {
  font-family: "FSSiena";
  src: url(../fonts/FSSienaWeb-Light/FSSienaWeb-Light.woff2) format("woff2"), url(../fonts/FSSienaWeb-Light/FSSienaWeb-Light.woff) format("woff");
}
@font-face {
  font-family: "FSSienaProSemiBold";
  src: url("../fonts/FSSienaProSemiBold/font.woff2") format("woff2"), url("../fonts/FSSienaProSemiBold/font.woff") format("woff");
}
@font-face {
  font-family: "FSSienaWebLight";
  src: url(../fonts/FSSienaWeb-Light/FSSienaWeb-Light.woff2) format("woff2"), url(../fonts/FSSienaWeb-Light/FSSienaWeb-Light.woff) format("woff");
}
@font-face {
  font-family: "FSSienaWebExtraLight";
  src: url(../fonts/FSSienaWeb-ExtraLight/FSSienaWeb-ExtraLight.woff2) format("woff2"), url(../fonts/FSSienaWeb-ExtraLight/FSSienaWeb-ExtraLight.woff) format("woff");
}
/* oris */
@font-face {
  font-family: "BrownLLSub-Light";
  src: url("../fonts/Brown/BrownLLSub-Light.woff2") format("woff2"), url(../fonts/Brown/BrownLLSub-Light.woff) format("woff");
}
@font-face {
  font-family: "BrownLLSub-Medium";
  src: url("../fonts/Brown/BrownLLSub-Medium.woff2") format("woff2"), url(../fonts/Brown/BrownLLSub-Medium.woff) format("woff");
}
.tk-helvetica-neue-lt-pro {
  font-family: "helvetica-neue-lt-pro", sans-serif;
}

.FSSienaProSemiBold {
  font-family: "FSSienaProSemiBold", sans-serif;
}

.FSSiena {
  font-family: "FSSiena", sans-serif;
}

.FSSienaWebLight {
  font-family: "FSSienaWebLight", sans-serif;
}

.FSSienaWebExtraLight {
  font-family: "FSSienaWebExtraLight", sans-serif;
}

.BrownRegular, .BrownLLSub-Medium {
  font-family: "BrownLLSub-Medium", sans-serif;
}

.BrownLight, .BrownLLSub-Light {
  font-family: "BrownLLSub-Light", sans-serif;
}

.montserrat-500 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.fssiena-300 {
  font-weight: 300;
}

.fssiena-600 {
  font-weight: 600;
}

.Helvetica {
  font-family: "helvetica-neue-lt-pro", sans-serif;
}

.HelveticaNeue {
  font-family: "helvetica-neue-lt-pro", sans-serif;
}

.font-serif {
  font-family: var(--font-serif);
}

.font-sans-serif {
  font-family: var(--font-sans-serif);
}

body {
  color: var(--color-font);
  font-family: var(--font-serif);
  font-size: var(--font-size-copy);
  line-height: var(--lineheight-copy);
}

h1, .h1, h2, .h2, h3, .h3, p, ul li, a,
.copytext, .font-copytext,
.leadtext, .font-leadtext,
.links, .font-links,
.font-akkordeon,
.font-footer,
.font-filter {
  color: var(--color-font);
  font-family: var(--font-serif);
}

.seilerConcepts body h3, .seilerConcepts body .h3,
.juwelierSeiler body h3,
.juwelierSeiler body .h3,
.patek body h3,
.patek body .h3,
.seiler-font h3,
.seiler-font .h3 {
  font-family: "FSSienaProSemiBold", sans-serif;
}
.seilerConcepts body .links, .seilerConcepts body .font-links,
.seilerConcepts body .font-akkordeon,
.seilerConcepts body .font-footer,
.seilerConcepts body .font-filter,
.juwelierSeiler body .links,
.juwelierSeiler body .font-links,
.juwelierSeiler body .font-akkordeon,
.juwelierSeiler body .font-footer,
.juwelierSeiler body .font-filter,
.patek body .links,
.patek body .font-links,
.patek body .font-akkordeon,
.patek body .font-footer,
.patek body .font-filter,
.seiler-font .links,
.seiler-font .font-links,
.seiler-font .font-akkordeon,
.seiler-font .font-footer,
.seiler-font .font-filter {
  font-family: Montserrat;
}
.seilerConcepts body h3, .seilerConcepts body .h3,
.seilerConcepts body .links, .seilerConcepts body .font-links,
.seilerConcepts body .font-akkordeon,
.juwelierSeiler body h3,
.juwelierSeiler body .h3,
.juwelierSeiler body .links,
.juwelierSeiler body .font-links,
.juwelierSeiler body .font-akkordeon,
.patek body h3,
.patek body .h3,
.patek body .links,
.patek body .font-links,
.patek body .font-akkordeon,
.seiler-font h3,
.seiler-font .h3,
.seiler-font .links,
.seiler-font .font-links,
.seiler-font .font-akkordeon {
  text-transform: uppercase;
}

.panerai body, .panerai-font {
  font-family: "helvetica-neue-lt-pro", sans-serif;
}
.panerai body h1, .panerai body .h1, .panerai body h2, .panerai body .h2, .panerai body h3, .panerai body .h3, .panerai-font h1, .panerai-font .h1, .panerai-font h2, .panerai-font .h2, .panerai-font h3, .panerai-font .h3 {
  font-family: "helvetica-neue-lt-pro", sans-serif;
}
@media (min-width: 1024px) {
  .panerai body, .panerai-font {
    --fw-akkordeon: 700;
  }
}

.oris body h1, .oris body .h1, .oris body h2, .oris body .h2, .oris body h3, .oris body .h3, .oris-font h1, .oris-font .h1, .oris-font h2, .oris-font .h2, .oris-font h3, .oris-font .h3 {
  font-family: "BrownLLSub-Medium", sans-serif;
  font-weight: 400;
}
.oris body .copytext, .oris body .font-copytext, .oris body p,
.oris body .leadtext, .oris body .font-leadtext,
.oris body .links, .oris body .font-links,
.oris body .font-akkordeon,
.oris body .font-footer,
.oris body .font-filter, .oris-font .copytext, .oris-font .font-copytext, .oris-font p,
.oris-font .leadtext, .oris-font .font-leadtext,
.oris-font .links, .oris-font .font-links,
.oris-font .font-akkordeon,
.oris-font .font-footer,
.oris-font .font-filter {
  font-family: "BrownLLSub-Light", sans-serif;
  font-weight: 400;
}
.oris body h1, .oris body .h1,
.oris body h2, .oris body .h2,
.oris body h3, .oris body .h3,
.oris body .links, .oris body .font-links,
.oris body .font-akkordeon, .oris-font h1, .oris-font .h1,
.oris-font h2, .oris-font .h2,
.oris-font h3, .oris-font .h3,
.oris-font .links, .oris-font .font-links,
.oris-font .font-akkordeon {
  text-transform: uppercase;
}

h1, .h1 {
  font-size: var(--font-size-h1);
  line-height: var(--lineheight-h1);
  letter-spacing: var(--letter-spacing-h1);
  font-weight: var(--fw-h1);
}

h2, .h2 {
  font-size: var(--font-size-h2);
  line-height: var(--lineheight-h2);
  letter-spacing: var(--letter-spacing-h2);
  font-weight: var(--fw-h2);
}

h3, .h3 {
  font-size: var(--font-size-h3);
  line-height: var(--lineheight-h3);
  letter-spacing: var(--letter-spacing-h3);
  font-weight: var(--fw-h3);
}

.copytext, .font-copytext, p {
  font-size: var(--font-size-copy);
  line-height: var(--lineheight-copy);
  letter-spacing: var(--letter-spacing-copy);
  font-weight: var(--fw-copy);
}

.leadtext, .font-leadtext {
  font-size: var(--font-size-lead);
  line-height: var(--lineheight-lead);
  letter-spacing: var(--letter-spacing-lead);
  font-weight: var(--fw-lead);
}

.links, .font-links {
  font-size: var(--font-size-links);
  line-height: var(--lineheight-links);
  letter-spacing: var(--letter-spacing-links);
  font-weight: var(--fw-links);
}

.font-akkordeon {
  font-size: var(--font-size-akkordeon);
  line-height: var(--lineheight-akkordeon);
  letter-spacing: var(--letter-spacing-akkordeon);
  font-weight: var(--fw-akkordeon);
}

.font-footer,
.font-filter {
  font-size: var(--font-size-footerfilter);
  line-height: var(--lineheight-footerfilter);
  letter-spacing: var(--letter-spacing-footerfilter);
  font-weight: var(--fw-footerfilter);
}

section p, section ul, section ol {
  margin-bottom: 8px;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-fluid {
  max-width: var(--max-width-content);
}

.container-xxl, .container-fluid {
  --bs-gutter-x: 32px;
}
@media (min-width: 768px) {
  .container-xxl, .container-fluid {
    --bs-gutter-x: 96px;
  }
}
.container-xxl .row, .container-fluid .row {
  --bs-gutter-x: 32px;
}
@media (min-width: 768px) {
  .container-xxl .row, .container-fluid .row {
    --bs-gutter-x: 96px;
  }
}
.container-xxl, .container-fluid {
  /*
  .row {
      --bs-gutter-x: 16px !important;
  }
  padding-right: calc((48px) * .5);
  padding-left: calc((48px) * .5);
  @media (min-width: 1200px) {
      padding-right: calc((96px) * .5);
      padding-left: calc((96px) * .5);
  }
  */
}

section {
  margin-top: 48px;
  margin-bottom: 96px;
}

.portrait {
  aspect-ratio: 3/4;
  object-fit: cover;
}

.portrait {
  aspect-ratio: 660/704;
  object-fit: cover;
}

.square {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.landscape {
  aspect-ratio: 3/2;
  object-fit: cover;
}

.landscape {
  aspect-ratio: 433/363;
  object-fit: cover;
}

/* small link */
.link, .linkButton, .textck a {
  font-family: var(--font-sans-serif);
  font-weight: 500;
  font-size: var(--font-size-links);
  line-height: var(--lineheight-links);
  text-transform: uppercase;
  color: var(--color-font);
  text-decoration: none;
  letter-spacing: var(--letter-spacing-links);
  display: inline-block;
  border-bottom: 1px solid transparent;
  transition: border-bottom-color 0.4s;
}

.link::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9.7' viewBox='0 0 5.28 8.6'%3E%3Cpolygon points='.83 8.6 0 7.73 3.55 4.29 0 .86 .83 0 5.28 4.29 .83 8.6' fill='%23786D68'/%3E%3C/svg%3E");
  margin-left: 10px;
}

a:hover .link, .textck a:hover {
  border-bottom: 1px solid var(--color-border);
}

.link.link-copy {
  font-size: var(--font-size-copy);
  line-height: var(--lineheight-copy);
  letter-spacing: var(--letter-spacing-copy);
}
.link.link-copy::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.4' height='12' viewBox='0 0 5.28 8.6'%3E%3Cpolygon points='.83 8.6 0 7.73 3.55 4.29 0 .86 .83 0 5.28 4.29 .83 8.6' fill='%23786D68'/%3E%3C/svg%3E");
  margin-left: 10px;
}

.linkButton {
  border: 1px solid var(--color-border);
  padding: 16px 32px;
  transition: all 0.4s;
}

.linkButton:hover {
  border: 1px solid var(--color-border);
  background-color: var(--color-border);
  color: var(--color-white);
}

.linkButtonInvert {
  color: var(--color-white);
  background-color: var(--color-border);
}

.linkButtonInvert:hover {
  color: var(--color-border);
  background-color: var(--color-white);
}

.bg-special {
  background-color: var(--color-bg-image);
}

.panerai .linkButton {
  padding: 12px 24px;
}
.panerai .linkButton, .panerai .textck a {
  text-transform: none;
}

.oris .linkButton {
  padding: 0;
  border: 0;
}
.oris .linkButton span {
  border-bottom: 1px solid var(--color-font);
}
.oris .linkButton:hover {
  background-color: var(--color-white);
  color: var(--color-font);
}
.oris .linkButton:hover span {
  border-bottom: 1px solid var(--color-oris-pink);
}
.oris .linkButton, .oris .textck a {
  text-transform: none;
}

.mb-36px {
  margin-bottom: 36px;
}

.p-32px {
  padding: 32px;
}

.cursor-pointer:hover {
  cursor: pointer;
}

.bg-color-image {
  background-color: var(--color-bg-image);
}

.bg-color-product {
  background-color: var(--color-bg-product);
}

.oris .bg-color-product {
  background-image: linear-gradient(to bottom, #F3C1C2, var(--color-oris-grau));
}

img {
  max-width: 100%;
}

/*
nav, footer {padding: 24px;margin-bottom:48px;}
nav, footer {border:1px solid #eee;position:relative}
*/
.bg-transparent {
  background-color: transparent;
}

.gutter-x-18px {
  --bs-gutter-x: 18px !important;
}

.color-black {
  color: #000;
}

.color-white {
  color: #fff;
}

nav#breadcrumb {
  background-color: transparent;
}

nav .breadcrumb {
  --bs-breadcrumb-item-padding-x: 10px;
  --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.7' height='8' viewBox='0 0 5.28 8.6'%3E%3Cpolygon points='.83 8.6 0 7.73 3.55 4.29 0 .86 .83 0 5.28 4.29 .83 8.6' fill='%23BBB5B3'/%3E%3C/svg%3E");
  color: var(--color-font);
}
nav .breadcrumb a {
  text-decoration: none;
  color: var(--color-seiler-braun-50);
}

.panerai nav .breadcrumb a, .panerai nav .breadcrumb .breadcrumb-item.active {
  color: var(--color-panerai-weiss);
}

.oris nav .breadcrumb a, .oris nav .breadcrumb .breadcrumb-item.active {
  color: var(--color-oris-schwarz);
}

@media (max-width: 1199px) {
  footer .container-footer, footer .row-footer, footer .col-footer {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  footer .accordion-item {
    padding: 16px;
  }
  footer .accordion-item .accordion-body {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  footer .font-akkordeon {
    font-size: var(--font-size-footerfilter);
    line-height: var(--lineheight-footerfilter);
    letter-spacing: var(--letter-spacing-footerfilter);
    font-weight: var(--fw-footerfilter);
  }
}
footer .accordion {
  --bs-accordion-bg: var(--color-bg-footer) !important;
}
footer {
  background-color: var(--color-bg-footer);
}
footer .accordion .accordion-item,
footer .accordion .accordion-item:first-child {
  background-color: transparent;
  border-top: none;
  border-bottom: 1px solid var(--color-seiler-braun-35);
}
footer .accordion .accordion-item .accordion-body,
footer .accordion .accordion-item:first-child .accordion-body {
  margin: 0;
}
footer .accordion-item h2 button,
footer .accordion-item .accordion-body,
footer .accordion-item .accordion-body a,
footer .accordion-item .accordion-body a span {
  text-decoration: none;
}
@media (min-width: 1200px) {
  footer {
    padding-top: 80px;
  }
  footer .accordion {
    padding-bottom: 54px;
  }
  footer .accordion-collapse {
    display: block !important;
  }
  footer .accordion-button {
    pointer-events: none;
  }
  footer .accordion-button::after {
    content: none;
  }
  footer .accordion-body {
    padding: 0;
  }
  footer .accordion-item {
    border: none !important;
  }
}
footer svg {
  width: 10px;
  height: 10px;
}
footer .somed .link-instagram svg {
  width: 18px;
  height: 18px;
}
footer .somed .link-facebook svg {
  width: 8px;
  height: 18px;
}
footer .somed .link-youtube svg {
  width: 25.5px;
  height: 18px;
}

header img {
  max-height: 80vh;
  object-fit: cover;
}
@media (min-width: 1200px) {
  header .header-text {
    position: absolute;
    left: 48px;
    bottom: 48px;
    background-color: var(--color-bg-header);
  }
}
@media (max-width: 1199px) {
  header a {
    border-bottom: 1px solid var(--color-border);
  }
}

/*
body:has(#navswitch:checked) {
  background-color: red !important;

  .col-navswitch .navswitch,
  .col-search-close .button-search {
    display: none;
  }
}
*/
.navbar-to-concepts {
  background-color: var(--color-bg-header);
  border-bottom: 1px solid rgb(218, 213, 210);
  height: var(--height-concepts-link);
}
.navbar-to-concepts svg {
  transform: scaleX(-1);
  height: 11px;
  width: 11px;
}
.navbar-to-concepts span {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.23;
  letter-spacing: 0.91px;
  color: #786d68;
}

.oris .navbar-to-concepts {
  background-color: var(--color-oris-weiss);
}

body.navi-active header {
  margin-top: var(--height-navigation);
}

@media (min-width: 768px) {
  body:has(.offcanvas-backdrop.fade.show) #navswitch + nav {
    position: absolute;
    width: 100vw;
    z-index: 1050;
    top: 0;
  }
  body:has(.offcanvas-backdrop.fade.show) #navswitch + nav .navswitch .line1 {
    top: 8px;
    transform: rotate(45deg);
  }
  body:has(.offcanvas-backdrop.fade.show) #navswitch + nav .navswitch .line2 {
    display: none;
  }
  body:has(.offcanvas-backdrop.fade.show) #navswitch + nav .navswitch .line3 {
    top: 8px;
    transform: rotate(135deg);
  }
  body.show-concepts-link:has(.offcanvas-backdrop.fade.show) #navswitch + nav {
    top: var(--height-concepts-link);
  }
}
nav .col-logo svg, #offcanvasNavigation .col-logo svg {
  max-width: 50vw;
  width: 157.4px;
  height: 43.5px;
}
@media (min-width: 768px) {
  nav .col-logo svg, #offcanvasNavigation .col-logo svg {
    width: 202.1px;
    height: 55.9px;
  }
}

.panerai nav .col-logo svg, .panerai #offcanvasNavigation .col-logo svg {
  width: 184.3px;
  height: 21.5px;
}
@media (min-width: 768px) {
  .panerai nav .col-logo svg, .panerai #offcanvasNavigation .col-logo svg {
    width: 184.3px;
    height: 21.5px;
  }
}

.oris nav .col-logo svg, .oris #offcanvasNavigation .col-logo svg {
  width: 90px;
  height: 40.37px;
}
@media (min-width: 768px) {
  .oris nav .col-logo svg, .oris #offcanvasNavigation .col-logo svg {
    width: 90px;
    height: 40.37px;
  }
}

nav {
  display: flex;
  height: var(--height-navigation);
  background-color: var(--color-bg-header);
}
nav .container-nav {
  margin-top: auto;
  margin-bottom: auto;
}
nav .navswitch {
  position: relative;
  display: block;
  width: 24px;
  height: 18px;
}
nav .navswitch .line {
  width: 24px;
  height: 1px;
  background-color: var(--color-font);
  position: absolute;
  transform: rotate(0);
  transition: 0.25s ease-in-out;
}
nav .navswitch .line1 {
  top: 0;
}
nav .navswitch .line2 {
  top: 8px;
}
nav .navswitch .line3 {
  top: 16px;
}
nav .navswitch .menu-str {
  position: absolute;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.91px;
  color: #6d635f;
  left: 40px;
  top: -3px;
}
nav .col-search-close svg {
  width: 16px;
}
@media (min-width: 768px) {
  nav .col-search-close svg {
    width: 18px;
  }
}
nav .button-patek {
  margin-left: 40px;
  border: 1px solid red;
}

#offcanvasNavigation {
  width: 100%;
  max-width: 768px;
}
@media (min-width: 768px) {
  #offcanvasNavigation {
    top: var(--height-navigation);
    max-width: 50%;
  }
}
@media (min-width: 800px) {
  #offcanvasNavigation {
    max-width: 400px;
  }
}
#offcanvasNavigation .offcanvas-header {
  height: var(--height-navigation);
}
#offcanvasNavigation {
  border: none;
  background-color: var(--color-bg-header);
}
#offcanvasNavigation .col-search-close svg {
  width: 16px;
}
#offcanvasNavigation .col-search-close .button-close {
  display: block;
}
#offcanvasNavigation .col-search-close button {
  background-color: transparent;
  border: none;
  padding: 0;
}
#offcanvasNavigation .links1 .nav-item {
  padding-top: 16px;
  padding-bottom: 16px;
}
#offcanvasNavigation .links1 .nav-item a,
#offcanvasNavigation .links1 .nav-item span {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1.12px;
  color: #786d68;
  text-transform: uppercase;
  text-decoration: none;
}
#offcanvasNavigation .links1 .nav-item a svg,
#offcanvasNavigation .links1 .nav-item span svg {
  height: 14px;
}
#offcanvasNavigation .links1 .nav-item label:hover,
#offcanvasNavigation .links1 .nav-item a:hover,
#offcanvasNavigation .links1 .nav-item span:hover {
  cursor: pointer;
  text-decoration: underline;
}
#offcanvasNavigation .offcanvas-body {
  flex-grow: 0;
  border-top: 1px solid var(--color-seiler-braun-35);
}
#offcanvasNavigation .offcanvas-body hr {
  border-top: 1px solid var(--color-seiler-braun-35);
  height: 0;
  opacity: 1;
  margin-left: -16px;
  margin-right: -16px;
}
#offcanvasNavigation .links2 .nav-item {
  padding-top: 12px;
  padding-bottom: 12px;
}
#offcanvasNavigation .links2 .nav-item a {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.07;
  letter-spacing: normal;
  color: #786d68;
  text-decoration: none;
}
#offcanvasNavigation .links2 .nav-item a svg {
  width: 20px;
  height: auto;
  margin-right: 20px;
}
#offcanvasNavigation .arrow-back {
  display: none;
  transform: rotate(180deg);
}
#offcanvasNavigation .links1 .nav-item {
  display: flex;
}
#offcanvasNavigation .links1 .nav-item label {
  justify-content: space-between;
}
#offcanvasNavigation .links1 .nav-item + ul {
  display: none;
}
@media (max-width: 767px) {
  #offcanvasNavigation .links1:has(.nav-item input:checked) .nav-item {
    display: none;
  }
  #offcanvasNavigation .links1:has(.nav-item input:checked) .nav-item:has(input:checked) {
    display: flex;
  }
  #offcanvasNavigation .links1:has(.nav-item input:checked) .nav-item:has(input:checked) .arrow-back {
    display: block;
  }
  #offcanvasNavigation .links1:has(.nav-item input:checked) .nav-item:has(input:checked) .arrow-forward {
    display: none;
  }
  #offcanvasNavigation .links1:has(.nav-item input:checked) .nav-item:has(input:checked) label {
    justify-content: start;
  }
}
#offcanvasNavigation .links1:has(.nav-item input:checked) .nav-item:has(input:checked) + ul {
  display: block;
}
#offcanvasNavigation .links1:has(.nav-item input:checked) .nav-item:has(input:checked) + ul .nav-item {
  display: flex;
}
@media (min-width: 768px) {
  #offcanvasNavigation .links1 .links1 {
    position: absolute;
    left: 400px;
    padding: 16px;
    display: block;
    background: yellow;
    width: 400px;
    height: 100vh;
    top: 0;
    background-color: var(--color-bg-header);
    border-left: 1px solid var(--color-seiler-braun-35);
    border-top: 1px solid var(--color-seiler-braun-35);
  }
}
@media (min-width: 768px) {
  .show-concepts-link #offcanvasNavigation {
    top: calc(var(--height-concepts-link) + var(--height-navigation));
  }
}

.show-concepts-link .offcanvas-backdrop {
  top: var(--height-concepts-link);
}

.panerai nav {
  background-color: var(--color-panerai-schwarz);
  color: var(--color-panerai-weiss);
}
.panerai nav .navswitch .menu-str {
  font-family: helvetica-neue-lt-pro;
  color: var(--color-panerai-weiss);
}
.panerai nav svg {
  color: var(--color-panerai-weiss);
  fill: var(--color-panerai-weiss);
}
.panerai nav svg path {
  fill: var(--color-panerai-weiss) !important;
}
.panerai nav .navswitch .line {
  background-color: var(--color-panerai-weiss);
}
.panerai #offcanvasNavigation {
  background-color: var(--color-panerai-schwarz);
  color: var(--color-panerai-weiss);
}
.panerai #offcanvasNavigation .links1 .nav-item a,
.panerai #offcanvasNavigation .links1 .nav-item span,
.panerai #offcanvasNavigation .links2 .nav-item a,
.panerai #offcanvasNavigation .links2 .nav-item span {
  font-family: helvetica-neue-lt-pro;
  color: var(--color-panerai-weiss);
}
.panerai #offcanvasNavigation .links1 .nav-item a svg,
.panerai #offcanvasNavigation .links1 .nav-item span svg,
.panerai #offcanvasNavigation .links2 .nav-item a svg,
.panerai #offcanvasNavigation .links2 .nav-item span svg {
  color: var(--color-panerai-weiss);
  fill: var(--color-panerai-weiss);
}
.panerai #offcanvasNavigation .links1 .nav-item a svg path,
.panerai #offcanvasNavigation .links1 .nav-item span svg path,
.panerai #offcanvasNavigation .links2 .nav-item a svg path,
.panerai #offcanvasNavigation .links2 .nav-item span svg path {
  fill: var(--color-panerai-weiss) !important;
}

.oris nav {
  background-color: var(--color-oris-weiss);
  color: var(--color-oris-schwarz);
}
.oris nav .navswitch .menu-str {
  font-family: BrownLLSub-Light;
  color: var(--color-oris-schwarz);
}
.oris nav svg {
  color: var(--color-oris-schwarz);
  fill: var(--color-oris-schwarz);
}
.oris nav svg path {
  fill: var(--color-oris-schwarz) !important;
}
.oris nav .navswitch .line {
  background-color: var(--color-oris-schwarz);
}
.oris #offcanvasNavigation {
  background-color: var(--color-oris-weiss);
  color: var(--color-oris-schwarz);
}
.oris #offcanvasNavigation .links1 .nav-item a,
.oris #offcanvasNavigation .links1 .nav-item span,
.oris #offcanvasNavigation .links2 .nav-item a,
.oris #offcanvasNavigation .links2 .nav-item span {
  font-family: BrownLLSub-Light;
  color: var(--color-oris-schwarz);
}
.oris #offcanvasNavigation .links1 .nav-item a svg,
.oris #offcanvasNavigation .links1 .nav-item span svg,
.oris #offcanvasNavigation .links2 .nav-item a svg,
.oris #offcanvasNavigation .links2 .nav-item span svg {
  color: var(--color-oris-schwarz);
  fill: var(--color-oris-schwarz);
}
.oris #offcanvasNavigation .links1 .nav-item a svg path,
.oris #offcanvasNavigation .links1 .nav-item span svg path,
.oris #offcanvasNavigation .links2 .nav-item a svg path,
.oris #offcanvasNavigation .links2 .nav-item span svg path {
  fill: var(--color-oris-schwarz) !important;
}

.splide img {
  width: 100%;
}
.splide .splide__arrows .splide__arrow {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.splide .splide__arrows .splide__arrow--prev {
  left: -28px;
}
@media (min-width: 1200px) {
  .splide .splide__arrows .splide__arrow--prev {
    left: -42px;
  }
}
.splide .splide__arrows .splide__arrow--next {
  right: -28px;
}
@media (min-width: 1200px) {
  .splide .splide__arrows .splide__arrow--next {
    right: -42px;
  }
}

.slider-product-text-wrapper p {
  text-align: center;
}

.product .wrapper-product-image {
  aspect-ratio: 1;
}
.product .wrapper-product-image img {
  aspect-ratio: 1;
  object-fit: cover;
}
.product .cartButton {
  background-color: var(--color-weiss);
}
.product .cartButton:hover {
  background-color: var(--color-border);
}
.product .select-groesse {
  width: 100%;
  font-family: var(--font-sans-serif);
  font-weight: 500;
  font-size: var(--font-size-links);
  line-height: var(--lineheight-links);
  text-transform: uppercase;
  color: var(--color-font);
  text-decoration: none;
  letter-spacing: var(--letter-spacing-links);
  display: inline-block;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  transition: border-bottom-color 0.4s;
  padding-top: 8px;
  padding-bottom: 8px;
}
.product .bg-color-ansprechpartner {
  background-color: var(--color-bg-ansprechpartner);
}

section.component-ansprechpartner .col {
  background-color: var(--color-bg-ansprechpartner);
  padding: 32px;
}
@media (min-width: 1200px) {
  section.component-ansprechpartner .col-image {
    padding: 64px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  section.component-ansprechpartner .col-text {
    padding: 64px;
    padding-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
section.component-ansprechpartner .text-start:has(.linkButton) {
  margin-top: 20px;
  margin-bottom: 20px;
}
section.component-ansprechpartner .text-start .h2 {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  section.component-ansprechpartner .text-start:has(.linkButton) {
    margin-top: 36px;
  }
  section.component-ansprechpartner .text-start .h2 {
    margin-bottom: 36px;
  }
}

section.component-iframe iframe {
  aspect-ratio: 16/9;
  width: 100%; /* change this to a fixed width, or create a container with a width. */
  height: 100%;
}

section.component-headline-text .col div + div {
  margin-top: 36px;
}
section.component-headline-text div p:last-child {
  margin-bottom: 0;
}
section.component-headline-text ul {
  display: inline-block;
  text-align: left;
}
section.component-headline-text .text-center h2 {
  max-width: var(--max-width-text);
  margin-left: auto;
  margin-right: auto;
}
section.component-headline-text .text-center p {
  max-width: var(--max-width-text);
  margin-left: auto;
  margin-right: auto;
}

section.component-icon figure svg {
  width: 120px !important;
}

section.component-image-teaser .col-12 .landscape, section.component-image-teaser .col-md-6 .landscape {
  aspect-ratio: 660/363;
}
section.component-image-teaser .col-12 .portrait, section.component-image-teaser .col-md-6 .portrait {
  aspect-ratio: 660/704;
}
section.component-image-teaser .col-lg-3 .landscape, section.component-image-teaser .col-lg-4 .landscape {
  aspect-ratio: 433/363;
}
section.component-image-teaser .col-lg-3 .portrait, section.component-image-teaser .col-lg-4 .portrait {
  aspect-ratio: 660/704;
}
section.component-image-teaser.bg-special .col-12 .landscape, section.component-image-teaser.bg-special .col-md-6 .landscape {
  aspect-ratio: 547/363;
}
section.component-image-teaser.bg-special .col-12 .portrait, section.component-image-teaser.bg-special .col-md-6 .portrait {
  aspect-ratio: 660/704;
}
section.component-image-teaser.bg-special .col-lg-3 .landscape, section.component-image-teaser.bg-special .col-lg-4 .landscape {
  aspect-ratio: 547/363;
}
section.component-image-teaser.bg-special .col-lg-3 .portrait, section.component-image-teaser.bg-special .col-lg-4 .portrait {
  aspect-ratio: 660/704;
}
section.component-image-teaser .row-layout121 img {
  object-fit: cover;
  aspect-ratio: 610/434;
}
section.component-image-teaser .row-layout121 .landscape {
  aspect-ratio: 434/277;
  overflow: hidden;
}
section.component-image-teaser .row-layout121 .linkbox {
  margin-bottom: 1.5rem !important;
}
section.component-image-teaser p.link-copy::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9.7' viewBox='0 0 5.28 8.6'%3E%3Cpolygon points='.83 8.6 0 7.73 3.55 4.29 0 .86 .83 0 5.28 4.29 .83 8.6' fill='%23786D68'/%3E%3C/svg%3E");
}

section.component-image-text img {
  aspect-ratio: 165/134;
  object-fit: cover;
}
section.component-image-text div.content-text h2 {
  margin-bottom: 0;
}
section.component-image-text div.content-text div + div, section.component-image-text div.content-text h2 + p {
  margin-top: 36px;
}
section.component-image-text div p:last-child {
  margin-bottom: 0;
}

section.component-image .col-12 .landscape {
  aspect-ratio: 1110/677;
}
section.component-image .col-12 .portrait {
  aspect-ratio: 660/704;
}
section.component-image .col-md-6 .landscape {
  aspect-ratio: 660/536;
}
section.component-image .col-md-6 .portrait {
  aspect-ratio: 660/704;
}

section.component-images .landscape {
  aspect-ratio: 660/536;
}
section.component-images .portrait {
  aspect-ratio: 660/704;
}

section.component-kollektions-teaser .col-12 .landscape, section.component-kollektions-teaser .col-md-6 .landscape {
  aspect-ratio: 660/363;
}
section.component-kollektions-teaser .col-12 .portrait, section.component-kollektions-teaser .col-md-6 .portrait {
  aspect-ratio: 660/704;
}
section.component-kollektions-teaser .col-lg-3 .landscape, section.component-kollektions-teaser .col-lg-4 .landscape {
  aspect-ratio: 433/363;
}
section.component-kollektions-teaser .col-lg-3 .portrait, section.component-kollektions-teaser .col-lg-4 .portrait {
  aspect-ratio: 660/704;
}
section.component-kollektions-teaser.bg-special .col-12 .landscape, section.component-kollektions-teaser.bg-special .col-md-6 .landscape {
  aspect-ratio: 547/363;
}
section.component-kollektions-teaser.bg-special .col-12 .portrait, section.component-kollektions-teaser.bg-special .col-md-6 .portrait {
  aspect-ratio: 660/704;
}
section.component-kollektions-teaser.bg-special .col-lg-3 .landscape, section.component-kollektions-teaser.bg-special .col-lg-4 .landscape {
  aspect-ratio: 547/363;
}
section.component-kollektions-teaser.bg-special .col-lg-3 .portrait, section.component-kollektions-teaser.bg-special .col-lg-4 .portrait {
  aspect-ratio: 660/704;
}
section.component-kollektions-teaser .row-layout121 img {
  object-fit: cover;
  aspect-ratio: 610/434;
}
section.component-kollektions-teaser .row-layout121 .landscape {
  aspect-ratio: 434/277;
  overflow: hidden;
}
section.component-kollektions-teaser .row-layout121 .linkbox {
  margin-bottom: 1.5rem !important;
}
section.component-kollektions-teaser p.link-copy::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9.7' viewBox='0 0 5.28 8.6'%3E%3Cpolygon points='.83 8.6 0 7.73 3.55 4.29 0 .86 .83 0 5.28 4.29 .83 8.6' fill='%23786D68'/%3E%3C/svg%3E");
}

section.component-overview-boutiquen img {
  aspect-ratio: 660/704;
  object-fit: cover;
}

section.component-overview-jobs .col-jobs svg {
  width: 10px;
  height: 19.3px;
  margin-right: 20px;
}
section.component-overview-jobs .col-jobs a {
  border-top: 1px solid var(--color-seiler-braun-50);
}
section.component-overview-jobs .col-jobs a:last-child {
  border-bottom: 1px solid var(--color-seiler-braun-50);
}

section.component-overview-team .team-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
section.component-overview-team .team-filter .btn {
  border-radius: 0;
  background: none;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 24px;
  transition: border-color 0.2s, color 0.2s;
}
section.component-overview-team .team-filter .btn:hover, section.component-overview-team .team-filter .btn.active {
  border-color: var(--color-border);
  color: var(--color-font);
  background: none;
}
section.component-overview-team .teammember {
  margin-bottom: 64px;
}
section.component-overview-team .dotwrapper {
  margin-right: 32px;
  display: flex;
}
section.component-overview-team .dotwrapper .dot {
  margin-left: 12px;
  margin-right: 0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: inline-block;
}
section.component-overview-team .teammember-img {
  aspect-ratio: 434/363;
  margin-bottom: 32px;
}
section.component-overview-team .teammember-img img {
  padding: 16px;
}
section.component-overview-team .teammember-img .hover-content {
  display: none;
  width: 100%;
  opacity: 0.9;
}
section.component-overview-team .teammember-img .button-open, section.component-overview-team .teammember-img .button-close {
  position: absolute;
  right: 16px;
  top: 16px;
  height: 24px;
  width: 24px;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
}
section.component-overview-team .teammember-img .button-open svg, section.component-overview-team .teammember-img .button-close svg {
  height: 16px;
  width: 16px;
  position: relative;
}
section.component-overview-team .teammember-img svg:hover {
  cursor: pointer;
}
section.component-overview-team .teammember-img.active .button-open {
  display: none;
}
section.component-overview-team .teammember-img.active .hover-content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
section.component-overview-team {
  /*


  .teammember-img:hover {

  }

   */
}

section.component-logos-marken .logo-wrapper {
  aspect-ratio: 26/15;
}
section.component-logos-marken svg, section.component-logos-marken img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  padding: 24px;
}
section.component-logos-marken svg {
  fill: currentColor;
}
section.component-logos-marken img {
  object-fit: contain;
  aspect-ratio: 26/15;
}
section.component-logos-marken a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: var(--color-seiler-braun);
}
section.component-logos-marken a:hover {
  background-color: var(--color-seiler-braun);
  color: #fff;
}
section.component-logos-marken a:hover svg, section.component-logos-marken a:hover svg * {
  fill: #fff;
}

.component-marken-teaser .splide__arrows {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  pointer-events: none;
  aspect-ratio: 4/1;
}
@media (max-width: 1200px) {
  .component-marken-teaser .splide__arrows {
    aspect-ratio: 3/1;
  }
}
@media (max-width: 1040px) {
  .component-marken-teaser .splide__arrows {
    aspect-ratio: 2/1;
  }
}
@media (max-width: 640px) {
  .component-marken-teaser .splide__arrows {
    aspect-ratio: 1/1;
  }
}
.component-marken-teaser .splide__arrow {
  pointer-events: all;
}

.accordion button {
  color: var(--color-font);
}
.accordion .accordion-button:not(.collapsed) {
  color: var(--color-font);
  background-color: transparent;
  box-shadow: none;
}
.accordion .accordion-button:focus {
  box-shadow: none;
}
.accordion .accordion-item:first-child {
  border-top: var(--bs-accordion-border-width) solid var(--color-border);
}
.accordion .accordion-item, .accordion .accordion-item:last-child {
  border-bottom: var(--bs-accordion-border-width) solid var(--color-border);
}

.component-marken-partner-teaser img {
  aspect-ratio: 433/363;
  object-fit: cover;
}
.component-marken-partner-teaser .marken-partner-teaser-wrapper svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.component-marken-partner-teaser .marken-partner-teaser-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}
.component-marken-partner-teaser .splide .splide__arrows .splide__arrow {
  top: calc(50% - 48px);
}

section.component-multi-col-content .col div + div, section.component-multi-col-content .col div + figure, section.component-multi-col-content .col figure + figure, section.component-multi-col-content .col figure + div, section.component-multi-col-content .col div + h2, section.component-multi-col-content .col figure + h2 {
  margin-top: 36px;
}
section.component-multi-col-content div p:last-child {
  margin-bottom: 0;
}
section.component-multi-col-content ul {
  display: inline-block;
  text-align: left;
}
section.component-multi-col-content .text-center h2 {
  max-width: var(--max-width-text);
  margin: auto;
}
section.component-multi-col-content .text-center p {
  max-width: var(--max-width-text);
  margin: auto;
}

section.component-product-overview .productsearchbar {
  margin-bottom: 24px;
}
section.component-product-overview .productsearchbar .productsearchwrapper {
  height: 46px;
  border-bottom: 1px solid var(--color-font);
  position: relative;
}
section.component-product-overview .productsearchbar .productsearchwrapper button {
  position: absolute;
  left: 0;
  background-color: transparent;
  height: 46px;
  border: none;
}
section.component-product-overview .productsearchbar .productsearchwrapper button svg {
  width: 14px;
  height: 14px;
}
section.component-product-overview .productsearchbar .productsearchwrapper input {
  border: none;
  height: 44px;
  padding-left: 30px;
}
section.component-product-overview .productsearchbar .productfilterwrapper button {
  background-color: transparent;
  height: 46px;
  padding-left: 20px;
  padding-right: 20px;
  text-transform: uppercase;
}
section.component-product-overview .productsearchbar .productfilterwrapper button svg {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
section.component-product-overview .productsearchbar .productfilterwrapper button:hover {
  color: initial;
}
section.component-product-overview #filterOffcanvas {
  z-index: 1051;
}

section.component-services-werte {
  background-color: var(--color-seiler-beige);
  padding-top: 90px;
  padding-bottom: 45px;
}
section.component-services-werte .col-service {
  padding-bottom: 90px;
}
section.component-services-werte .col-service svg {
  max-height: 80px;
  margin-bottom: 32px;
}

.panerai section.component-services-werte {
  background-color: transparent;
}

.component-slider-products .splide .splide__arrows .splide__arrow {
  top: calc(50% - 64px);
}

section.component-table-markeninfo .row {
  --bs-gutter-x: 0px;
}
section.component-table-markeninfo .col-item {
  border-top: 1px solid var(--color-border);
}
section.component-table-markeninfo .row-closing-border {
  border-top: 1px solid var(--color-border);
}

section.component-video .video-native-wrapper .video-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: opacity 0.2s;
}

.video-native-wrapper .video-play-btn:hover {
  opacity: 0.8;
}