.elementor-kit-253{--e-global-color-secondary:#ECD89B;--e-global-color-text:#FFFFFF;--e-global-color-accent:#000000;--e-global-color-primary:#4B5252;--e-global-color-2df67f7:#00383C;--e-global-color-68d4584:#00AFA8;--e-global-color-7af8fe5:#F8F4F2;--e-global-color-e2237fd:#9071712B;--e-global-color-e8abd46:#383838;--e-global-color-1e0d76f:#3A3632;--e-global-color-8e29ff5:#22302E;--e-global-color-0d799e1:#702632;--e-global-color-9518d92:#E9E4E1;--e-global-color-a2eb7ce:#00AFA81C;--e-global-color-24a1256:#F8F4F275;--e-global-color-df9a271:#00383C73;--e-global-color-7dcac1f:#E9E4E1;--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;--e-global-typography-efdc243-font-family:"Editorial thin";--e-global-typography-efdc243-font-size:68px;--e-global-typography-efdc243-font-weight:normal;--e-global-typography-efdc243-line-height:29px;--e-global-typography-efdc243-letter-spacing:-1.5px;--e-global-typography-efdc243-word-spacing:0px;--e-global-typography-70bba1d-font-family:"Delight 400";--e-global-typography-70bba1d-font-size:16px;--e-global-typography-70bba1d-line-height:22px;--e-global-typography-70bba1d-letter-spacing:0.1px;--e-global-typography-f2a8b77-font-family:"plak 700";--e-global-typography-f2a8b77-font-size:11px;--e-global-typography-f2a8b77-text-transform:uppercase;--e-global-typography-f2a8b77-font-style:normal;--e-global-typography-f2a8b77-line-height:22px;--e-global-typography-f2a8b77-letter-spacing:1.9px;--e-global-typography-2fe3b92-font-family:"Delight 400";--e-global-typography-2fe3b92-font-size:14px;--e-global-typography-2fe3b92-line-height:20px;--e-global-typography-2fe3b92-letter-spacing:0.1px;--e-global-typography-065cbbc-font-family:"plak 400";--e-global-typography-065cbbc-font-size:13px;--e-global-typography-065cbbc-line-height:17px;--e-global-typography-75dfde7-font-family:"delight 600";--e-global-typography-75dfde7-font-size:30px;--e-global-typography-75dfde7-font-weight:normal;--e-global-typography-75dfde7-line-height:28px;--e-global-typography-75dfde7-letter-spacing:-0.9px;--e-global-typography-75dfde7-word-spacing:0px;--e-global-typography-7be2474-font-family:"plak 400";--e-global-typography-7be2474-font-size:16px;--e-global-typography-7be2474-line-height:20px;--e-global-typography-6169d98-font-family:"kafta";--e-global-typography-6169d98-font-size:47px;--e-global-typography-6169d98-font-weight:normal;--e-global-typography-6169d98-line-height:46px;--e-global-typography-6169d98-letter-spacing:-3.2px;--e-global-typography-6169d98-word-spacing:0px;--e-global-typography-e6158ef-font-family:"plak 400";--e-global-typography-e6158ef-font-size:14px;--e-global-typography-e6158ef-line-height:1px;--e-global-typography-e6158ef-letter-spacing:-0.6px;background-color:#000000;font-family:"Delight 400", Sans-serif;}.elementor-kit-253 h1{color:var( --e-global-color-2df67f7 );font-family:var( --e-global-typography-6169d98-font-family ), Sans-serif;font-size:var( --e-global-typography-6169d98-font-size );font-weight:var( --e-global-typography-6169d98-font-weight );line-height:var( --e-global-typography-6169d98-line-height );letter-spacing:var( --e-global-typography-6169d98-letter-spacing );word-spacing:var( --e-global-typography-6169d98-word-spacing );}.elementor-kit-253 h2{color:var( --e-global-color-2df67f7 );font-family:var( --e-global-typography-6169d98-font-family ), Sans-serif;font-size:var( --e-global-typography-6169d98-font-size );font-weight:var( --e-global-typography-6169d98-font-weight );line-height:var( --e-global-typography-6169d98-line-height );letter-spacing:var( --e-global-typography-6169d98-letter-spacing );word-spacing:var( --e-global-typography-6169d98-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 21px;--widgets-spacing-row:20px;--widgets-spacing-column:21px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-253 h1{font-size:var( --e-global-typography-6169d98-font-size );line-height:var( --e-global-typography-6169d98-line-height );letter-spacing:var( --e-global-typography-6169d98-letter-spacing );word-spacing:var( --e-global-typography-6169d98-word-spacing );}.elementor-kit-253 h2{font-size:var( --e-global-typography-6169d98-font-size );line-height:var( --e-global-typography-6169d98-line-height );letter-spacing:var( --e-global-typography-6169d98-letter-spacing );word-spacing:var( --e-global-typography-6169d98-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-253 h1{font-size:var( --e-global-typography-6169d98-font-size );line-height:var( --e-global-typography-6169d98-line-height );letter-spacing:var( --e-global-typography-6169d98-letter-spacing );word-spacing:var( --e-global-typography-6169d98-word-spacing );}.elementor-kit-253 h2{font-size:var( --e-global-typography-6169d98-font-size );line-height:var( --e-global-typography-6169d98-line-height );letter-spacing:var( --e-global-typography-6169d98-letter-spacing );word-spacing:var( --e-global-typography-6169d98-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --------------------------------------------------
   FLYDENDE BOKS – sikre synlighed og start­position
-------------------------------------------------- */
.flydende-boks{
  position: relative;      /* løft den ud af stacking-context */
  z-index: 30;             /* over backdrop-blur */
  transform: translateY(40px);
  opacity: 0;
  will-change: transform, opacity;
}

/* forælder må ikke klippe animationen */
.flydende-boks,
.flydende-boks *{
  overflow: visible;
}

.advanced-button {
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  background: linear-gradient(145deg, #2a2a2a, #1a1a1a);
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  border: none;
  border-radius: 12px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4), inset 0 1px 0 #444;
  cursor: pointer;
  perspective: 1000px;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.advanced-button:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 12px 25px rgba(255, 255, 255, 0.2), inset 0 1px 0 #555;
}

.advanced-button .shine {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-20deg);
  animation: shine 3s infinite;
  pointer-events: none;
}

