/* Button Titel */
.tp-hero-title-sm {
  padding: 11px 26px;
  width: 175px;
}
.tp-hero-bottom-content {
    margin-top: 40px;
}

/* Siebträger */
.goodflow-portafilter {
   display: block;
   height: auto;
}

.goodflow-portafilter svg {
   display: block;
   width: 100%;
   height: auto;
}
/* -------------------- */

.tp-service-area .row {
   align-items: stretch;
}

.tp-service-area .col-lg-4 {
   display: flex;
}

.tp-service-area .tp-service-item {
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
}

/* Kundenstimmen */
.fraction-wrapper {
  bottom: 10px;
}
.tp-testimonial-thumb-2 {
  bottom: 10px;
}

/* Footer */
.tp-footer-top-title {
  font-size: 118px;
  letter-spacing: -0.03em;
}

/* =========================================================
   GOOD FLOW COFFEE – BACK TO TOP
   ========================================================= */

.gf-backtotop {
   position: fixed;
   right: 28px;
   bottom: 26px;

   width: 88px;
   height: 78px;

   z-index: 99999;

   opacity: 0;
   visibility: hidden;

   transform: translateY(12px);

   transition:
      opacity .3s ease,
      visibility .3s ease,
      transform .3s ease;
}


/* sichtbar nach dem Scrollen */
.gf-backtotop.is-visible {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
}


/* Button */
.gf-cup-button {
   display: block;

   width: 88px;
   height: 78px;

   padding: 0;
   margin: 0;

   border: 0;
   outline: 0;

   background: transparent;

   cursor: pointer;

   appearance: none;
   -webkit-appearance: none;
}


/* SVG */
.gf-cup-svg {
   display: block;

   width: 100%;
   height: 100%;

   overflow: visible;

   filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .08));

   transition:
      transform .25s ease,
      filter .25s ease;
}


/* dezenter Hover */
.gf-cup-button:hover .gf-cup-svg {
   transform: translateY(-3px);

   filter:
      drop-shadow(0 5px 7px rgba(0, 0, 0, .12));
}


/* Tastaturbedienung */
.gf-cup-button:focus-visible {
   outline: 2px solid #C4EE18;
   outline-offset: 4px;
   border-radius: 4px;
}


/* Mobile */
@media (max-width: 767px) {

   .gf-backtotop {
      right: 16px;
      bottom: 16px;

      width: 76px;
      height: 68px;
   }

   .gf-cup-button {
      width: 76px;
      height: 68px;
   }

}

/* GOOD FLOW – Impressum */

.legal-page {
    padding: 160px 0 110px;
    background: #f7f6f3;
    color: #0a0a0a;
}

.legal-page__inner {
    max-width: 1120px;
    margin: 0 auto;
}

.legal-page__header {
    max-width: 820px;
    margin-bottom: 70px;
}

.legal-page__eyebrow {
    display: inline-block;
    margin-bottom: 18px;
    color: #d99aa4;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .18em;
}

.legal-page__header h1 {
    margin: 0 0 18px;
    font-size: clamp(58px, 8vw, 118px);
    line-height: .86;
    letter-spacing: -.065em;
    text-transform: uppercase;
}

.legal-page__header p {
    margin: 0;
    color: #686868;
    font-size: 17px;
}

.legal-page__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.legal-card {
    position: relative;
    min-height: 280px;
    padding: 38px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .09);
    border-radius: 24px;
    background: #fff;
}

.legal-card--wide {
    grid-column: 1 / -1;
    min-height: auto;
}

.legal-card__number {
    display: block;
    margin-bottom: 50px;
    color: #d99aa4;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .15em;
}

.legal-card h2 {
    max-width: 720px;
    margin: 0 0 22px;
    font-size: clamp(28px, 3vw, 43px);
    line-height: 1;
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
}

.legal-card p,
.legal-card address {
    margin: 0;
    color: #555;
    font-size: 16px;
    font-style: normal;
    line-height: 1.75;
}

.legal-card p + p {
    margin-top: 8px;
}

.legal-card p span {
    display: inline-block;
    min-width: 74px;
    color: #888;
}

.legal-card a {
    color: #111;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s ease;
}

.legal-card a:hover {
    color: #d0818e;
}

