/* ==========================================================
   LET'S TALK CTA
   Klasse im Gutenberg-Editor auf die DUNKELBLAUE,
   abgerundete Sprechblasen-Gruppe setzen:
   lets-talk-cta

   Desktop bleibt wie bisher.
   Mobile überschreibt die festen Desktop-Werte und entspricht
   dem gewünschten Sprechblasen-Layout.
   ========================================================== */

@media (max-width: 768px) {

  .lets-talk-cta {
    position: relative !important;

    width: calc(100% - 40px) !important;
    max-width: 430px !important;

    margin: 0 auto 82px !important;
    padding: 38px 36px 28px !important;

    box-sizing: border-box !important;

    border-radius: 58px !important;
  }

  /* Innere Zeile: Desktop-margin-left:230px / margin-bottom:80px zurücksetzen */
  .lets-talk-cta > .wp-block-group:not(.mcg-position-absolute) {
    display: flex !important;
    flex-flow: column nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 18px !important;
  }

  /* Textblock */
  .lets-talk-cta .has-lets-talk-font-size {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 30px !important;
    line-height: 1.38 !important;
    text-align: left !important;
  }

  .lets-talk-cta .has-lets-talk-font-size::first-line {
    font-size: 1.28em !important;
    line-height: 1.15 !important;
  }

  .lets-talk-cta .has-lets-talk-font-size a {
    display: block !important;

    width: 100% !important;

    color: inherit !important;
    text-decoration: none !important;
  }

  /* Pfeil unter dem Text, rechts wie im Mobile-Design */
  .lets-talk-cta figure.wp-block-image {
    align-self: flex-end !important;

    width: 104px !important;
    max-width: 104px !important;

    margin: 4px 0 0 !important;
    padding: 0 !important;
  }

  .lets-talk-cta figure.wp-block-image a,
  .lets-talk-cta figure.wp-block-image img {
    display: block !important;

    width: 104px !important;
    max-width: 104px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* Sprechblasen-Zipfel */
  .lets-talk-cta > .mcg-position-absolute {
    top: calc(100% - 1px) !important;
    left: 84px !important;

    width: 104px !important;
    height: 78px !important;

    margin: 0 !important;
    padding: 0 !important;

    clip-path: polygon(0 0, 100% 0, 100% 100%) !important;
  }
}


/* Sehr kleine Phones */
@media (max-width: 390px) {

  .lets-talk-cta {
    width: calc(100% - 32px) !important;

    padding: 32px 28px 24px !important;

    border-radius: 50px !important;
  }

  .lets-talk-cta .has-lets-talk-font-size {
    font-size: 26px !important;
  }

  .lets-talk-cta figure.wp-block-image,
  .lets-talk-cta figure.wp-block-image a,
  .lets-talk-cta figure.wp-block-image img {
    width: 88px !important;
    max-width: 88px !important;
  }

  .lets-talk-cta > .mcg-position-absolute {
    left: 68px !important;

    width: 92px !important;
    height: 70px !important;
  }
}

/* END LET'S TALK CTA */