/* Erzeugt von tools/build-assets.php aus der Startseite. Nicht von Hand aendern. */

/* --- Teil 1 --- */
.mq-calc__row input[type="range"] {background-color: #190023}


.mq-calc__value {background-color: inherit}

.rechner_container .mq-roof {color:white; font-weight: bold}

.rechner_container .mq-calc__sum {color: #f0f55f}


.wp-block-column.rch_spalte_rechner {display: flex; align-items:center;}


.mqp-txt {font-weight:300}

/* --- Teil 2 --- */
/* MeisterQ Startseite (Design 2026-10) – alle Regeln auf .mqp begrenzt */
body:has(.mqp) .mq-header,body:has(.mqp) .mq-footer{display:none!important}
body:has(.mqp){--mq-header-h:76px;background:#fff}
html:has(.mqp){scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html:has(.mqp){scroll-behavior:auto}}
.mqp{--p:#190023;--y:#f0f55f;--t:#00d9c0;--s:#f4f3ee;--g8:#6c6c66;--g7:#8c8b83;--err:#e20a16;--in:#f5f8fa;--line:#5f4b64;
  --pad:max(20px,calc((100% - 1024px) / 2));--sec:clamp(64px,6.8vw,104px);--gap:clamp(40px,7.8vw,120px);--tmax:none;
  --hk:'Acid Grotesk OneQrew',system-ui,sans-serif;--acid:'Acid Grotesk OneQrew','Hanken Grotesk',sans-serif;
  --hover:linear-gradient(rgba(197,196,185,.2),rgba(197,196,185,.2));--press:linear-gradient(rgba(197,196,185,.3),rgba(197,196,185,.3));
  position:relative;background:#fff;color:var(--p);font-family:var(--hk);font-weight:400;-webkit-font-smoothing:antialiased}
@media (min-width:1024px){.mqp{--tmax:461px}}
.mqp *,.mqp *::before,.mqp *::after{box-sizing:border-box}
.mqp :where(h1,h2,h3,p,ul,ol,figure,blockquote,figcaption):where(:not(.mqp-formcard *)){margin:0;padding:0}
.mqp :where(ul,ol):where(:not(.mqp-formcard *)){list-style:none}
.mqp :where(a){color:var(--p)}
.mqp [hidden]{display:none!important}
.mqp img{max-width:100%}
.mqp summary{list-style:none}
.mqp summary::-webkit-details-marker{display:none}

/* Basis-Bausteine */
.mqp-sec{position:relative;padding:var(--sec) var(--pad);scroll-margin-top:76px}
.mqp-sand{background:var(--s)}.mqp-dark{background:var(--p)}.mqp-white{background:#fff}
.mqp-stack{display:flex;flex-direction:column}
.mqp-roof{display:inline-flex;align-self:flex-start;background:var(--t);color:var(--p);border-radius:30px;padding:5px 16px;font:500 14px/1.2 var(--hk)}
.mqp-center .mqp-roof{align-self:center}
.mqp-h1{font-weight:500;font-size:clamp(36px,24px + 2vw,54px);line-height:1.2;text-wrap:balance}
.mqp-h2{font-weight:500;font-size:clamp(28px,22px + .95vw,36px);line-height:1.2;text-wrap:balance}
.mqp-txt{font-size:18px;line-height:1.6;text-wrap:pretty}
.mqp-small{font-size:14px;line-height:1.6}
.mqp-cap{max-width:418px;font-size:14px;line-height:1.6;color:var(--g8);text-align:center;text-wrap:pretty}
.mqp-head{display:flex;flex-direction:column;gap:24px}
.mqp-head>div{display:flex;flex-direction:column;gap:16px}
.mqp-center{align-items:center;text-align:center}
.mqp-center>div{align-items:center}
.mqp-on-dark{color:#fff}
.mqp-split{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gap)}
.mqp-text{flex:1 1 380px;max-width:var(--tmax);display:flex;flex-direction:column}

/* Buttons */
.mqp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:16px;border:0;border-radius:40px;text-align:center;text-decoration:none;cursor:pointer;font:400 16px/21.6px var(--acid)}
.mqp-btn:focus-visible{outline:2px solid var(--t);outline-offset:3px}
.mqp-btn--dark{background-color:var(--p);color:#fff}
.mqp-btn--yellow{background-color:var(--y);color:var(--p)}
.mqp-btn--dark:hover,.mqp-btn--yellow:hover{background-image:var(--hover)}
.mqp-btn--dark:hover{color:#fff}.mqp-btn--yellow:hover{color:var(--p)}
.mqp-btn--dark:active,.mqp-btn--yellow:active{background-image:var(--press)}
.mqp-btn--ghost{background:transparent;border:1px solid var(--p);color:var(--p)}
.mqp-btn--ghost-light{background:transparent;border:1px solid #fff;color:#fff}
.mqp-btn--ghost:hover,.mqp-btn--ghost-light:hover{background:rgba(197,196,185,.2)}
.mqp-btn--ghost:active,.mqp-btn--ghost-light:active{background:rgba(197,196,185,.3)}
.mqp-dark .mqp-btn:focus-visible,.mqp-hdr .mqp-btn:focus-visible,.mqp-ftr .mqp-btn:focus-visible{outline-color:#fff}

/* Medien */
.mqp-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.mqp-media{position:relative;width:100%;overflow:hidden}
.mqp-media img,.mqp-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mqp-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(25,0,35,.06);color:var(--g8);font:500 14px/1.4 var(--hk);text-align:center}
.mqp-sand .mqp-ph{background:rgba(25,0,35,.07)}
.mqp-avatar{position:relative;flex:0 0 auto;border-radius:50%;overflow:hidden}
.mqp-avatar .mqp-ph{font-size:11px;padding:4px}

/* Listen mit Punkt */
.mqp-list{border-top:1px solid var(--g8)}
.mqp-list li{display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--g8);font-size:18px;line-height:1.6}
.mqp-list li::before,.mqp-dot{content:"";flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--t)}
.mqp-list--tight li{padding:10px 0;line-height:28.8px}

/* Segment-Schalter (Tabs / Radios) */
.mqp-seg{display:inline-flex;align-self:flex-start;gap:4px;padding:5px;border:1px solid #000;border-radius:12px}
.mqp-seg button{min-height:42px;padding:10px 20px;border:0;border-radius:8px;cursor:pointer;background:transparent;color:var(--p);font:400 16px/21.6px var(--hk)}
.mqp-seg button[aria-selected=true],.mqp-seg button[aria-checked=true]{background:var(--p);color:#fff;font-weight:500}
.mqp-seg button:focus-visible,.mqp-tabbar button:focus-visible{outline:2px solid var(--t);outline-offset:2px}

/* Header */
.mqp-hdr{position:sticky;top:0;z-index:50;background:var(--p)}
.admin-bar .mqp-hdr{top:32px}
.mqp-hdr__bar{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:76px;padding:10px 32px 10px var(--pad)}
.mqp-logo{display:flex;align-items:center;min-height:44px}
.mqp-logo:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:4px}
.mqp-logo svg{display:block;height:auto}
.mqp-nav{display:flex;gap:clamp(24px,6.4vw - 34px,64px);align-items:center;white-space:nowrap}
.mqp-hdr__cta{white-space:nowrap}
.mqp-nav a,.mqp-fnav a{color:#fff;text-decoration:none;font:400 16px/1.4 var(--acid);border-bottom:1px solid transparent;padding:2px 0}
.mqp-nav a:hover,.mqp-fnav a:hover{border-bottom-color:var(--y);color:#fff}
.mqp-nav a:focus-visible,.mqp-fnav a:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:2px}
.mqp-hdr__cta{display:flex;gap:24px;align-items:center}
.mqp-hdr__cta .mqp-btn{padding:16px 20px;border-radius:30px}
.mqp-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:48px;height:48px;padding:0;background:transparent;border:1px solid #fff;border-radius:30px;cursor:pointer}
.mqp-burger:focus-visible{outline:2px solid var(--y);outline-offset:2px}
.mqp-burger span{display:block;width:20px;height:2px;background:#fff;transition:transform .2s ease,opacity .2s ease}
.mqp-burger[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.mqp-burger[aria-expanded=true] span:nth-child(2){transform:scaleX(0)}
.mqp-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.mqp-mnav{display:flex;flex-direction:column;gap:8px;padding:8px 20px 32px;background:var(--p);border-top:1px solid var(--line);max-height:calc(100vh - 76px);overflow:auto}
.mqp-mnav>a{display:flex;align-items:center;min-height:56px;color:#fff;text-decoration:none;font:400 20px/1.4 var(--acid);border-bottom:1px solid var(--line)}
.mqp-mnav>a:hover{color:var(--y)}
.mqp-mnav>a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.mqp-mnav div{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.mqp-mnav .mqp-btn{border-radius:30px}
@media (max-width:1023.98px){.mqp-nav,.mqp-hdr__cta{display:none}.mqp-burger{display:flex}}
@media (min-width:1024px){.mqp-mnav{display:none!important}}

/* Hero */
.mqp-hero .mqp-split{justify-content:flex-start}
.mqp-hero .mqp-text{gap:32px}
.mqp-hero__btns{display:flex;flex-wrap:wrap;gap:25px}
.mqp-hero .mqp-fig{flex:1 1 320px}
.mqp-hero .mqp-media{max-width:486px;aspect-ratio:1/1;border-radius:60px}

/* Prompt-Leiste */
.mqp-prompts{position:relative;display:flex;flex-wrap:wrap;background:var(--p)}
.mqp-prompts__label{flex:0 0 auto;min-width:min(100%,301px);display:flex;align-items:center;min-height:64px;padding:16px 29px;background:var(--y);font:500 16px/1.2 var(--hk)}
.mqp-prompts__run{flex:1 1 400px;min-width:0;display:flex;align-items:center;padding:16px 0;overflow:hidden}
.mqp-prompts__track{display:flex;width:max-content;padding-left:24px;will-change:transform}
.mqp-prompts__track ul,.mqp-prompts__clone{display:flex}
.mqp-prompts li{flex:0 0 auto;margin-right:24px;border:2px solid var(--t);border-radius:30px;padding:2px 17px;color:#fff;font:400 12px/28.8px var(--hk);white-space:nowrap}
.mqp-prompts__track ul, .mqp-prompts__clone {list-style:none}

/* Fürs Büro */
.mqp-office .mqp-split{flex-direction:row-reverse}
.mqp-office .mqp-text{gap:40px}
.mqp-office__tabs{display:flex;flex-direction:column;gap:24px}
.mqp-office__seg button+button{padding:10px 15px}
.mqp-office__aside{flex:1 1 320px;max-width:442px;display:flex;flex-direction:column;align-items:center;gap:30px}
.mqp-office__aside .mqp-fig{width:100%}
.mqp-office .mqp-media{aspect-ratio:442/435;border-radius:60px}
.mqp-office__aside .mqp-btn{padding:16px 24px}

/* Karten-Raster */
.mqp-cards{display:flex;flex-wrap:wrap;gap:17px}
.mqp-card{flex:1 1 260px;border-radius:30px;display:flex;flex-direction:column}
.mqp-stat{min-height:330px;background:#fff;padding:45px 36px 27px;gap:10px}
.mqp-stat h3{font:700 30px/1.2 var(--hk);color:#000}
.mqp-step{min-height:199px;background:var(--s);padding:46px 41px;gap:20px}
.mqp-numh{display:flex;gap:24px;font:700 24px/1.2 var(--hk);color:#000}
.mqp-benefits{padding-bottom:clamp(32px,3.1vw,48px)}
.mqp-benefits .mqp-head,.mqp-how .mqp-head,.mqp-faq .mqp-head{margin-bottom:64px}

/* Testimonial */
.mqp-testi{padding-top:0}
.mqp-testi__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 115px}
.mqp-testi h2{font:500 24px/1.2 var(--hk)}
.mqp-testi figure{display:flex;align-items:center;gap:20px}
.mqp-testi blockquote,.mqp-testi figcaption{font:400 18px/28.8px var(--acid)}

/* Trust */
.mqp-trust{padding:clamp(32px,4vw,62px) max(20px,calc((100% - 1196px) / 2))}
.mqp-trust ul{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 40px}
.mqp-trust li{display:flex;align-items:center;gap:8px;color:#fff;font:500 16px/1.2 var(--hk)}
.mqp-trust svg{display:block;flex:0 0 24px}

/* So läufts */
.mqp-how{padding-bottom:clamp(24px,2.6vw,40px)}
.mqp-how .mqp-roof{padding:5px 15px;font-family:var(--acid)}

/* Anwendungsfälle */
.mqp-uses{padding:clamp(24px,2.6vw,40px) max(20px,calc((100% - 1034px) / 2)) var(--sec)}
.mqp-uses__row{display:flex;flex-wrap:wrap;align-items:center;gap:40px 55px}
.mqp-uses__media{flex:1 1 280px;max-width:351px;display:flex;flex-direction:column}
.mqp-uses .mqp-media{aspect-ratio:351/364;border-radius:30px}
.mqp-uses__main{flex:1 1 400px;min-width:0;max-width:633px;display:flex;flex-direction:column;gap:40px}
.mqp-tabbar{display:flex;justify-content:space-between;gap:8px;padding:5px 7px;background:var(--s);border-radius:12px;overflow-x:auto}
.mqp-tabbar button{flex:0 0 auto;min-height:42px;padding:10px 24px;border:0;border-radius:8px;cursor:pointer;background:transparent;color:var(--p);font:500 16px/21.6px var(--hk)}
.mqp-tabbar button[aria-selected=true]{background:#fff}
.mqp-panel{display:flex;flex-direction:column;align-items:flex-start;gap:25px}
.mqp-panel h3{font:500 24px/43.2px var(--hk)}

/* Ein Auftrag, ein Ort */
.mqp-single .mqp-text{gap:40px}
.mqp-single .mqp-fig{flex:1 1 300px;max-width:443px}
.mqp-single .mqp-media{aspect-ratio:443/272;border-radius:30px}

/* Startversprechen */
.mqp-promise .mqp-head{margin-bottom:64px}
.mqp-promise__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:48px 106px}
.mqp-person{flex:0 0 auto;width:min(340px,100%);aspect-ratio:1/1;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:36px;text-align:center}
.mqp-person figcaption{font:400 16px/28.8px var(--acid)}
.mqp-person p{margin-top:5px;font-size:16px;line-height:28.8px}
.mqp-phone{white-space:nowrap}
.mqp-promise__list{flex:1 1 320px;max-width:482px;display:flex;flex-direction:column;align-items:flex-start;gap:30px}
.mqp-promise__list>div{display:flex;flex-direction:column;gap:20px}
.mqp-promise h3{font:700 24px/1.2 var(--hk);color:var(--y)}

/* Rechner */
.mqp-calc .mqp-split{gap:48px var(--gap)}
.mqp-calc .mqp-text{gap:30px}
.mqp-slider{display:flex;flex-direction:column;gap:10px;max-width:425px}
.mqp-slider label{display:flex;justify-content:space-between;font:700 16px/28.8px var(--hk)}
.mqp-range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:0;background:transparent;cursor:pointer}
.mqp-range:focus{outline:none}
.mqp-range::-webkit-slider-runnable-track{height:6px;border-radius:30px;background:var(--p)}
.mqp-range::-moz-range-track{height:6px;border-radius:30px;background:var(--p)}
.mqp-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border:0;border-radius:50%;background:var(--t)}
.mqp-range::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:var(--t)}
.mqp-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--p)}
.mqp-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--p)}
.mqp-calc__aside{flex:1 1 320px;max-width:443px;display:flex;flex-direction:column;gap:21px}
.mqp-b18{font:700 18px/28.8px var(--hk)}
.mqp-result{background:var(--p);border-radius:20px;padding:41px 40px;display:flex;flex-direction:column;gap:16px;color:#fff}
.mqp-result__euro{font:700 clamp(40px,30px + 1.6vw,54px)/1.1 var(--hk);color:var(--y)}
.mqp-result__note{font-size:14px;line-height:1.2}
.mqp-result .mqp-btn{align-self:flex-start}
.mqp-result .mqp-btn:focus-visible{outline-color:#fff}

/* Funktionen */
.mqp-feat__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 32px;margin-bottom:64px}
.mqp-feat__head>div:first-child{display:flex;flex-direction:column;gap:16px}
.mqp-feat__seg{gap:8px}
.mqp-feat__seg button{padding:10px 15px}
.mqp-feat__seg button+button{padding:10px 32px}
.mqp-bento{display:flex;flex-wrap:wrap;gap:20px 22px}
.mqp-bento li{flex:1 1 200px;min-height:270px;background:var(--s);border-radius:30px;padding:46px 40px;display:flex;flex-direction:column;gap:20px;transition:opacity .2s ease}
.mqp-bento li.mqp-wide{flex:2 1 420px;padding:46px 41px}
.mqp-bento li[aria-disabled=true]{opacity:.35}

/* Pakete */
.mqp-price__head{display:flex;flex-direction:column;align-items:center;gap:32px;margin-bottom:50px;text-align:center}
.mqp-price__head>.mqp-head{align-items:center}
.mqp-price__head .mqp-txt{max-width:944px}
.mqp-quota{width:min(478px,100%);display:flex;flex-direction:column;gap:16px;color:#fff}
.mqp-quota p{font-size:16px;line-height:28.8px}
.mqp-bar{height:13px;border:1px solid #fff;border-radius:20px;padding:2px}
.mqp-bar div{height:7px;border-radius:20px;background:var(--y);transition:width .3s ease}
.mqp-plans{display:flex;flex-wrap:wrap;gap:24px}
.mqp-plan{flex:1 1 320px;min-height:561px;background:#fff;border-radius:30px;padding:35px 36px;display:flex;flex-direction:column;gap:50px}
.mqp-plan__top{display:flex;flex-direction:column;gap:30px}
.mqp-plan__badge{min-height:26px}
.mqp-plan h3{margin-bottom:10px;font:700 clamp(24px,20px + .6vw,30px)/1.2 var(--hk)}
.mqp-m18{font:500 18px/28.8px var(--hk)}
.mqp-plan__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 30px}
.mqp-plan__price span:first-child{font:700 clamp(40px,30px + 1.6vw,54px)/1.2 var(--hk)}

/* Anmeldung */
.mqp-signup .mqp-split{gap:48px var(--gap)}
.mqp-signup .mqp-text{gap:40px}
.mqp-steps{border-top:1px solid var(--g8)}
.mqp-steps li{display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--g8)}
.mqp-steps b{flex:0 0 21px;font:900 18px/28.8px var(--hk);color:var(--t)}
.mqp-steps span{display:flex;flex-direction:column;font-size:18px;line-height:28.8px}
.mqp-steps strong{font-weight:600}
.mqp-steps em{font-style:normal;font-weight:300}
.mqp-formcard{flex:1 1 360px;max-width:592px;background:#fff;border-radius:20px;padding:clamp(24px,3vw,47px) clamp(20px,2vw,31px)}
.mqp-embed-ph{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;border:2px dashed #c5c4b9;border-radius:12px;text-align:center;color:var(--g8)}
.mqp-embed-ph strong{font:500 18px/1.4 var(--hk);color:var(--p)}
.mqp-embed-ph span{max-width:360px;font-size:14px;line-height:1.6}

/* FAQ */
.mqp-acc{border-top:1px solid var(--g8)}
.mqp-acc details{border-bottom:1px solid var(--g8)}
.mqp-acc summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:77px;padding:24px 0;cursor:pointer;font:500 18px/28.8px var(--hk)}
.mqp-acc summary:focus-visible{outline:2px solid var(--t);outline-offset:2px}
.mqp-acc summary>span{display:flex;align-items:center;gap:20px}
.mqp-acc summary svg{flex:0 0 18px;transition:transform .2s ease}
.mqp-acc details[open] summary svg{transform:rotate(180deg)}
.mqp-acc details>div{padding:0 38px 24px 30px;font-size:18px;line-height:1.6}
.mqp-ask{margin-top:64px;background:var(--s);border-radius:30px;padding:26px 36px;display:flex;align-items:center;gap:15px}
.mqp-ask p{font-size:16px;line-height:28.8px}

/* Footer */
.mqp-ftr{position:relative;background:var(--p);padding:48px var(--pad)}
.mqp-ftr__claim{margin-bottom:70px!important;text-align:center;font:600 clamp(26px,20px + 1vw,36px)/1.5 var(--hk);color:var(--y);text-wrap:balance}
.mqp-ftr__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px 32px;padding-bottom:40px}
.mqp-ftr__grid>.mqp-logo{display:inline-flex;align-self:start}
.mqp-fnav{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.mqp-fnav a{line-height:1.25}
.mqp-ftr__cta{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start;align-content:flex-start}
.mqp-ftr__cta .mqp-btn{border-radius:8px}
.mqp-ftr__cta .mqp-btn--ghost-light{padding:16px 40px}
.mqp-ftr__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.mqp-legal{display:flex;flex-wrap:wrap;gap:8px 32px}
.mqp-legal a{display:inline-flex;align-items:center;padding:2px;min-height:24px;color:#fff;text-decoration:none;font:400 13px/1.7 var(--acid)}
.mqp-legal a:hover,.mqp-legal a:focus-visible{color:var(--y)}
.mqp-legal a:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}
.mqp-copy{font:400 13px/1.7 var(--acid);color:#958a9a}

/* --- Teil 3 --- */
.mqp-promo{position:sticky;top:0;z-index:51;transition:transform .25s ease;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;padding:10px 16px;background:var(--y);color:var(--p);font-size:15px;line-height:1.4;text-align:center}
.mqp-promo__txt{margin:0}
.mqp-promo__code{margin-left:6px;padding:2px 10px;border:1px dashed var(--p);border-radius:6px;background:transparent;color:inherit;font:700 15px/1.4 monospace;letter-spacing:.05em;cursor:pointer}
.mqp-promo__code.is-copied::after{content:" ✓ kopiert";font-family:inherit;font-weight:400}
.mqp-promo__link{color:inherit;font-weight:700;text-decoration:underline}
.mqp-plan__buy{margin-top:auto;width:100%}
.mqp-hdr{top:var(--mqp-promo-h,0px);transition:top .25s ease}
.mqp-promo-off .mqp-promo{transform:translateY(-100%)}
.mqp-promo-off .mqp-hdr{top:0}
@media (prefers-reduced-motion:reduce){.mqp-promo,.mqp-hdr{transition:none}}

/* --- Teil 4 --- */
.mqp-prompts li {border-radius: 0px; border-bottom: 0px solid #00D9C0; border-top: 0px solid #00D9C0; border-right: 0px solid #00D9C0; border-left: 0px solid #00D9C0; margin-right:20px; margin-left:20px}

.mqp-prompts__track ul {align-items:center}

.mqp-prompts img{max-width:none;flex:0 0 auto;height:30px;width:auto}

@media (max-width:700px){
  .mqp-prompts{flex-wrap:nowrap}
  .mqp-prompts__label{min-width:0;flex:0 0 auto;max-width:42%;padding:12px 16px;font-size:14px;line-height:1.25}
  .mqp-prompts__run{flex:1 1 0}
}

/* --- Teil 5 --- */
@media (max-width:801px){
  .mqp-office__aside{margin-inline:auto}
}

/* --- Teil 6 --- */
/* Modul „Empfehlungen“ – Referenz-Slider (eigenständig, alle Regeln auf .mqp-ref begrenzt) */
.mqp-ref{--ref-dark:#190023;--ref-yellow:#f0f55f;--ref-teal:#00d9c0;position:relative;overflow:hidden;background:var(--ref-dark);color:#fff;padding:clamp(56px,6.8vw,104px) max(20px,calc((100% - 1024px) / 2));font-family:'Acid Grotesk OneQrew',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.mqp-ref *,.mqp-ref *::before,.mqp-ref *::after{box-sizing:border-box}
.mqp-ref :where(h2,p,ul,li,figure,blockquote,figcaption){margin:0;padding:0}
.mqp-ref ul{list-style:none}
.mqp-ref img{display:block;max-width:100%}
/* großes Anführungszeichen als Hintergrundmotiv */
.mqp-ref::before{content:"“";position:absolute;right:max(-10px,calc((100% - 1024px) / 2 - 60px));top:-0.12em;font:700 clamp(320px,40vw,560px)/1 'Hanken Grotesk',sans-serif;color:#fff;opacity:.05;pointer-events:none}
.mqp-ref__head{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 32px;margin-bottom:clamp(32px,4vw,56px)}
.mqp-ref__intro{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.mqp-ref__roof{display:inline-flex;background:var(--ref-teal);color:var(--ref-dark);border-radius:30px;padding:5px 16px;font:500 14px/1.2 'Hanken Grotesk',sans-serif}
.mqp-ref__h2{font-weight:500;font-size:clamp(28px,22px + .95vw,36px);line-height:1.2;color:#fff;text-wrap:balance}
@media (min-width:900px){.mqp-ref__h2{white-space:nowrap}}
.mqp-ref__nav{display:flex;align-items:center;gap:16px}
.mqp-ref__count{min-width:64px;font:500 16px/1 'Acid Grotesk OneQrew','Hanken Grotesk',sans-serif;font-variant-numeric:tabular-nums;text-align:center;color:#fff}
.mqp-ref__count b{font-weight:700;color:var(--ref-yellow)}
.mqp-ref__btn{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:2px solid #fff;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.mqp-ref__btn:hover{background:var(--ref-yellow);border-color:var(--ref-yellow);color:var(--ref-dark)}
.mqp-ref__btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.mqp-ref__btn svg{width:20px;height:20px}
.mqp-ref.is-single .mqp-ref__nav{display:none}
/* Slider-Spur: wischbar, rastet pro Referenz ein */
.mqp-ref__track{position:relative;display:flex;gap:48px;padding:6px 6px 10px;margin:-6px -6px -10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}
.mqp-ref__track::-webkit-scrollbar{display:none}
.mqp-ref__track:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:8px}
.mqp-ref__slide{flex:0 0 100%;scroll-snap-align:start;scroll-margin-left:6px;display:flex;flex-direction:column;gap:32px}
.mqp-ref__mark{display:block;height:32px;margin-bottom:6px;overflow:hidden;font:700 72px/1 'Hanken Grotesk',sans-serif;color:var(--ref-yellow)}
.mqp-ref__quote{max-width:860px;font-size:18px;line-height:1.6;color:#fff;text-wrap:pretty}
.mqp-ref__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}
.mqp-ref__person{display:flex;align-items:center;gap:16px}
/* Foto der Person: kleiner Kreis (wie bei Patrick Holz) */
.mqp-ref__photo{flex:0 0 72px;width:72px;height:72px;border-radius:50%;overflow:hidden;background:#2d1937;}
.mqp-ref__photo img{width:100%;height:100%;object-fit:cover}
.mqp-ref__who{display:flex;flex-direction:column;gap:4px}
.mqp-ref__name{font:500 18px/1.3 'Acid Grotesk OneQrew','Hanken Grotesk',sans-serif;color:var(--ref-yellow)}
.mqp-ref__role{font-size:15px;line-height:1.4;color:#d9cfdd}
/* Logo: helle Kachel, damit auch farbige oder dunkle Logos lesbar sind */
.mqp-ref__logo{display:flex;align-items:center;justify-content:center;height:56px;padding:10px 18px;border-radius:12px;background:#fff}
.mqp-ref__logo img{max-height:36px;max-width:140px;width:auto;height:auto}
@media (prefers-reduced-motion:reduce){.mqp-ref__track{scroll-behavior:auto}.mqp-ref__btn{transition:none}}

/* --- Teil 7 --- */
@media (max-width:840px){
  .mqp-single .mqp-fig{margin-inline:auto}
}

/* --- Teil 8 --- */
/* Nur den Text zum gewählten Schalter zeigen */
.mqp-feat:has([data-filter="solo"][aria-checked="true"]) [data-variant="team"],
.mqp-feat:has([data-filter="team"][aria-checked="true"]) [data-variant="solo"]{display:none}

/* --- Teil 9 --- */
@media (max-width:640px){ [data-mqp-signup]{height:910px!important} }