/* ============================================================
   "UNSER EXPERTE" (.exp2) – responsive Neuaufbau
   Desktop (≥1025px) bleibt vollständig unberührt: alle Layoutregeln
   stehen ausschließlich in Media Queries ≤1024px. Außerhalb liegen
   nur das Verstecken der Responsive-Hilfselemente und der CTA.
   Kein transform:scale(), kein zoom – reines Grid + clamp().
   ============================================================ */

/* Responsive-Hilfselemente existieren auf dem Desktop nicht */
.exp2 .resp-only{display:none !important;}

/* ---------- CTA-Button: keine feste Desktopbreite mehr ---------- */
html body .exp2 a.exp2-btn{
  width:fit-content;max-width:100%;
  box-shadow:none !important;
}

/* ============================================================
   DESKTOP: Arzt-Karte als vollständige Fläche mit klaren Kanten
   Die eingebrannte Karte im Hintergrundbild lief nach rechts weich
   aus. Diese echte Fläche liegt darüber und schließt sauber ab.
   ============================================================ */
.exp2-dcard{
  position:absolute;z-index:0;
  left:calc(var(--u)*462);top:calc(var(--u)*554);
  width:calc(var(--u)*344);height:calc(var(--u)*156);
  background:#FFFFFF;
  border-radius:calc(var(--u)*6);
  box-shadow:0 calc(var(--u)*22) calc(var(--u)*40) calc(var(--u)*-26) rgba(31,58,43,.42),
             0 calc(var(--u)*2) calc(var(--u)*6) rgba(31,58,43,.07);
}
/* Lungen-Badge und goldener Trenner der Karte */
.exp2-dcard::before{
  content:"";position:absolute;
  left:calc(var(--u)*22);top:calc(var(--u)*36);
  width:calc(var(--u)*84);height:calc(var(--u)*84);border-radius:50%;
  background:url("../img/exp2-badge.webp") center/cover no-repeat;
}
.exp2-dcard::after{
  content:"";position:absolute;
  left:calc(var(--u)*124);top:calc(var(--u)*24);bottom:calc(var(--u)*24);
  width:1px;background:rgba(176,141,62,.55);
}
/* Text liegt über der Karte */
html body .exp2 .exp2-name,
html body .exp2 .exp2-nsub{position:absolute;z-index:1;}
@media (max-width:1099.98px){
  .exp2-dcard{display:none !important;}
}

