/***********************************************************************
 * Organization code: 300dancestudio
 * Template code name: marco
 * Last generated: 2026-01-02 14:07:05
 ***********************************************************************/


/***********************************************************************
 * Auto generated css-code for shop from settings in selected layout
 ***********************************************************************/

    .cwBody,
    .cwBody A,
    .cwBody A:hover,
    .cwBody A:visited {
        color : black;
    }
    .cwArea .regIcon,
    .cwVisibleForm,
    .cwFormCenter,
    .cwControlAreaTop,
    .cwControlAreaBottom,
    .cwInputArea,
    .cwInfoArea,
    .cwDataArea,
    .cwArea .shopSearchForm,
    .cwArea .shopSearchFormBasic,
    .cwArea .shopSearchFormAdvanced,
    .cwArea DIV.filterOptionFramed:hover,
    .cwTerms,
    .cwArea HR {
        border-color : #DADADA;
    }
    .cwArea .regIcon {
        background-color : #E8E8E8;
    }
    .cwControlAreaTop {
        background-color : #E8E8E8;
        background: -moz-linear-gradient(top, #E8E8E8 0%,#F0F0F0 43%,#F0F0F0 57%,#E8E8E8 100%);
        background: -webkit-linear-gradient(top, #E8E8E8 0%,#F0F0F0 43%,#F0F0F0 57%,#E8E8E8 100%);
        background: -o-linear-gradient(top, #E8E8E8 0%,#F0F0F0 43%,#F0F0F0 57%,#E8E8E8 100%);
        background: -ms-linear-gradient(top, #E8E8E8 0%,#F0F0F0 43%,#F0F0F0 57%,#E8E8E8 100%);
        background: linear-gradient(to bottom, #E8E8E8 0%,#F0F0F0 43%,#F0F0F0 57%,#E8E8E8 100%)
    }
    .cwControlAreaTop,
    .cwArea .shopSearchFormBasic,
    .cwArea .regIcon {
        color : black;
    }
    DIV.filterOptionFramed:hover {
        background-color : #FAFAFA;
    }
    .cwControlAreaBottom,
    .cwVisibleForm,
    .cwInfoArea,
    .cwInputArea {
        background-color : #FAFAFA;
        background: -moz-linear-gradient(left, #F4F4F4 0%,#FAFAFA 250px);
        background: -webkit-linear-gradient(left, #F4F4F4 0%,#FAFAFA 250px);
        background: -o-linear-gradient(left, #F4F4F4 0%,#FAFAFA 250px);
        background: -ms-linear-gradient(left, #F4F4F4 0%,#FAFAFA 250px);
        background: linear-gradient(to right, #F4F4F4 0%,#FAFAFA 250px)
    }
    .cwhc_Question:hover,
    .cwTerms,
    .cwArea .shopSearchFormAdvanced,
    .cwDataArea {
        background-color : #F6F6F6;
        background: -moz-linear-gradient(left, #F3F3F3 0%,#F6F6F6 80%);
        background: -webkit-linear-gradient(left, #F3F3F3 0%,#F6F6F6 80%);
        background: -o-linear-gradient(left, #F3F3F3 0%,#F6F6F6 80%);
        background: -ms-linear-gradient(left, #F3F3F3 0%,#F6F6F6 80%);
        background: linear-gradient(to right, #F3F3F3 0%,#F6F6F6 80%)
    }

/***********************************************************************
 * Manually added css-code in selected layout
 ***********************************************************************/

/* =========================
   FONTS
   ========================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

/* =========================
   VARIABLES
   ========================= */
.cwBody {
  --font-main: 'Inter', sans-serif;

  --c-text: #111111;
  --c-bg: #f6f6f6;
  --c-surface: #ffffff;
  --c-border: #e5e5e5;

  --c-primary: #E10613;
  --c-primary-hover: #B8050F;
  --c-on-primary: #ffffff;

  --radius: 14px;
  --btn-radius: 999px;
  --shadow: 0 10px 28px rgba(0,0,0,0.08);
}

/* =========================
   AUTO-GENERATED BASE
   ========================= */
.cwBody,
.cwBody a,
.cwBody a:hover,
.cwBody a:visited {
  color: black;
}

.cwBody .cwArea .regIcon,
.cwBody .cwVisibleForm,
.cwBody .cwFormCenter,
.cwBody .cwControlAreaTop,
.cwBody .cwControlAreaBottom,
.cwBody .cwInputArea,
.cwBody .cwInfoArea,
.cwBody .cwDataArea,
.cwBody .cwArea .shopSearchForm,
.cwBody .cwArea .shopSearchFormBasic,
.cwBody .cwArea .shopSearchFormAdvanced,
.cwBody .cwArea DIV.filterOptionFramed:hover,
.cwBody .cwTerms,
.cwBody .cwArea hr {
  border-color: #DADADA;
}

.cwBody .cwArea .regIcon {
  background-color: #E8E8E8;
}

.cwBody .cwControlAreaTop {
  background: linear-gradient(to bottom, #E8E8E8 0%, #F0F0F0 43%, #F0F0F0 57%, #E8E8E8 100%);
}

.cwBody .cwControlAreaTop,
.cwBody .cwArea .shopSearchFormBasic,
.cwBody .cwArea .regIcon {
  color: black;
}

.cwBody DIV.filterOptionFramed:hover {
  background-color: #FAFAFA;
}

.cwBody .cwControlAreaBottom,
.cwBody .cwVisibleForm,
.cwBody .cwInfoArea,
.cwBody .cwInputArea {
  background: linear-gradient(to right, #F4F4F4 0%, #FAFAFA 250px);
}

.cwBody .cwhc_Question:hover,
.cwBody .cwTerms,
.cwBody .cwArea .shopSearchFormAdvanced,
.cwBody .cwDataArea {
  background: linear-gradient(to right, #F3F3F3 0%, #F6F6F6 80%);
}

/* =========================
   BASE TYPOGRAPHY
   ========================= */
.cwBody,
.cwBody .cwArea,
.cwBody input,
.cwBody select,
.cwBody textarea,
.cwBody .cwArea input,
.cwBody .cwArea select,
.cwBody .cwArea textarea,
.cwBody button,
.cwBody .cwArea button,
.cwBody p,
.cwBody .cwArea p,
.cwBody label,
.cwBody .cwArea label,
.cwBody li,
.cwBody .cwArea li,
.cwBody a,
.cwBody .cwArea a,
.cwBody .cwArea table,
.cwBody .cwArea th,
.cwBody .cwArea td {
  font-family: var(--font-main) !important;
}

.cwBody,
.cwBody .cwArea {
  font-size: 18px !important;
  line-height: 1.28 !important;
  color: var(--c-text) !important;
  background-color: var(--c-bg) !important;
}

/* =========================
   TEXT SPACING (LAGOM TIGHT)
   ========================= */
.cwBody p,
.cwBody .cwArea p,
.cwBody label,
.cwBody .cwArea label {
  line-height: 1.28 !important;
  margin: 0 0 0.28em 0 !important;
}

.cwBody ul,
.cwBody ol,
.cwBody .cwArea ul,
.cwBody .cwArea ol {
  margin: 0.25em 0 !important;
  padding-left: 1.15em !important;
}

.cwBody li,
.cwBody .cwArea li {
  line-height: 1.26 !important;
  margin: 0 0 0.16em 0 !important;
  padding: 0 !important;
}

/* Tables / schedules */
.cwBody .cwArea table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.cwBody .cwArea th,
.cwBody .cwArea td {
  line-height: 1.22 !important;
  padding: 6px 6px !important;
  vertical-align: top !important;
}

/* =========================
   HEADINGS – IMPACT
   ========================= */
.cwBody h1, .cwBody h2, .cwBody h3, .cwBody h4,
.cwBody .cwArea h1, .cwBody .cwArea h2, .cwBody .cwArea h3, .cwBody .cwArea h4,
.cwBody .cwArea .cwTitle, .cwBody .cwTitle {
  font-family: Impact, Anton, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.10 !important;
  margin: 0 0 0.45em 0 !important;
}

/* =========================
   CARDS
   ========================= */
.cwBody .cwVisibleForm,
.cwBody .cwInfoArea,
.cwBody .cwInputArea,
.cwBody .cwDataArea,
.cwBody .cwTerms {
  background-color: var(--c-surface) !important;
  border: 1px solid var(--c-border) !important;
  padding: 18px !important;
  margin-bottom: 18px !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
}

/* =========================
   RIGHT COLUMN – FACT BOX
   ========================= */
.cwBody .cwInfoArea {
  font-size: 15px !important;
  line-height: 1.24 !important;
}

.cwBody .cwInfoArea p,
.cwBody .cwInfoArea div,
.cwBody .cwInfoArea span,
.cwBody .cwInfoArea b,
.cwBody .cwInfoArea strong {
  font-size: 15px !important;
  line-height: 1.24 !important;
  margin: 0 0 0.18em 0 !important;
}

/* =========================
   FORM FIELDS
   ========================= */
.cwBody input,
.cwBody textarea,
.cwBody select,
.cwBody .cwArea input,
.cwBody .cwArea textarea,
.cwBody .cwArea select {
  background: #fff !important;
  border: 1px solid var(--c-border) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
}

/* =========================
   BUTTONS
   ========================= */
.cwBody button,
.cwBody input[type="button"],
.cwBody input[type="submit"],
.cwBody input[type="reset"],
.cwBody .cwButton,
.cwBody .shopButton,
.cwBody .cwDialogButton,
.cwBody a.cwButton,
.cwBody a.shopButton,
.cwBody a.cwDialogButton {
  font-family: var(--font-main) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;

  background-color: var(--c-primary) !important;
  color: var(--c-on-primary) !important;

  border: none !important;
  border-radius: var(--btn-radius) !important;
  padding: 8px 20px !important;
  font-size: 13px !important;

  display: inline-block !important;
  text-decoration: none !important;
  cursor: pointer !important;

  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.cwBody button:hover,
.cwBody input[type="submit"]:hover,
.cwBody .cwButton:hover,
.cwBody .shopButton:hover,
.cwBody .cwDialogButton:hover,
.cwBody a.cwButton:hover,
.cwBody a.shopButton:hover,
.cwBody a.cwDialogButton:hover {
  background-color: var(--c-primary-hover) !important;
  transform: translateY(-1px);
}

/* =========================
   FOOTER / COMPANY INFO
   ========================= */
.cwBody .cwFooter,
.cwBody .cwFooter p,
.cwBody .cwFooter div,
.cwBody .cwFooter span,
.cwBody .cwFooter a {
  font-size: 14px !important;
  line-height: 1.22 !important;
}

.cwBody .cwFooter small {
  font-size: 13px !important;
  opacity: 0.85;
}

/* =========================
   CLEAN HEADER
   ========================= */
.cwBody .cwControlAreaTop,
.cwBody .cwControlAreaBottom {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.cwBody .cwControlAreaTop img,
.cwBody .cwTopLogo,
.cwBody .cwLogo,
.cwBody .shopHeaderLogo {
  display: none !important;
}