/*

    --e-global-color-primary: #D9B871;
    --e-global-color-secondary: #1E1E1C;
    --e-global-color-text: #1E1E1C;
    --e-global-color-accent: #EFECE3;

    --light:#fff;

*/

:root {
  /*var(--e-global-typography-cc138c4-font-size) 1rem */
  --small: .85rem;
}


.text-light .elementor-heading-title,
.elementor-kit-8 .text-light,
.text-light,
.text-light a {
  color: var(--light);
}



.elementor-kit-8 .text-dark,
.text-dark,
.text-dark a {
  color: var(--dark);
}

.t-bold {
  font-weight: 700;
}


.green,
.green * {
  color: var(--green);
}

body .text-prim {
  color: var(--e-global-color-primary);
}

body .text-half {
  color: var(--half);
}

.bg-dark {
  background-color: var(--e-global-color-secondary);
}

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

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

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

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

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

/* FLEX */

/* container */
.flex,
.d-flex {
  display: flex;
}

/* direction */
.flex-col {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-col-r {
  flex-direction: column-reverse;
}

.flex-row-r {
  flex-direction: row-reverse;
}

/* wrap */
.flex.nowrap {
  flex-wrap: nowrap;
}

.flex.wrap {
  flex-wrap: wrap;
}

.flex.wrap-reverse {
  flex-wrap: wrap;
}

/* main axis */
.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

/* cross axis */
.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-center {
  align-items: center;
}

.align-baseline {
  align-items: baseline;
}

.align-stretch {
  align-items: stretch;
}

.self-center {
  align-self: center;
}

.gap-0 {
  gap: 0rem;
  --column-gap: 0;
  --row-gap: 0;
  --gap: 0;
}

.gap-0_5 {
  gap: 0.5rem;
}

.gap-1 {
  gap: 1rem;
}

.gap-2 {
  gap: 2rem;
}

/* FLEX */

.container-100.px-s {
  padding-left: var(--padding-x);
  padding-right: var(--padding-x);
}

.gradient-dark {
  background: linear-gradient(0deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(0, 0, 0, 0.7) 100%);
  pointer-events: none;
}

.gradient-dark-2 {
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(0, 0, 0, 0.7) 100%);
  pointer-events: none;
}

.gradient-dark-3 {
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(0, 0, 0, 0.4) 100%);
  pointer-events: none;
}

.b-gradient:before {
  height: 220px;
  background: black;
  display: inline;
  display: block;
  width: 100%;
  position: absolute;
  z-index: 2;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%);
  opacity: 1;
  content: "";
}

.p-y-05 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.p-0_5 {
  padding: 0.5rem;
}

.p-1 {
  padding: 1rem;
}

.p-2 {
  padding: 2rem;
}

.h-100 .elementor-shortcode,
.h-100 {
  height: 100%;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

body .text-link {
  text-decoration: underline;
  text-decoration-thickness: var(--ul-thickness);
  text-underline-offset: var(--ul-offset);
}

body .text-link:hover {
  text-decoration: none;
}

.e-con-full.p-normal,
body .e-parent:not(.p-0),
.p-normal {
  padding: var(--standard-padding-top) var(--standard-padding-side) var(--standard-padding-bottom) var(--standard-padding-side);
}

body .e-parent.pt-0 {
  padding: 0 var(--standard-padding-side) var(--standard-padding-bottom) var(--standard-padding-side);
}

body .e-parent.pt-0 {
  padding-top: 0;
}

.pt-1,
body .e-parent.pt-1 {
  padding-top: 1rem;
}

body .e-parent.pt-2 {
  padding-top: 2rem;
}

body .e-parent.pt-3 {
  padding-top: 3rem;
}

body .e-parent.pb-0 {
  padding-bottom: 0;
}

body .ml-1 {
  margin-left: 1rem;
}

.pb-1,
body .e-parent.pb-1 {
  padding-bottom: 1rem;
}

body .e-parent.pb-0-5 {
  padding-bottom: 0.5rem;
}

body .pb-slider.e-parent {
  padding-bottom: 4.25rem;
}

body .e-parent.pb-x2 {
  padding-bottom: calc(var(--standard-padding-bottom) * 2);
}

body .e-parent.pt-x2 {
  padding-top: calc(var(--standard-padding-bottom) * 2);
}

body .e-con.e-parent.p-y-0 {
  padding: 0 var(--standard-padding-side) 0 var(--standard-padding-side);
}

.z-100 {
  z-index: 100;
}

.z-99 {
  z-index: 99;
}

.a-ratio-21-9 {
  aspect-ratio: 21 / 9;
}

.a-ratio-1-1 img,
.a-ratio-1-1 {
  aspect-ratio: 1 / 1;
}


.a-ratio-1-1_3 img,
.a-ratio-1-1_3 {
  aspect-ratio: 1 / 1.3;
}

.a-ratio-1-1_25 {
  aspect-ratio: 1 / 1.25;
}

.a-ratio-1-1_5 {
  aspect-ratio: 1 / 1.5;
}

.a-ratio-1-2 {
  aspect-ratio: 1 / 2;
}

.a-ratio-1-2 {
  aspect-ratio: 2 / 1;
}

.a-ratio-11-14,
.a-ratio-11-14 {
  aspect-ratio: 11 / 14;
}

.a-ratio-11-7,
.a-ratio-11-7 {
  aspect-ratio: 11 / 6.92;
}

.a-ratio-11-13,
.a-ratio-11-13 {
  aspect-ratio: 11 / 13;
}

.a-ratio-11-6_5,
.a-ratio-11-6_5 {
  aspect-ratio: 11 / 6.42;
}

.mh-55 {
  max-height: 55vh;
}

body .e-parent.pb-0-slider {
  --pb-0-slider: 3rem;
  padding-bottom: var(--pb-0-slider);
  margin-bottom: calc(var(--pb-0-slider) * -1);
}

@media only screen and (max-width: 766px) {
  .sm-a-ratio-1-3 {
    aspect-ratio: 1 / 3;
  }

  .m-pt-1 {
    margin-top: 1rem;
  }
}

.d-block {
  display: block;
}

/* Default: Hide element by default */
.d-none {
  display: none !important;
}

/* Mobile devices (less than 768px) */
@media only screen and (max-width: 767.98px) {
  .mob-fullw {
    margin-left: calc(var(--standard-padding-side) * -1);
    margin-right: calc(var(--standard-padding-side) * -1);
    width: calc(100% + (var(--standard-padding-side) * 2));
  }

  /* Show on mobile */
  .d-block-mobile {
    display: block !important;
  }

  /* Hide on mobile */
  .d-none-mobile {
    display: none !important;
  }

  .d-justify-center {
    justify-content: center;
  }
}

/* Medium devices (tablets/desktops, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 1167.98px) {

  /* Show on tablets */
  .d-block-tablet {
    display: block !important;
  }

  /* Hide on tablets */
  .d-none-tablet {
    display: none !important;
  }

  body .e-parent.pb-0-slider {
    --pb-0-slider: 3rem;
  }
}

