@charset "UTF-8";
/*!
Theme Name: DUBBEDOS
Description: modus: medien + kommunikation GmbH
Author: Nico Felix – modus: medien + kommunikation GmbH
Author URI: https://www.modus-media.de
Version: 1.0
*/
@font-face {
  font-display: swap;
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 200;
  src: url("inc/fonts/josefin-sans-200.eot");
  src: url("inc/fonts/josefin-sans-200.eot?#iefix") format("embedded-opentype"), url("inc/fonts/josefin-sans-200.woff2") format("woff2"), url("inc/fonts/josefin-sans-200.woff") format("woff"), url("inc/fonts/josefin-sans-200.ttf") format("truetype"), url("inc/fonts/josefin-sans-200.svg#JosefinSans") format("svg");
}
@font-face {
  font-display: swap;
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 400;
  src: url("inc/fonts/josefin-sans-regular.eot");
  src: url("inc/fonts/josefin-sans-regular.eot?#iefix") format("embedded-opentype"), url("inc/fonts/josefin-sans-regular.woff2") format("woff2"), url("inc/fonts/josefin-sans-regular.woff") format("woff"), url("inc/fonts/josefin-sans-regular.ttf") format("truetype"), url("inc/fonts/josefin-sans-regular.svg#JosefinSans") format("svg");
}
@font-face {
  font-display: swap;
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 700;
  src: url("inc/fonts/josefin-sans-700.eot");
  src: url("inc/fonts/josefin-sans-700.eot?#iefix") format("embedded-opentype"), url("inc/fonts/josefin-sans-700.woff2") format("woff2"), url("inc/fonts/josefin-sans-700.woff") format("woff"), url("inc/fonts/josefin-sans-700.ttf") format("truetype"), url("inc/fonts/josefin-sans-700.svg#JosefinSans") format("svg");
}
@font-face {
  font-display: swap;
  font-family: "Hey October";
  font-style: normal;
  font-weight: 400;
  src: url("inc/fonts/Hey-October.eot");
  src: url("inc/fonts/Hey-October.eot?#iefix") format("embedded-opentype"), url("inc/fonts/Hey-October.woff2") format("woff2"), url("inc/fonts/Hey-October.woff") format("woff"), url("inc/fonts/Hey-October.ttf") format("truetype"), url("inc/fonts/Hey-October.svg#HeyOctober") format("svg");
}
@font-face {
  font-display: swap;
  font-family: "Ostrich Sans";
  font-style: normal;
  font-weight: 800;
  src: url("inc/fonts/OstrichSans-Heavy.eot");
  src: url("inc/fonts/OstrichSans-Heavy.eot?#iefix") format("embedded-opentype"), url("inc/fonts/OstrichSans-Heavy.woff2") format("woff2"), url("inc/fonts/OstrichSans-Heavy.woff") format("woff"), url("inc/fonts/OstrichSans-Heavy.ttf") format("truetype"), url("inc/fonts/OstrichSans-Heavy.svg#OstrichSans") format("svg");
}
.font-josefinsans, .font-josefinsans * {
  font-family: "Josefin Sans", Arial, sans-serif !important;
}

.font-heyoctober, .font-heyoctober * {
  font-family: "Hey October", Arial, sans-serif !important;
}

.font-ostrichsans, .font-ostrichsans * {
  font-family: "Ostrich Sans", Arial, sans-serif !important;
}