@media (max-width:1099.98px){

  /* ---------- Wrapper + Sektion aus dem Pixelraster lösen ---------- */
  html body .exp2-wrap{width:100% !important;left:0 !important;transform:none !important;}

  html body .exp2{
    aspect-ratio:auto !important;
    height:auto !important;min-height:0 !important;
    width:100% !important;
    background-image:none !important;
    background-color:#F7F5F0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-columns:repeat(6, minmax(0,1fr));
    align-content:start;
  }

  /* Alle Kinder aus absoluter Positionierung befreien */
  html body .exp2 > *{
    position:static !important;
    left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;
    transform:none !important;
    white-space:normal !important;
    width:auto !important;min-width:0 !important;max-width:100% !important;
    margin:0;
  }
  html body .exp2 .resp-only{display:block !important;}

  /* Erzwungene Desktop-Zeilenumbrüche im Fließtext aufheben */
  html body .exp2 .exp2-lead br,
  html body .exp2 .exp2-quote br,
  html body .exp2 .exp2-cd br,
  html body .exp2 .exp2-vd br,
  html body .exp2 .exp2-msub br,
  html body .exp2 .exp2-name br,
  html body .exp2 .exp2-nsub br{display:none !important;}

  /* ---------- Typografie ---------- */
  html body .exp2 .exp2-eyebrow{
    font-size:12.5px !important;letter-spacing:3px !important;
    text-transform:uppercase;font-weight:500;color:#b08d3e !important;
  }
  html body .exp2 h2.exp2-title{
    font-family:'Cormorant Garamond',serif !important;font-weight:600 !important;
    font-size:clamp(30px,5vw,46px) !important;line-height:1.2 !important;
    color:#1f4a33 !important;margin-top:10px;
  }
  html body .exp2 h2.exp2-title em{font-size:.94em !important;line-height:1.2 !important;}
  html body .exp2 .exp2-lead{
    font-size:clamp(15px,1.9vw,17px) !important;line-height:1.8 !important;
    font-weight:300;color:#55605a !important;margin-top:14px;
  }

  /* ---------- CTA ---------- */
  html body .exp2 a.exp2-btn{
    display:inline-flex !important;align-items:center;justify-content:center;
    gap:clamp(8px,1.4vw,14px) !important;
    width:fit-content !important;max-width:100% !important;
    height:auto !important;min-height:48px;
    padding:clamp(12px,1.6vw,15px) clamp(18px,3vw,28px) !important;
    border-radius:999px !important;
    font-size:clamp(11.5px,1.5vw,13.5px) !important;
    letter-spacing:clamp(1px,.16vw,1.6px) !important;
    line-height:1.25 !important;
    white-space:normal !important;text-align:center;
    justify-self:start;margin-top:22px;
    box-shadow:none !important;
  }
  html body .exp2 a.exp2-btn svg{flex:none;}
  html body .exp2 a.exp2-btn:hover{transform:none !important;}

  /* ---------- Portrait ---------- */
  html body .exp2 .exp2-rportrait{
    width:100% !important;max-width:420px;height:auto !important;
    aspect-ratio:600 / 580;object-fit:cover;object-position:center top;
    justify-self:center;border-radius:18px;
  }

  /* ---------- Arzt-Infokarte (im Textfluss, nichts überlagert) ---------- */
  html body .exp2 .exp2-rcard{
    position:relative !important;
    z-index:0;align-self:stretch;
    background:#FFFFFF;border-radius:14px;
    box-shadow:0 14px 30px -22px rgba(31,74,51,.45), inset 0 0 0 1px rgba(176,141,62,.16);
  }
  html body .exp2 .exp2-name,
  html body .exp2 .exp2-nsub{
    z-index:1;align-self:start;
    padding-left:112px;padding-right:16px;
  }
  html body .exp2 .exp2-name{
    font-family:'Cormorant Garamond',serif !important;font-weight:600 !important;
    font-size:clamp(20px,2.6vw,24px) !important;line-height:1.2 !important;
    color:#1f3a2b !important;padding-top:18px;
  }
  html body .exp2 .exp2-nsub{
    font-size:clamp(13.5px,1.7vw,15px) !important;line-height:1.5 !important;
    font-weight:300;color:#6a736c !important;padding-bottom:18px;padding-top:4px;
  }
  /* Lungen-Badge + goldener Trenner der Karte */
  html body .exp2 .exp2-rcard::before{
    content:"";position:absolute;left:18px;top:18px;
    width:62px;height:62px;border-radius:50%;
    background:url("../img/exp2-badge.webp") center/cover no-repeat;
  }
  html body .exp2 .exp2-rcard::after{
    content:"";position:absolute;left:96px;top:20px;bottom:20px;
    width:1px;background:rgba(176,141,62,.5);
  }

  /* ---------- Kicker ---------- */
  html body .exp2 .exp2-kicker{
    font-size:12.5px !important;letter-spacing:2.6px !important;
    text-transform:uppercase;font-weight:600;color:#1f3a2b !important;
  }

  /* ---------- Schwerpunkt-Karten ---------- */
  html body .exp2 .exp2-box{
    position:static !important;
    width:auto !important;height:auto !important;
    align-self:stretch;z-index:0;
    border-radius:16px !important;background:#FAF8F3 !important;
    box-shadow:0 12px 26px -18px rgba(52,66,54,.32), 0 1px 3px rgba(52,66,54,.05) !important;
    display:block !important;
  }
  html body .exp2 .exp2-box .exp2-box-ico{
    position:static !important;transform:none !important;
    width:clamp(58px,8vw,72px) !important;height:clamp(58px,8vw,72px) !important;
    margin:20px auto 0 !important;
  }
  html body .exp2 .exp2-ct{
    z-index:1;align-self:start;
    font-family:'Cormorant Garamond',serif !important;font-weight:600 !important;
    font-size:clamp(17px,2.2vw,20px) !important;line-height:1.28 !important;
    color:#1f3a2b !important;text-align:center !important;
    padding:0 14px;margin-top:clamp(88px,11vw,104px);
  }
  html body .exp2 .exp2-cd{
    z-index:1;align-self:start;
    font-size:clamp(12.5px,1.6vw,14px) !important;line-height:1.55 !important;
    font-weight:300;color:#6a736c !important;text-align:center !important;
    padding:6px 14px 22px;
  }

  /* ---------- Mitgliedschaften ---------- */
  html body .exp2 .exp2-rmpanel{
    z-index:0;align-self:stretch;
    background:#FFFFFF;border-radius:16px;
    box-shadow:0 14px 30px -24px rgba(31,74,51,.4), inset 0 0 0 1px rgba(176,141,62,.14);
  }
  html body .exp2 .exp2-mlogo{
    z-index:1;justify-self:center;align-self:center;
    width:auto !important;max-width:calc(100% - 22px) !important;
    height:clamp(30px,4.4vw,42px) !important;object-fit:contain;
    margin-top:20px;
  }
  html body .exp2 .exp2-msub{
    z-index:1;justify-self:center;align-self:start;
    font-size:clamp(10.5px,1.4vw,12px) !important;line-height:1.5 !important;
    font-weight:300;color:#7b837c !important;text-align:center !important;
    padding:8px 8px 20px;
  }

  /* ---------- Zitat + Werte ---------- */
  /* Lungenbild ab hier als vollständiges Rechteck: keine Kurve, keine
     Maske, kein Beschnitt – volle Breite bei originalem Seitenverhältnis. */
  html body .exp2 .exp2-rlungs{
    display:block;
    width:100% !important;max-width:100% !important;
    height:auto !important;min-height:0 !important;max-height:none !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;object-position:center !important;
    clip-path:none !important;-webkit-clip-path:none !important;
    mask-image:none !important;-webkit-mask-image:none !important;
    border-radius:0 !important;
    justify-self:stretch;
  }
  html body .exp2 .exp2-rlungs::before,
  html body .exp2 .exp2-rlungs::after{content:none !important;}
  /* Zitatkarte mit goldenem Anführungszeichen */
  html body .exp2 .exp2-rquote{
    z-index:0;align-self:stretch;
    background:#FFFDF8;border-radius:18px;
    box-shadow:0 16px 34px -26px rgba(31,74,51,.4), inset 0 0 0 1px rgba(176,141,62,.2);
  }
  html body .exp2 .exp2-quote{
    z-index:1;align-self:start;
    font-family:'Cormorant Garamond',serif !important;font-weight:500 !important;
    font-size:clamp(19px,2.5vw,24px) !important;line-height:1.65 !important;
    color:#1f3a2b !important;
    padding:0 clamp(22px,3.4vw,34px);
  }
  html body .exp2 .exp2-quote::before{
    content:"\201C";display:block;
    font-family:'Cormorant Garamond',serif;font-weight:600;
    font-size:clamp(52px,7vw,70px);line-height:.7;color:#c2a15a;
    margin-bottom:10px;
  }
  html body .exp2 .exp2-attr{
    z-index:1;align-self:start;
    font-size:11.5px !important;letter-spacing:2.4px !important;
    text-transform:uppercase;font-weight:400;color:#b08d3e !important;
    padding:0 clamp(22px,3.4vw,34px) clamp(24px,3vw,30px);
  }
  html body .exp2 .exp2-attr::before{
    content:"";display:block;width:52px;height:1.5px;
    background:rgba(194,161,90,.6);margin:0 0 16px;
  }

  /* Werte als Karten */
  html body .exp2 .exp2-rv{
    z-index:0;align-self:stretch;
    background:#FFFDF8;border-radius:16px;
    box-shadow:0 14px 30px -24px rgba(31,74,51,.36), inset 0 0 0 1px rgba(176,141,62,.16);
  }
  html body .exp2 .exp2-vico{
    z-index:1;
    width:clamp(58px,8vw,70px) !important;height:auto !important;
    object-fit:contain;justify-self:center;align-self:start;
  }
  html body .exp2 .exp2-vt{
    z-index:1;
    font-size:clamp(17px,2.2vw,20px) !important;font-weight:600;
    color:#1f3a2b !important;text-align:center !important;
    justify-self:center;align-self:start;margin-top:14px;padding:0 16px;
  }
  html body .exp2 .exp2-vd{
    z-index:1;
    font-size:clamp(15px,1.9vw,16.5px) !important;line-height:1.7 !important;
    font-weight:300;color:#5b655e !important;text-align:center !important;
    justify-self:center;align-self:start;margin-top:8px;padding:0 24px 26px;
  }
}

