/* pi-tux.css - Tool-UX-Paket Profiling Institut. Stand 29.10.2026 */

/* ============ Fragekarten ============ */
html body .tux-on .tux-item:not(.tux-cur){display:none!important}
html body .tux-on .tux-grp:not(.tux-grp-cur){display:none!important}
html body .tux-on.tux-all .tux-item,html body .tux-on.tux-all .tux-grp{display:block!important}
html body .tux-hidden{display:none!important}
html body .tux-on:not(.tux-complete) .tux-end{display:none!important}
html body .tux-on .tux-done{display:none}
html body .tux-on.tux-complete .tux-done{display:flex}
html body .tux-on.tux-all .tux-nav{display:none!important}
html body .tux-on .pi-dq-qlist,html body .tux-on .pi-t16-qlist{counter-reset:none}
html body .tux-on .pi-iqk-qnum{display:none!important}

html body .tux-bar{margin:0 0 14px!important;font-family:"DM Sans",system-ui,sans-serif}
html body .tux-bar-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 8px;font-size:14px;line-height:1.3;color:#3F5A4E}
html body .tux-count{font-weight:700;color:#00543D;font-size:15px}
html body .tux-track{height:8px;border-radius:99px;background:#E3EEE7;overflow:hidden}
html body .tux-fill{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#0B7C58,#7FD34A 70%,#D3FA00);transition:width .45s cubic-bezier(.2,.8,.2,1)}

html body .tux-on .tux-item.tux-cur{background:#fff!important;border:1px solid #DCEAE2!important;border-radius:18px!important;box-shadow:0 10px 30px -14px rgba(0,58,42,.28),0 2px 6px rgba(0,58,42,.06)!important;padding:26px 26px 22px!important;margin:0!important;list-style:none!important;min-height:0}
html body .tux-on.tux-all .tux-item{background:#fff!important;border:1px solid #E3EEE7!important;border-radius:14px!important;padding:18px 18px!important;margin:0 0 10px!important;box-shadow:none!important}
html body .tux-on .tux-grp.tux-grp-cur{border:0!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important}
html body .tux-on .pi-eit-dim-group-header,html body .tux-on .pi-t16-blockhead{margin:0 0 12px!important}
html body .tux-on .tux-item .pi-eit-q-text,html body .tux-on .tux-item .pi-dq-qt,html body .tux-on .tux-item .pi-t16-qt{font-family:"DM Sans",system-ui,sans-serif!important;font-size:20px!important;line-height:1.42!important;font-weight:600!important;color:#14261F!important;margin:0 0 20px!important}
html body .tux-on .pi-iqk-qi.tux-item .pi-iqk-qt-lg{font-size:19px!important;margin:0 0 12px!important}

/* Textskala (DISG, 16 Typen) */
html body .tux-txt .tux-item .pi-dq-opts,html body .tux-txt .tux-item .pi-t16-opts{display:flex!important;flex-direction:column!important;gap:9px!important;margin:0!important;flex-wrap:nowrap!important}
html body .tux-txt .tux-item label.pi-dq-opt,html body .tux-txt .tux-item label.pi-t16-opt{position:relative;display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:52px!important;margin:0!important;padding:12px 16px!important;border:1.5px solid #CFE0D6!important;border-radius:13px!important;background:#F7FBF8!important;color:#14261F!important;font-size:16.5px!important;line-height:1.3!important;font-weight:500!important;cursor:pointer;transition:background .18s,border-color .18s,transform .12s,box-shadow .18s;box-shadow:none!important;-webkit-tap-highlight-color:transparent}
html body .tux-txt .tux-item label.pi-dq-opt input,html body .tux-txt .tux-item label.pi-t16-opt input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;pointer-events:none}
html body .tux-txt .tux-item label.pi-dq-opt::before,html body .tux-txt .tux-item label.pi-t16-opt::before{content:"";flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:2px solid #9DB8AA;background:#fff;box-sizing:border-box;transition:all .18s}
html body .tux-txt .tux-item label.pi-dq-opt:hover,html body .tux-txt .tux-item label.pi-t16-opt:hover{border-color:#0B7C58!important;background:#EEF7F1!important}
html body .tux-txt .tux-item label.pi-dq-opt:active,html body .tux-txt .tux-item label.pi-t16-opt:active{transform:scale(.985)}
html body .tux-txt .tux-item label.pi-dq-opt:has(input:checked),html body .tux-txt .tux-item label.pi-t16-opt:has(input:checked){background:#00543D!important;border-color:#00543D!important;color:#fff!important;box-shadow:0 6px 16px -8px rgba(0,84,61,.6)!important}
html body .tux-txt .tux-item label.pi-dq-opt:has(input:checked)::before,html body .tux-txt .tux-item label.pi-t16-opt:has(input:checked)::before{border-color:#D3FA00;background:#D3FA00;box-shadow:inset 0 0 0 4px #00543D}
html body .tux-txt .tux-item label:has(input:focus-visible){outline:3px solid #D3FA00!important;outline-offset:2px}
html body .tux-txt .tux-item label.pi-dq-opt span,html body .tux-txt .tux-item label.pi-t16-opt span{color:inherit!important;font-size:inherit!important}
@media (min-width:900px){
  html body .tux-txt .tux-item .pi-dq-opts,html body .tux-txt .tux-item .pi-t16-opts{flex-direction:row!important}
  html body .tux-txt .tux-item label.pi-dq-opt,html body .tux-txt .tux-item label.pi-t16-opt{flex:1 1 0!important;flex-direction:column!important;justify-content:center!important;text-align:center!important;min-height:96px!important;padding:14px 8px!important;font-size:15px!important;gap:10px!important}
}

/* Zahlenskala (EQ) */
html body .tux-num .tux-item .pi-eit-q-scale{display:flex!important;gap:10px!important;justify-content:space-between!important}
html body .tux-num .tux-item .pi-eit-opt{flex:1 1 0!important;min-width:0!important;height:58px!important;border-radius:14px!important;font-size:20px!important;font-weight:700!important;transition:transform .12s,background .18s,box-shadow .18s!important}
html body .tux-num .tux-item .pi-eit-opt:active{transform:scale(.95)}
html body .tux-num .tux-item .pi-eit-opt.pi-eit-sel{box-shadow:0 6px 16px -8px rgba(0,84,61,.65)!important;animation:tuxPop .28s ease}
html body .tux-num .tux-item .pi-eit-scale-labels{margin-top:8px!important;font-size:13.5px!important}

/* Kinder-Raster */
html body .tux-grid .tux-item .pi-iqk-opt-lg{transition:transform .12s,box-shadow .18s,border-color .18s}
html body .tux-grid .tux-item .pi-iqk-opt-lg:active{transform:scale(.96)}
html body .tux-grid .tux-item .pi-iqk-opt-lg:has(input:checked),html body .tux-grid .tux-item .pi-iqk-opt:has(input:checked){border-color:#00543D!important;box-shadow:0 0 0 3px #D3FA00!important}

/* Navigation */
html body .tux-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 6px!important;font-family:"DM Sans",system-ui,sans-serif}
html body .tux-nav button{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:10px 16px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;border:1.5px solid #CFE0D6;background:#fff;color:#00543D;transition:background .18s,border-color .18s,opacity .18s}
html body .tux-nav button:hover:not(:disabled){background:#EEF7F1;border-color:#0B7C58}
html body .tux-nav button:disabled{opacity:.38;cursor:default}
html body .tux-nav .tux-next.tux-ready{background:#00543D;border-color:#00543D;color:#fff}
html body .tux-hint{font-size:13px;color:#5B6F68}
@media (max-width:640px){html body .tux-hint{display:none}}
@media (hover:none){html body .tux-hint{display:none}}

html body .tux-done{align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 14px!important;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,#EAF7E3,#F4FAF7);border:1.5px solid #B9DFA0;font-family:"DM Sans",system-ui,sans-serif}
html body .tux-done-ic{flex:0 0 46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00543D;color:#D3FA00}
html body .tux-done strong{display:block;font-size:17px;color:#00543D}
html body .tux-done span{display:block;font-size:14.5px;color:#3F5A4E}
html body .tux-done>div:nth-child(2){flex:1 1 180px}
html body .tux-review{border:0;background:none;color:#00543D;text-decoration:underline;font-size:14.5px;font-weight:600;cursor:pointer;padding:6px 0}
html body .tux-on.tux-complete .tux-end button[type=submit],html body .tux-on.tux-complete .tux-end.pi-eit-test-btn,html body .tux-on.tux-complete .tux-end .pi-idk-quiz-btn{animation:tuxGlow 1.8s ease 2}

html body .tux-resume{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 0 14px!important;padding:14px 16px;border-radius:14px;background:#FFF8E1;border:1px solid #F1D98A;font-size:15px;color:#3B2F06;font-family:"DM Sans",system-ui,sans-serif}
html body .tux-resume span{flex:1 1 220px}
html body .tux-resume button{min-height:42px;padding:8px 14px;border-radius:10px;font-weight:600;font-size:14.5px;cursor:pointer;border:1.5px solid #00543D}
html body .tux-res-go{background:#00543D;color:#fff}
html body .tux-res-new{background:#fff;color:#00543D}

@media (max-width:640px){
  html body .tux-on .tux-item.tux-cur{padding:20px 16px 18px!important;border-radius:16px!important}
  html body .tux-on .tux-item .pi-eit-q-text,html body .tux-on .tux-item .pi-dq-qt,html body .tux-on .tux-item .pi-t16-qt{font-size:18.5px!important;margin-bottom:16px!important}
  html body .tux-num .tux-item .pi-eit-q-scale{gap:7px!important}
  html body .tux-num .tux-item .pi-eit-opt{height:54px!important;font-size:19px!important}
}

/* Bewegung der Karten */
@keyframes tuxInR{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes tuxInL{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes tuxShake{0%,100%{transform:none}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@keyframes tuxPop{0%{transform:scale(1)}45%{transform:scale(1.07)}100%{transform:scale(1)}}
@keyframes tuxGlow{0%,100%{box-shadow:0 0 0 0 rgba(211,250,0,0)}50%{box-shadow:0 0 0 8px rgba(211,250,0,.45)}}
@keyframes tuxRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes tuxDraw{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}
@keyframes tuxFade{from{opacity:0}to{opacity:1}}
@keyframes tuxDot{0%{transform:scale(0)}70%{transform:scale(1.25)}100%{transform:scale(1)}}
@keyframes tuxCell{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes tuxQ{0%,100%{opacity:1}50%{opacity:.35}}
html body .tux-in-r{animation:tuxInR .32s cubic-bezier(.2,.8,.2,1)}
html body .tux-in-l{animation:tuxInL .32s cubic-bezier(.2,.8,.2,1)}
html body .tux-shake{animation:tuxShake .32s ease}
html body .tux-pop{animation:tuxRise .45s cubic-bezier(.2,.8,.2,1)}
html body .tux-rise{animation:tuxRise .55s cubic-bezier(.2,.8,.2,1) both}
html body .tux-landed{animation:tuxPop .4s ease}

/* ============ Ergebnis ============ */
html body .tux-curvebox{margin:16px 0 18px!important;padding:18px 18px 12px;border:1px solid #DCEAE2;border-radius:16px;background:#fff;font-family:"DM Sans",system-ui,sans-serif}
html body .tux-cb-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:baseline;margin:0 0 6px}
html body .tux-cb-k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0B7C58}
html body .tux-cb-v{font-size:16px;color:#14261F}
html body .tux-cb-v strong{color:#00543D}
html body .tux-curve{display:block;width:100%;height:auto;max-height:200px}
html body .tux-curve text{font-size:12px;fill:#5B6F68;font-family:"DM Sans",system-ui,sans-serif}
html body .tux-c-line{stroke-dasharray:900;animation:tuxDraw 1.1s ease both}
html body .tux-c-fill{animation:tuxFade .9s ease .5s both}
html body .tux-c-mark{animation:tuxFade .4s ease 1s both}
html body .tux-c-dot{transform-box:fill-box;transform-origin:center;animation:tuxDot .45s ease 1.05s both}
html body .tux-cb-note{font-size:13px!important;line-height:1.5!important;color:#5B6F68!important;margin:6px 0 0!important}

html body .tux-chance{display:flex;gap:12px;align-items:flex-start;margin:0 0 16px!important;padding:14px 16px;border-radius:14px;background:#FFF8E1;border:1px solid #F1D98A;color:#3B2F06;font-size:14.5px;line-height:1.5;font-family:"DM Sans",system-ui,sans-serif}
html body .tux-chance svg{flex:0 0 20px;color:#9A6A00;margin-top:2px}

html body .tux-keep{position:relative;margin:18px 0 20px!important;padding:20px;border-radius:18px;background:linear-gradient(140deg,#003A2A,#00543D 60%,#0B7C58);color:#fff;font-family:"DM Sans",system-ui,sans-serif;box-shadow:0 14px 30px -18px rgba(0,58,42,.7)}
html body .tux-keep-h{margin:0 0 14px}
html body .tux-keep-k{display:block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#D3FA00;margin:0 0 4px}
html body .tux-keep-h strong{display:block;font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:22px;line-height:1.25;color:#fff}
html body .tux-keep-btns{display:flex;flex-wrap:wrap;gap:10px}
html body .tux-kb{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 16px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;border:1.5px solid rgba(255,255,255,.42);background:rgba(255,255,255,.08);color:#fff;transition:background .18s,transform .12s,border-color .18s}
html body .tux-kb:hover{background:rgba(255,255,255,.16);border-color:#fff}
html body .tux-kb:active{transform:scale(.97)}
html body .tux-kb-mail{background:#D3FA00;border-color:#D3FA00;color:#003A2A}
html body .tux-kb-mail:hover{background:#E4FF45;border-color:#E4FF45}
html body .tux-mail{margin:14px 0 0!important;padding:16px;border-radius:14px;background:#fff;color:#14261F}
html body .tux-mail[hidden]{display:none!important}
html body .tux-ml-l{display:block;font-size:14px;font-weight:600;margin:0 0 6px;color:#14261F}
html body .tux-ml-row{display:flex;gap:8px;flex-wrap:wrap}
html body .tux-ml-row input{flex:1 1 200px;min-height:48px;padding:10px 14px!important;border:1.5px solid #B9CFC4!important;border-radius:11px!important;font-size:16px!important;background:#fff!important;color:#14261F!important}
html body .tux-ml-row input:focus{outline:3px solid #D3FA00;outline-offset:1px;border-color:#00543D!important}
html body .tux-ml-go{min-height:48px;padding:10px 18px;border-radius:11px;border:0;background:#00543D;color:#fff;font-weight:700;font-size:15px;cursor:pointer}
html body .tux-ml-go:disabled{opacity:.6}
html body .tux-ml-c{display:flex;gap:9px;align-items:flex-start;margin:12px 0 0;font-size:13px;line-height:1.45;color:#3F5A4E}
html body .tux-ml-c input{margin-top:3px;flex:0 0 auto}
html body .tux-ml-c a{color:#00543D!important;text-decoration:underline!important}
html body .tux-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
html body .tux-ml-msg{margin:10px 0 0!important;font-size:14px!important;font-weight:600}
html body .tux-ml-msg:empty{display:none}
html body .tux-ml-msg.tux-ok{color:#0B7C58!important}
html body .tux-ml-msg.tux-err{color:#B3261E!important}
html body .tux-toast{position:absolute;right:16px;top:16px;padding:7px 12px;border-radius:99px;background:#D3FA00;color:#003A2A;font-size:13px;font-weight:700;animation:tuxRise .3s ease}
@media (max-width:640px){html body .tux-keep{padding:18px 16px}html body .tux-kb{flex:1 1 100%;justify-content:center}}

/* ============ Hero-Illustration Desktop ============ */
html body .tux-has-art{position:relative!important}
html body .tux-art{display:none}
@media (min-width:1100px){
  html body .tux-art{display:block;position:absolute;right:44px;top:50%;width:250px;transform:translateY(-50%);pointer-events:none;z-index:1}
  html body .tux-art svg{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 30px rgba(0,0,0,.25))}
  html body header.pi-iq-hero.tux-has-art h1,html body header.pi-iq-hero.tux-has-art .pi-iq-hero-intro,html body header.pi-iq-hero.tux-has-art .pi-iq-badges,html body header.pi-iq-hero.tux-has-art .pi-iq-stats-row{max-width:calc(100% - 320px)!important}
  html body header.hb-hero.tux-has-art>*:not(.tux-art){max-width:calc(100% - 320px)!important}
  html body section.pi-eit-hero.tux-has-art>*:not(.tux-art){max-width:calc(100% - 320px)!important}
}
html body .tux-art-cell{transform-box:fill-box;transform-origin:center;animation:tuxCell .5s cubic-bezier(.2,.8,.2,1) both}
html body .tux-art-q{font-family:"DM Serif Display",Georgia,serif;font-size:44px;fill:#D3FA00;animation:tuxQ 1.6s ease-in-out 1.2s infinite}
html body .tux-art-l{font-size:13px;font-weight:700;fill:#CFE6DA;font-family:"DM Sans",system-ui,sans-serif}
html body .tux-art-poly{transform-box:fill-box;transform-origin:center;animation:tuxCell .9s cubic-bezier(.2,.8,.2,1) .2s both}

/* ============ Scroll-Reveal ============ */
html.tux-ready body .tux-rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
html.tux-ready body .tux-rv.tux-seen{opacity:1;transform:none}
@media print{html body .tux-rv{opacity:1!important;transform:none!important}html body .tux-on .tux-item,html body .tux-on .tux-grp{display:block!important}html body .tux-bar,html body .tux-nav,html body .tux-done,html body .tux-keep,html body .tux-resume{display:none!important}}

/* ============ Buttons allgemein ============ */
html body .pi-iq-btn-primary,html body .hb-btn,html body .pi-eit-hero-jump,html body .pi-idk-btn-primary,html body .pi-bwt-hero-cta,html body .pi-tv-btnrow a,html body .pi-dq-btn,html body .pi-t16-btn,html body .pi-eit-test-btn,html body .pi-idk-quiz-btn{transition:transform .16s ease,box-shadow .2s ease,background-color .2s ease!important}
@media (hover:hover){
  html body .pi-iq-btn-primary:hover,html body .hb-btn:hover,html body .pi-eit-hero-jump:hover,html body .pi-idk-btn-primary:hover,html body .pi-bwt-hero-cta:hover,html body .pi-tv-btnrow a:hover,html body .pi-dq-btn:hover,html body .pi-t16-btn:hover,html body .pi-eit-test-btn:hover,html body .pi-idk-quiz-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px -10px rgba(0,58,42,.55)!important}
}

/* ============ IQ-Test: Hero in Hausfarbe ============ */
html body header.pi-iq-hero{background:linear-gradient(140deg,#003A2A 0%,#00543D 58%,#0B7C58 100%)!important;border-radius:22px!important;padding:40px 44px 40px!important;margin:6px 0 26px!important;color:#fff!important;overflow:hidden;position:relative}
html body header.pi-iq-hero::after{content:"";position:absolute;right:-90px;top:-110px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(211,250,0,.16),rgba(211,250,0,0) 70%);pointer-events:none}
html body header.pi-iq-hero h1{color:#fff!important}
html body header.pi-iq-hero .pi-iq-hero-intro,html body header.pi-iq-hero .pi-iq-hero-intro *{color:#E6F6ED!important}
html body header.pi-iq-hero .pi-iq-hero-intro strong{color:#fff!important}
html body header.pi-iq-hero .pi-iq-hero-kicker{background:rgba(211,250,0,.12)!important;border:1px solid rgba(211,250,0,.45)!important;color:#D3FA00!important}
html body header.pi-iq-hero .pi-iq-hero-kicker *{color:#D3FA00!important}
html body header.pi-iq-hero .pi-iq-badges>*{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.32)!important;color:#fff!important}
html body header.pi-iq-hero .pi-iq-badges>* *{color:#fff!important}
html body header.pi-iq-hero .pi-iq-badges svg [stroke]:not([stroke=none]){stroke:#D3FA00!important}
html body header.pi-iq-hero .pi-iq-stats-row>*{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:none!important}
html body header.pi-iq-hero .pi-iq-stats-row>* *{color:#CFE6DA!important}
html body header.pi-iq-hero .pi-iq-stats-row>* :first-child{color:#D3FA00!important}

/* ============ Mobile: Start-Button in den ersten Bildschirm ============ */
@media (max-width:640px){
  html body header.pi-iq-hero{display:flex!important;flex-direction:column!important;padding:24px 20px 22px!important;border-radius:18px!important;margin-top:0!important}
  html body header.pi-iq-hero>*{order:6}
  html body header.pi-iq-hero>.pi-iq-hero-kicker{order:1;font-size:11.5px!important;line-height:1.35!important;padding:7px 12px!important;align-self:flex-start}
  html body header.pi-iq-hero>h1{order:2;font-size:28px!important;line-height:1.18!important}
  html body header.pi-iq-hero>.pi-iq-hero-intro{order:3;font-size:16px!important}
  html body header.pi-iq-hero>.pi-iq-btn-primary{order:4;margin:4px 0 18px!important;align-self:stretch;justify-content:center}
  html body header.pi-iq-hero>.pi-iq-badges{order:5}

  html body .pi-eit-hub-back{display:none!important}
  html body section.pi-eit-hero{display:flex!important;flex-direction:column!important;padding:26px 20px 24px!important}
  html body section.pi-eit-hero>*{order:6}
  html body section.pi-eit-hero>.pi-eit-hero-label{order:1}
  html body section.pi-eit-hero>h1{order:2;font-size:29px!important;line-height:1.18!important}
  html body section.pi-eit-hero>.pi-eit-hero-sub{order:3;font-size:16px!important}
  html body section.pi-eit-hero>.pi-eit-hero-jump{order:4;margin:6px 0 18px!important}

  html body header.hb-hero{display:flex!important;flex-direction:column!important}
  html body header.hb-hero>*{order:8}
  html body header.hb-hero>.hb-kicker{order:1}
  html body header.hb-hero>h1{order:2}
  html body header.hb-hero>.hb-hero-sub{order:3}
  html body header.hb-hero>.hb-hero-intro{order:4}
  html body header.hb-hero>a.hb-btn-lime{order:5;margin-bottom:16px!important}
  html body header.hb-hero>.hb-badges{order:6}
  html body header.hb-hero>.hb-stats{order:7}

  html body section.pi-bwt-hero{display:flex!important;flex-direction:column!important;padding:34px 20px 30px!important}
  html body section.pi-bwt-hero>*{order:6}
  html body section.pi-bwt-hero>.pi-bwt-hero-eyebrow{order:1}
  html body section.pi-bwt-hero>h1{order:2}
  html body section.pi-bwt-hero>.pi-bwt-hero-desc{order:3}
  html body section.pi-bwt-hero>.pi-bwt-hero-cta{order:4}
  html body section.pi-bwt-hero>.pi-bwt-hero-trust{order:5}
  html body section.pi-bwt-hero>.pi-bwt-hero-note{order:7;margin-top:14px!important}

  html body .pi-idk-hero-col{display:flex!important;flex-direction:column!important}
  html body .pi-idk-hero-col>*{order:6}
  html body .pi-idk-hero-col>.pi-idk-hero-badge{order:1}
  html body .pi-idk-hero-col>h1{order:2}
  html body .pi-idk-hero-col>p{order:3}
  html body .pi-idk-hero-col>.pi-idk-hero-cta-row{order:4;margin-bottom:18px!important}
  html body .pi-idk-hero-col>.pi-idk-hero-stat{order:5}

  html body section.pi-tv-hero h1{font-size:29px!important;line-height:1.18!important}
  html body section.pi-tv-hero .pi-tv-lead{font-size:16px!important;line-height:1.55!important}
  html body section.pi-tv-hero{padding-top:28px!important}
}

/* ============ Test direkt unter den Hero ============ */
html body .pi-eit-wrap,html body .pi-tv-wrap,html body .pi-idk-wrap,html body .pi-ats-wrap{display:flex!important;flex-direction:column!important}
html body .pi-eit-wrap>.pi-eit-breadcrumb,html body .pi-eit-wrap>.pi-eit-hub-back,html body .pi-eit-wrap>.pi-eit-hero{order:-3}
html body .pi-eit-wrap>#pi-eit-test-section{order:-2;margin-top:8px!important}
html body .pi-tv-wrap>.pi-tv-hero{order:-3}
html body .pi-tv-wrap>.pi-tv-sec-alt:has(#pi-tv-test){order:-2}
html body .pi-idk-wrap>.pi-idk-hero{order:-3}
html body .pi-idk-wrap>section:has(.pi-idk-quiz){order:-2}
html body .pi-ats-wrap>.pi-ats-hero{order:-3}
html body .pi-ats-wrap>#pi-ats-tool{order:-2}

/* ============ Hausfarbe statt Fremdfarben ============ */
html body .pi-ie-hero,html body section.pi-ie-hero{background:linear-gradient(125deg,#003A2A 0%,#00543D 55%,#0B7C58 100%)!important}

/* ============ Kleintexte auf dem Handy ============ */
@media (max-width:640px){
  html body.tux-small .entry-content td,html body.tux-small .entry-content td strong,html body.tux-small .entry-content th{font-size:13.5px!important;line-height:1.45!important}
  html body .pi-abn-bl-key,html body .pi-abn-bl-val,html body .pi-abn-bl-text,html body .pi-abn-bl-text *,html body .pi-abn-bl-card a,html body .pi-abn-bl-card p,html body .pi-abn-step-p,html body .pi-abn-calc-sub,html body .pi-abn-course-title{font-size:13.5px!important;line-height:1.45!important}
  html body .pi-abn-bl-formula,html body .pi-abn-kpi-label,html body .pi-abn-block-max,html body .pi-abn-info-formula,html body .pi-abn-info-hint,html body .pi-abn-calc-disclaimer,html body .pi-abn-hero-tag{font-size:12.5px!important}
  html body .pi-swt3-preview-list li,html body .pi-swt3-related-link,html body .pi-swt3-hub-link,html body .pi-swt3-toc-item,html body .pi-swt3-zg-link,html body .pi-swt3-step-text,html body .pi-swt3-step-text a,html body .pi-swt3-standort,html body .pi-swt3-zg-text,html body .pi-swt3-compare-row span,html body .pi-swt3-faq-a a,html body .pi-swt3-bereich-name,html body .pi-swt3-bereich-ex{font-size:13.5px!important;line-height:1.45!important}
  html body .pi-swt3-preview-col-label,html body .pi-swt3-zg-badge,html body .pi-swt3-step-meta,html body .pi-swt-pill,html body .pi-swt3-jan-cred,html body .pi-swt3-hub-col-label,html body .pi-swt3-author-strip-stat-label{font-size:12px!important}
  html body .pi-b5c-pill,html body .pi-pt-toc-grid a,html body .pi-pth-compare-link,html body .pi-pt-chip,html body .pi-b5c-sci-note,html body .pi-pt-explorer-note,html body .pi-b5c-testi-context,html body .spec-l,html body .spec-r{font-size:13.5px!important;line-height:1.45!important}
  html body .pi-pth-card-tag,html body .pi-b5c-tag,html body .pi-pth-badge,html body .pi-pth-eyebrow,html body .pi-b5c-stat-label,html body .pi-b5c-pill-label,html body .pi-b5c-testi-badge,html body .pi-b5c-related-cat-label{font-size:12px!important}
}

/* ============ Reduzierte Bewegung ============ */
@media (prefers-reduced-motion:reduce){
  html body .tux-in-r,html body .tux-in-l,html body .tux-shake,html body .tux-pop,html body .tux-rise,html body .tux-landed,html body .tux-c-line,html body .tux-c-fill,html body .tux-c-mark,html body .tux-c-dot,html body .tux-art-cell,html body .tux-art-q,html body .tux-art-poly,html body .tux-num .tux-item .pi-eit-opt.pi-eit-sel{animation:none!important}
  html body .tux-fill{transition:none!important}
  html.tux-ready body .tux-rv{opacity:1!important;transform:none!important}
  html body .pi-iq-btn-primary,html body .hb-btn,html body .pi-eit-hero-jump{transition:none!important}
}

/* HB Intro-Bereiche: symmetrische Kacheln (29.10.2026) */
html body.tux-hb .hb-intro-areas{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:18px 0 22px!important}
html body.tux-hb .hb-intro-area{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;gap:0!important;padding:16px 14px 14px!important;border-radius:12px!important;border:1px solid #E4E0D6!important;background:#fff!important;font-size:13.5px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.005em;color:#0F2A20;overflow:hidden;min-width:0}
html body.tux-hb .hb-intro-area::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--hbc,#00543D)}
html body.tux-hb .hb-intro-dot{display:none!important}
html body.tux-hb .hb-intro-area>div:last-child{min-width:0;width:100%}
html body.tux-hb .hb-intro-area svg{display:block;width:18px!important;height:18px!important;box-sizing:content-box;padding:9px;margin:0 0 10px!important;border-radius:10px;background:var(--hbt,#EAF4EE)}
html body.tux-hb .hb-intro-area small{display:block;margin-top:5px!important;font-size:12.5px!important;line-height:1.45!important;font-weight:400!important;color:#5B6B63!important}
html body.tux-hb .hb-intro-area:nth-child(1){--hbc:#00543D;--hbt:#E3F1EA}
html body.tux-hb .hb-intro-area:nth-child(2){--hbc:#FF9D00;--hbt:#FFF1DC}
html body.tux-hb .hb-intro-area:nth-child(3){--hbc:#1565C0;--hbt:#E3EEFA}
html body.tux-hb .hb-intro-area:nth-child(4){--hbc:#6A1B9A;--hbt:#F1E6F7}
html body.tux-hb .hb-intro-area:nth-child(5){--hbc:#C62828;--hbt:#FBE7E7;grid-column:1/-1!important;flex-direction:row;align-items:center;gap:12px!important}
html body.tux-hb .hb-intro-area:nth-child(5)>div:last-child{display:grid;grid-template-columns:36px 1fr;column-gap:12px;align-items:center}
html body.tux-hb .hb-intro-area:nth-child(5) svg{margin:0!important;grid-row:1/3;grid-column:1}
html body.tux-hb .hb-intro-area:nth-child(5) small{margin-top:3px!important;grid-column:2;grid-row:2}
@media(max-width:340px){html body.tux-hb .hb-intro-areas{grid-template-columns:1fr!important}}
/* HB: Schwarz (#1C1C1C) durch Hausgruen ersetzen (29.10.2026) */
html body.tux-hb .hb-quiz-hdr,html body.tux-hb .hb-res-box,html body.tux-hb .hb-dark-box,html body.tux-hb .hb-cta,html body.tux-hb .hbf-price{background:radial-gradient(120% 140% at 100% 0%,rgba(211,250,0,.16) 0%,rgba(211,250,0,0) 45%),linear-gradient(135deg,#0B6E4F 0%,#00543D 55%,#00412F 100%)!important}
html body.tux-hb .hb-stim-box{background:linear-gradient(135deg,#0B6E4F 0%,#00543D 100%)!important}
html body.tux-hb .hb-kicker,html body.tux-hb .hb-badge-dark,html body.tux-hb .hb-seq-cell.hb-unknown{background:#00543D!important;border-color:#00543D!important}
html body.tux-hb .hb-btn-dark,html body.tux-hb .hb-btn-next{background:#00543D!important}
html body.tux-hb .hb-btn-dark:hover,html body.tux-hb .hb-btn-next:hover{background:#198B59!important}
html body.tux-hb .hb-page table.hbf-table th,html body.tux-hb .hb-page table.hbx-table th{background:#00543D!important}
html body.tux-hb .hb-quote-block{border-left-color:#198B59!important}
html body.tux-hb .hb-opt:hover:not(:disabled):not(.hb-locked),html body.tux-hb .hb-intlink:hover,html body.tux-hb .hb-btn-retry:hover{border-color:#00543D!important}
/* Kinder-IQ: Fragenummer steht schon im Fortschrittsbalken */
html body.tux-iqk .tux-on .pi-iqk-qnum{display:none!important}
html body.tux-iqk .tux-on .pi-iqk-qi{border-top:0!important}

/* Nav-Buttons: mehr Luft, gegen fremde Button-Regeln abgesichert */
html body .tux-nav button.tux-back,html body .tux-nav button.tux-next{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:128px!important;min-height:50px!important;padding:12px 22px!important;margin:0!important;width:auto!important;max-width:none!important;white-space:nowrap!important;line-height:1.2!important;letter-spacing:0!important;font-size:15.5px!important;border-radius:14px!important;overflow:visible!important}
html body .tux-nav button.tux-back{padding-left:16px!important}
html body .tux-nav button.tux-next{padding-right:16px!important}
html body .tux-nav button svg{flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important}
html body .tux-nav{gap:12px!important;margin:18px 0 8px!important}

/* HB: Fortschritt bleibt unter der Kopfleiste stehen */
html body.tux-hb .hb-quiz-wrap{overflow:clip!important}
html body.tux-hb #hb-s-quiz>div:first-child{position:-webkit-sticky!important;position:sticky!important;top:var(--pi-hd,0px)!important;z-index:4!important;background:#fff;margin:-16px -16px 8px!important;padding:16px 16px 12px;box-shadow:0 8px 14px -12px rgba(0,40,28,.35)}
html body.tux-hb #hb-s-quiz .hb-prog-outer{margin-bottom:22px!important;height:6px!important;border-radius:3px!important}
html body.tux-hb #hb-s-quiz .hb-prog-label{top:12px!important;font-size:12px!important;color:#00543D!important}
@media(min-width:601px){html body.tux-hb #hb-s-quiz>div:first-child{margin:-24px -24px 8px!important;padding:20px 24px 12px}}

/* Likert-Fragekarten: Persoenlichkeitstest, Studienwahltest, Berufswahltest Schueler (29.10.2026) */
html body .tux-lik ol > li.tux-item{list-style:none!important}
html body .tux-lik .tux-on ol.pi-b5-qlist,html body .tux-lik .tux-on ol.qlist,html body .tux-lik .tux-on ol.pi-bwt-qlist,html body .tux-on.tux-lik ol{padding-left:0!important;margin-left:0!important}
html body .tux-lik ol > li.tux-item::marker{content:""}
html body .tux-lik .tux-item > span:first-child{display:block!important;font-size:19px!important;line-height:1.42!important;font-weight:600!important;color:#14261F!important;margin:0 0 4px!important}
html body .tux-lik .tux-item .pi-b5-opts,html body .tux-lik .tux-item .opts,html body .tux-lik .tux-item .pi-bwt-opts{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:18px 0 0!important;padding:0!important;width:100%!important}
html body .tux-lik .tux-item .pi-b5-opts label,html body .tux-lik .tux-item .opts label,html body .tux-lik .tux-item .pi-bwt-opts label{position:relative!important;width:auto!important;min-width:0!important;grid-row:1;height:58px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1.5px solid #CFE0D6!important;border-radius:14px!important;background:#F7FBF8!important;color:#00543D!important;font-size:20px!important;font-weight:700!important;line-height:1!important;cursor:pointer;box-shadow:none!important;transition:background .18s,border-color .18s,transform .12s,box-shadow .18s;-webkit-tap-highlight-color:transparent}
html body .tux-lik .tux-item label input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;pointer-events:none}
html body .tux-lik .tux-item label span{background:none!important;border:0!important;width:auto!important;height:auto!important;padding:0!important;color:inherit!important;font:inherit!important;box-shadow:none!important}
html body .tux-lik .tux-item label .pi-b5-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
html body .tux-lik .tux-item label:hover{border-color:#0B7C58!important;background:#EEF7F1!important}
html body .tux-lik .tux-item label:active{transform:scale(.95)}
html body .tux-lik .tux-item label:has(input:checked){background:#00543D!important;border-color:#00543D!important;color:#fff!important;box-shadow:0 6px 16px -8px rgba(0,84,61,.65)!important;animation:tuxPop .28s ease}
html body .tux-lik .tux-item label:has(input:focus-visible){outline:3px solid #D3FA00!important;outline-offset:2px}
html body .tux-lik .tux-item .pi-b5-opts::before,html body .tux-lik .tux-item .opts::before,html body .tux-lik .tux-item .pi-bwt-opts::before{content:"trifft nicht zu";grid-row:2;grid-column:1/4;font-size:13px;color:#5B6B63;text-align:left;margin-top:2px}
html body .tux-lik .tux-item .pi-b5-opts::after,html body .tux-lik .tux-item .opts::after,html body .tux-lik .tux-item .pi-bwt-opts::after{content:"trifft voll zu";grid-row:2;grid-column:4/6;font-size:13px;color:#5B6B63;text-align:right;margin-top:2px}
html body .tux-lik .tux-item .pi-b5-opts::before{content:"trifft gar nicht zu"}
html body .tux-lik .tux-item .pi-b5-opts::after{content:"trifft voll und ganz zu"}
@media (prefers-reduced-motion:reduce){html body .tux-lik .tux-item label:has(input:checked){animation:none!important}html body .tux-lik .tux-item label:active{transform:none}}
/* Likert-Fragekarten v2: ID-Selektoren schlagen Seiten-CSS, volle Breite (29.10.2026) */
html body #pi-b5-form.tux-lik ol > li.tux-item,html body #testForm.tux-lik ol > li.tux-item,html body #pi-bwt-form.tux-lik ol > li.tux-item{list-style:none!important}
html body #pi-b5-form.tux-on.tux-lik ol,html body #testForm.tux-on.tux-lik ol,html body #pi-bwt-form.tux-on.tux-lik ol{padding-left:0!important;margin-left:0!important}
html body #pi-b5-form.tux-lik ol > li.tux-item::marker,html body #testForm.tux-lik ol > li.tux-item::marker,html body #pi-bwt-form.tux-lik ol > li.tux-item::marker{content:""}
html body #pi-b5-form.tux-lik .tux-item > span:first-child,html body #testForm.tux-lik .tux-item > span:first-child,html body #pi-bwt-form.tux-lik .tux-item > span:first-child{display:block!important;font-size:19px!important;line-height:1.42!important;font-weight:600!important;color:#14261F!important;margin:0 0 4px!important}
html body #pi-b5-form.tux-lik .tux-item .pi-b5-opts,html body #testForm.tux-lik .tux-item .pi-b5-opts,html body #pi-bwt-form.tux-lik .tux-item .pi-b5-opts,html body #pi-b5-form.tux-lik .tux-item .opts,html body #testForm.tux-lik .tux-item .opts,html body #pi-bwt-form.tux-lik .tux-item .opts,html body #pi-b5-form.tux-lik .tux-item .pi-bwt-opts,html body #testForm.tux-lik .tux-item .pi-bwt-opts,html body #pi-bwt-form.tux-lik .tux-item .pi-bwt-opts{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:18px 0 0!important;padding:0!important;width:100%!important}
html body #pi-b5-form.tux-lik .tux-item .pi-b5-opts label,html body #testForm.tux-lik .tux-item .pi-b5-opts label,html body #pi-bwt-form.tux-lik .tux-item .pi-b5-opts label,html body #pi-b5-form.tux-lik .tux-item .opts label,html body #testForm.tux-lik .tux-item .opts label,html body #pi-bwt-form.tux-lik .tux-item .opts label,html body #pi-b5-form.tux-lik .tux-item .pi-bwt-opts label,html body #testForm.tux-lik .tux-item .pi-bwt-opts label,html body #pi-bwt-form.tux-lik .tux-item .pi-bwt-opts label{position:relative!important;width:auto!important;min-width:0!important;grid-row:1;height:58px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1.5px solid #CFE0D6!important;border-radius:14px!important;background:#F7FBF8!important;color:#00543D!important;font-size:20px!important;font-weight:700!important;line-height:1!important;cursor:pointer;box-shadow:none!important;transition:background .18s,border-color .18s,transform .12s,box-shadow .18s;-webkit-tap-highlight-color:transparent}
html body #pi-b5-form.tux-lik .tux-item label input,html body #testForm.tux-lik .tux-item label input,html body #pi-bwt-form.tux-lik .tux-item label input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;pointer-events:none}
html body #pi-b5-form.tux-lik .tux-item label span,html body #testForm.tux-lik .tux-item label span,html body #pi-bwt-form.tux-lik .tux-item label span{background:none!important;border:0!important;width:auto!important;height:auto!important;padding:0!important;color:inherit!important;font:inherit!important;box-shadow:none!important}
html body #pi-b5-form.tux-lik .tux-item label .pi-b5-sr,html body #testForm.tux-lik .tux-item label .pi-b5-sr,html body #pi-bwt-form.tux-lik .tux-item label .pi-b5-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
html body #pi-b5-form.tux-lik .tux-item label:hover,html body #testForm.tux-lik .tux-item label:hover,html body #pi-bwt-form.tux-lik .tux-item label:hover{border-color:#0B7C58!important;background:#EEF7F1!important}
html body #pi-b5-form.tux-lik .tux-item label:active,html body #testForm.tux-lik .tux-item label:active,html body #pi-bwt-form.tux-lik .tux-item label:active{transform:scale(.95)}
html body #pi-b5-form.tux-lik .tux-item label:has(input:checked),html body #testForm.tux-lik .tux-item label:has(input:checked),html body #pi-bwt-form.tux-lik .tux-item label:has(input:checked){background:#00543D!important;border-color:#00543D!important;color:#fff!important;box-shadow:0 6px 16px -8px rgba(0,84,61,.65)!important;animation:tuxPop .28s ease}
html body #pi-b5-form.tux-lik .tux-item label:has(input:focus-visible),html body #testForm.tux-lik .tux-item label:has(input:focus-visible),html body #pi-bwt-form.tux-lik .tux-item label:has(input:focus-visible){outline:3px solid #D3FA00!important;outline-offset:2px}
html body #pi-b5-form.tux-lik .tux-item .pi-b5-opts::before,html body #testForm.tux-lik .tux-item .pi-b5-opts::before,html body #pi-bwt-form.tux-lik .tux-item .pi-b5-opts::before,html body #pi-b5-form.tux-lik .tux-item .opts::before,html body #testForm.tux-lik .tux-item .opts::before,html body #pi-bwt-form.tux-lik .tux-item .opts::before,html body #pi-b5-form.tux-lik .tux-item .pi-bwt-opts::before,html body #testForm.tux-lik .tux-item .pi-bwt-opts::before,html body #pi-bwt-form.tux-lik .tux-item .pi-bwt-opts::before{content:"trifft nicht zu";grid-row:2;grid-column:1/4;font-size:13px;color:#5B6B63;text-align:left;margin-top:2px}
html body #pi-b5-form.tux-lik .tux-item .pi-b5-opts::after,html body #testForm.tux-lik .tux-item .pi-b5-opts::after,html body #pi-bwt-form.tux-lik .tux-item .pi-b5-opts::after,html body #pi-b5-form.tux-lik .tux-item .opts::after,html body #testForm.tux-lik .tux-item .opts::after,html body #pi-bwt-form.tux-lik .tux-item .opts::after,html body #pi-b5-form.tux-lik .tux-item .pi-bwt-opts::after,html body #testForm.tux-lik .tux-item .pi-bwt-opts::after,html body #pi-bwt-form.tux-lik .tux-item .pi-bwt-opts::after{content:"trifft voll zu";grid-row:2;grid-column:4/6;font-size:13px;color:#5B6B63;text-align:right;margin-top:2px}
html body #pi-b5-form.tux-lik .tux-item .pi-b5-opts::before,html body #testForm.tux-lik .tux-item .pi-b5-opts::before,html body #pi-bwt-form.tux-lik .tux-item .pi-b5-opts::before{content:"trifft gar nicht zu"}
html body #pi-b5-form.tux-lik .tux-item .pi-b5-opts::after,html body #testForm.tux-lik .tux-item .pi-b5-opts::after,html body #pi-bwt-form.tux-lik .tux-item .pi-b5-opts::after{content:"trifft voll und ganz zu"}
@media (prefers-reduced-motion:reduce){html body #pi-b5-form.tux-lik .tux-item label:has(input:checked),html body #testForm.tux-lik .tux-item label:has(input:checked),html body #pi-bwt-form.tux-lik .tux-item label:has(input:checked){animation:none!important}html body #pi-b5-form.tux-lik .tux-item label:active,html body #testForm.tux-lik .tux-item label:active,html body #pi-bwt-form.tux-lik .tux-item label:active{transform:none}}
html body #pi-b5-testContainer .pi-b5-card:has(#pi-b5-form.tux-on){padding:18px 14px!important}
html body #pi-b5-form.tux-on .pi-b5-dim-section,html body #pi-bwt-form.tux-on .pi-bwt-dim-section{padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body #pi-b5-form.tux-on .pi-b5-dim-header,html body #pi-bwt-form.tux-on .pi-bwt-dim-header{margin:0 0 12px!important;padding:0 2px 12px!important}
html body #pi-b5-form.tux-on ol,html body #testForm.tux-on ol,html body #pi-bwt-form.tux-on ol{padding:0!important;margin:0!important;list-style:none!important}
html body #pi-b5-form.tux-on li.tux-item,html body #testForm.tux-on li.tux-item,html body #pi-bwt-form.tux-on li.tux-item{width:100%!important;max-width:none!important;margin:0!important;padding:22px 18px 18px!important;box-sizing:border-box!important;font-size:16px!important}
html body #pi-b5-form.tux-lik .tux-item > span:first-child,html body #testForm.tux-lik .tux-item > span:first-child,html body #pi-bwt-form.tux-lik .tux-item > span:first-child{font-size:20px!important;line-height:1.4!important}
@media(min-width:700px){html body #pi-b5-form.tux-lik .tux-item label,html body #testForm.tux-lik .tux-item label,html body #pi-bwt-form.tux-lik .tux-item label{height:64px!important;font-size:22px!important}}
html body #pi-b5-form.tux-on:not(.tux-complete) .tux-end,html body #testForm.tux-on:not(.tux-complete) .tux-end,html body #pi-bwt-form.tux-on:not(.tux-complete) .tux-end{display:none!important}

/* Aussagen 16 px, Nav-Buttons passen in schmale Karten (29.10.2026) */
html body .tux-on .tux-item .pi-eit-q-text,html body .tux-on .tux-item .pi-dq-qt,html body .tux-on .tux-item .pi-t16-qt,html body .tux-on .pi-iqk-qi.tux-item .pi-iqk-qt,html body .tux-on .pi-iqk-qi.tux-item .pi-iqk-qt-lg,html body #pi-b5-form.tux-lik .tux-item > span:first-child,html body #testForm.tux-lik .tux-item > span:first-child,html body #pi-bwt-form.tux-lik .tux-item > span:first-child{font-size:16px!important;line-height:1.5!important;font-weight:600!important;margin-bottom:14px!important}
html body #pi-b5-form.tux-lik .tux-item > span:first-child,html body #testForm.tux-lik .tux-item > span:first-child,html body #pi-bwt-form.tux-lik .tux-item > span:first-child{margin-bottom:2px!important}
html body .tux-nav button.tux-back,html body .tux-nav button.tux-next{flex:0 1 150px!important;min-width:0!important}

/* Mobil: Fragekarten breiter (29.10.2026) */
@media (max-width:600px){
html body #pi-eit-test-section.tux-on{margin-left:-36px!important;margin-right:-36px!important;padding:16px 12px!important;border-radius:16px!important}
html body #pi-t16-testContainer.tux-on ol.pi-t16-qlist{padding-left:0!important;margin-left:0!important}
html body .pi-pt-test:has(#pi-b5-form.tux-on){padding-left:8px!important;padding-right:8px!important}
html body #pi-b5-testContainer:has(#pi-b5-form.tux-on){padding-left:0!important;padding-right:0!important}
html body #pi-b5-testContainer .pi-b5-card:has(#pi-b5-form.tux-on){padding:16px 12px!important}
html body #pi-bwt-testContainer:has(#pi-bwt-form.tux-on){padding-left:0!important;padding-right:0!important}
html body .tux-on li.tux-item,html body .tux-on .tux-item{box-sizing:border-box!important}
}

/* Persoenlichkeitstest Vertiefung (pi-b5d) als Fragekarten (29.10.2026) */
html body #pi-b5d-form.tux-lik ol > li.tux-item{list-style:none!important}
html body #pi-b5d-form.tux-on.tux-lik ol{padding-left:0!important;margin-left:0!important}
html body #pi-b5d-form.tux-lik ol > li.tux-item::marker{content:""}
html body #pi-b5d-form.tux-lik .tux-item > span:first-child{display:block!important;font-size:19px!important;line-height:1.42!important;font-weight:600!important;color:#14261F!important;margin:0 0 4px!important}
html body #pi-b5d-form.tux-lik .tux-item .pi-b5-opts,html body #pi-b5d-form.tux-lik .tux-item .opts,html body #pi-b5d-form.tux-lik .tux-item .pi-bwt-opts{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:18px 0 0!important;padding:0!important;width:100%!important}
html body #pi-b5d-form.tux-lik .tux-item .pi-b5-opts label,html body #pi-b5d-form.tux-lik .tux-item .opts label,html body #pi-b5d-form.tux-lik .tux-item .pi-bwt-opts label{position:relative!important;width:auto!important;min-width:0!important;grid-row:1;height:58px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1.5px solid #CFE0D6!important;border-radius:14px!important;background:#F7FBF8!important;color:#00543D!important;font-size:20px!important;font-weight:700!important;line-height:1!important;cursor:pointer;box-shadow:none!important;transition:background .18s,border-color .18s,transform .12s,box-shadow .18s;-webkit-tap-highlight-color:transparent}
html body #pi-b5d-form.tux-lik .tux-item label input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;pointer-events:none}
html body #pi-b5d-form.tux-lik .tux-item label span{background:none!important;border:0!important;width:auto!important;height:auto!important;padding:0!important;color:inherit!important;font:inherit!important;box-shadow:none!important}
html body #pi-b5d-form.tux-lik .tux-item label .pi-b5-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
html body #pi-b5d-form.tux-lik .tux-item label:hover{border-color:#0B7C58!important;background:#EEF7F1!important}
html body #pi-b5d-form.tux-lik .tux-item label:active{transform:scale(.95)}
html body #pi-b5d-form.tux-lik .tux-item .pi-b5-opts::before,html body #pi-b5d-form.tux-lik .tux-item .opts::before,html body #pi-b5d-form.tux-lik .tux-item .pi-bwt-opts::before{content:"trifft nicht zu";grid-row:2;grid-column:1/4;font-size:13px;color:#5B6B63;text-align:left;margin-top:2px}
html body #pi-b5d-form.tux-lik .tux-item .pi-b5-opts::after,html body #pi-b5d-form.tux-lik .tux-item .opts::after,html body #pi-b5d-form.tux-lik .tux-item .pi-bwt-opts::after{content:"trifft voll zu";grid-row:2;grid-column:4/6;font-size:13px;color:#5B6B63;text-align:right;margin-top:2px}
html body #pi-b5d-form.tux-lik .tux-item .pi-b5-opts::before{content:"trifft gar nicht zu"}
html body #pi-b5d-form.tux-lik .tux-item .pi-b5-opts::after{content:"trifft voll und ganz zu"}
html body #pi-b5d-form.tux-on .pi-b5-dim-section{padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body #pi-b5d-form.tux-on .pi-b5-dim-header{margin:0 0 12px!important;padding:0 2px 12px!important}
html body #pi-b5d-form.tux-on ol{padding:0!important;margin:0!important;list-style:none!important}
html body #pi-b5d-form.tux-on li.tux-item{width:100%!important;max-width:none!important;margin:0!important;padding:22px 18px 18px!important;box-sizing:border-box!important;font-size:16px!important}
html body #pi-b5d-form.tux-lik .tux-item > span:first-child{font-size:20px!important;line-height:1.4!important}
html body #pi-b5d-form.tux-on:not(.tux-complete) .tux-end{display:none!important}
html body #pi-b5d-form.tux-lik .tux-item > span:first-child{font-size:16px!important;line-height:1.5!important;font-weight:600!important;margin-bottom:14px!important}
html body #pi-b5d-form.tux-lik .tux-item > span:first-child{margin-bottom:2px!important}
@media (prefers-reduced-motion:reduce){html body #pi-b5d-form.tux-lik .tux-item label:active{transform:none}}
@media(min-width:700px){html body #pi-b5d-form.tux-lik .tux-item label{height:64px!important;font-size:22px!important}}
html body #pi-b5d-box:has(#pi-b5d-form.tux-on) .pi-b5d-sub .pi-b5d-prog{display:none!important}

/* Berufswahltest Erwachsene: Fragekarten + Hausdesign (30.10.2026) */
html body #pi-erw-bno-quiz.tux-on:not(:has(#pi-erw-bno-result.show)) .pi-erw-bno-step.tux-grp-cur{display:block!important}
html body #pi-erw-bno-quiz.tux-on:has(#pi-erw-bno-result.show) .pi-erw-bno-step{display:none!important}
html body #pi-erw-bno-quiz.tux-on:has(#pi-erw-bno-result.show) :is(.tux-bar,.tux-nav,.tux-done,.tux-resume){display:none!important}
html body #pi-erw-bno-quiz.tux-on .tux-bar{padding:18px 20px 0!important;margin:0 0 4px!important}
html body #pi-erw-bno-quiz.tux-on .tux-nav{padding:0 20px!important}
html body #pi-erw-bno-quiz.tux-on .tux-done{margin:12px 20px 0!important}
html body #pi-erw-bno-quiz.tux-on .pi-erw-bno-step-head{padding:16px 20px 12px!important;border-bottom:0!important;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
html body #pi-erw-bno-quiz.tux-on .pi-erw-bno-step-letter{background:#00543D!important;color:#D3FA00!important;margin:0!important;flex:0 0 38px}
html body #pi-erw-bno-quiz.tux-on .pi-erw-bno-step-title{font-family:"DM Serif Display",Georgia,serif!important;color:#00543D!important;font-size:19px!important;font-weight:400!important;margin:0!important}
html body #pi-erw-bno-quiz.tux-on .pi-erw-bno-step-sub{flex-basis:100%;font-size:14px!important;color:#4A5D55!important}
html body #pi-erw-bno-quiz.tux-on .pi-erw-bno-qs{padding:0 14px 6px!important}
html body #pi-erw-bno-quiz.tux-on .pi-erw-bno-q.tux-item{margin:0!important;padding:22px 18px 18px!important;box-sizing:border-box!important}
html body #pi-erw-bno-quiz.tux-on .pi-erw-bno-qtext{font-family:"DM Sans",system-ui,sans-serif!important;font-size:16px!important;line-height:1.5!important;font-weight:600!important;color:#14261F!important;margin:0 0 2px!important}
html body #pi-erw-bno-quiz.tux-on .pi-erw-bno-scale{display:block!important;margin:0!important;padding:0!important}
html body #pi-erw-bno-quiz.tux-on .pi-erw-bno-scale-lbl{display:none!important}
html body #pi-erw-bno-quiz.tux-on .pi-erw-bno-opts{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:18px 0 0!important;padding:0!important;width:100%!important}
html body #pi-erw-bno-quiz.tux-on .pi-erw-bno-opts::before{content:"trifft gar nicht zu";grid-row:2;grid-column:1/4;font-size:13px;color:#5B6B63;text-align:left;margin-top:2px}
html body #pi-erw-bno-quiz.tux-on .pi-erw-bno-opts::after{content:"trifft voll zu";grid-row:2;grid-column:4/6;font-size:13px;color:#5B6B63;text-align:right;margin-top:2px}
html body #pi-erw-bno-quiz.tux-on label.pi-erw-bno-opt{position:relative!important;grid-row:1;width:auto!important;min-width:0!important;height:58px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1.5px solid #CFE0D6!important;border-radius:14px!important;background:#F7FBF8!important;color:#00543D!important;font-size:20px!important;font-weight:700!important;line-height:1!important;cursor:pointer;box-shadow:none!important;transition:background .18s,border-color .18s,transform .12s,box-shadow .18s;-webkit-tap-highlight-color:transparent}
html body #pi-erw-bno-quiz.tux-on label.pi-erw-bno-opt input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;pointer-events:none}
html body #pi-erw-bno-quiz.tux-on label.pi-erw-bno-opt span{background:none!important;border:0!important;width:auto!important;height:auto!important;padding:0!important;color:inherit!important;font:inherit!important;box-shadow:none!important}
html body #pi-erw-bno-quiz.tux-on label.pi-erw-bno-opt:hover{border-color:#0B7C58!important;background:#EEF7F1!important}
html body #pi-erw-bno-quiz.tux-on label.pi-erw-bno-opt:active{transform:scale(.95)}
html body #pi-erw-bno-quiz.tux-on label.pi-erw-bno-opt:has(input:checked){background:#00543D!important;border-color:#00543D!important;color:#fff!important;box-shadow:0 6px 16px -8px rgba(0,84,61,.65)!important;animation:tuxPop .28s ease}
html body #pi-erw-bno-quiz.tux-on label.pi-erw-bno-opt:has(input:focus-visible){outline:3px solid #D3FA00!important;outline-offset:2px}
html body #pi-erw-bno-quiz.tux-on .pi-erw-bno-nav{border-top:0!important;justify-content:center!important;padding:6px 20px 18px!important;margin:0!important}
html body #pi-erw-bno-quiz.tux-on .pi-erw-bno-btn-result{background:#D3FA00!important;color:#00543D!important;font-family:"DM Sans",system-ui,sans-serif!important;font-size:16px!important;padding:15px 30px!important;border-radius:14px!important;width:100%;justify-content:center}
html body #pi-erw-bno-quiz .pi-erw-bno-qh{font-family:"DM Sans",system-ui,sans-serif!important}
html body #pi-erw-bno-quiz .pi-erw-bno-qh-title{font-family:"DM Serif Display",Georgia,serif!important;font-weight:400!important}
html body #pi-erw-bno-quiz .pi-erw-bno-res-head{background:linear-gradient(135deg,#0B6E4F 0%,#00543D 60%,#00412F 100%)!important}
html body #pi-erw-bno-quiz .pi-erw-bno-res-code{color:#D3FA00!important;font-family:"DM Serif Display",Georgia,serif!important;font-weight:400!important}
@media (max-width:600px){html body #pi-erw-bno-quiz.tux-on .pi-erw-bno-qs{padding:0 8px 6px!important}}
@media (min-width:700px){html body #pi-erw-bno-quiz.tux-on label.pi-erw-bno-opt{height:64px!important;font-size:22px!important}}
@media (prefers-reduced-motion:reduce){html body #pi-erw-bno-quiz.tux-on label.pi-erw-bno-opt:has(input:checked){animation:none!important}html body #pi-erw-bno-quiz.tux-on label.pi-erw-bno-opt:active{transform:none}}
html body #pi-erw-bno-quiz.tux-on.tux-complete .tux-nav{display:none!important}

/* Beratungsfinder 47745 (30.10.2026): eine Aussage pro Karte, Likert 1-5 */
html body .piq__card:has(#piqForm:not(.is-active)) .tux-bar,html body .piq__card:has(#piqForm:not(.is-active)) .tux-nav,html body .piq__card:has(#piqForm:not(.is-active)) .tux-done{display:none!important}
html body #piqForm.tux-on .piq__section-label{display:none!important}
html body #piqForm.tux-on{counter-reset:none}
html body #piqForm.tux-lik .tux-item{counter-reset:piqopt}
html body #piqForm.tux-lik .tux-item .piq__qtext{display:block!important;font-family:"DM Sans",system-ui,sans-serif!important;font-size:19px!important;line-height:1.42!important;font-weight:600!important;color:#14261F!important;margin:0 0 4px!important}
html body #piqForm.tux-lik .tux-item .piq__opts{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:18px 0 0!important;padding:0!important;width:100%!important;flex-direction:initial!important}
html body #piqForm.tux-lik .tux-item .piq__opts label{counter-increment:piqopt;position:relative!important;width:auto!important;min-width:0!important;grid-row:1;height:58px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1.5px solid #CFE0D6!important;border-radius:14px!important;background:#F7FBF8!important;color:#00543D!important;font-family:"DM Sans",system-ui,sans-serif!important;font-size:20px!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;transition:background .15s,border-color .15s,color .15s,transform .1s!important;box-shadow:none!important}
html body #piqForm.tux-lik .tux-item .piq__opts label::before{content:counter(piqopt)}
html body #piqForm.tux-lik .tux-item .piq__opts label input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;pointer-events:none}
html body #piqForm.tux-lik .tux-item .piq__opts label span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;padding:0!important;border:0!important;background:none!important}
html body #piqForm.tux-lik .tux-item .piq__opts label:hover{border-color:#0B7C58!important;background:#EEF7F1!important}
html body #piqForm.tux-lik .tux-item .piq__opts label:active{transform:scale(.95)}
html body #piqForm.tux-lik .tux-item .piq__opts label:has(input:checked){background:#00543D!important;border-color:#00543D!important;color:#fff!important;box-shadow:0 6px 16px -8px rgba(0,84,61,.65)!important;animation:tuxPop .28s ease}
html body #piqForm.tux-lik .tux-item .piq__opts label:has(input:focus-visible){outline:3px solid #D3FA00!important;outline-offset:2px}
html body #piqForm.tux-lik .tux-item .piq__opts::before{content:"trifft gar nicht zu";grid-row:2;grid-column:1/3;font-size:13px;color:#5B6B63;text-align:left;margin-top:2px;font-family:"DM Sans",system-ui,sans-serif;white-space:nowrap}
html body #piqForm.tux-lik .tux-item .piq__opts::after{content:"trifft voll und ganz zu";grid-row:2;grid-column:3/6;font-size:13px;color:#5B6B63;text-align:right;margin-top:2px;font-family:"DM Sans",system-ui,sans-serif;white-space:nowrap}
html body #piqForm.tux-on .tux-item.tux-cur{width:100%!important;max-width:none!important}
html body #piqSubmitWrap.tux-end{justify-content:center!important;gap:10px!important;flex-wrap:wrap!important}
html body .piq__card:has(#piqForm.tux-on:not(.tux-complete)) #piqSubmitWrap{display:none!important}
html body .piq__card .tux-done{display:none!important}
html body .piq__card:has(#piqForm.is-active.tux-complete) .tux-done{display:flex!important}
html body .piq__card .tux-done-ic{width:46px!important;flex:0 0 46px!important}
html body .piq__card .tux-bar{margin-bottom:12px!important}
@media(min-width:700px){html body #piqForm.tux-lik .tux-item .piq__opts label{height:64px!important;font-size:22px!important}html body #piqForm.tux-lik .tux-item .piq__qtext{font-size:21px!important}}
@media(max-width:640px){html body .piq__card{padding-left:12px!important;padding-right:12px!important}html body #selbsttest.pi-bfd-sec{padding-left:10px!important;padding-right:10px!important}}
@media (prefers-reduced-motion:reduce){html body #piqForm.tux-lik .tux-item .piq__opts label:has(input:checked){animation:none!important}}
/* Beratungsfinder Ergebnis v2 (30.10.2026) */
html body .piq__card .piq__result.pi-bfd-v2.is-active{position:relative!important;overflow:hidden!important;background:linear-gradient(150deg,#0B6E4F 0%,#00543D 55%,#00412F 100%)!important;border-radius:22px!important;padding:28px 22px 22px!important;margin:0!important;color:#E9F5EE!important;box-shadow:0 22px 50px -22px rgba(0,58,42,.55)!important;font-family:"DM Sans",system-ui,sans-serif!important}
html body .piq__card:has(.piq__result.pi-bfd-v2.is-active){padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body .piq__result.pi-bfd-v2 > *:not(.pi-bfd-o-glow){position:relative}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-glow{position:absolute!important;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(211,250,0,.28) 0%,rgba(211,250,0,0) 70%);pointer-events:none}
html body .piq__result.pi-bfd-v2 .piq__res-badge{background:#D3FA00!important;color:#00543D!important;font-size:11.5px!important;letter-spacing:.08em!important;padding:5px 12px!important;margin:0 0 12px!important}
html body .piq__result.pi-bfd-v2 .piq__res-title{font-family:"DM Serif Display",Georgia,serif!important;font-weight:400!important;font-size:30px!important;line-height:1.15!important;color:#fff!important;margin:0 0 10px!important}
html body .piq__result.pi-bfd-v2 .piq__res-desc{font-size:15.5px!important;line-height:1.62!important;color:#CFE6D9!important;margin:0 0 18px!important}
html body .piq__result.pi-bfd-v2 .piq__res-desc strong{color:#fff!important}
html body .piq__result.pi-bfd-v2 .piq__res-box{background:#fff!important;border:0!important;border-radius:16px!important;padding:18px 18px 14px!important;margin:0 0 16px!important;color:#33413A!important;font-size:14.5px!important;line-height:1.55!important}
html body .piq__result.pi-bfd-v2 .piq__res-box p{position:relative!important;padding:0 0 0 26px!important;margin:0 0 10px!important;font-size:14.5px!important;line-height:1.55!important;color:#33413A!important}
html body .piq__result.pi-bfd-v2 .piq__res-box p::before{content:""!important;position:absolute!important;left:3px!important;top:6px!important;width:12px!important;height:7px!important;border-left:2.4px solid #198B59!important;border-bottom:2.4px solid #198B59!important;transform:rotate(-45deg)!important}
html body .piq__result.pi-bfd-v2 .piq__res-box strong{color:#00543D!important}
html body .piq__result.pi-bfd-v2 .piq__res-box a{color:#00543D!important;text-decoration:underline!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-price{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;column-gap:12px!important;padding:12px 0 2px!important;margin:6px 0 0!important;border-top:1px solid #E3EEE7!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-plab{grid-column:1/-1;font-size:11.5px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#198B59!important;margin:0 0 4px!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-price b{font-family:"DM Serif Display",Georgia,serif!important;font-weight:400!important;font-size:32px!important;line-height:1.05!important;color:#00543D!important;white-space:nowrap!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-psub{font-size:13px!important;line-height:1.4!important;color:#5B6B63!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-next{margin:0 0 16px!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-nh{font-size:12px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#D3FA00!important;margin:0 0 8px!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-next ol{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:8px!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-next li{display:flex!important;align-items:flex-start!important;gap:11px!important;margin:0!important;padding:10px 13px!important;border-radius:13px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;list-style:none!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-next li::before{display:none!important;content:none!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-next li.is-done{background:rgba(211,250,0,.12)!important;border-color:rgba(211,250,0,.45)!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-next li svg{flex:0 0 18px;margin-top:2px}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-next li i{flex:0 0 20px;height:20px;border-radius:50%;border:1.6px solid #9FD3B5;color:#E9F5EE;font-style:normal;font-size:11.5px;font-weight:700;line-height:17px;text-align:center;margin-top:1px}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-next b{display:block!important;color:#fff!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-next small{display:block!important;color:#BFDCCB!important;font-size:13px!important;line-height:1.45!important;margin-top:1px}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-next li.is-done small{color:#D3FA00!important;font-weight:600!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-btns{display:grid!important;gap:10px!important;margin:0 0 14px!important}
html body .piq__result.pi-bfd-v2 a.pi-bfd-o-cta{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:56px!important;padding:14px 18px!important;border-radius:14px!important;background:#D3FA00!important;color:#00543D!important;font-family:"DM Sans",system-ui,sans-serif!important;font-size:16.5px!important;font-weight:700!important;text-decoration:none!important;box-shadow:0 10px 24px -10px rgba(211,250,0,.7)!important;border:0!important;transition:transform .15s,background .15s!important}
html body .piq__result.pi-bfd-v2 a.pi-bfd-o-cta:hover{background:#E4FF4D!important;transform:translateY(-2px)!important}
html body .piq__result.pi-bfd-v2 a.pi-bfd-o-cta2{display:flex!important;align-items:center!important;justify-content:center!important;min-height:52px!important;padding:12px 16px!important;border-radius:14px!important;background:transparent!important;border:1.5px solid rgba(255,255,255,.45)!important;color:#fff!important;font-family:"DM Sans",system-ui,sans-serif!important;font-size:15.5px!important;font-weight:600!important;text-decoration:none!important}
html body .piq__result.pi-bfd-v2 a.pi-bfd-o-cta2:hover{background:rgba(255,255,255,.1)!important;border-color:#fff!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-trust{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px 14px!important;list-style:none!important;margin:0 0 6px!important;padding:0!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-trust li{position:relative!important;padding:0 0 0 15px!important;margin:0!important;font-size:12.5px!important;color:#CFE6D9!important;list-style:none!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-trust li::before{content:""!important;position:absolute!important;left:0!important;top:6px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#D3FA00!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-back{display:flex!important;justify-content:center!important;margin:8px 0 0!important}
html body .piq__result.pi-bfd-v2 .pi-bfd-o-back button{background:none!important;border:0!important;box-shadow:none!important;color:#BFDCCB!important;font-family:"DM Sans",system-ui,sans-serif!important;font-size:14px!important;font-weight:600!important;text-decoration:underline!important;text-underline-offset:3px!important;padding:8px 10px!important;cursor:pointer!important}
@media(min-width:720px){html body .piq__card .piq__result.pi-bfd-v2.is-active{padding:34px 34px 26px!important}html body .piq__result.pi-bfd-v2 .piq__res-title{font-size:36px!important}html body .piq__result.pi-bfd-v2 .pi-bfd-o-next ol{grid-template-columns:repeat(3,1fr)!important}html body .piq__result.pi-bfd-v2 .pi-bfd-o-btns{grid-template-columns:1.3fr 1fr!important}}
@media(prefers-reduced-motion:reduce){html body .piq__result.pi-bfd-v2 a.pi-bfd-o-cta:hover{transform:none!important}}
/* Beratungsfinder: Sprungziele unter dem fixierten Menue (30.10.2026) */
html body #piqForm{scroll-margin-top:calc(var(--pi-hd,90px) + 96px)!important}
html body .piq__result,html body #piqAlert{scroll-margin-top:calc(var(--pi-hd,90px) + 16px)!important}
html body .piq__card .tux-bar{scroll-margin-top:calc(var(--pi-hd,90px) + 8px)!important}

/* Beratungsfinder: Abschluss (30.10.2026) */
html body .piq__card .tux-done,html body #piqSubmitWrap{scroll-margin-top:calc(var(--pi-hd,90px) + 20px)!important}
html body #piqSubmitWrap #piqSubmit{background:#D3FA00!important;color:#00543D!important;font-family:"DM Sans",system-ui,sans-serif!important;font-size:16.5px!important;font-weight:700!important;min-height:56px!important;padding:14px 30px!important;border-radius:14px!important;box-shadow:0 10px 24px -10px rgba(211,250,0,.7)!important;border:0!important}
html body #piqSubmitWrap #piqSubmit:hover{background:#E4FF4D!important}
html body #piqSubmitWrap #piqReset{font-family:"DM Sans",system-ui,sans-serif!important;font-size:15px!important;font-weight:600!important;min-height:56px!important;border-radius:14px!important}