.legal-card__highlight {
    display: inline-block;
    margin-top: 22px;
    padding: 10px 16px;
    border-radius: 999px;
    background: #111;
    color: #fff;
    font-size: 14px;
    letter-spacing: .08em;
}

@media (max-width: 767px) {
    .legal-page {
        padding: 120px 0 70px;
    }

    .legal-page__header {
        margin-bottom: 42px;
    }

    .legal-page__header h1 {
        font-size: clamp(48px, 16vw, 72px);
    }

    .legal-page__grid {
        grid-template-columns: 1fr;
    }

    .legal-card,
    .legal-card--wide {
        grid-column: auto;
        min-height: auto;
        padding: 28px 24px;
        border-radius: 18px;
    }

    .legal-card__number {
        margin-bottom: 34px;
    }

    .legal-card p span {
        display: block;
        min-width: 0;
    }

    .legal-card a {
        overflow-wrap: anywhere;
    }
}


/* Video neben Bewertungen */
.tp-testimonial-thumb {
   overflow: hidden;
}

.tp-testimonial-loop-video {
   display: block;
   width: 100%;
   height: 520px;
   object-fit: cover;
   object-position: center;
}

@media (max-width: 991px) {
   .tp-testimonial-loop-video {
      height: 460px;
   }
}

@media (max-width: 575px) {
   .tp-testimonial-loop-video {
      height: 420px;
   }
}  
/* ==================================================
   Kontaktseite
================================================== */

/* Karte Kontaktseite */
.tp-contact-map,
.tp-contact-map-box,
.tp-contact-map-box a {
   display: block;
   width: 100%;
   max-width: none;
}

.tp-contact-map-box img {
   display: block;
   width: 100%;
   max-width: none;
   height: auto;
}
/* Formular Kontaktseite */
.tp-postbox-details-input .tp-input {
   width: 100%;
   border: 1px solid #e6e6e6;
   outline: none;
   background: #fff;
   transition: border-color .2s ease, box-shadow .2s ease;
}

.tp-postbox-details-input .tp-input:focus {
   border: 1px solid #b7b7b7;
   outline: none;
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04);
}
.tp-date-input {
   font-family: inherit;
   font-size: 16px;
   font-weight: 500;
   color: #555;
   cursor: pointer;
}

.tp-date-input::-webkit-datetime-edit {
   color: #555;
}

.tp-date-input::-webkit-datetime-edit-fields-wrapper {
   padding: 0;
}

.tp-date-input::-webkit-calendar-picker-indicator {
   cursor: pointer;
   opacity: .55;
   width: 18px;
   height: 18px;
   transition: opacity .2s ease;
}

.tp-date-input::-webkit-calendar-picker-indicator:hover {
   opacity: 1;
}

/* Datumsfeld optisch an normale Eingabefelder angleichen */
.tp-postbox-details-input input[type="date"] {
   width: 100%;
   height: 56px;
   padding: 0 19px 0 24px;
   border: 1px solid #e1e1e1;
   background: #fff;

   font-family: inherit;
   line-height: 1;
   color: #999;

   outline: none;
   box-sizing: border-box;
}

/* Inhalt des nativen Datumsfeldes */
.tp-postbox-details-input input[type="date"]::-webkit-datetime-edit {
   padding: 0;
   margin: 0;
}

.tp-postbox-details-input input[type="date"]::-webkit-datetime-edit-fields-wrapper {
   padding: 0;
}

.tp-postbox-details-input input[type="date"]::-webkit-datetime-edit-text,
.tp-postbox-details-input input[type="date"]::-webkit-datetime-edit-day-field,
.tp-postbox-details-input input[type="date"]::-webkit-datetime-edit-month-field,
.tp-postbox-details-input input[type="date"]::-webkit-datetime-edit-year-field {
   font-family: inherit;
   font-size: 18px;
   color: #999;
}

/* Kalender-Symbol */
.tp-postbox-details-input input[type="date"]::-webkit-calendar-picker-indicator {
   position: absolute;
   right: 24px;
   top: 50%;
   transform: translateY(-50%);
   width: 18px;
   height: 18px;
   margin: 0;
   padding: 0;
   cursor: pointer;
   opacity: .55;
}

/* Positionierung für das Icon ermöglichen */
.tp-postbox-details-input {
   position: relative;
}