body {
  font-size: 20px;
  line-height: 1.2 !important;
  font-weight: 500;
  font-family: "Josefin Sans", Arial, sans-serif;
}
body .hyphens, body .hyphens * {
  -webkit-hyphens: auto !important;
          hyphens: auto !important;
}
body .no-hyphens, body .no-hyphens * {
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
body .manual-hyphens, body .manual-hyphens * {
  -webkit-hyphens: manual !important;
          hyphens: manual !important;
}
body * {
  line-height: 1.2 !important;
}
body main h1, body main h1 * {
  font-size: clamp(2rem, 1.5rem + 2vw, 4rem);
  -webkit-hyphens: auto !important;
          hyphens: auto !important;
  font-family: "Ostrich Sans", Arial, sans-serif;
}
body main h2, body main h2 * {
  font-size: clamp(1.75rem, 1.375rem + 1.5vw, 2.5rem);
  -webkit-hyphens: auto !important;
          hyphens: auto !important;
  font-family: "Ostrich Sans", Arial, sans-serif;
}
body main h3, body main h3 * {
  font-size: clamp(1.65rem, 1.475rem + 0.7vw, 2rem);
  -webkit-hyphens: auto !important;
          hyphens: auto !important;
  font-family: "Ostrich Sans", Arial, sans-serif;
}
body main h4, body main h4 * {
  font-size: clamp(1.5rem, 1.375rem + 0.5vw, 1.75rem);
  font-family: "Ostrich Sans", Arial, sans-serif;
}
body main h5, body main h5 * {
  font-size: clamp(1.25rem, 1.2rem + 0.4vw, 1.5rem);
  font-family: "Ostrich Sans", Arial, sans-serif;
}
body main h6, body main h6 * {
  font-size: 1rem;
  font-family: "Ostrich Sans", Arial, sans-serif;
}
body main small, body main small * {
  font-size: 0.85rem;
}
body main .h1, body main .h1 * {
  font-size: clamp(2rem, 1.5rem + 2vw, 4rem) !important;
}
body main .h2, body main .h2 * {
  font-size: clamp(1.75rem, 1.375rem + 1.5vw, 2.5rem) !important;
}
body main .h3, body main .h3 * {
  font-size: clamp(1.65rem, 1.475rem + 0.7vw, 2rem) !important;
}
body main .h4, body main .h4 * {
  font-size: clamp(1.5rem, 1.375rem + 0.5vw, 1.75rem) !important;
}
body main .h5, body main .h5 * {
  font-size: clamp(1.25rem, 1.2rem + 0.4vw, 1.5rem) !important;
}
body main .h6, body main .h6 * {
  font-size: 1rem !important;
}
body b, body strong {
  font-weight: 700;
}

@media (max-width: 991.98px) {
  :root, body {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  :root, body {
    font-size: 16px;
  }
}
*, *::before, *::after {
  box-sizing: border-box;
}

::-moz-selection {
  background: rgba(30, 133, 190, 0.5);
  color: rgb(255, 255, 255);
}

::selection {
  background: rgba(30, 133, 190, 0.5);
  color: rgb(255, 255, 255);
}

p:last-child {
  margin-bottom: 0 !important;
}

a {
  transition: all 0.3s ease-in-out;
}
a:hover, a:focus, a:active {
  transition: all 0.3s ease-in-out;
}
main a {
  color: rgb(0, 0, 0);
  text-decoration: underline !important;
}
main a:hover, main a:focus, main a:active {
  color: rgb(87, 86, 86);
}
.links-bg-white a {
  color: rgb(87, 86, 86) !important;
}
.links-bg-white a:hover, .links-bg-white a:focus, .links-bg-white a:active {
  color: rgb(136, 188, 36) !important;
}

a:hover img {
  -moz-filter: opacity(0.75);
  -ms-filter: opacity(0.75);
  -o-filter: opacity(0.75);
  filter: opacity(0.75);
  transition: all 0.3s ease-in-out;
}

hr {
  border-top: 3px solid rgb(87, 86, 86);
  width: 50%;
  margin: 0 auto;
}

.hyphenate, .hyphenate * {
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.text-underline h1, .text-underline h2, .text-underline h3, .text-underline h4, .text-underline h5, .text-underline h6, .text-underline p, .text-underline a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0.4em;
  text-underline-offset: -0.2em;
  text-decoration-color: rgb(87, 86, 86);
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  -webkit-text-decoration-skip: none;
          text-decoration-skip: none;
}

svg {
  clip-path: none !important;
}
svg * {
  clip-path: none !important;
}

.glass-effect {
  -webkit-backdrop-filter: blur(0.3rem);
  backdrop-filter: blur(0.3rem);
}

label {
  font-size: 1rem;
}

input:not([type=checkbox], [type=radio], [type=button], [type=submit]),
textarea, select, .select2-selection {
  color: rgb(0, 0, 0) !important;
  background-color: rgb(255, 255, 255) !important;
  border: 2px solid rgb(156, 155, 155) !important;
  border-radius: 1rem !important;
  padding: 0.5rem 1rem 0.25rem 1rem !important;
  font-size: 1rem !important;
  width: 100%;
  transition: all 0.3s ease-in-out;
  font-family: "Josefin Sans", Arial, sans-serif;
}
input:not([type=checkbox], [type=radio], [type=button], [type=submit]):hover, input:not([type=checkbox], [type=radio], [type=button], [type=submit]):focus, input:not([type=checkbox], [type=radio], [type=button], [type=submit]):active,
textarea:hover,
textarea:focus,
textarea:active, select:hover, select:focus, select:active, .select2-selection:hover, .select2-selection:focus, .select2-selection:active {
  border: 2px solid rgb(0, 0, 0) !important;
}

input[type=submit], input[type=button],
button, .button, .btn, .elementor-button {
  color: rgb(255, 255, 255);
  background-color: rgb(87, 86, 86);
  font-size: clamp(1.5rem, 1.375rem + 0.5vw, 1.75rem);
  border-radius: 2em;
  padding: 0.25em 1em;
  text-decoration: none !important;
  font-size: clamp(1.5rem, 1.375rem + 0.5vw, 1.75rem);
  font-family: "Ostrich Sans", Arial, sans-serif;
}
input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active, input[type=button]:hover, input[type=button]:focus, input[type=button]:active,
button:hover,
button:focus,
button:active, .button:hover, .button:focus, .button:active, .btn:hover, .btn:focus, .btn:active, .elementor-button:hover, .elementor-button:focus, .elementor-button:active {
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
}

.elementor-image-gallery .gallery-item dt img {
  border-width: 0px !important;
}
.elementor-image-gallery .gallery-item dd.wp-caption-text {
  font-size: 0.9rem;
  color: rgb(87, 86, 86);
}

@media (max-width: 767.98px) {
  .gallery-columns-1 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-2 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-3 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-4 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-5 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-6 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-7 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-8 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-9 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-10 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-11 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-12 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-13 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-14 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-15 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-16 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-17 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-18 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-19 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-20 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-21 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-22 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-23 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-24 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-25 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-26 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-27 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-28 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-29 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-30 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-31 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-32 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-33 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-34 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-35 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-36 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-37 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-38 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-39 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-40 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-41 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-42 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-43 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-44 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-45 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-46 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-47 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-48 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-49 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-50 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-51 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-52 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-53 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-54 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-55 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-56 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-57 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-58 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-59 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-60 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-61 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-62 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-63 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-64 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-65 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-66 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-67 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-68 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-69 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-70 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-71 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-72 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-73 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-74 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-75 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-76 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-77 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-78 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-79 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-80 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-81 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-82 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-83 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-84 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-85 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-86 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-87 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-88 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-89 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-90 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-91 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-92 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-93 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-94 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-95 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-96 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-97 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-98 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-99 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
  .gallery-columns-100 .gallery-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
  }
}
.gallery .gallery-item {
  font-size: 0.9rem;
  color: rgb(87, 86, 86);
}

.wp-caption.alignleft {
  float: left;
  margin-right: 1rem;
}
.wp-caption.alignright {
  float: right;
  margin-left: 1rem;
}
.wp-caption .wp-caption-text {
  font-size: 0.9rem;
  color: rgb(87, 86, 86);
}

html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  align-content: stretch;
  min-height: 100%;
  position: relative;
  background: rgb(255, 255, 255);
  color: rgb(87, 86, 86);
  overflow-x: hidden;
  margin: 0;
  scroll-behavior: smooth;
  scroll-padding-top: 200px;
}
body.modal-open main {
  z-index: auto !important;
}

body > header, body > footer {
  flex-shrink: 0;
}