/* Large devices (large laptops and desktops, 1168px and up) */
@media only screen and (min-width: 1168px) {

  /* Show on desktops */
  .d-block-desktop {
    display: block !important;
  }

  /* Hide on desktops */
  .d-none-desktop {
    display: none !important;
  }

  body .e-parent.pb-0-slider {
    --pb-0-slider: 3rem;
  }
}

video.elementor-background-video-hosted {
  height: 100% !important;
  height: 100% !important;
}

/* margin */

.e-con .elementor-widget.elementor-element.mb-0,
.e-con.mb-0>.e-con-inner,
.mb-0:not(.e-con) {
  margin-bottom: 0rem;
}


.e-con .elementor-widget.elementor-element.mb--0_5,
.e-con.mb--0_5>.e-con-inner {
  margin-bottom: -0.5rem;
}

.e-con .elementor-widget.elementor-element.mb-0_5,
.e-con.mb-0_5>.e-con-inner,
.mb-0_5:not(.e-con) {
  margin-bottom: 0.5rem;
}

.e-con .elementor-widget.elementor-element.mb-1,
.e-con.mb-1>.e-con-inner,
.mb-1:not(.e-con) {
  margin-bottom: 1rem;
}

.e-con .elementor-widget.elementor-element.mb-1_5,
.e-con.mb-1_5>.e-con-inner {
  margin-bottom: 1.5rem;
}

.e-con .elementor-widget.elementor-element.mb-2,
.e-con.mb-2>.e-con-inner {
  margin-bottom: 2rem;
}

.e-con .elementor-widget.elementor-element.mb-2_5,
.e-con.mb-2_5>.e-con-inner {
  margin-bottom: 2.5rem;
}

.e-con .elementor-widget.elementor-element.mb-3,
.e-con.mb-3>.e-con-inner {
  margin-bottom: 3rem;
}

.e-con .elementor-widget.elementor-element.mb-3_5,
.e-con.mb-3_5>.e-con-inner {
  margin-bottom: 3.5rem;
}

.e-con .elementor-widget.elementor-element.mb-4,
.e-con.mb-4>.e-con-inner {
  margin-bottom: 4rem;
}

.e-con .elementor-widget.elementor-element.mt-0,
.e-con.mt-0>.e-con-inner,
.mt-0:not(.e-con) {
  margin-top: 0rem;
}


.e-con .elementor-widget.elementor-element.mt-0_5,
.e-con.mt-0_5>.e-con-inner,
.mt-0_5:not(.e-con) {
  margin-top: 0.5rem;
}

.e-con .elementor-widget.elementor-element.mt-1,
.e-con.mt-1>.e-con-inner,
.mt-1:not(.e-con) {
  margin-top: 1rem;
}

.e-con .elementor-widget.elementor-element.mt-1_5,
.e-con.mt-1_5>.e-con-inner {
  margin-top: 1.5rem;
}

.e-con .elementor-widget.elementor-element.mt-2,
.e-con.mt-2>.e-con-inner {
  margin-top: 2rem;
}