/* Fokus wie bei den übrigen Feldern */
.tp-postbox-details-input input[type="date"]:focus {
   border-color: #bcbcbc;
   box-shadow: none;
}
.tp-postbox-details-input input[type="date"]:invalid {
   color: #999;
}
.tp-postbox-details-input input[type="date"]:valid {
   color: #555;
}


/* ==================================================
   GOOD FLOW – FAQ an das Hauptdesign angleichen
================================================== */

/* Hero-Überschrift der FAQ-Seite */
.tp-faq-hero-area .tp-faq-hero-title-wrap h1,
.tp-faq-hero-area .tp-section-ai-title {
   font-family: "Space Grotesk", sans-serif !important;
   color: #ffffff !important;
}


/* Breadcrumb im Hero */
.tp-faq-hero-area .tp-breadcrumb-list,
.tp-faq-hero-area .tp-breadcrumb-list a,
.tp-faq-hero-area .tp-breadcrumb-list li {
   font-family: "Kanit", sans-serif !important;
   color: #ffffff !important;
}


/* Kleine Überschriften: / PLANUNG / und / BARISTA-SERVICE / */
.tp-faq-area .tp-faq-ai-title-wrap > span {
   font-family: "Space Grotesk", sans-serif !important;
   color: #030303 !important;
}


/* Große Bereichsüberschriften */
.tp-faq-area .tp-faq-ai-title-wrap h2,
.tp-faq-area h2.tp-section-ai-title {
   font-family: "Space Grotesk", sans-serif !important;
   color: #030303 !important;
}


/* FAQ-Fragen */
.tp-faq-area .accordion .tp-faq-btn {
   font-family: "Space Grotesk", sans-serif !important;
   color: #030303 !important;
}


/* Nummern 01, 02, 03 usw. */
.tp-faq-area .accordion .tp-faq-ai-count {
   font-family: "Space Grotesk", sans-serif !important;
   color: #030303 !important;
}


/* Antworttexte */
.tp-faq-area .accordion .tp-faq-details-para,
.tp-faq-area .accordion .tp-faq-details-para p,
.tp-faq-area .accordion-body p {
   font-family: "Kanit", sans-serif !important;
   color: #525252 !important;
}


/* Plus- und Minuszeichen */
.tp-faq-area .accordion .accordion-btn::before,
.tp-faq-area .accordion .accordion-btn::after {
   background-color: #030303 !important;
}


/* Dezente Trennlinien */
.tp-faq-area .accordion .accordion-item {
   border-color: rgba(3, 3, 3, 0.14) !important;
}