@keyframes shine {
  0% { left: -75%; }
  100% { left: 125%; }
}

.advanced-button:active {
  transform: translateY(1px) scale(0.98);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 #222;
  background: linear-gradient(145deg, #1a1a1a, #000);
}

.advanced-button.glow {
  box-shadow: 0 0 20px rgba(0,255,255,0.5), inset 0 1px 0 #444;
}

/* Optional idle glow */
@keyframes idle-glow {
  0%, 100% { box-shadow: 0 0 10px rgba(0,255,255,0.3); }
  50% { box-shadow: 0 0 20px rgba(0,255,255,0.6); }
}

.advanced-button.idle {
  animation: idle-glow 2s infinite;
}






/* === START: Kontaktformular styling for Bardisken === */

#kontakt {
  background-color: #F8F4F2;
}

#kontakt .bd-paginated-form-step {
  padding: 20px;
}

.customer-type-choice div[data-v-87e958da] {
  box-shadow: 0 0 8px #00000080;
}

.private,
.business {
  background-color: #00383C;
  color: white;
}

#kontakt p {
  font-size: 14px;
  color: #111111;
}

#kontakt b {
  color: #111111;
}

#kontakt label {
  font-size: 13px;
  color: #111111;
}

#kontakt span.material-symbols-rounded.radio-button {
  color: #00383C;
}

input.dp__pointer.dp__input_readonly.dp__input.dp__input_reg {
  color: #00383C;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bd-pagination-buttons[data-v-87e958da] :first-child {
  background-color: #00383C !important;
  color: white;
}

input[type="number"] {
  background-color: #00383C;
  color: white;
}