/* ============================================================
   TABLET (768px – 1099px)
   Intro + Portrait zweispaltig, Karten darunter als 2×2
   ============================================================ */
@media (min-width:768px) and (max-width:1099.98px){

  html body .exp2{
    column-gap:clamp(24px,3.4vw,40px);
    padding:clamp(52px,6vw,68px) clamp(28px,4.5vw,48px) clamp(56px,6vw,72px);
  }

  /* Zeile 1–5: Intro links, Portrait rechts */
  html body .exp2 .exp2-eyebrow{grid-column:1 / 4;grid-row:1;}
  html body .exp2 h2.exp2-title{grid-column:1 / 4;grid-row:2;}
  html body .exp2 .exp2-lead   {grid-column:1 / 4;grid-row:3;}
  html body .exp2 a.exp2-btn   {grid-column:1 / 4;grid-row:4;align-self:start;}
  html body .exp2 .exp2-rportrait{grid-column:4 / 7;grid-row:1 / 5;align-self:start;max-width:100%;}

  /* Zeile 5–6: Arztkarte volle Breite */
  html body .exp2 .exp2-rcard{grid-column:1 / 7;grid-row:5 / 7;margin-top:clamp(26px,3.4vw,36px);}
  html body .exp2 .exp2-name {grid-column:1 / 7;grid-row:5;margin-top:clamp(26px,3.4vw,36px);}
  html body .exp2 .exp2-nsub {grid-column:1 / 7;grid-row:6;}

  /* Zeile 7: Kicker Schwerpunkte */
  html body .exp2 .exp2-k1{grid-column:1 / 7;grid-row:7;margin-top:clamp(38px,5vw,52px);}

  /* Zeilen 8–11: vier Karten als 2×2 */
  html body .exp2 .bx-1{grid-column:1 / 4;grid-row:8 / 10;}
  html body .exp2 .exp2-ct.ex-x1.ex-r1t{grid-column:1 / 4;grid-row:8;}
  html body .exp2 .exp2-cd.ex-x1.ex-r1d{grid-column:1 / 4;grid-row:9;}
  html body .exp2 .bx-2{grid-column:4 / 7;grid-row:8 / 10;}
  html body .exp2 .exp2-ct.ex-x2.ex-r1t{grid-column:4 / 7;grid-row:8;}
  html body .exp2 .exp2-cd.ex-x2.ex-r1d{grid-column:4 / 7;grid-row:9;}
  html body .exp2 .bx-3{grid-column:1 / 4;grid-row:10 / 12;}
  html body .exp2 .exp2-ct.ex-x1.ex-r2t{grid-column:1 / 4;grid-row:10;}
  html body .exp2 .exp2-cd.ex-x1.ex-r2d{grid-column:1 / 4;grid-row:11;}
  html body .exp2 .bx-4{grid-column:4 / 7;grid-row:10 / 12;}
  html body .exp2 .exp2-ct.ex-x2.ex-r2t{grid-column:4 / 7;grid-row:10;}
  html body .exp2 .exp2-cd.ex-x2.ex-r2d{grid-column:4 / 7;grid-row:11;}
  html body .exp2 .bx-1,
  html body .exp2 .bx-2{margin-top:clamp(16px,2.2vw,22px);}
  html body .exp2 .exp2-ct.ex-r1t{margin-top:calc(clamp(16px,2.2vw,22px) + clamp(88px,11vw,104px));}
  html body .exp2 .bx-3,
  html body .exp2 .bx-4{margin-top:clamp(18px,2.4vw,26px);}
  html body .exp2 .exp2-ct.ex-r2t{margin-top:calc(clamp(18px,2.4vw,26px) + clamp(88px,11vw,104px));}

  /* Zeile 12: Kicker Mitgliedschaften */
  html body .exp2 .exp2-k2{grid-column:1 / 7;grid-row:12;margin-top:clamp(38px,5vw,52px);}

  /* Zeilen 13–14: Logo-Panel */
  html body .exp2 .exp2-rmpanel{grid-column:1 / 7;grid-row:13 / 15;margin-top:16px;}
  html body .exp2 .ml-1{grid-column:1 / 3;grid-row:13;margin-top:36px;}
  html body .exp2 .ml-2{grid-column:3 / 5;grid-row:13;margin-top:36px;}
  html body .exp2 .ml-3{grid-column:5 / 7;grid-row:13;margin-top:36px;}
  html body .exp2 .mx-1{grid-column:1 / 3;grid-row:14;}
  html body .exp2 .mx-2{grid-column:3 / 5;grid-row:14;}
  html body .exp2 .mx-3{grid-column:5 / 7;grid-row:14;}

  /* Zeilen 15–16: Lungenbild + Zitatkarte zweispaltig */
  html body .exp2 .exp2-rlungs{grid-column:1 / 4;grid-row:15 / 17;align-self:start;
                               margin-top:clamp(38px,5vw,52px);}
  html body .exp2 .exp2-rquote{grid-column:4 / 7;grid-row:15 / 17;margin-top:clamp(38px,5vw,52px);}
  html body .exp2 .exp2-quote {grid-column:4 / 7;grid-row:15;
                               margin-top:calc(clamp(38px,5vw,52px) + clamp(24px,3vw,30px));}
  html body .exp2 .exp2-attr  {grid-column:4 / 7;grid-row:16;margin-top:18px;}

  /* Zeilen 17–19: Werte als drei gleich breite Karten */
  html body .exp2 .exp2-rv{margin-top:clamp(38px,5vw,52px);}
  html body .exp2 .rv-1{grid-column:1 / 3;grid-row:17 / 20;}
  html body .exp2 .rv-2{grid-column:3 / 5;grid-row:17 / 20;}
  html body .exp2 .rv-3{grid-column:5 / 7;grid-row:17 / 20;}
  html body .exp2 .vi-a{grid-column:1 / 3;grid-row:17;}
  html body .exp2 .vi-b{grid-column:3 / 5;grid-row:17;}
  html body .exp2 .vi-c{grid-column:5 / 7;grid-row:17;}
  html body .exp2 .exp2-vico{margin-top:calc(clamp(38px,5vw,52px) + 26px);}
  html body .exp2 .exp2-vt.vx-a{grid-column:1 / 3;grid-row:18;}
  html body .exp2 .exp2-vt.vx-b{grid-column:3 / 5;grid-row:18;}
  html body .exp2 .exp2-vt.vx-c{grid-column:5 / 7;grid-row:18;}
  html body .exp2 .exp2-vd.vx-a{grid-column:1 / 3;grid-row:19;}
  html body .exp2 .exp2-vd.vx-b{grid-column:3 / 5;grid-row:19;}
  html body .exp2 .exp2-vd.vx-c{grid-column:5 / 7;grid-row:19;}
}

