.elementor-10579 .elementor-element.elementor-element-0f27b7b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-10579 .elementor-element.elementor-element-23f4715{width:initial;max-width:initial;}.elementor-10579 .elementor-element.elementor-element-23f4715 .elementor-heading-title{font-family:"Mikado", Sans-serif;font-size:55px;font-weight:600;text-transform:uppercase;line-height:1em;}.elementor-10579 .elementor-element.elementor-element-38fd5dd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10579 .elementor-element.elementor-element-38fd5dd.e-con{--align-self:center;}.elementor-10579 .elementor-element.elementor-element-1fde6a2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-10579 .elementor-element.elementor-element-0f27b7b{--content-width:800px;}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-10579 .elementor-element.elementor-element-0f27b7b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-10579 .elementor-element.elementor-element-23f4715 .elementor-heading-title{font-size:40px;}}/* Start custom CSS for html, class: .elementor-element-1fde6a2 *//* =========================================================
   VARIABLES
========================================================= */
:root{
  --ask-orange:#F26A3D;
  --ask-orange-strong:#FC6233;
  --ask-gray-line:#e5e5e5;
  --ask-text-dark:#333333;
  --ask-accent:#d14a6a; /* optional, aktuell nicht aktiv genutzt */
}

/* =========================================================
   WRAPPER
========================================================= */
.ask-cart-wrapper{
  max-width:1200px;
  margin:0 auto;
  padding:40px 0px;
  font-family:inherit;
}

/* =========================================================
   EMPTY STATE (Hinweistext)
   ✅ Abstand zwischen Header-Linie und Hinweis
========================================================= */
.ask-cart-empty-note{
  margin:18px 0 0 0;  /* <- "Spalt" nach oben */
  padding:0;
}

/* =========================================================
   GRID (HEADER + ITEMS)
========================================================= */
.ask-cart-head,
.ask-cart-item{
  display:grid;
  grid-template-columns: 1fr 100px 120px 120px;
  column-gap:20px;
}

/* =========================================================
   HEADER: SPENDE | PREIS | ANZAHL | TOTAL
========================================================= */
.ask-cart-head{
  padding:1px 0;
  margin-top:20px;
  border-bottom:1px solid var(--ask-gray-line);
  font-size:10px;
  font-weight:400;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#000;
  align-items:center;
}

.ask-head-spende{
  padding-left:105px; /* Bild 85px + Gap 20px */
  text-align:left;
}

.ask-head-preis,
.ask-head-anzahl,
.ask-head-total{
  text-align:center;
}

/* =========================================================
   ITEMS (ZEILEN)
========================================================= */
.ask-cart-item{
  padding:26px 0;
  border-bottom:1px solid var(--ask-gray-line);
  align-items:start;
}

.ask-cart-items .ask-cart-item:last-child{
  border-bottom:none;
}

/* =========================================================
   LINKE SPALTE (BILD + TEXT)
========================================================= */
.ask-cart-left{
  display:flex;
  gap:20px;
  align-items:flex-start;
}

.ask-cart-image{
  width:85px;
  aspect-ratio:1 / 1;
  border-radius:15px;
  overflow:hidden;
  flex-shrink:0;
}