body > main, body > main > .wrapper, body > main.content, body > main.content > .elementor-container,
body > main > .container, body > main > .elementor-section-wrap,
body > .elementor, body > .elementor > .elementor-inner,
body > .elementor > .elementor-inner > .elementor-section-wrap {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

body > main.content > .elementor,
body > main.content > .elementor > .elementor-inner,
body > main.content > .elementor > .elementor-inner > .elementor-section-wrap {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

@media (max-width: 991.98px) {
  body > header, body > main, body > footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body > header > .container, body > header > .elementor-section-wrap, body > main > .container, body > main > .elementor-section-wrap, body > footer > .container, body > footer > .elementor-section-wrap {
    border: 0;
  }
}
.no-gutters {
  margin: 0 auto !important;
  padding: 0 !important;
}

.container {
  max-width: 1300px;
  position: relative;
}

.container-xs {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}

.container-200 {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  position: relative;
}

.container-150 {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  position: relative;
}

.container-100 {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  position: relative;
}

.container-left > * {
  margin-left: 0 !important;
}

.container-right > * {
  margin-right: 0 !important;
}

img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.elementor-widget-image .elementor-image > a img[src$=".svg"],
.elementor-widget-image .elementor-image figure > a img[src$=".svg"] {
  width: 100%;
}

.img-invert {
  filter: invert(1);
}

body.transparenz .overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}

.hc-offcanvas-nav.disable-body::after, .hc-offcanvas-nav .nav-wrapper::after {
  height: 100vh;
}
.hc-offcanvas-nav > .nav-container {
  max-width: 350px;
  width: 85% !important;
}
.hc-offcanvas-nav .nav-wrapper {
  background: rgb(255, 255, 255);
}
.hc-offcanvas-nav .nav-wrapper .nav-content {
  padding: 2rem;
}
.hc-offcanvas-nav .nav-wrapper .nav-content h2 {
  font-size: clamp(1.5rem, 1.375rem + 0.5vw, 1.75rem) !important;
  color: rgb(87, 86, 86);
  padding: 0;
  margin-top: 3rem;
  margin-bottom: 0.75rem;
  text-transform: none;
  font-weight: 700 !important;
  border: 0 !important;
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul {
  background: transparent;
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul * {
  font-size: 1.25rem;
  text-decoration: none;
  font-weight: 400;
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul .nav-highlight {
  background: none;
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul li:not(.custom-content) a {
  border-bottom: 2px solid rgb(156, 155, 155);
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul .current-menu-ancestor > * > a,
.hc-offcanvas-nav .nav-wrapper .nav-content > ul .current-menu-item > * > a {
  font-weight: 400;
  color: rgb(87, 86, 86);
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul a {
  position: relative;
  padding: 1rem 0;
  color: rgb(87, 86, 86);
  font-weight: 200;
  background: rgba(255, 255, 255, 0);
  text-align: left;
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul a:hover, .hc-offcanvas-nav .nav-wrapper .nav-content > ul a:active, .hc-offcanvas-nav .nav-wrapper .nav-content > ul a:focus {
  color: rgb(0, 0, 0);
  background: rgba(255, 255, 255, 0);
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul a:not(:last-child) {
  margin-right: 0;
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul a.nav-next {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-left: 0;
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul a.nav-next > span::before {
  left: auto;
  right: 1rem;
  border-right: 3px solid rgb(87, 86, 86);
  border-bottom: 3px solid rgb(87, 86, 86);
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul li:last-of-type a {
  border-bottom: 0;
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul > li {
  width: 100%;
  max-width: 350px;
  margin-inline: auto;
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul > li.nav-close a {
  background: none;
  color: rgb(87, 86, 86);
  text-align: right;
  padding: 0.75rem 0;
  margin-bottom: 2rem;
  border: 0;
  transition: all 0.3s ease-in-out;
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul > li.nav-close a span {
  position: relative !important;
  top: -3.5px;
  left: -20px;
  transition: all 0.3s ease-in-out;
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul > li.nav-close a span::before, .hc-offcanvas-nav .nav-wrapper .nav-content > ul > li.nav-close a span::after {
  border-color: rgb(87, 86, 86);
  width: 15px;
  height: 15px;
  border-top: 3px solid rgb(87, 86, 86);
  border-left: 3px solid rgb(87, 86, 86);
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul > li.nav-close a span::after {
  margin-left: 8px;
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul > li.nav-close a:hover, .hc-offcanvas-nav .nav-wrapper .nav-content > ul > li.nav-close a:active, .hc-offcanvas-nav .nav-wrapper .nav-content > ul > li.nav-close a:focus {
  background: none;
  color: rgb(0, 0, 0);
  border: 0;
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul > li.nav-close a:hover span::before, .hc-offcanvas-nav .nav-wrapper .nav-content > ul > li.nav-close a:hover span::after, .hc-offcanvas-nav .nav-wrapper .nav-content > ul > li.nav-close a:active span::before, .hc-offcanvas-nav .nav-wrapper .nav-content > ul > li.nav-close a:active span::after, .hc-offcanvas-nav .nav-wrapper .nav-content > ul > li.nav-close a:focus span::before, .hc-offcanvas-nav .nav-wrapper .nav-content > ul > li.nav-close a:focus span::after {
  border-color: rgb(0, 0, 0);
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul > li a {
  text-transform: none;
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul li.level-open .nav-wrapper {
  background: rgb(255, 255, 255);
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul li.level-open .nav-wrapper .nav-content {
  width: calc(100% - 4rem);
  max-width: 350px;
  margin-inline: auto;
  padding-inline: 0;
  padding-top: 0;
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul li.level-open .nav-wrapper .nav-content ul li.nav-back a {
  border: 0;
  font-size: 1rem;
  padding-inline: 0;
  margin-bottom: 2rem;
  text-transform: none;
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul li.level-open .nav-wrapper .nav-content ul li.nav-back a:hover, .hc-offcanvas-nav .nav-wrapper .nav-content > ul li.level-open .nav-wrapper .nav-content ul li.nav-back a:active, .hc-offcanvas-nav .nav-wrapper .nav-content > ul li.level-open .nav-wrapper .nav-content ul li.nav-back a:focus {
  color: rgb(0, 0, 0);
}
.hc-offcanvas-nav .nav-wrapper .nav-content > ul li.level-open .nav-wrapper .nav-content ul li.nav-back a span::before {
  border-bottom: 3px solid rgb(87, 86, 86);
  border-right: 3px solid rgb(87, 86, 86);
}

body > header {
  z-index: 10;
  position: sticky;
  top: 0;
  padding: 0;
  background: rgb(255, 255, 255);
  transform: translate3d(0, 0, 0);
}
body > header .overlay {
  z-index: 15 !important;
}
body > header > .row {
  position: relative;
  margin-inline: auto;
}
body > header > .row > .container {
  padding: 1rem;
}
body > header > .row > .container > .row {
  justify-content: space-between;
  gap: 2rem 4rem;
}
body > header > .row > .container .logo {
  display: flex;
  align-items: flex-end;
  max-width: 200px;
  min-width: 200px;
  transition: all 1s;
}
body > header > .row > .container .logo a {
  width: 100%;
}
body > header > .row > .container .logo a:hover, body > header > .row > .container .logo a:active, body > header > .row > .container .logo a:focus {
  transform: scale(1.1);
}
body > header > .row > .container .logo img.mainlogo {
  display: block;
  width: 100%;
  height: auto;
}
body > header > .row > .container .logo img.signet {
  display: none;
  width: 80px;
  height: auto;
}
body > header > .row > .container .menu-socials {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: flex-end;
  gap: 2rem 4rem;
  --nav-trigger-width:31px;
}
body > header > .row > .container .menu-socials nav#main-nav {
  flex: 1 0 auto;
  order: 1;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 0 -4px 0;
  padding: 0;
  font-size: 1em;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu a {
  font-weight: 200;
  text-decoration: none !important;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu li.hide-desktop {
  display: none !important;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li {
  display: flex;
  flex-direction: row;
  list-style: none;
  position: relative;
  padding: 0 1.5rem;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li.dropdown > a::after {
  content: ">";
  font-size: 0.85rem;
  transform: rotate(90deg);
  margin-bottom: -0.25rem;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li:first-of-type {
  padding-left: 0;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li:last-of-type {
  padding-right: 0;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li > a {
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: nowrap;
  color: rgb(87, 86, 86);
  padding: 0;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li > a:hover, body > header > .row > .container .menu-socials nav#main-nav ul.menu > li > a:active, body > header > .row > .container .menu-socials nav#main-nav ul.menu > li > a:focus {
  color: rgb(0, 0, 0);
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li.dropdown-open > a {
  color: rgb(0, 0, 0);
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li.current-menu-parent > a, body > header > .row > .container .menu-socials nav#main-nav ul.menu > li.current-menu-item > a, body > header > .row > .container .menu-socials nav#main-nav ul.menu > li.current-menu-ancestor > a,
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li .current_page_parent > a {
  color: rgb(87, 86, 86);
  font-weight: 400;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li.current-menu-parent > a::before, body > header > .row > .container .menu-socials nav#main-nav ul.menu > li.current-menu-item > a::before, body > header > .row > .container .menu-socials nav#main-nav ul.menu > li.current-menu-ancestor > a::before,
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li .current_page_parent > a::before {
  transform: scaleX(1);
  transition: all 0.3s ease-in-out;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li ul.sub-menu {
  display: none;
  position: absolute;
  top: calc(100% + 1rem - 4px);
  min-width: 150px;
  padding: 0;
  background: rgb(255, 255, 255);
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li ul.sub-menu.show {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  animation: slide-down2 0.7s;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li ul.sub-menu > li {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  margin: 0;
  max-width: 300px;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li ul.sub-menu > li.menu-item-has-children > a::after {
  content: ">";
  float: right;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li ul.sub-menu > li > a {
  color: rgb(87, 86, 86);
  font-size: 0.85em;
  padding: 0.5rem 0.75rem;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li ul.sub-menu > li > a:hover, body > header > .row > .container .menu-socials nav#main-nav ul.menu > li ul.sub-menu > li > a:active, body > header > .row > .container .menu-socials nav#main-nav ul.menu > li ul.sub-menu > li > a:focus {
  color: rgb(0, 0, 0);
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li ul.sub-menu > li.current-menu-ancestor > a, body > header > .row > .container .menu-socials nav#main-nav ul.menu > li ul.sub-menu > li.current-menu-parent > a, body > header > .row > .container .menu-socials nav#main-nav ul.menu > li ul.sub-menu > li.current-menu-item > a, body > header > .row > .container .menu-socials nav#main-nav ul.menu > li ul.sub-menu > li.current_page_item > a {
  color: rgb(87, 86, 86);
  font-weight: 400;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li ul.sub-menu ul.sub-menu {
  display: none;
  flex-direction: column;
  top: auto;
  left: -100%;
}
body > header > .row > .container .menu-socials nav#main-nav ul.menu > li ul.sub-menu ul.sub-menu.show {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  animation: slide-down2 0.7s;
}
body > header > .row > .container .menu-socials .shop {
  flex: 0 1 90px;
  margin-bottom: -4px;
  order: 2;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 16px;
}
body > header > .row > .container .menu-socials .shop .cart-menu-header, body > header > .row > .container .menu-socials .shop .e-con-inner {
  padding: 0;
}
body > header > .row > .container .menu-socials .shop .account-icon {
  font-size: 0;
}
body > header > .row > .container .menu-socials .shop .account-icon::after {
  content: "";
  display: block;
  margin-top: -37px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 32px;
  aspect-ratio: 1;
  transition: all 0.3s ease-in-out;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23.858" height="26.137" viewBox="0 0 23.858 26.137"><g transform="translate(0.5 0.5)"><path fill="%23575656" d="M17.967,14.774A6.323,6.323,0,1,1,24.29,8.451a6.33,6.33,0,0,1-6.323,6.323m0-10.842a4.519,4.519,0,1,0,4.519,4.519,4.524,4.524,0,0,0-4.519-4.519" transform="translate(-6.393 -2.128)"/><path fill="%23575656" d="M21.956,44.992a.9.9,0,0,1-.9-.9,7.877,7.877,0,0,0-7.868-7.868H9.672A7.877,7.877,0,0,0,1.8,44.09a.9.9,0,1,1-1.8,0,9.683,9.683,0,0,1,9.672-9.672h3.513a9.683,9.683,0,0,1,9.672,9.672.9.9,0,0,1-.9.9" transform="translate(0 -19.856)"/></g></svg>');
}
body > header > .row > .container .menu-socials .shop .account-icon:hover, body > header > .row > .container .menu-socials .shop .account-icon:active, body > header > .row > .container .menu-socials .shop .account-icon:focus {
  transform: scale(1.1);
}
body > header > .row > .container .menu-socials .shop .account-icon:hover::after, body > header > .row > .container .menu-socials .shop .account-icon:active::after, body > header > .row > .container .menu-socials .shop .account-icon:focus::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23.858" height="26.137" viewBox="0 0 23.858 26.137"><g transform="translate(0.5 0.5)"><path fill="%23000000" d="M17.967,14.774A6.323,6.323,0,1,1,24.29,8.451a6.33,6.33,0,0,1-6.323,6.323m0-10.842a4.519,4.519,0,1,0,4.519,4.519,4.524,4.524,0,0,0-4.519-4.519" transform="translate(-6.393 -2.128)"/><path fill="%23000000" d="M21.956,44.992a.9.9,0,0,1-.9-.9,7.877,7.877,0,0,0-7.868-7.868H9.672A7.877,7.877,0,0,0,1.8,44.09a.9.9,0,1,1-1.8,0,9.683,9.683,0,0,1,9.672-9.672h3.513a9.683,9.683,0,0,1,9.672,9.672.9.9,0,0,1-.9.9" transform="translate(0 -19.856)"/></g></svg>');
}
body > header > .row > .container .menu-socials .shop .cart-menu-header {
  margin-bottom: -3px;
}
body > header > .row > .container .menu-socials .socials {
  flex: 0 1 90px;
  order: 3;
}
body > header > .row > .container .menu-socials a.hc-nav-trigger {
  flex: 0 1 65px;
  order: 4;
  position: relative;
  top: 0;
  right: 0;
  width: calc(var(--nav-trigger-width) + 2rem);
  text-decoration: none;
  color: rgb(87, 86, 86);
  background: rgb(255, 255, 255);
  padding: 1.5rem;
  border-top-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
body > header > .row > .container .menu-socials a.hc-nav-trigger span {
  background: rgb(87, 86, 86);
  width: var(--nav-trigger-width);
  border-radius: 1em;
  margin-left: 1rem;
}
body > header > .row > .container .menu-socials a.hc-nav-trigger span::before, body > header > .row > .container .menu-socials a.hc-nav-trigger span::after {
  background: rgb(87, 86, 86);
  border-radius: 1em;
}
body > header > .row > .container .menu-socials a.hc-nav-trigger.toggle-open span {
  background: rgb(0, 0, 0);
}
body > header > .row > .container .menu-socials a.hc-nav-trigger.toggle-open span::before {
  top: -11px;
  background: rgb(0, 0, 0);
}
body > header > .row > .container .menu-socials a.hc-nav-trigger.toggle-open span::after {
  bottom: -8px;
  background: rgb(0, 0, 0);
}
@media (max-width: 1200px) {
  body > header > .row > .container .menu-socials {
    justify-content: flex-end;
    padding-left: 0;
  }
  body > header > .row > .container .menu-socials .shop {
    margin-bottom: 8px;
  }
  body > header > .row > .container .menu-socials .socials {
    display: none;
  }
}
@media (max-width: 600px) {
  body > header > .row > .container > .row {
    gap: 1rem;
    flex-wrap: nowrap;
  }
  body > header > .row > .container .menu-socials {
    gap: 1rem;
  }
  body > header > .row > .container .menu-socials .shop {
    margin-bottom: 8px;
  }
  body > header > .row > .container .menu-socials .socials {
    display: none;
  }
}
@media (max-width: 450px) {
  body > header > .row > .container > .row {
    gap: 0;
    flex-wrap: nowrap;
  }
  body > header > .row > .container .logo {
    min-width: auto;
  }
  body > header > .row > .container .menu-socials .shop, body > header > .row > .container .menu-socials a.hc-nav-trigger {
    transform: scale(70%);
  }
  body > header > .row > .container .menu-socials a.hc-nav-trigger {
    flex: 0 1 45px;
  }
}
body > main {
  display: flex;
  flex-direction: column;
  z-index: 5;
  padding-inline: 0 !important;
  overflow: hidden;
}
body > main > .container, body > main > .elementor-section-wrap {
  position: inherit;
  flex: 1 0 auto;
}
body > main a.shop-now {
  position: fixed;
  top: 50%;
  right: 0;
  transform: rotate(180deg) translate(-100%, 50%);
  writing-mode: tb;
  padding: 1em 0.5em;
  color: rgb(87, 86, 86);
  background-color: rgb(240, 240, 240);
  border-radius: 1em;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  animation: slide-in-lef-button 1s 3s forwards;
  box-shadow: -0.5em -0.5em 1em 0 rgba(0, 0, 0, 0.25);
  z-index: 100;
  font-size: clamp(1.25rem, 1.2rem + 0.4vw, 1.5rem);
  font-family: "Ostrich Sans", Arial, sans-serif;
}
body > main a.shop-now:hover, body > main a.shop-now:active, body > main a.shop-now:focus {
  background-color: rgb(156, 155, 155);
  padding: 1em 0.5em 1em 2em;
}
@keyframes slide-in-lef-button {
  0% {
    opacity: 1;
    transform: rotate(180deg) translate(-100%, 50%);
    top: 50%;
  }
  100% {
    opacity: 1;
    transform: rotate(180deg) translate(0, 50%);
    top: 50%;
  }
}
body > main .header-slider {
  overflow: hidden;
}
body > main .header-slider svg.divider {
  margin-bottom: -1px;
}
body > main .header-slider a {
  text-decoration: none !important;
}
body > main .header-slider .elementor-widget-slides {
  width: 100%;
}
body > main .header-slider .elementor-widget-slides .elementor-slides-wrapper {
  max-width: 1300px;
  width: 100%;
  overflow: visible;
  padding: 1rem;
}
body > main .header-slider .elementor-widget-slides .elementor-slides-wrapper .elementor-slides .swiper-slide {
  display: grid;
  grid-template-columns: repeat(12, 2fr);
  gap: 0;
  grid-template-areas: "slidertext sliderimage";
}
body > main .header-slider .elementor-widget-slides .elementor-slides-wrapper .elementor-slides .swiper-slide .swiper-slide-inner {
  grid-area: slidertext;
  grid-column: 1/7;
}
body > main .header-slider .elementor-widget-slides .elementor-slides-wrapper .elementor-slides .swiper-slide .swiper-slide-bg {
  grid-area: sliderimage;
  grid-column: 4/13;
  background-position: bottom right;
}
@media (max-width: 1024px) {
  body > main .header-slider .elementor-widget-slides .elementor-slides-wrapper .elementor-slides .swiper-slide .swiper-slide-inner {
    grid-column: 1/8;
  }
  body > main .header-slider .elementor-widget-slides .elementor-slides-wrapper .elementor-slides .swiper-slide .swiper-slide-bg {
    grid-column: 4/13;
  }
}
@media (max-width: 768px) {
  body > main .header-slider .elementor-widget-slides .elementor-slides-wrapper .elementor-slides .swiper-slide {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(6, 1fr);
  }
  body > main .header-slider .elementor-widget-slides .elementor-slides-wrapper .elementor-slides .swiper-slide .swiper-slide-inner {
    grid-column: 1/13;
    grid-row: 1/7;
  }
  body > main .header-slider .elementor-widget-slides .elementor-slides-wrapper .elementor-slides .swiper-slide .swiper-slide-inner .swiper-slide-contents .elementor-slide-description {
    display: none;
  }
  body > main .header-slider .elementor-widget-slides .elementor-slides-wrapper .elementor-slides .swiper-slide .swiper-slide-bg {
    grid-column: 1/13;
    grid-row: 2/7;
  }
}
@media (max-width: 580px) {
  body > main .header-slider .elementor-widget-slides .elementor-slides-wrapper .elementor-slides .swiper-slide .swiper-slide-inner {
    grid-row: 1/7;
  }
  body > main .header-slider .elementor-widget-slides .elementor-slides-wrapper .elementor-slides .swiper-slide .swiper-slide-bg {
    grid-column: 2/13;
  }
}
body > main .header-slider .elementor-widget-slides .elementor-slides-wrapper .elementor-swiper-button-prev {
  left: 0;
}
body > main .header-slider .elementor-widget-slides .elementor-slides-wrapper .elementor-swiper-button-next {
  right: 0;
}
body > main .header-slider.header-slider-full-width .elementor-slides-wrapper {
  padding: 0;
  max-width: none;
}
body > main .header-slider.header-slider-full-width .elementor-slides-wrapper .elementor-slides .swiper-slide {
  display: flex;
}
body > main .header-slider.header-slider-full-width .elementor-slides-wrapper .elementor-slides .swiper-slide .swiper-slide-inner {
  max-width: 1300px;
  margin-inline: auto;
}
body > main .header-slider.header-slider-full-width .elementor-slides-wrapper .elementor-slides .swiper-slide .swiper-slide-bg {
  background-position: top center;
}
body > main .header-slider .shop-slider .elementor-slides-wrapper {
  padding: 0;
  position: relative;
}
body > main .header-slider .shop-slider .elementor-slides-wrapper .swiper-slide::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}
body > main .header-slider .shop-slider .elementor-slides-wrapper .swiper-slide[data-swiper-slide-index="0"]::after {
  background-image: url("https://dubbedos.de/wp-content/uploads/2024/07/header-rieslingschorle-bg.jpg");
}
body > main .header-slider .shop-slider .elementor-slides-wrapper .swiper-slide[data-swiper-slide-index="1"]::after {
  background-image: url("https://dubbedos.de/wp-content/uploads/2024/07/header-roseschorle-bg.jpg");
}
body > main .header-slider .shop-slider .elementor-slides-wrapper .swiper-slide[data-swiper-slide-index="2"]::after {
  background-image: url("https://dubbedos.de/wp-content/uploads/2024/07/header-die-suesse-bg.jpg");
}
body > main .header-slider .shop-slider .elementor-slides-wrapper .swiper-slide .swiper-slide-bg {
  border-top: 2rem solid rgba(255, 255, 255, 0);
  border-bottom: 2rem solid rgba(255, 255, 255, 0);
}
body > main .header-slider .shop-slider.cat-overview .swiper-slide::after {
  background-image: url("https://dubbedos.de/wp-content/uploads/2024/09/shop_slider-bg.jpg") !important;
}
body > main .mmk-blog .elementor-posts-container > article > .elementor-post__card {
  margin-bottom: 2rem;
  background: rgb(255, 255, 255);
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
body > main .mmk-blog .elementor-posts-container > article > .elementor-post__card:hover, body > main .mmk-blog .elementor-posts-container > article > .elementor-post__card:active, body > main .mmk-blog .elementor-posts-container > article > .elementor-post__card:focus {
  transform: scale(1.1);
  z-index: 5;
  cursor: pointer;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.4);
}
body > main .mmk-blog .elementor-posts-container > article > .elementor-post__card * {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 200;
}
body > main .mmk-blog .elementor-posts-container > article > .elementor-post__card a, body > main .mmk-blog .elementor-posts-container > article > .elementor-post__card a * {
  text-decoration: none !important;
}
body > main .mmk-blog .elementor-posts-container > article > .elementor-post__card .elementor-post__thumbnail__link {
  order: 1;
}
body > main .mmk-blog .elementor-posts-container > article > .elementor-post__card .elementor-post__thumbnail__link .elementor-post__thumbnail {
  max-height: 500px;
}
body > main .mmk-blog .elementor-posts-container > article > .elementor-post__card .elementor-post__text {
  order: 3;
  padding: 0 2rem 2rem 2rem;
  display: flex;
  gap: 1rem;
}
body > main .mmk-blog .elementor-posts-container > article > .elementor-post__card .elementor-post__text .elementor-post__title * {
  font-weight: 700;
  font-size: clamp(1.25rem, 1.2rem + 0.4vw, 1.5rem);
  font-family: "Ostrich Sans", Arial, sans-serif;
  font-family: "Josefin Sans", Arial, sans-serif;
}
body > main .mmk-blog .elementor-posts-container > article > .elementor-post__card .elementor-post__text .elementor-post__title::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
body > main .mmk-blog .elementor-posts-container > article > .elementor-post__card .elementor-post__text .elementor-post__read-more {
  text-transform: lowercase;
  font-weight: 400;
  align-self: flex-end;
}
body > main .mmk-blog .elementor-posts-container > article > .elementor-post__card .elementor-post__meta-data {
  order: 2;
  padding: 2rem 2rem 1rem 2rem;
}
body > main .mmk-blog .elementor-posts-container > article > .elementor-post__card .elementor-post__meta-data * {
  font-size: 0.9rem;
}
body > main .mmk-blog .elementor-posts-container:has(.elementor-posts-nothing-found) {
  display: flex;
  text-align: center;
  font-size: clamp(1.5rem, 1.375rem + 0.5vw, 1.75rem);
  font-family: "Ostrich Sans", Arial, sans-serif;
  font-family: "Josefin Sans", Arial, sans-serif;
}
body > main .mmk-blog .elementor-posts-container .elementor-post__excerpt > p:last-child::after {
  content: " …";
}
body > main .blog-single .post-image img {
  max-height: 650px;
}
@media (max-width: 1024px) {
  body > main .blog-single .post-image img {
    max-height: 450px;
  }
}
@media (max-width: 768px) {
  body > main .blog-single .post-image img {
    max-height: 300px;
  }
}
body > main nav.elementor-pagination {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 5rem auto 0 auto;
}
body > main nav.elementor-pagination * {
  margin: 0 !important;
  padding: 0 !important;
}
body > main nav.elementor-pagination a {
  text-decoration: none !important;
}
body > main nav.elementor-pagination > * {
  margin: 0 0.1em !important;
}
body > main nav.elementor-pagination > span {
  display: block;
  padding: 0.25rem 1rem !important;
  background: rgb(150.8554913295, 149.6445086705, 149.6445086705);
  color: rgb(255, 255, 255);
  cursor: default;
}
body > main nav.elementor-pagination > span.current {
  background: rgb(87, 86, 86);
  color: rgb(255, 255, 255);
}
body > main nav.elementor-pagination > a {
  display: block;
  padding: 0.25rem 1rem !important;
  background: rgb(255, 255, 255);
  color: rgb(87, 86, 86);
  text-decoration: none;
}
body > main nav.elementor-pagination > a:hover {
  background: rgb(87, 86, 86);
  color: rgb(255, 255, 255);
}
body > main .formular .row {
  margin-bottom: 1rem;
}
body > main .formular [class*=col] {
  position: relative;
}
body > main .formular hr {
  margin-block: 1rem;
}
body > main .formular img.wpcf7-captchac {
  width: 150px;
  height: auto;
}
body > main .formular *.wpcf7-not-valid {
  border: 2px solid rgb(233, 81, 90) !important;
  animation: shake 0.3s;
}
body > main .formular *.wpcf7-not-valid.wpcf7-checkbox {
  display: block;
  border-radius: 2rem;
}
body > main .formular .wpcf7-not-valid-tip {
  display: inline;
  background-color: rgb(233, 81, 90);
  border-radius: 2rem;
  padding: 0.5rem 1rem 0.25rem;
  font-size: 0.85rem;
  color: rgb(255, 255, 255);
  animation: shake 0.3s;
}
body > main .formular input[type=submit] {
  display: inline-block;
  background-color: rgb(0, 0, 0) !important;
  padding: 0.25em 1em !important;
  width: auto !important;
  font-size: clamp(1.65rem, 1.475rem + 0.7vw, 2rem) !important;
}
body > main .formular input[type=submit]:hover, body > main .formular input[type=submit]:focus, body > main .formular input[type=submit]:active {
  background-color: rgb(87, 86, 86) !important;
}
body > main .wpcf7-form {
  margin: 0 0 5rem 0;
}
body > main .wpcf7-form .wpcf7-response-output {
  background-color: rgb(136, 188, 36);
  color: rgb(255, 255, 255);
  border-radius: 2rem;
  padding: 1rem 2rem 0.75rem;
  margin: 2em 0 0 0;
  color: rgb(255, 255, 255);
  border: 0 !important;
  -webkit-hyphens: auto !important;
          hyphens: auto !important;
  font-size: clamp(1.65rem, 1.475rem + 0.7vw, 2rem);
  font-weight: 700;
  text-align: center;
}
body > main .wpcf7-form.invalid .wpcf7-response-output {
  background-color: rgb(233, 81, 90);
}
body > main .datenschutz > li {
  margin: 0 0 3rem 0;
}
body > main .datenschutz > li ul, body > main .datenschutz > li ol {
  margin: 0 0 2rem 0;
}
body > main .datenschutz > li ul > li, body > main .datenschutz > li ol > li {
  margin: 0 0 2rem 0;
}
body > main .datenschutz > li ul > li ul, body > main .datenschutz > li ul > li ol, body > main .datenschutz > li ol > li ul, body > main .datenschutz > li ol > li ol {
  margin: 0 0 1rem 0;
}
body > main .datenschutz > li ul > li ul > li, body > main .datenschutz > li ul > li ol > li, body > main .datenschutz > li ol > li ul > li, body > main .datenschutz > li ol > li ol > li {
  margin: 0 0 1rem 0;
}
body > footer {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 5;
  background-color: rgb(87, 86, 86);
  padding: 0;
  overflow-x: hidden;
}
body > footer a {
  color: rgb(255, 255, 255);
}
body > footer a:hover, body > footer a:active, body > footer a:focus {
  color: rgba(255, 255, 255, 0.75) !important;
}
body > footer > .row {
  position: relative;
  padding: 0;
}
body > footer > .row > .container {
  display: flex;
  flex-direction: column;
  gap: 3rem 2rem;
  padding: 3rem 2rem;
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}
body > footer > .row > .container * {
  color: rgb(255, 255, 255);
}
body > footer > .row > .container > .footercontent {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: space-between;
  align-items: flex-start;
}
body > footer > .row > .container > .footercontent > .logo {
  order: 1;
  display: flex;
  align-items: flex-end;
  max-width: 150px;
  width: 100%;
  transition: all 1s;
}
body > footer > .row > .container > .footercontent > .logo a {
  width: 100%;
  margin-top: -0.5rem;
}
body > footer > .row > .container > .footercontent > .logo a:hover, body > footer > .row > .container > .footercontent > .logo a:active, body > footer > .row > .container > .footercontent > .logo a:focus {
  transform: scale(1.1);
}
body > footer > .row > .container > .footercontent > .logo img.mainlogo {
  display: block;
  width: 100%;
  height: auto;
}
body > footer > .row > .container > .footercontent > .logo img.signet {
  display: none;
  width: 80px;
  height: auto;
}
body > footer > .row > .container > .footercontent > .logo .dubbedos-uncolored {
  fill: rgb(156, 155, 155);
}
body > footer > .row > .container > .footercontent > .logo .dubbedos-colored {
  fill: rgb(255, 255, 255);
}
body > footer > .row > .container > .footercontent > .menu {
  order: 2;
  font-size: 1rem;
}
body > footer > .row > .container > .footercontent > .menu ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  gap: 0;
  list-style-type: none;
}
body > footer > .row > .container > .footercontent > .menu ul > li a {
  text-decoration: none;
}
body > footer > .row > .container > .footercontent > .menu ul > li:first-child a {
  padding-left: 0;
}
body > footer > .row > .container > .footercontent > .menu ul > li.hide-font > a {
  display: none;
}
body > footer > .row > .container > .footercontent > .menu ul > li.hide-font ul {
  flex-direction: column;
}
body > footer > .row > .container > .footercontent > .menu ul > li.hide-font ul ul {
  gap: 0;
}
body > footer > .row > .container > .footercontent > .menu ul > li.hide-font ul ul li {
  padding-left: 1rem;
}
body > footer > .row > .container > .footercontent > .menu ul > li.hide-font ul ul li a {
  font-size: 0.9rem;
}
body > footer > .row > .container > .footercontent > .sidebar {
  order: 3;
  font-size: 1rem;
}
body > footer > .row > .container > .footercontent > .socials {
  order: 4;
  max-width: 100px;
  padding-inline: 0.25rem;
}
body > footer > .row > .container > .footercontent > .socials .elementor-social-icons-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
body > footer > .row > .container > .footercontent > .socials .elementor-social-icons-wrapper a {
  background-color: rgb(87, 86, 86);
}
body > footer > .row > .container > .footercontent > .socials .elementor-social-icons-wrapper a svg {
  fill: rgb(255, 255, 255);
}
@media (max-width: 700px) {
  body > footer > .row > .container > .footercontent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  body > footer > .row > .container > .footercontent > .logo {
    order: 1;
  }
  body > footer > .row > .container > .footercontent > .menu {
    order: 3;
  }
  body > footer > .row > .container > .footercontent > .sidebar {
    order: 4;
  }
  body > footer > .row > .container > .footercontent > .socials {
    order: 2;
    max-width: none;
  }
}
@media (max-width: 420px) {
  body > footer > .row > .container > .footercontent {
    display: flex;
  }
  body > footer > .row > .container > .footercontent > .menu {
    max-width: 150px;
    width: 100%;
  }
  body > footer > .row > .container > .footercontent > .menu, body > footer > .row > .container > .footercontent > .sidebar {
    width: 100%;
  }
  body > footer > .row > .container > .footercontent > .socials {
    max-width: 100px;
  }
}
body > footer > .row > .container > .vbk .elementor-icon-list-items {
  row-gap: 0.5rem;
}
@media (max-width: 450px) {
  body > footer > .row > .container > .vbk .elementor-icon-list-items .elementor-icon-list-item {
    width: 100%;
  }
}
body > footer > .row > .container > .copyright {
  font-size: 14px;
  text-align: center;
}
body > footer > .row > .container p:last-child {
  margin-bottom: 0;
}

.dialog-lightbox-widget .elementor-lightbox-item img {
  box-shadow: none;
}

.animate-slide-in-left {
  animation: slide-in-left 0.7s;
}

@keyframes slide-in-left {
  0% {
    opacity: 1;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animate-slide-out-right {
  animation: slide-out-right 0.7s;
}

@keyframes slide-out-right {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 1;
    transform: translateX(100);
  }
}
.animate-slide-down {
  animation: slide-down 0.7s;
}

@keyframes slide-down {
  0% {
    opacity: 1;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-slide-down2 {
  animation: slide-down2 0.7s;
}

@keyframes slide-down2 {
  0% {
    opacity: 0;
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes shake {
  25% {
    transform: translateX(4px);
  }
  50% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(4px);
  }
}
#BorlabsCookieBox .cookie-box ._brlbs-legal > * {
  width: auto;
}

.age-gate__wrapper {
  font-size: 16px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.age-gate__wrapper .age-gate__background-color {
  opacity: 0.25;
}
.age-gate__wrapper .age-gate .age-gate__heading img {
  width: 100%;
  max-width: 250px;
  margin-inline: auto;
  margin-bottom: 1em;
}
.age-gate__wrapper .age-gate .age-gate__headline {
  font-size: 1.5em;
}
.age-gate__wrapper .age-gate .age-gate__fields * {
  font-size: 1em;
}
.age-gate__wrapper .age-gate .age-gate__fields .age-gate__buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
}
.age-gate__wrapper .age-gate .age-gate__fields .age-gate__buttons button {
  min-width: 90px;
  font-size: 1.5em;
  background-color: rgb(87, 86, 86);
}
.age-gate__wrapper .age-gate .age-gate__fields .age-gate__buttons button:hover,
.age-gate__wrapper .age-gate .age-gate__fields .age-gate__buttons button:focus,
.age-gate__wrapper .age-gate .age-gate__fields .age-gate__buttons button:active {
  background-color: rgb(0, 0, 0);
}

#wpsl-wrap .wpsl-search {
  background: none;
}
#wpsl-wrap .wpsl-search #wpsl-search-wrap form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  font-size: 1rem;
}
#wpsl-wrap .wpsl-search #wpsl-search-wrap form * {
  margin: 0;
  padding: 0;
  width: auto;
}
#wpsl-wrap .wpsl-search #wpsl-search-wrap form .wpsl-input, #wpsl-wrap .wpsl-search #wpsl-search-wrap form .wpsl-select-wrap,
#wpsl-wrap .wpsl-search #wpsl-search-wrap form .wpsl-search-btn-wrap,
#wpsl-wrap .wpsl-search #wpsl-search-wrap form #wpsl-radius, #wpsl-wrap .wpsl-search #wpsl-search-wrap form #wpsl-results {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
#wpsl-wrap .wpsl-search #wpsl-search-wrap form .wpsl-select-wrap {
  gap: 1rem 2rem;
}
#wpsl-wrap .wpsl-search #wpsl-search-wrap form .wpsl-dropdown {
  color: rgb(0, 0, 0) !important;
  background-color: rgb(255, 255, 255) !important;
  border: 2px solid rgb(156, 155, 155) !important;
  border-radius: 1rem !important;
  padding: 0.5rem 1rem 0.25rem 1rem !important;
  font-size: 1rem !important;
  transition: all 0.3s ease-in-out;
  font-family: "Josefin Sans", Arial, sans-serif;
}
#wpsl-wrap .wpsl-search #wpsl-search-wrap form .wpsl-dropdown:hover, #wpsl-wrap .wpsl-search #wpsl-search-wrap form .wpsl-dropdown:focus, #wpsl-wrap .wpsl-search #wpsl-search-wrap form .wpsl-dropdown:active {
  border: 2px solid rgb(0, 0, 0) !important;
}
#wpsl-wrap .wpsl-search #wpsl-search-wrap form .wpsl-dropdown .wpsl-selected-item {
  padding: 0 1rem 0 0 !important;
  width: 100%;
  max-width: 80px;
  min-width: 50px;
}
#wpsl-wrap .wpsl-search #wpsl-search-wrap form #wpsl-search-btn {
  color: rgb(255, 255, 255);
  background-color: rgb(87, 86, 86);
  background-image: none;
  border-radius: 2em;
  border: 0;
  padding: 0.25em 1em;
  text-decoration: none !important;
  font-size: clamp(1.5rem, 1.375rem + 0.5vw, 1.75rem);
  font-family: "Ostrich Sans", Arial, sans-serif;
}
#wpsl-wrap .wpsl-search #wpsl-search-wrap form #wpsl-search-btn:hover, #wpsl-wrap .wpsl-search #wpsl-search-wrap form #wpsl-search-btn:focus, #wpsl-wrap .wpsl-search #wpsl-search-wrap form #wpsl-search-btn:active {
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
}
#wpsl-wrap #wpsl-result-list {
  font-size: 1rem;
}

.elementor-widget-html {
  width: 100%;
}/*# sourceMappingURL=style.css.map */