/* ============================================================
   MOBILE (≤767px) – alles gestapelt
   Reihenfolge: Intro → CTA → Portrait → Arztkarte →
   Schwerpunkte → Mitgliedschaften → Zitat → Werte
   ============================================================ */
@media (max-width:767px){

  html body .exp2{
    column-gap:14px;
    padding:44px 20px 52px;
  }

  html body .exp2 .exp2-eyebrow{grid-column:1 / 7;grid-row:1;}
  html body .exp2 h2.exp2-title{grid-column:1 / 7;grid-row:2;}
  html body .exp2 .exp2-lead   {grid-column:1 / 7;grid-row:3;}
  html body .exp2 a.exp2-btn   {grid-column:1 / 7;grid-row:4;}

  html body .exp2 .exp2-rportrait{grid-column:1 / 7;grid-row:5;margin-top:32px;}

  html body .exp2 .exp2-rcard{grid-column:1 / 7;grid-row:6 / 8;margin-top:24px;}
  html body .exp2 .exp2-name {grid-column:1 / 7;grid-row:6;margin-top:24px;}
  html body .exp2 .exp2-nsub {grid-column:1 / 7;grid-row:7;}

  html body .exp2 .exp2-k1{grid-column:1 / 7;grid-row:8;margin-top:40px;}

  /* Vier Karten – eine pro Zeile */
  html body .exp2 .bx-1{grid-column:1 / 7;grid-row:9 / 11;}
  html body .exp2 .exp2-ct.ex-x1.ex-r1t{grid-column:1 / 7;grid-row:9;}
  html body .exp2 .exp2-cd.ex-x1.ex-r1d{grid-column:1 / 7;grid-row:10;}
  html body .exp2 .bx-2{grid-column:1 / 7;grid-row:11 / 13;}
  html body .exp2 .exp2-ct.ex-x2.ex-r1t{grid-column:1 / 7;grid-row:11;}
  html body .exp2 .exp2-cd.ex-x2.ex-r1d{grid-column:1 / 7;grid-row:12;}
  html body .exp2 .bx-3{grid-column:1 / 7;grid-row:13 / 15;}
  html body .exp2 .exp2-ct.ex-x1.ex-r2t{grid-column:1 / 7;grid-row:13;}
  html body .exp2 .exp2-cd.ex-x1.ex-r2d{grid-column:1 / 7;grid-row:14;}
  html body .exp2 .bx-4{grid-column:1 / 7;grid-row:15 / 17;}
  html body .exp2 .exp2-ct.ex-x2.ex-r2t{grid-column:1 / 7;grid-row:15;}
  html body .exp2 .exp2-cd.ex-x2.ex-r2d{grid-column:1 / 7;grid-row:16;}
  html body .exp2 .exp2-box{margin-top:16px;}
  html body .exp2 .exp2-ct{margin-top:calc(16px + clamp(84px,24vw,104px));}

  html body .exp2 .exp2-k2{grid-column:1 / 7;grid-row:17;margin-top:40px;}
  html body .exp2 .exp2-rmpanel{grid-column:1 / 7;grid-row:18 / 20;margin-top:14px;}
  html body .exp2 .ml-1{grid-column:1 / 3;grid-row:18;margin-top:28px;}
  html body .exp2 .ml-2{grid-column:3 / 5;grid-row:18;margin-top:28px;}
  html body .exp2 .ml-3{grid-column:5 / 7;grid-row:18;margin-top:28px;}
  html body .exp2 .mx-1{grid-column:1 / 3;grid-row:19;}
  html body .exp2 .mx-2{grid-column:3 / 5;grid-row:19;}
  html body .exp2 .mx-3{grid-column:5 / 7;grid-row:19;}

  /* Lungenbild → Zitatkarte → drei Werte-Karten (je eine pro Zeile) */
  html body .exp2 .exp2-rlungs{grid-column:1 / 7;grid-row:20;margin-top:40px;}
  html body .exp2 .exp2-rquote{grid-column:1 / 7;grid-row:21 / 23;margin-top:24px;}
  html body .exp2 .exp2-quote {grid-column:1 / 7;grid-row:21;margin-top:calc(24px + 26px);}
  html body .exp2 .exp2-attr  {grid-column:1 / 7;grid-row:22;margin-top:18px;}

  html body .exp2 .exp2-rv{margin-top:18px;}
  html body .exp2 .exp2-vico{margin-top:calc(18px + 26px);}
  html body .exp2 .rv-1{grid-column:1 / 7;grid-row:23 / 26;margin-top:34px;}
  html body .exp2 .vi-a{grid-column:1 / 7;grid-row:23;margin-top:calc(34px + 26px);}
  html body .exp2 .exp2-vt.vx-a{grid-column:1 / 7;grid-row:24;}
  html body .exp2 .exp2-vd.vx-a{grid-column:1 / 7;grid-row:25;}
  html body .exp2 .rv-2{grid-column:1 / 7;grid-row:26 / 29;}
  html body .exp2 .vi-b{grid-column:1 / 7;grid-row:26;}
  html body .exp2 .exp2-vt.vx-b{grid-column:1 / 7;grid-row:27;}
  html body .exp2 .exp2-vd.vx-b{grid-column:1 / 7;grid-row:28;}
  html body .exp2 .rv-3{grid-column:1 / 7;grid-row:29 / 32;}
  html body .exp2 .vi-c{grid-column:1 / 7;grid-row:29;}
  html body .exp2 .exp2-vt.vx-c{grid-column:1 / 7;grid-row:30;}
  html body .exp2 .exp2-vd.vx-c{grid-column:1 / 7;grid-row:31;}
}

/* ---------- Sehr schmale Phones ---------- */
@media (max-width:400px){
  html body .exp2 a.exp2-btn{width:100% !important;justify-self:stretch;}
}