:root {
  --bg-body: #F9F9F9;
  --light-bg: #F9F9F9;
  --dark-bg: #ed7317;
  --link_color: var(--dark-bg);
  --text-color: #0f1111;
  --font-base: "Figtree", sans-serif;
  --font-condensed: "Figtree", sans-serif;
}
@font-face {
  font-display: optional;
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  src: url('/font/figtree-v9-latin-regular.woff2') format('woff2');
}
/* figtree-700 - latin */
@font-face {
  font-display: optional;
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  src: url('/font/figtree-v9-latin-700.woff2') format('woff2');
}
/* figtree-900 - latin */
@font-face {
  font-display: optional;
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 900;
  src: url('/font/figtree-v9-latin-900.woff2') format('woff2');
}
body,
body.voucher,
body.shop,
.condensed {
  font-family: "Figtree", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: normal;
}
#headerSection {
  height: 70px;
}
.start .header_search_wrap {
  display: none;
}
#footer .invert_icon {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(184deg) brightness(103%) contrast(101%);
}
.map_wrap .element.formValid > .user-interaction,
.map_wrap .form_active {
  border: 1px solid #bfbfbf !important;
  box-shadow: none;
}
.shop-product-details span {
  color: #0f1111 !important;
}
.footer_gradient,
.logo_bg {
  background: #383838 !important;
}
.footer_gradient .logo,
.logo_bg .logo {
  bottom: 0;
}
.breaker p,
.breaker ul {
  border-color: var(--dark-bg);
}
.wrap-article p a,
.wrap-article ul a,
.wrap-article table a {
  text-decoration: underline;
}
.wrap-article p a:hover,
.wrap-article ul a:hover,
.wrap-article table a:hover {
  color: #5E5E5E;
}
.map_wrap .t_18 {
  font-size: 18px;
}
.variation_table_wrap {
  max-height: 400px;
}
.bg_black,
.header_menu_wrap,
.header_menu_wrap .black,
.head_nav .bg_white {
  background: #383838 !important;
  color: white !important;
}
.circle_button {
  outline-color: #383838 !important;
  background: #383838 !important;
  color: #fff !important;
}
.circle_button:hover {
  background: var(--dark-bg) !important;
}
.price_final.green {
  color: #383838;
}
/*
.btn.btn_inverted
{
  background: #383838 !important;

  color: white !important;

  &:hover
  {
    background: #555555 !important;
  }
}*/
#headerSection {
  background: #383838;
}
#headerSection .grey,
#headerSection .h1,
#headerSection .dark-grey,
#headerSection .grey_text:not(.red):not(.orange),
#headerSection .top_trigger > a,
#headerSection #nav_icon {
  color: #fff !important;
}
.logo {
  position: relative;
  bottom: 4px;
}
a,
.btn,
h3,
.h3,
.mce-edit-focus.editable span.h3,
.bg_dark {
  color: #2D2827;
}
.corner_ribbon {
  color: #2D2827 !important;
}
/*
NEW DETAIL
 */
.check_list li,
.more_detail {
  padding-left: 24px;
}
.shop_product_detail .breadcrumb_wrapper {
  padding-left: 16px;
  margin-bottom: 12px;
  background: white;
  box-shadow: 0 1px 3px #00000029;
}
.bg_opt_white {
  background: white;
  padding: 16px;
}
.petonus_pV16 {
  padding-bottom: 24px !important;
  padding-top: 24px !important;
}
.ec_container {
  margin-top: 16px;
  margin-right: auto;
  margin-left: 0;
}
.product_list_normal .wrapper_price .price_final {
  font-size: 18px;
}
/* Voucher: Figtree ist breiter als Roboto Condensed — Schriftgrößen anpassen */
.voucher_gestalten .vc_section_heading,
.voucher_geschenke .vc_section_heading {
  font-size: 22px;
}
.voucher_gestalten .vc_chip,
.voucher_geschenke .vc_chip {
  font-size: 11px;
}
.voucher_gestalten .vc_btn_mehr,
.voucher_geschenke .vc_btn_mehr,
.voucher_gestalten .vc_filter_label,
.voucher_geschenke .vc_filter_label,
.voucher_gestalten .vc_template_count,
.voucher_geschenke .vc_template_count,
.voucher_gestalten .vc_badge_step,
.voucher_geschenke .vc_badge_step,
.voucher_gestalten .vc_count,
.voucher_geschenke .vc_count {
  font-size: 10px;
}
.voucher_gestalten .vc_modal_title,
.voucher_geschenke .vc_modal_title {
  font-size: 20px;
}
.voucher_gestalten .vc_modal_section_label,
.voucher_geschenke .vc_modal_section_label,
.voucher_gestalten .vc_field_label,
.voucher_geschenke .vc_field_label {
  font-size: 12px;
}
.voucher_gestalten .vc_card_variant,
.voucher_geschenke .vc_card_variant {
  font-size: 9px;
}
/* Voucher Flow: CTA-Orange für alle Akzente, Anthrazit für Hintergründe, Logo original */
.voucher_flow {
  /* Alle var(--dark-bg)-Akzente (Hover, Selected, Preise, Buttons) → CTA-Orange */
  --dark-bg: var(--cta-color);
  /* Hintergründe bleiben Anthrazit */
  /* Qty-Badge-Border matcht Anthrazit-Hintergrund */
  /* Abgehakte Steps in CTA-Orange */
  /* Bottom bar: Figtree ist breiter → Preis-Wrap verhindern, Schriften anpassen */
  /* Nav steps: leicht kompakter für breiteren Font */
}
.voucher_flow .vf_nav_bar,
.voucher_flow .vf_bottom_bar,
.voucher_flow .vf_panel {
  background: #383838;
}
.voucher_flow .vf_thumb_qty,
.voucher_flow .vf_panel_qty {
  border-color: #383838;
}
.voucher_flow .vf_step_done a {
  color: var(--cta-color);
}
.voucher_flow .vf_nav_logo img {
  filter: none;
}
.voucher_flow .vf_bar_total {
  font-size: 22px;
  white-space: nowrap;
}
.voucher_flow .vf_bar_label {
  font-size: 9px;
}
.voucher_flow .vf_btn_hint {
  font-size: 9px;
}
.voucher_flow .vf_btn_next {
  font-size: 13px;
  padding: 14px 36px;
}
@media (max-width: 900px) {
  .voucher_flow .vf_btn_next {
    padding: 8px 14px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .voucher_flow .vf_btn_next {
    padding: 8px 14px;
  }
}
.voucher_flow .vf_btn_back {
  font-size: 11px;
  padding: 12px 18px;
}
@media (max-width: 900px) {
  .voucher_flow .vf_btn_back {
    padding: 8px 14px;
  }
}
.voucher_flow .vf_nav_steps li a {
  font-size: 11px;
  padding: 16px 16px;
}
@media (max-width: 900px) {
  .voucher_flow .vf_nav_steps li a {
    padding: 8px 12px 10px;
  }
}
@media (max-width: 480px) {
  .voucher_flow .vf_nav_steps li a {
    padding: 6px 8px 8px;
    font-size: 10px;
  }
}
/* Vorlage- und Geschenke-Modal Close-Button: Anthrazit nur auf Mobile (Basenio-Override) */
@media (max-width: 768px) {
  body.voucher_gestalten .vc_modal_close,
  body.voucher_gestalten .vc_modal_close:hover,
  body.voucher_geschenke .vc_modal_close,
  body.voucher_geschenke .vc_modal_close:hover {
    background: #383838;
    color: #fff;
  }
}
/*# sourceMappingURL=basenio.map */