.bd-paginated-form-step-content-radios-cocktail[data-v-87e958da] {
  height: 26rem;
  width: 13rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 2px 4px #00000030;
  cursor: pointer;
  z-index: 1;
  transition: box-shadow 1s ease-in-out, transform 0.75s ease-in-out, width 0.5s ease-in-out;
  margin: 0 -2rem 4rem;
  overflow: hidden;
  background-color: #F8F4F2;
  color: #111111;
}

.bd-paginated-form-step-content-radios-cocktail.checked[data-v-87e958da] {
  position: absolute;
  box-shadow: 0 1px 2px #00383C;
  z-index: 2;
  transform: scale(1.05);
  cursor: default;
  background-color: #00383C;
  color: white;
}

.bd-paginated-form-step-content-radios-cocktail[data-v-87e958da]:not(.checked) {
  gap: 1rem;
  filter: brightness(1.0);
}

.bd-paginated-form-step-content-radios-cocktail-type-examples-button[data-v-87e958da] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  box-shadow: 0 4px 8px #00000000;
  border-radius: 1rem;
  margin: 0.2rem;
  cursor: pointer;
  background-color: #00383C;
  font-size: 12px;
  color: white;
}

.cocktail-type-examples-list[data-v-87e958da] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  line-height: 1;
  padding-top: 20px;
  padding-bottom: 20px;
  align-items: flex-start;
}

input[data-v-87e958da],
textarea[data-v-87e958da] {
  color: #111111;
  background-color: transparent;
  border: 1px solid #00383C;
  padding: 0.5rem 1rem;
  border-radius: 0.3rem;
}

/* === SLUT: Kontaktformular styling for Bardisken === */

span.material-symbols-rounded.radio-button {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
  transition: all 0.8s ease-in-out;
  border-radius: 50%;
}

.radio-button-option.checked span.material-symbols-rounded.radio-button {
  background-color: #00383C; /* din petrol farve */
  color: #fff;
}

.smooth {

    opacity: 0;

    transform: translateY(-50px);

    transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1), opacity 1s ease-out;

}



.smooth.visible {

    opacity: 1;

    transform: translateY(0);

}



.blur-view {

    opacity: 0; /* Skjult fra start */

    filter: blur(10px);

    transform: scale(0.8);

    transition: 

        filter 1s cubic-bezier(0.25, 1, 0.5, 1),

        transform 1s cubic-bezier(0.25, 1, 0.5, 1),

        opacity 0.8s ease-out;

}



/* Når elementet får klassen .in-view (via JS) */

.blur-view.in-view {

    opacity: 1;

    filter: blur(0px);

    transform: scale(1);

}



.slide-down {

    opacity: 0;

    transform: translateY(-50px); /* Starter 50px over sin oprindelige position */

    transition: 

        transform 1s cubic-bezier(0.42, 0, 0.58, 1), 

        opacity 1s ease-out;



}



/* Når elementet får klassen .in-view (via JS) */

.slide-down.in-view {

    opacity: 1;

    transform: translateY(0);

		animation-delay: 2s;

}

.slide-down {
  animation-delay: 1s !important;
}

.blur-scale {

    opacity: 0;

    filter: blur(10px);

    transform: scale(1.2); /* Starter lidt større */

    transition: 

        filter 1.9s cubic-bezier(0.25, 1, 0.5, 1), 

        opacity 1.9s ease-out,

        transform 1.9s cubic-bezier(0.25, 1, 0.5, 1);

}



/* Når elementet får klassen .in-view (via JS) */

.blur-scale.in-view {

    opacity: 1;

    filter: blur(0px);

    transform: scale(1); /* Tilbage til normal størrelse */

}



.load-text {

    opacity: 0;

    transform: translateX(-50px); /* Starter 50px til venstre */

    transition: 

        transform 1s cubic-bezier(0.25, 1, 0.5, 1), 

        opacity 1s ease-out;

	animation-delay: 1s;

}



/* Når elementet får klassen .in-view (via JS) */

.load-text.in-view {

    opacity: 1;

    transform: translateX(0); /* Flytter teksten til sin normale position */

}

html {
  scroll-behavior: smooth;
}

div#ast-scroll-top {
    background-color: #00383C;
}
.private *,
.business * {
    color: #F8F4F2 !important;
}/* End custom CSS */