.e-con .elementor-widget.elementor-element.mt-2_5,
.e-con.mt-2_5>.e-con-inner {
  margin-top: 2.5rem;
}

.e-con .elementor-widget.elementor-element.mt-3,
.e-con.mt-3>.e-con-inner {
  margin-top: 3rem;
}

.e-con .elementor-widget.elementor-element.mt-3_5,
.e-con.mt-3_5>.e-con-inner {
  margin-top: 3.5rem;
}

.e-con .elementor-widget.elementor-element.mt-4,
.e-con.mt-4>.e-con-inner {
  margin-top: 4rem;
}

.c-container.mw-80,
.e-con.e-parent.mw-80 {
  max-width: min(100%,
      calc(var(--container-max-width) * 0.8 + (var(--container-default-padding-left) + var(--container-default-padding-right))));
}

/* border */

.n-border {
  border: 1px solid var(--dark);
  border-radius: var(--bradius);
}

.bradius {
  border-radius: var(--bradius) !important;

}

.bradius-o {
  border-radius: var(--bradius) !important;
  overflow: hidden;
}


.bradius-i,
.bradius-i img {
  border-radius: var(--bradius) !important;
  overflow: hidden;
}

/* Images */
.mw-500,
.mw-500 img {
  max-width: 500px !important;
  width: 100%;
}

/* text sizes */
.f-small,
.f-small * {
  font-size: var(--small);
}

.f-small ul {
  padding-left: 21px;
}

.f-xsmall {
  font-size: var(--xsmall);
}

.f-conden {
  font-family: 'Barlow condensed';
}

/* elementor fix*/


.elementor-element:has(> .elementor-shortcode:empty) {
  display: none !important;
}

picture img {
  display: block;
}

body:not(.admin-bar) .dialog-type-lightbox {
  height: 100vh;
  height: 100lvh;
  position: fixed !important;
  top: 0;
  left: 0;
}

.img-100 img {
  width: 100%;
}

.ar-img-1-2 img {
  aspect-ratio: 1.8 / 1;
  object-fit: cover;
}


.ar-img-1-1_3 img {
  aspect-ratio: 1 / 1.3;
  object-fit: cover;
}


@media (min-width: 767px) {
  .m-ar-ratio-1-1 {

    /* Optional: Maximale Breite festlegen */
    aspect-ratio: 1 / 1;
    height: auto;
  }
}


.percent {
  background-color: var(--red);
  border-radius: 1rem;
  padding: 1rem 0.5rem;
  width: fit-content;
  font-size: var(--small);
  line-height: 1;
  display: block;
  color: #fff;
  text-align: center;
  font-family: var(--e-global-typography-4212514-font-family), Sans-serif;
  letter-spacing: .75px;
}


.seo-text h3,
.seo-text h2 {
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: 700;
  line-height: var(--e-global-typography-text-line-height);
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}


.seo-text h3,
.seo-text h2,
.seo-text h4 {
  font-family: "Barlow condensed";
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-weight: 700;
  line-height: var(--e-global-typography-text-line-height);
}

.seo-text h2 {
  margin-top: 1.5rem;
  font-size: 1.75rem;
}

.seo-text h4,
.seo-text h3 {
  font-size: 1.25rem;
  margin-top: 1.5rem;
}

.seo-text p strong,
.seo-text p b,
.seo-text ul li strong {
  font-weight: 400;
}

.seo-text a:not(:hover) {
  text-decoration: underline;
}


.arr-left:before {
  content: ' ';
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02OTYgNTMzQzcwOCA1MjEgNzEzIDUwNCA3MTMgNDg3IDcxMyA0NzEgNzA4IDQ1NCA2OTYgNDQ2TDQwMCAxNDZDMzg4IDEzMyAzNzUgMTI1IDM1NCAxMjUgMzM4IDEyNSAzMjUgMTI5IDMxMyAxNDIgMzAwIDE1NCAyOTIgMTcxIDI5MiAxODcgMjkyIDIwNCAyOTYgMjIxIDMwOCAyMzNMNTYzIDQ5MiAzMDQgNzcxQzI5MiA3ODMgMjg4IDgwMCAyODggODE3IDI4OCA4MzMgMjk2IDg1MCAzMDggODYzIDMyMSA4NzEgMzM4IDg3NSAzNTQgODc1IDM3MSA4NzUgMzg4IDg2NyA0MDAgODU0TDY5NiA1MzNaIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L3N2Zz4=);
  height: 11px;
  width: 12px;
  margin-right: .25rem;
  display: inline-block;
  margin-bottom: 0px;
  transform: scale(-1);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: cover;
  opacity: .6;
}



.conf-tag {
  position: absolute;
  left: 1rem;
  top: 1rem;
  font-size: .85rem;
  color: var(--light);
  background-color: var(--dark);
  font-weight: 400;
  color: var(--dark);
  background-color: var(--light);
  border-radius: 2px;
  padding: 4px 6px;
  z-index: 3;
  line-height: 1;
}
