.elementor-kit-19584{--e-global-color-primary:#4C3326;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-8a4bbd2:#F7F1E6;--e-global-color-e1a7ed9:#F21849;--e-global-color-b8194a1:#E86E2F;--e-global-color-200b0c8:#FA967D;--e-global-color-c02a62d:#1B6B8F;--e-global-color-e15a747:#A8714A;--e-global-color-528a602:#533221;--e-global-color-39eb077:#74A162;--e-global-color-7571ab1:#F2C64A;--e-global-color-d13cdd1:#B1E8F7;--e-global-color-99b6d88:#D188CD;--e-global-color-673820c:#2D1B12;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-size:16px;}.elementor-kit-19584 button,.elementor-kit-19584 input[type="button"],.elementor-kit-19584 input[type="submit"],.elementor-kit-19584 .elementor-button{background-color:#5C3622;font-size:15px;font-weight:600;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#5C3622;border-radius:28px 28px 28px 28px;padding:15px 20px 15px 20px;}.elementor-kit-19584 button:hover,.elementor-kit-19584 button:focus,.elementor-kit-19584 input[type="button"]:hover,.elementor-kit-19584 input[type="button"]:focus,.elementor-kit-19584 input[type="submit"]:hover,.elementor-kit-19584 input[type="submit"]:focus,.elementor-kit-19584 .elementor-button:hover,.elementor-kit-19584 .elementor-button:focus{background-color:#8C7145;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#8C7145;}.elementor-kit-19584 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Gælder indholdet inde i alle 4 valgkort */
.bk-choice-card > * {
  position: relative;
  z-index: 2;
}

/* Gør knapperne i valgkortene til tekstlinks */
.bk-choice-card .elementor-button {
  background: transparent !important;
  padding: 0 !important;
  color: #241914 !important;
  font-weight: 800;
  box-shadow: none !important;
}

/* Pil-animation på valgkort */
.bk-choice-card .elementor-button-icon {
  transition: transform 0.22s ease;
}

.bk-choice-card:hover .elementor-button-icon {
  transform: translateX(4px);
}

/* Mobil, valgkort */
@media (max-width: 767px) {
  .bk-choice-card::after {
    font-size: 135px;
    right: -10px;
    bottom: -38px;
  }
}

/* Fælles styling for risteri- og firmasektion */
.bk-roast-section,
.bk-company-section {
  position: relative !important;
  overflow: hidden !important;

  border-top-left-radius: 26px !important;
  border-top-right-radius: 26px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;

  isolation: isolate;
}

/* Sørger for at Elementors motion-background også bliver klippet */
.bk-roast-section .elementor-motion-effects-container,
.bk-roast-section .elementor-motion-effects-layer,
.bk-company-section .elementor-motion-effects-container,
.bk-company-section .elementor-motion-effects-layer {
  overflow: hidden !important;

  border-top-left-radius: 26px !important;
  border-top-right-radius: 26px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Vigtigt: Lad inner være normal, men sørg for korrekt lagdeling */
.bk-roast-section > .e-con-inner,
.bk-company-section > .e-con-inner {
  position: relative !important;
}

/* Elementor placerer baggrundsvideoen inde i .e-con-inner.
   Derfor skal video-containeren trækkes ud til hele sektionens bredde. */
.bk-roast-section .elementor-background-video-container {
  position: absolute !important;

  top: 0 !important;
  bottom: 0 !important;

  left: 50% !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100% !important;

  transform: translateX(-50%) !important;

  z-index: 0 !important;
  overflow: hidden !important;

  border-top-left-radius: 26px !important;
  border-top-right-radius: 26px !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Selve videoen */
.bk-roast-section video.elementor-background-video-hosted {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  object-fit: cover !important;
  object-position: center center !important;

  transform: none !important;
}

/* ES oven på videoen, men bag tekstkortet */
.bk-roast-section::after {
  content: "";
  position: absolute;
  right: 4px;
  bottom: -40px;
  z-index: 2;

  font-size: clamp(230px, 22vw, 420px);
  line-height: 0.82;
  font-weight: 950;
  letter-spacing: -0.14em;

  color: #FA967D;
  opacity: 0.30;

  pointer-events: none;
}

/* Kun indholdskortet skal ligge over video og ES */
.bk-roast-section .elementor-element-f624450 {
  position: relative !important;
  z-index: 3 !important;
}

/* Stort BU i nederste venstre hjørne på firmasektionen */
.bk-company-section::after {
  content: "";
  position: absolute;
  left: -40px;
  bottom: -40px;
  z-index: 2;

  font-size: clamp(230px, 22vw, 420px);
  line-height: 0.82;
  font-weight: 950;
  letter-spacing: -0.14em;

  color: #B1E8F7;
  opacity: 0.28;

  pointer-events: none;
}

/* Holder firmasektionens indhold over BU */
.bk-company-section > .e-con-inner {
  z-index: 3;
}

/* Mobil, risteri- og firmasektion */
@media (max-width: 767px) {
  .bk-roast-section .elementor-background-video-container {
    display: block !important;
    left: 0 !important;
    width: 100% !important;
    transform: none !important;
  }

  .bk-roast-section video.elementor-background-video-hosted {
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .bk-roast-section::after {
    right: -18px;
    bottom: -42px;

    font-size: clamp(135px, 42vw, 190px);
    line-height: 0.82;
    letter-spacing: -0.14em;

    opacity: 0.26;
  }

  .bk-company-section::after {
    left: -18px;
    bottom: -42px;

    font-size: clamp(135px, 42vw, 190px);
    line-height: 0.82;
    letter-spacing: -0.14em;

    opacity: 0.24;
  }
}/* End custom CSS */