/* Shared extension of the approved home: Persuade, Read and form surfaces. */
.pw-site { --surface:#f2effa; --line:#ded7e9; caret-color:#6734b8; }
.pw-site main { overflow-wrap:break-word; }
.pw-site main > *, .pw-site .container > * { min-width:0; }
.pw-site .ed-subhero { background:#f2effa; padding:156px 0 64px; border:0; }
.pw-site .ed-subhero-h { font-size:clamp(40px,5.2vw,72px); font-weight:700; line-height:1.1; letter-spacing:-.035em; max-width:1000px; text-wrap:balance; margin-bottom:24px; }
.pw-site .ed-subhero-h em { font-style:normal; font-weight:700; color:#6734b8; }
.pw-site .ed-subhero-sub { font-size:18px; line-height:1.8; max-width:70ch; }
.pw-site .ed-subhero .hero-ctas { margin-top:28px; margin-bottom:0; }
.pw-site .ed-prose { max-width:72ch; font-size:17px; line-height:1.85; }
.pw-site .ed-prose h2 { font-size:30px; line-height:1.25; margin-top:48px; }
.pw-site .ed-prose h3 { font-size:23px; line-height:1.35; margin-top:32px; }
.pw-site .ed-prose a,.pw-site .magazin-prose a { color:#6734b8; }
.pw-site .ed-prose p { margin-bottom:20px; }
.pw-site main img { max-width:100%; }
.pw-site .table-scroll { max-width:100%; overflow-x:auto; margin-block:24px; border:1px solid #ded7e9; border-radius:12px; }
.pw-site .table-scroll table { border:0; margin:0; }
.pw-site .ftable caption { color:#6734b8; background:#f2effa; text-transform:none; letter-spacing:0; font-size:18px; padding:24px; }
.pw-site .ftable th,.pw-site .ftable td { padding:20px 24px; line-height:1.65; }
.pw-site .ftable tbody th { width:auto; background:#f8f6fc; }
.pw-site .ftable td .yes { color:#fff; background:#6734b8; }
.pw-site .ftable thead th { text-transform:none; letter-spacing:0; font-size:14px; }
.pw-site .ftable-matrix { min-width:780px; }
.pw-site .ed-contact-grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:72px; }
.pw-site .ed-contact-info h2 { font-size:30px; line-height:1.3; }
.pw-site .ed-contact-info p { line-height:1.8; }
.pw-site .ed-contact-meta li { grid-template-columns:100px minmax(0,1fr); gap:16px; padding-block:16px; }
.pw-site .ed-contact-meta strong { text-transform:none; font-size:14px; letter-spacing:0; }
.pw-site .ed-form { border:1px solid #ded7e9; border-radius:12px; padding:40px; box-shadow:none; min-width:0; }
.pw-site .ed-form .form-label { font-size:14px; letter-spacing:0; }
.pw-site .ed-form :is(.form-input,.form-select,.form-textarea) { border:1px solid #89789c; border-radius:6px; padding:12px 14px; min-height:48px; font-size:16px; caret-color:#6734b8; }
.pw-site input::placeholder,.pw-site textarea::placeholder { color:#70617c; opacity:1; }
.pw-site .ed-form :is(.form-input,.form-select,.form-textarea):focus { border-color:#6734b8; box-shadow:none; }
.pw-site .ed-form .form-submit { background:#6734b8; border-color:#6734b8; border-radius:6px; min-height:52px; }
.pw-site .ed-form .form-submit:hover { background:#4d248c; border-color:#4d248c; transform:none; }
.pw-site .ed-form .form-submit.is-secondary { background:#fff; color:#241638; border-color:#89789c; }
.pw-site .ed-form .form-check { font-size:14px; line-height:1.7; }
.pw-site .ed-form input[type=checkbox],.pw-site .ed-form input[type=radio] { min-width:20px; width:20px; height:20px; }
.pw-site .fstep-section-title { font-size:24px; }
.pw-site .fstep-nav { gap:16px; flex-wrap:wrap; }
.pw-site .local-preview-notice { font-size:13px; line-height:1.6; background:#f2effa; color:#51465f; padding:16px; margin:0 0 28px; border-radius:6px; }
.pw-site .local-preview-result { border:1px solid #6734b8; border-radius:8px; padding:24px; margin-top:24px; background:#f2effa; color:#241638; }
.pw-site .local-preview-result p { margin:12px 0; }
.pw-site .local-preview-result a { color:#6734b8; text-decoration:underline; }
/* Documentation: navigable, dense sidebar; generous, quiet reading column. */
.pw-read .ed-subhero { padding:132px 0 40px; }
.pw-read .ed-subhero-h { font-size:clamp(34px,4vw,52px); max-width:1000px; margin-bottom:0; }
.pw-read section.ed { padding-top:48px; }
.pw-read .anleitung-shell { grid-template-columns:280px minmax(0,1fr); gap:56px; }
.pw-read .anleitung-sidebar { top:108px; max-height:calc(100dvh - 132px); padding:20px 16px; border:1px solid #ded7e9; border-radius:12px; }
.pw-read .anleitung-search { background:#f8f6fc; border-color:#89789c; border-radius:6px; padding:4px 4px 4px 12px; }
.pw-read .anleitung-search input { min-width:0; width:100%; min-height:40px; font-size:15px; }
.pw-read .anleitung-search button { min-width:44px; height:44px; background:#6734b8; border-radius:4px; }
.pw-read .anleitung-search button svg { min-width:18px; }
.pw-read .anleitung-nav details > summary { min-height:44px; line-height:1.5; padding:12px 4px; }
.pw-read .anleitung-nav details > summary::before { color:#6734b8; }
.pw-read .anleitung-nav details > ul li a { padding:9px 8px; line-height:1.6; font-size:14px; }
.pw-read .anleitung-nav .is-active > a { background:#e9e0f5; }
.pw-read .anleitung-empty { color:#51465f; font-style:normal; }
.pw-read .anleitung-crumbs { color:#51465f; line-height:1.6; margin-bottom:24px; }
.pw-read .anleitung-crumbs a { color:#6734b8; }
.pw-read .anleitung-h1 { font-size:28px; line-height:1.3; margin-bottom:24px; }
.pw-read .anleitung-content .ed-prose { max-width:72ch; font-size:16px; }
.pw-read .anleitung-content :is(pre,code) { overflow-wrap:anywhere; white-space:pre-wrap; }
.pw-read .anleitung-overview { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; margin-top:32px; }
.pw-read .anleitung-kap-card { border:0; border-top:1px solid #ded7e9; border-radius:0; padding:24px 0; background:none; box-shadow:none; transform:none; }
.pw-read .anleitung-kap-card:hover { transform:none; box-shadow:none; background:#f8f6fc; }
.pw-read .anleitung-kap-card h3 { font-size:21px; line-height:1.4; margin-bottom:12px; }
.pw-read .anleitung-kap-card > p { color:#51465f; font-size:14px; }
.pw-read .anleitung-kap-card ul { font-size:14px; line-height:1.7; }
.pw-read .anleitung-seite-list { gap:0; }
.pw-read .anleitung-seite-card { border:0; border-top:1px solid #ded7e9; border-radius:0; padding:24px 0; gap:16px; }
.pw-read .anleitung-seite-card h3 { font-size:18px; line-height:1.5; }
.pw-read .anleitung-seite-card:hover { background:#f8f6fc; transform:none; }
.pw-read :is(.pw-doku-info__box,.pw-doku-tipp,.pw-doku-achtung) { border:1px solid #ded7e9; border-radius:8px; background:#f8f6fc; color:#241638; box-shadow:none; }
.pw-read .pw-doku-info__box--mails { background:#f2effa; }
.pw-read .pw-doku-info__titel { color:#241638; }
.pw-read .pw-doku-bild { margin-block:28px; }
.pw-read .pw-doku-bild img { border:1px solid #ded7e9; border-radius:8px; }
.pw-read .local-search-item { display:block; padding:24px 0; border-bottom:1px solid #ded7e9; text-decoration:none; color:#241638; }
.pw-read .local-search-item h3 { font:700 23px/1.35 Quicksand,sans-serif; margin:0 0 12px; }
.pw-read .local-search-item p { color:#51465f; line-height:1.7; }
.pw-read .local-search-item:hover h3 { color:#6734b8; text-decoration:underline; }
/* Magazine: one lead story, then a calm editorial index. */
.pw-site .mag-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px 40px; margin-top:0; }
.pw-site .mag-card { border:0; border-radius:0; background:none; box-shadow:none; transform:none; }
.pw-site .mag-card:hover { box-shadow:none; transform:none; }
.pw-site .mag-card-cover { border-radius:12px; background:#f2effa; }
.pw-site .mag-card-cover-empty { background:#e9e0f5; color:#6734b8; }
.pw-site .mag-card-body { padding:24px 0 0; gap:16px; }
.pw-site .mag-card-title { font-size:26px; line-height:1.3; color:#241638; -webkit-line-clamp:unset; }
.pw-site .mag-card-excerpt { color:#51465f; font-size:16px; line-height:1.8; }
.pw-site .mag-card-meta,.pw-site .mag-detail-meta { color:#51465f; font-size:14px; border-color:#ded7e9; }
.pw-site .mag-tag { color:#4d248c; background:#e9e0f5; font-size:12px; }
.pw-site .mag-detail { max-width:1040px; padding:0; }
.pw-site .mag-detail h1 { font-size:clamp(38px,4.5vw,64px); line-height:1.15; letter-spacing:-.03em; color:#241638; text-wrap:balance; }
.pw-site .mag-detail-subtitle { font-size:20px; color:#51465f; line-height:1.7; margin-block:24px; max-width:70ch; }
.pw-site .magazin-prose { max-width:72ch; font-size:17px; line-height:1.85; color:#241638; }
.pw-site .magazin-prose h2 { font-size:30px; margin-top:48px; }
.pw-site .magazin-prose blockquote { border-left:1px solid #89789c; color:#51465f; }
.pw-site .magazin-prose code { background:#f2effa; }
.pw-site .mag-cta-tile { background:#f8f6fc; border-color:#ded7e9; border-radius:12px; }
.pw-site .mag-cta-tile-arrow { color:#6734b8; }
.pw-article main > article.ed { padding-top:132px; }
.pw-site .dl-tile { display:grid; grid-template-columns:56px minmax(0,1fr) auto; gap:24px; align-items:center; }
.pw-site .pw-vorschlaege { background:#f2effa; border:1px solid #ded7e9; border-radius:8px; }
.pw-site .pw-vorschlaege-titel,.pw-site .pw-vorschlaege a { color:#6734b8; }
@media (min-width:1001px) {
 .pw-site .mag-card:first-child { grid-column:1/-1; display:grid; grid-template-columns:1.2fr 1fr; gap:40px; align-items:center; }
 .pw-site .mag-card:first-child .mag-card-title { font-size:34px; }
 .pw-site .mag-card:first-child .mag-card-body { padding:0; }
}
@media (max-width:1000px) {
 .pw-site .ed-contact-grid { grid-template-columns:1fr; gap:40px; }
 .pw-read .anleitung-shell { grid-template-columns:240px minmax(0,1fr); gap:32px; }
 .pw-read .anleitung-overview { grid-template-columns:1fr; }
}
@media (max-width:760px) {
 .pw-read .anleitung-shell { grid-template-columns:1fr; gap:32px; }
 .pw-read .anleitung-sidebar { position:static; max-height:none; padding:16px; }
 .pw-read .anleitung-kapitelauswahl[open] { max-height:50vh; overflow-y:auto; }
 .pw-read .anleitung-abschnitt-grid { grid-template-columns:1fr; }
 .pw-site .mag-grid { grid-template-columns:1fr; gap:40px; }
 .pw-site .ftable th,.pw-site .ftable td { padding:16px; }
 .pw-site .ftable { min-width:520px; }
 .pw-site .dl-tile { grid-template-columns:40px minmax(0,1fr); gap:16px; }
 .pw-site .dl-tile > a { grid-column:2; justify-self:start; }
}
@media (max-width:600px) {
 .pw-site .ed-subhero { padding:112px 0 40px; }
 .pw-site .ed-subhero-h { font-size:clamp(36px,8vw,48px); line-height:1.15; }
 .pw-site .ed-subhero-sub { font-size:16px; line-height:1.8; }
 .pw-site .ed-form { padding:24px 20px; }
 .pw-site .ed-form .form-row.split { grid-template-columns:1fr; gap:16px; }
 .pw-site .ed-contact-meta li { grid-template-columns:1fr; gap:4px; }
 .pw-site .ed-prose { font-size:16px; }
 .pw-site .ed-prose h2,.pw-site .magazin-prose h2 { font-size:26px; }
 .pw-site .ed-subhero-h br { display:none; }
 .pw-read section.ed { padding-top:32px; }
 .pw-read .anleitung-content .ed-prose { font-size:16px; }
 .pw-site .mag-card-title { font-size:24px; }
 .pw-site .mag-detail h1 { font-size:36px; }
 .pw-article main > article.ed { padding-top:108px; }
 .pw-site .fstep-nav .form-submit { width:100%; justify-content:center; }
}
.pw-read .anleitung-produkt { border-left:1px solid #6734b8; }
/* Branch examples sit on lavender, while the home problem section stays dark. */
.pw-subpage .problem-pains li { display:block; color:#241638; font-size:16px; line-height:1.8; border-color:#ded7e9; padding-block:20px; }
.pw-subpage .problem-pains .num { display:none; }
.pw-subpage .problem-pains em { color:#6734b8; }
.pw-site.opt main a { --pw-marigold:#6734b8; }
.pw-site .btn-ink,.pw-site .demo-path-primary .demo-path-cta { color:#fff; }
.pw-site .demo-path-primary .demo-path-eyebrow { color:#d6c4f3; }
/* The captured cancellation CTA has an inline legacy text color. */
.pw-site a.btn-ink[href="#kuendigen"] { color:#fff!important; }
/* Angleichung 06.11.2026: video sections, transcripts and callouts in the reading column. */
.pw-read .anleitung-abschnitt { margin:48px 0; padding-top:0; max-width:72ch; }
.pw-read .anleitung-abschnitt h2 { font-size:23px; line-height:1.35; color:#241638; margin:0 0 16px; }
.pw-read .anleitung-abschnitt-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
.pw-read .anleitung-video .pw-yt-play { border-radius:8px; }
.pw-read .pw-yt-play:focus-visible { outline:3px solid #6734b8; outline-offset:3px; }
.pw-read .pw-yt-disclaimer,.pw-read .pw-yt-tight .pw-yt-disclaimer { text-align:left!important; font-size:13px; line-height:1.6; color:#51465f; margin-top:12px; }
.pw-read .pw-yt-iframe { border-radius:8px; margin:0; }
.pw-read .anleitung-transkript { border:1px solid #ded7e9; border-radius:8px; padding:0; background:#fff; max-height:none; }
.pw-read .anleitung-transkript-h { display:flex; align-items:center; gap:8px; min-height:48px; margin:0; padding:12px 18px; font:700 16px/1.4 Quicksand,sans-serif; letter-spacing:0; text-transform:none; color:#6734b8; }
.pw-read .anleitung-transkript-h:hover { background:#f8f6fc; }
.pw-read .anleitung-transkript-h { list-style:none; }
.pw-read .anleitung-transkript-h::-webkit-details-marker { display:none; }
.pw-read .anleitung-transkript-h::before { content:""; flex:none; width:8px; height:8px; margin-right:4px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(-45deg); transition:transform .15s ease; }
.pw-read .anleitung-transkript-details[open] > .anleitung-transkript-h::before { transform:rotate(45deg); }
@media (prefers-reduced-motion:reduce) { .pw-read .anleitung-transkript-h::before { transition:none; } }
.pw-read .pw-yt-disclaimer small { font-size:inherit; }
.pw-read .anleitung-transkript-h:focus-visible { outline:3px solid #6734b8; outline-offset:2px; }
.pw-read .anleitung-transkript-details[open] > .anleitung-transkript-h { border-bottom:1px solid #ded7e9; }
.pw-read .anleitung-transkript-body { height:auto; max-height:420px; overflow-y:auto; padding:16px 18px; font-size:15px; line-height:1.75; color:#241638; }
.pw-read .anleitung-transkript-body p { margin:0 0 14px; }
.pw-read .anleitung-transkript-body a { color:#6734b8; }
.pw-read .pw-doku-tipp { border-left:4px solid #6734b8; }
.pw-read .pw-doku-achtung { border-left:4px solid #a4500f; background:#fdf7f0; border-color:#ecd9c4 #ecd9c4 #ecd9c4 #a4500f; }
.pw-read .anleitung-inhalt { background:#f8f6fc; border-color:#ded7e9; }
.pw-read .anleitung-inhalt a { color:#6734b8; }
@media (max-width:760px) {
 .pw-read .anleitung-abschnitt { margin:40px 0; }
 .pw-read .anleitung-transkript-body { max-height:360px; }
}