@media (max-width:1024px){
  :root{--gb-menu-height:86px;--gb-anchor-offset:96px}
  body.gbl-theme .gb-postcard{grid-template-columns:1fr}
  body.gbl-theme .gb-postcard{position:relative;overflow:visible;padding-top:22px}
  body.gbl-theme .gb-postcard::after{right:18px;top:6px;width:156px;height:68px;z-index:5;pointer-events:none;background-size:contain;background-position:right top}
  body.gbl-theme .gb-postcard-media{position:relative;z-index:1;max-width:calc(100% - 42px);min-height:420px;margin:0 0 0 0;padding:20px}
  body.gbl-theme .gb-postcard-content{position:relative;z-index:2;margin-left:42px;margin-top:-126px;min-height:auto}
  body.gbl-theme .gb-stats{grid-template-columns:1fr}

  /* Info card: Tablet wie Desktop aufbauen (Titel links, Bild rechts, Inhalt darunter) */
  body.gbl-theme .gb-info-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(160px, 220px);
    grid-template-areas:
      "title photo"
      "body body";
    column-gap:28px;
    row-gap:18px;
    align-items:start;
    text-align:center;
  }
  body.gbl-theme .gb-info-card > .gb-script-title{
    grid-area:title;
    justify-self:start;
    align-self:center;
    width:100%;
    padding-top:36px;
    padding-right:18px;
    text-align:left;
  }
  body.gbl-theme .gb-info-card > .gb-corner-photo{
    position:relative;
    grid-area:photo;
    top:auto;
    right:auto;
    width:100%;
    max-width:220px;
    margin:0;
    justify-self:end;
    align-self:start;
    z-index:2;
  }
  body.gbl-theme .gb-info-card > .elementor-element:not(.gb-corner-photo):not(.gb-script-title){
    grid-column:1 / -1;
  }
  body.gbl-theme .gb-info-card.gb-wave-deco::after{
    right:118px;
    top:12px;
    transform:none;
    z-index:3;
  }
}

@media (max-width:767px){
  :root{--gb-anchor-offset:88px}
  body.gbl-theme .gb-hero-section,
  body.gbl-theme .gb-section,
  body.gbl-theme .gb-white-section,
  body.gbl-theme .gb-postcard-section,
  body.gbl-theme .gb-tornpaper-section,
  body.gbl-theme .gb-cakes-section,
  body.gbl-theme .gb-yellow-card-section,
  body.gbl-theme .gb-info-card-section{padding-block:clamp(56px, 10vw, 84px)}

  body.gbl-theme .gb-grid-2,
  body.gbl-theme .gb-grid-3,
  body.gbl-theme .gb-grid-4{grid-template-columns:1fr}

  body.gbl-theme .gb-hero-section{min-height:900px}
  body.gbl-theme .gb-hero-content{padding-top:100px}
  body.gbl-theme .gb-hero-actions{flex-direction:column;align-items:stretch}
  body.gbl-theme .elementor-button,
  body.gbl-theme .gb-btn,
  body.gbl-theme button,
  body.gbl-theme input[type="submit"],
  body.gbl-theme .wpforms-submit{width:100%}

  body.gbl-theme .gb-yellow-card{padding:34px 22px}

  /* Info card: Mobil desktopnah aufbauen, ohne verschobene Script-Headline */
  body.gbl-theme .gb-info-card{
    display:block;
    position:relative;
    min-height:0;
    padding:26px 18px 34px;
    text-align:center;
    overflow:visible;
  }
  body.gbl-theme .gb-info-card > .gb-script-title{
    position:relative;
    z-index:2;
    display:block;
    width:auto;
    max-width:calc(100% - 150px);
    margin:0;
    padding-top:28px;
    padding-right:0;
    padding-left:0;
    text-align:left;
    justify-self:auto;
    align-self:auto;
  }
  body.gbl-theme .gb-info-card > .gb-script-title,
  body.gbl-theme .gb-info-card > .gb-script-title .elementor-heading-title{
    font-size:clamp(2.2rem, 9vw, 3.15rem) !important;
    line-height:.96 !important;
    white-space:normal !important;
    word-break:normal;
    overflow-wrap:normal;
  }
  body.gbl-theme .gb-info-card > .gb-corner-photo{
    position:absolute;
    top:22px;
    right:18px;
    width:118px;
    max-width:118px;
    margin:0;
    justify-self:auto;
    align-self:auto;
    z-index:2;
  }
  body.gbl-theme .gb-info-card > .gb-script-title + .elementor-element:not(.gb-corner-photo){
    margin-top:54px;
  }
  body.gbl-theme .gb-info-card.gb-wave-deco::after{
    width:150px;
    height:66px;
    right:44px;
    top:2px;
    z-index:3;
  }

  body.gbl-theme .gb-postcard{position:relative;overflow:visible;padding-top:38px}
  body.gbl-theme .gb-postcard::after{right:18px;top:8px;width:132px;height:62px;z-index:6;pointer-events:none;background-size:contain;background-position:right top}
  body.gbl-theme .gb-postcard-media{position:relative;z-index:1;max-width:calc(100% - 18px);margin:0;padding:14px;min-height:320px}
  body.gbl-theme .gb-postcard-content{position:relative;z-index:2;margin-left:18px;margin-top:-88px;padding:30px 22px}
  body.gbl-theme .gb-tornpaper-sheet{padding:38px 22px}
  body.gbl-theme .gb-feature{padding:16px}
  body.gbl-theme .gb-ra-menu .menu-item > a,
  body.gbl-theme .gb-ra-menu nav a,
  body.gbl-theme .gb-ra-menu .eael-simple-menu li a{width:100%;justify-content:center}
  body.gbl-theme .gb-menu-socials{padding-top:28px;gap:22px}
  body.gbl-theme .gb-form-grid .wpforms-field-container{grid-template-columns:1fr}
  body.gbl-theme .gb-overlap-up{margin-top:-28px}
  body.gbl-theme .gb-overlap-down{margin-bottom:-28px}
}

@media (max-width:480px){
  body.gbl-theme h1{font-size:clamp(2.35rem, 10vw, 3.2rem)}
  body.gbl-theme .gb-hero-script{font-size:clamp(4rem, 15vw, 5.8rem) !important}
  body.gbl-theme .gb-paper-script,
  body.gbl-theme .gb-paper-script .elementor-heading-title,
  body.gbl-theme .gb-script-title--xl,
  body.gbl-theme .gb-script-title--xl .elementor-heading-title{font-size:clamp(2.5rem, 11vw, 4rem) !important;line-height:.96 !important}
  body.gbl-theme .gb-ra-menu.gb-menu-overlay .menu-item > a,
  body.gbl-theme .gb-ra-menu.gb-menu-overlay nav a,
  body.gbl-theme .gb-ra-menu.gb-menu-overlay .eael-simple-menu li a,
  body.gbl-theme .gb-ra-menu .elementor-nav-menu--dropdown .menu-item > a,
  body.gbl-theme .gb-ra-menu .elementor-nav-menu--dropdown .elementor-item{font-size:clamp(22px, 8vw, 30px)}
}