/* GOOD FLOW: Zusatz-CSS am Ende der eigenen CSS-Datei einfügen */
   .gf-packages {
      --gf-black: #030303;
      --gf-pink: #ffc0cb;
      --gf-grey: #525252;
      --gf-line: rgba(3, 3, 3, 0.12);
   }

   .gf-packages-head {
      max-width: 920px;
      margin: 0 auto 65px;
      text-align: center;
   }

   .gf-packages-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 24px;
      padding: 9px 17px;
      border: 1px solid var(--gf-line);
      border-radius: 999px;
      color: var(--gf-black);
      font-family: "Space Grotesk", sans-serif;
      font-size: 14px;
      font-weight: 600;
      line-height: 1;
   }

   .gf-packages-kicker::before {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--gf-pink);
      content: "";
   }

   .gf-packages-title {
      margin: 0 0 25px;
      color: var(--gf-black);
      font-family: "Space Grotesk", sans-serif;
      font-size: clamp(48px, 6.1vw, 92px);
      font-weight: 700;
      line-height: 0.94;
      letter-spacing: -0.055em;
      text-transform: uppercase;
   }

   .gf-packages-intro {
      max-width: 720px;
      margin: 0 auto;
      color: var(--gf-grey);
      font-family: "Kanit", sans-serif;
      font-size: 20px;
      font-weight: 400;
      line-height: 1.5;
   }

   .gf-package-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
      align-items: stretch;
   }

   .gf-package-card {
      position: relative;
      display: flex;
      flex-direction: column;
      min-height: 610px;
      padding: 36px;
      overflow: hidden;
      border: 1px solid var(--gf-line);
      border-radius: 28px;
      background: #fff;
      box-shadow: 0 14px 45px rgba(3, 3, 3, 0.05);
      transition: transform 0.35s ease, box-shadow 0.35s ease;
   }

   .gf-package-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 24px 65px rgba(3, 3, 3, 0.11);
   }

   .gf-package-card.is-featured {
      color: #fff;
      border-color: var(--gf-black);
      background: var(--gf-black);
      box-shadow: 0 26px 75px rgba(3, 3, 3, 0.2);
   }

   .gf-package-card.is-featured::after {
      position: absolute;
      right: -75px;
      bottom: -95px;
      width: 250px;
      height: 250px;
      border-radius: 50%;
      background: var(--gf-pink);
      opacity: 0.12;
      content: "";
      pointer-events: none;
   }

   .gf-package-top,
   .gf-package-content,
   .gf-package-action {
      position: relative;
      z-index: 1;
   }

   .gf-package-top {
      min-height: 185px;
   }

   .gf-package-badge {
      display: inline-flex;
      margin-bottom: 27px;
      padding: 8px 13px;
      border-radius: 999px;
      background: #f4f4f4;
      color: var(--gf-black);
      font-family: "Space Grotesk", sans-serif;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.08em;
      line-height: 1;
      text-transform: uppercase;
   }

   .gf-package-card.is-featured .gf-package-badge {
      background: var(--gf-pink);
   }

   .gf-package-name {
      margin: 0 0 12px;
      color: var(--gf-black);
      font-family: "Space Grotesk", sans-serif;
      font-size: 32px;
      font-weight: 700;
      line-height: 1.05;
      letter-spacing: -0.04em;
   }

   .gf-package-card.is-featured .gf-package-name {
      color: #fff;
   }

   .gf-package-description {
      margin: 0;
      color: var(--gf-grey);
      font-family: "Kanit", sans-serif;
      font-size: 17px;
      line-height: 1.45;
   }

   .gf-package-card.is-featured .gf-package-description {
      color: rgba(255, 255, 255, 0.68);
   }

   .gf-package-facts {
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
      margin: 0 0 30px;
      padding: 0 0 28px;
      border-bottom: 1px solid var(--gf-line);
      list-style: none;
   }

   .gf-package-card.is-featured .gf-package-facts {
      border-color: rgba(255, 255, 255, 0.18);
   }

   .gf-package-facts li {
      display: flex;
      align-items: center;
      gap: 11px;
      color: var(--gf-black);
      font-family: "Kanit", sans-serif;
      font-size: 17px;
      line-height: 1.35;
   }

   .gf-package-card.is-featured .gf-package-facts li {
      color: #fff;
   }

   .gf-package-facts svg {
      flex: 0 0 auto;
      color: var(--gf-pink);
   }

   .gf-package-label {
      margin: 0 0 17px;
      color: var(--gf-grey);
      font-family: "Space Grotesk", sans-serif;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
   }

   .gf-package-card.is-featured .gf-package-label {
      color: rgba(255, 255, 255, 0.58);
   }

   .gf-package-list {
      display: grid;
      gap: 11px;
      margin: 0;
      padding: 0;
      list-style: none;
   }

   .gf-package-list li {
      position: relative;
      padding-left: 23px;
      color: var(--gf-grey);
      font-family: "Kanit", sans-serif;
      font-size: 17px;
      line-height: 1.35;
   }

   .gf-package-list li::before {
      position: absolute;
      top: 0.62em;
      left: 1px;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--gf-pink);
      content: "";
      transform: translateY(-50%);
   }

   .gf-package-card.is-featured .gf-package-list li {
      color: rgba(255, 255, 255, 0.78);
   }

   .gf-package-action {
      margin-top: auto;
      padding-top: 36px;
   }

   .gf-package-button {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      min-height: 58px;
      padding: 0 22px;
      border: 1px solid var(--gf-black);
      border-radius: 999px;
      background: var(--gf-black);
      color: #fff;
      font-family: "Space Grotesk", sans-serif;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.035em;
      text-decoration: none;
      text-transform: uppercase;
      transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;
   }

   .gf-package-button:hover {
      border-color: var(--gf-pink);
      background: var(--gf-pink);
      color: var(--gf-black);
   }

   .gf-package-card.is-featured .gf-package-button {
      border-color: var(--gf-pink);
      background: var(--gf-pink);
      color: var(--gf-black);
   }

   .gf-package-card.is-featured .gf-package-button:hover {
      border-color: #fff;
      background: #fff;
   }

   .gf-package-button-arrow {
      font-size: 21px;
      font-weight: 400;
      line-height: 1;
   }

   .gf-packages-note {
      max-width: 850px;
      margin: 60px auto 0;
      color: var(--gf-grey);
      font-family: "Kanit", sans-serif;
      font-size: 16px;
      line-height: 1.5;
      text-align: center;
   }

   @media (max-width: 1199px) {
      .gf-package-card {
         padding: 30px;
      }
   }

   @media (max-width: 991px) {
      .gf-packages {
         padding-top: 90px;
      }

      .gf-package-grid {
         grid-template-columns: 1fr;
         max-width: 680px;
         margin: 0 auto;
      }

      .gf-package-card {
         min-height: auto;
      }

      .gf-package-top {
         min-height: auto;
         margin-bottom: 30px;
      }
   }

   @media (max-width: 575px) {
      .gf-packages {
         padding-top: 70px;
      }

      .gf-packages-head {
         margin-bottom: 42px;
         text-align: left;
      }

      .gf-packages-title {
         font-size: 44px;
      }

      .gf-packages-intro {
         font-size: 18px;
      }

      .gf-package-card {
         padding: 27px 24px;
         border-radius: 22px;
      }
   }


   /* ==================================================
   GOOD FLOW – Konfigurator
   ================================================== */

      .gf-calc-page{--gf-pink:#ffc0cb;--gf-black:#030303;--gf-grey:#525252;--gf-line:#dedede;--gf-soft:#f5f5f3;background:#fff;color:var(--gf-black);font-family:"Kanit",sans-serif;padding:clamp(120px,11vw,190px) 0 120px;overflow:hidden}
      .gf-calc-page *{box-sizing:border-box}.gf-calc-shell{width:min(1480px,calc(100% - 40px));margin:auto}.gf-calc-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:48px;align-items:end;margin-bottom:54px}.gf-calc-kicker{display:flex;align-items:center;gap:12px;font-family:"Space Grotesk",sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}.gf-calc-kicker:before{content:"";width:42px;height:3px;background:var(--gf-pink)}
      .gf-calc-title{
         font-family:"Space Grotesk",sans-serif;
         font-size:clamp(42px,4.2vw,118px);
         font-weight:700;letter-spacing:-.065em;
         line-height:.86;
         text-transform:uppercase;
         margin:0}.gf-calc-title span{display:inline-block;
         background:var(--gf-pink);
         border-radius:999px;
         padding:.06em .48em .08em;
         transform:rotate(-2deg)}.gf-calc-intro{font-size:clamp(17px,1.3vw,21px);
         line-height:1.55;color:var(--gf-grey);
         max-width:520px;margin:0}.gf-calc-stage{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);
         border:1px solid var(--gf-black);border-radius:30px;
         overflow:hidden;
         background:var(--gf-soft);
         box-shadow:0 28px 80px rgba(0,0,0,.09)
      }
      .gf-calc-controls{padding:clamp(24px,4vw,64px)}.gf-calc-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#e7e7e3;border-radius:999px;padding:6px;margin-bottom:28px}.gf-calc-mode-btn{border:0;border-radius:999px;background:transparent;color:var(--gf-black);padding:15px 18px;font-family:"Space Grotesk",sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:.25s}.gf-calc-mode-btn.active{background:var(--gf-black);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18)}
      .gf-calc-panel{background:#fff;border:1px solid var(--gf-line);border-radius:22px;padding:clamp(22px,3vw,38px)}.gf-calc-slider{padding:10px 0 26px;border-bottom:1px solid var(--gf-line);margin-bottom:24px}.gf-calc-slider:last-child{border-bottom:0;margin-bottom:0;padding-bottom:4px}.gf-calc-slider-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.gf-calc-slider-label,.gf-calc-section-label{font-family:"Space Grotesk",sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.gf-calc-slider-value{font-family:"Space Grotesk",sans-serif;font-size:clamp(28px,3vw,44px);font-weight:700;letter-spacing:-.05em;white-space:nowrap}.gf-calc-slider-value span{font-size:14px;font-weight:500;letter-spacing:0}.gf-calc-range{appearance:none;width:100%;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--gf-pink) 0 var(--fill,0%),#e9e9e6 var(--fill,0%) 100%);cursor:pointer}.gf-calc-range::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:var(--gf-black);border:5px solid var(--gf-pink);box-shadow:0 3px 12px rgba(0,0,0,.25)}.gf-calc-range::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--gf-black);border:5px solid var(--gf-pink)}.gf-calc-slider-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:9px;font-size:12px;color:#777}.gf-calc-slider-hint{color:var(--gf-black);font-weight:500;text-align:center}
      .gf-calc-flat-table{width:100%;border-collapse:separate;border-spacing:0 6px;margin-top:14px}.gf-calc-flat-table th{padding:7px 10px;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#777}.gf-calc-flat-table th:not(:first-child),.gf-calc-flat-table td:not(:first-child){text-align:right}.gf-calc-flat-table td{padding:10px;border-block:1px solid #e5e5e2;font-size:13px}.gf-calc-flat-table td:first-child{border-left:1px solid #e5e5e2;border-radius:9px 0 0 9px}.gf-calc-flat-table td:last-child{border-right:1px solid #e5e5e2;border-radius:0 9px 9px 0}.gf-calc-flat-table tr.selected td{background:var(--gf-pink);border-color:var(--gf-pink);font-weight:700}
      .gf-calc-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.gf-calc-badge{background:#fff;border:1px solid var(--gf-line);border-radius:16px;padding:16px 12px}.gf-calc-badge-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#777}.gf-calc-badge-value{font-family:"Space Grotesk",sans-serif;font-size:19px;font-weight:700;margin-top:4px}.gf-calc-note{background:var(--gf-pink);border-radius:18px;padding:17px 20px;margin-top:12px;font-size:13px;line-height:1.6}
      .gf-calc-result{position:relative;background:var(--gf-black);color:#fff;padding:clamp(28px,4vw,64px);display:flex;flex-direction:column;overflow:hidden}.gf-calc-result:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:var(--gf-pink);filter:blur(100px);opacity:.17;right:-210px;top:-170px}.gf-calc-result-inner{position:sticky;top:110px;z-index:1}.gf-calc-result-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.18)}.gf-calc-live{display:flex;align-items:center;gap:9px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.gf-calc-live:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--gf-pink);box-shadow:0 0 0 7px rgba(255,192,203,.12)}.gf-calc-mark{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:13px}.gf-calc-breakdown{margin-top:34px}.gf-calc-line{display:flex;justify-content:space-between;gap:25px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:15px}.gf-calc-line-value{font-family:"Space Grotesk",sans-serif;font-weight:600;white-space:nowrap}.gf-calc-line.subtle{opacity:.45}.gf-calc-total{margin-top:44px}.gf-calc-total-label{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--gf-pink)}.gf-calc-total-net{font-family:"Space Grotesk",sans-serif;font-size:clamp(48px,5.5vw,88px);font-weight:700;letter-spacing:-.065em;line-height:1;margin-top:8px;white-space:nowrap}.gf-calc-total-gross{font-size:14px;color:#aaa;margin-top:10px}.gf-calc-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:38px;padding:18px 22px;background:var(--gf-pink);color:var(--gf-black);border-radius:999px;font-family:"Space Grotesk",sans-serif;font-weight:700;text-transform:uppercase;font-size:14px;transition:.25s}.gf-calc-cta:hover{color:var(--gf-black);transform:translateY(-3px);box-shadow:0 14px 34px rgba(255,192,203,.2)}.gf-calc-disclaimer{font-size:12px;color:#888;line-height:1.5;margin-top:20px}
      @media(max-width:991px){.gf-calc-hero,.gf-calc-stage{grid-template-columns:1fr}.gf-calc-result-inner{position:relative;top:0}.gf-calc-page{padding-top:110px}.gf-calc-intro{max-width:680px}.gf-calc-result{min-height:auto}}@media(max-width:575px){.gf-calc-shell{width:min(100% - 22px,1480px)}.gf-calc-title{font-size:45px}.gf-calc-mode{grid-template-columns:1fr;border-radius:18px}.gf-calc-mode-btn{border-radius:14px}.gf-calc-badges{grid-template-columns:1fr}.gf-calc-slider-top{align-items:start}.gf-calc-slider-value{font-size:29px}.gf-calc-total-net{font-size:45px}.gf-calc-line{font-size:13px}.gf-calc-flat-table{display:block;overflow-x:auto}.gf-calc-hero{gap:22px}.gf-calc-controls,.gf-calc-result{padding:22px}}
      @media(prefers-reduced-motion:no-preference){.gf-calc-hero,.gf-calc-stage{animation:gfCalcReveal .7s cubic-bezier(.2,.8,.2,1) both}.gf-calc-stage{animation-delay:.12s}@keyframes gfCalcReveal{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}}

/* ==================================================
   WhatsApp Button CSS
================================================== */

   .whatsapp-float {
  position: fixed;
  bottom: 26px;
  left: 30px;
  z-index: 9999;  /* Sehr hoher z-index, damit es über allen anderen Elementen schwebt */
  background-color: #25D366;  /* WhatsApp Grün */
  border-radius: 10px;
  padding: 6px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.whatsapp-float:hover {
  background-color: #FFC0CB;
  transition: background-color 0.3s ease;
}

.whatsapp-icon {
  width: 35px;
  height: 35px;
  display: block;
}
/* Startseite: Kundenstimmen mit unabhaengiger Fusszeile. */
.goodflow-testimonials .goodflow-testimonials-intro {
  padding-top: 53px;
}
.goodflow-testimonials .goodflow-testimonials-rating {
  margin-top: 64px;
}
.goodflow-testimonials .tp-testimonial-slider-active {
  width: 100%;
  min-width: 0;
}
.goodflow-testimonials .swiper-slide {
  height: auto;
}
.goodflow-testimonials .goodflow-testimonials-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-top: 36px;
}
.goodflow-testimonials .fraction-wrapper {
  position: relative;
  bottom: auto;
  left: auto;
  margin: 0 0 8px;
  width: 270px;
  max-width: 100%;
  flex: 0 1 270px;
}
.goodflow-testimonials .tp-testimonial-thumb-2 {
  position: relative;
  bottom: auto;
  right: auto;
  margin: 0;
  width: 160px;
  max-width: 35%;
  flex: 0 0 auto;
}
.goodflow-testimonials .tp-testimonial-thumb-2 img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 991.98px) {
  .goodflow-testimonials .goodflow-testimonials-intro {
    padding-top: 0;
    margin-bottom: 48px;
  }
  .goodflow-testimonials .goodflow-testimonials-rating {
    margin-top: 32px;
  }
}
@media (max-width: 575.98px) {
  .goodflow-testimonials .goodflow-testimonials-footer {
    gap: 16px;
  }
}

/* ==================================================
   GOOD FLOW – Messen
================================================== */
 /* Alle Logos einheitlich in Schwarz-Weiß */
   .tp-brand-area {
      --messe-logo-filter: grayscale(100%);
   }

   .tp-brand-area .tp-brand-wrap,
   .tp-brand-area .tp-brand-slide-active {
      min-width: 0;
      overflow: hidden;
   }

   .tp-brand-area .swiper-wrapper {
      align-items: center;
   }

   .tp-brand-area .tp-brand-item {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      box-sizing: border-box !important;
      width: 100% !important;
      height: 120px !important;
      padding: 15px 20px !important;
      overflow: hidden;
   }

   .tp-brand-area .tp-brand-item a {
      display: flex !important;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
   }

   .tp-brand-area .tp-brand-item img,
   .tp-brand-area .tp-brand-item:hover img {
      display: block !important;
      position: static !important;
      box-sizing: border-box !important;
      width: 160px !important;
      height: 80px !important;
      min-width: 0 !important;
      min-height: 0 !important;
      max-width: 100% !important;
      max-height: 100% !important;
      margin: 0 auto !important;
      object-fit: contain !important;
      object-position: center !important;
      filter: var(--messe-logo-filter) !important;
      opacity: 1 !important;
      transform: none !important;
   }

   @media (max-width: 575px) {
      .tp-brand-area .tp-brand-item {
         height: 95px !important;
         padding: 10px 12px !important;
      }

      .tp-brand-area .tp-brand-item img {
         width: 120px !important;
         height: 65px !important;
      }
   }

   /* GOOD FLOW: Leistungsübersicht und optionale Erweiterungen */
.gf-services-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end;margin-bottom:52px}
.gf-services-intro h2{margin:20px 0 0;font-size:clamp(36px,4.5vw,64px);line-height:1.06;letter-spacing:-.035em;text-transform:uppercase}
.gf-services-intro p{font-size:20px;line-height:1.6;margin:0;color:#555;max-width:480px}
.gf-services-kicker{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:10px}
.gf-services-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:#111}
.gf-service-links{border-top:1px solid #ddd}
.gf-service-link{display:grid;grid-template-columns:44px 1fr 1.2fr 48px;align-items:center;gap:24px;padding:28px 12px;border-bottom:1px solid #ddd;color:#111;transition:background .2s}
.gf-service-link:hover{background:#fff4f6;color:#111}
.gf-service-link:focus-visible,.gf-upgrades a:focus-visible{outline:3px solid #111;outline-offset:5px}
.gf-service-number{font-size:13px;color:#666}
.gf-service-link h3{font-size:clamp(22px,2.3vw,30px);margin:0;letter-spacing:-.02em}
.gf-service-link p{margin:0;color:#555;font-size:17px;line-height:1.55}
.gf-service-arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffc0cb;font-size:24px}
.gf-upgrades{margin-top:48px;padding:clamp(26px,4vw,56px);background:#f5f5f3;border-radius:24px;color:#111}
.gf-upgrades h2{font-size:clamp(30px,3.5vw,46px);line-height:1.12;margin:12px 0 16px;letter-spacing:-.03em}
.gf-upgrades-intro{font-size:18px;color:#555;margin:0}
.gf-upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:36px}
.gf-upgrade-grid h3{font-size:21px;margin:0 0 14px}
.gf-upgrade-grid ul{padding-left:19px;margin:0;color:#444;font-size:16px;line-height:1.65}
.gf-upgrade-grid li{margin-bottom:8px}
.gf-upgrade-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid #dfcdd1;margin-top:30px;padding-top:28px}
.gf-upgrade-cta h3{font-size:24px;margin:0 0 8px}
.gf-upgrade-cta p{margin:0;color:#555;max-width:590px;line-height:1.6}
.gf-upgrade-cta a{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:40px;background:#111;color:#fff;padding:18px 24px;font-size:14px;font-weight:700;flex-shrink:0}
@media(max-width:767px){.gf-services-intro{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.gf-service-link{grid-template-columns:28px 1fr 40px;gap:12px;padding:22px 0}.gf-service-link p{grid-column:2;grid-row:2;font-size:16px}.gf-service-arrow{grid-column:3;grid-row:1 / 3;width:38px;height:38px}.gf-upgrade-grid{grid-template-columns:1fr;gap:22px}.gf-upgrade-cta{align-items:flex-start;flex-direction:column}.gf-upgrade-cta a{max-width:100%;flex-shrink:1}.gf-service-number{align-self:start;padding-top:5px}}
/* Nur die Leistungsüberschrift: Einzug aus main.css aufheben. */
.tp-blog-title-wrap .tp-section-title.gf-services-heading { margin-left: 0; }
/* Leistungslinks: reine Pfeile ohne farbige Kreisfläche. */
#leistungen .gf-service-arrow { background: transparent; border-radius: 0; }

/* Optionale Upgrades: eigene Farben und dezentes Eckmotiv. */
.gf-upgrades {
   --gf-pink: #ffc0cb;
   --gf-black: #030303;
   position: relative;
   isolation: isolate;
   overflow: hidden;
}
.gf-upgrades::after {
   content: "";
   position: absolute;
   right: -120px;
   bottom: -125px;
   width: 280px;
   height: 280px;
   border-radius: 50%;
   background: var(--gf-pink);
   opacity: .14;
   pointer-events: none;
   z-index: 0;
}
.gf-upgrades > * { position: relative; z-index: 1; }
.gf-upgrades .gf-package-badge {
   background: var(--gf-pink);
   color: var(--gf-black);
}
.gf-upgrades .gf-upgrade-cta .gf-package-button {
   transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.gf-upgrades .gf-upgrade-cta .gf-package-button:hover,
.gf-upgrades .gf-upgrade-cta .gf-package-button:focus-visible {
   background: var(--gf-pink);
   border-color: var(--gf-pink);
   color: var(--gf-black);
}
   .goodflow-about-art {
      width: clamp(220px, 23vw, 340px);
      max-width: 100%;
      margin: 55px 0 30px;
      pointer-events: none;
   }
   .goodflow-about-art svg { display: block; width: 100%; height: auto; }
   @media (max-width: 991.98px) {
      .goodflow-about-art { display: none; }
   }