.ask-cart-icon{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ask-cart-name{
  font-size:20px;
  font-weight:600;
  text-transform:uppercase;
  color:var(--ask-text-dark);
  line-height:1.2;
  max-width:200px;
  margin:0;
}

/* =========================================================
   PREIS / ANZAHL / TOTAL – TOP AUF TITELHÖHE
========================================================= */
.ask-cart-price,
.ask-cart-total{
  font-size:20px;
  font-weight:500;
  color:var(--ask-text-dark);
  text-align:center;
  align-self:start;
  padding-top:2px;
  margin:0;
}

/* ANZAHL */
.ask-cart-qty{
  display:flex;
  justify-content:center;
  gap:5px;
  font-size:20px;
  font-weight:500;
  text-align:center;

  align-items:flex-start;
  align-self:start;
  padding-top:2px;
  margin:0;

  /* FINAL: +/- sollen wie Text aussehen */
  color:var(--ask-text-dark);
}

/* Minus / Plus */
.ask-cart-minus,
.ask-cart-plus{
  background:none !important;
  border:none !important;
  font-size:26px;
  font-weight:700;
  cursor:pointer;
  padding:0;
  line-height:1 !important;

  /* “Lift” (dein Fix) */
  display:inline-flex !important;
  align-items:flex-start !important;
  justify-content:center;
  height:26px;
  width:26px;
  vertical-align:top !important;
  margin-top:-3px;

  color:inherit !important;
}

/* Hover/Focus komplett neutralisieren (Design-Entscheidung) */
.ask-cart-minus:hover,
.ask-cart-plus:hover,
.ask-cart-minus:focus,
.ask-cart-plus:focus,
.ask-cart-minus:active,
.ask-cart-plus:active{
  background:transparent !important;
  color:inherit !important;
  box-shadow:none !important;
  transform:none !important;
  outline:none !important;
  filter:none !important;
}

/* =========================================================
   ZURÜCK BUTTON
========================================================= */
.ask-cart-back{
  margin:40px 0;
}

.ask-back-btn,
.ask-back-btn:visited,
.ask-back-btn:hover,
.ask-back-btn:focus,
.ask-back-btn:active{
  color:var(--ask-orange) !important;
  font-size:18px;
  font-weight:600;
  text-decoration:none;
}

/* =========================================================
   CHECKOUT BOX
========================================================= */
.ask-cart-checkout-box{
  background:#F2F2F2;
  padding:35px;
  border-radius:20px;
  margin-top:40px;
  display:grid;
  grid-template-columns:1fr 380px;
  gap:20px;
}

.ask-cart-summary{
  grid-column:2;
  display:flex;
  justify-content:space-between;
}

.ask-summary-title,
.ask-summary-sub,
.ask-summary-total,
.ask-summary-monthly{
  color:var(--ask-orange) !important;
}

.ask-summary-title{ font-size:20px; font-weight:600; }
.ask-summary-sub{ font-size:20px; }
.ask-summary-total{ font-size:20px; font-weight:600; }
.ask-summary-monthly{ font-size:20px; } /* FIX: war 2ppx */

.ask-checkout-btn{
  grid-column:2;
  background:var(--ask-orange) !important;
  border:none;
  border-radius:40px;
  padding:14px 32px;
  font-size:22px;
  font-weight:600;
  color:#fff;
  cursor:pointer;
  margin-left:auto;
  transition:transform .3s ease;
  width:100%;
}

.ask-checkout-btn:hover{
  transform:scale(1.05);
}

/* =========================================================
   RESPONSIVE (MOBILE) – FINAL (tight padding + kleinerer Gap)
========================================================= */
@media (max-width:768px){

  /* Header ausblenden */
  .ask-cart-head{ display:none; }

  /* Seitenränder + Platz für sticky Checkout */
  .ask-cart-wrapper{
    padding:10px 0px 320px; /* top | left/right | bottom (für fixed Checkout) */
  }

  /* ITEM-Layout:
     - Bild links (spannt 2 Zeilen)
     - Titel oben rechts
     - Preis | Anzahl | Total unten rechts => auf Bild-Unterkante
  */
  .ask-cart-item{
    display:grid;
    grid-template-columns:85px 8px minmax(0,1fr) max-content minmax(0,1fr); /* Gap zum Text kleiner */
    grid-template-rows: 1fr auto;
    column-gap:6px;   /* war 10 */
    row-gap:10px;
    padding:22px 0;
    align-items:start;
    min-height:85px;
  }

  /* Wrapper “auflösen”, damit Bild & Titel im Grid positioniert werden können */
  .ask-cart-left{ display:contents; }

  /* Bild */
  .ask-cart-image{
    grid-column:1;
    grid-row:1 / 3;
    width:85px;
  }

  /* Titel */
  .ask-cart-name{
    grid-column:3 / 6;
    grid-row:1;
    align-self:start;
    max-width:none;
  }

  /* PREIS unten links */
  .ask-cart-price{
    grid-column:3;
    grid-row:2;
    align-self:end;
    text-align:left;
    padding-top:0;
    margin:0;
    white-space:nowrap;
    font-size:18px;
  }

  /* ANZAHL exakt mittig */
  .ask-cart-qty{
    grid-column:4;
    grid-row:2;
    align-self:end;
    justify-self:center;
    justify-content:center;
    padding-top:0;
    margin:0;
    white-space:nowrap;
    font-size:18px;
    gap:6px;
    min-width:90px;
  }

  /* TOTAL unten rechts */
  .ask-cart-total{
    grid-column:5;
    grid-row:2;
    align-self:end;
    text-align:right;
    padding-top:0;
    margin:0;
    white-space:nowrap;
    font-size:18px;
  }

  /* +/- kompakter */
  .ask-cart-minus,
  .ask-cart-plus{
    width:18px;
    height:18px;
    font-size:20px;
    margin-top:-1px;
  }

  .ask-cart-qty span{
    min-width:1.2em;
    text-align:center;
    display:inline-block;
  }

  /* =========================================================
     CHECKOUT BOX: fixed unten + sauberer Inhalt
  ========================================================= */
  .ask-cart-checkout-box{
    position:fixed;
    left:20px;
    right:20px;
    bottom:20px;
    z-index:9999;

    margin:0;
    padding:25px 20px calc(25px + env(safe-area-inset-bottom));
    border-radius:15px;

    display:block;
    box-shadow:0 12px 30px rgba(0,0,0,.0);
  }

  .ask-cart-summary{
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px;
    width:100%;
    margin:0 0 40px 0; /* Abstand Button > Preis */
  }

  .ask-summary-labels p,
  .ask-summary-values p{
    margin:5px;
  }

  .ask-summary-values{
    text-align:right;
    white-space:nowrap;
  }

  .ask-checkout-btn{
    width:100%;
    margin:0;
    display:flex;
    justify-content:space-between;
    align-items:center;

    border-radius:999px;
    padding:10px 30px;
    font-size:20px;
  }

  #ask-checkout-total{ white-space:nowrap; }
}

/* Optional: sehr schmale Geräte */
@media (max-width:360px){
  .ask-cart-wrapper{
    padding:22px 10px 340px;
  }

  .ask-cart-item{
    grid-template-columns:78px 10px minmax(0,1fr) max-content minmax(0,1fr);
    min-height:78px;
    column-gap:5px;
  }

  .ask-cart-image{ width:78px; }

  .ask-cart-checkout-box{
    left:10px;
    right:10px;
  }

  .ask-cart-qty{ min-width:78px; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Mikado';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://ask-hessen.de/wp-content/uploads/2025/04/Mikado-Web-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Mikado';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://ask-hessen.de/wp-content/uploads/2025/04/Mikado-Web-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Mikado';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://ask-hessen.de/wp-content/uploads/2025/04/Mikado-Web-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Mikado';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://ask-hessen.de/wp-content/uploads/2025/04/Mikado-Web-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Mikado';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://ask-hessen.de/wp-content/uploads/2025/04/Mikado-Web-Black.woff2') format('woff2');
}
@font-face {
	font-family: 'Mikado';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://ask-hessen.de/wp-content/uploads/2025/04/Mikado-Web-Ultra.woff2') format('woff2');
}
/* End Custom Fonts CSS */