/* Stile der Nino-Ratgeberartikel (aus Nino übernommen, lokal ausgeliefert) */
.nino-blog{--nb-fg:inherit;--nb-muted:#6b6b6b;--nb-bg:transparent;--nb-card:#fff;--nb-line:#e5e5e5;--nb-accent:#5b3a9e;font:inherit;color:var(--nb-fg);background:var(--nb-bg);max-width:1100px;margin:0 auto;padding:24px 16px;box-sizing:border-box;border-radius:14px}.nino-blog *{box-sizing:border-box}.nino-blog.nino-dark{--nb-fg:#f1f1f1;--nb-muted:#a9a9a9;--nb-bg:#141414;--nb-card:#1d1d1d;--nb-line:#303030;--nb-accent:#b89dff}@media (prefers-color-scheme:dark){.nino-blog.nino-auto{--nb-fg:#f1f1f1;--nb-muted:#a9a9a9;--nb-bg:#141414;--nb-card:#1d1d1d;--nb-line:#303030;--nb-accent:#b89dff}}.nino-blog .nino-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.nino-blog .nino-card{background:var(--nb-card);border:1px solid var(--nb-line);border-radius:12px;overflow:hidden;transition:box-shadow .15s}.nino-blog .nino-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08)}.nino-blog .nino-card a{display:block;color:inherit;text-decoration:none;height:100%}.nino-blog .nino-card img,.nino-blog .nino-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--nb-line)}.nino-blog .nino-card-body{padding:16px 18px 20px}.nino-blog .nino-card h3{margin:0 0 8px;font-size:1.15em;line-height:1.3;color:var(--nb-fg)}.nino-blog .nino-card p{margin:0 0 12px;color:var(--nb-muted);font-size:.95em;line-height:1.5}.nino-blog time{color:var(--nb-muted);font-size:.85em}.nino-blog .nino-article{max-width:740px;margin:0 auto}.nino-blog .nino-back{display:inline-block;margin-bottom:20px;color:var(--nb-accent);text-decoration:none}.nino-blog .nino-title{font-size:2em;line-height:1.2;margin:0 0 8px}.nino-blog .nino-hero{display:block;width:100%;height:auto;border-radius:12px;margin:20px 0}.nino-blog .nino-body{line-height:1.7;font-size:1.05em}.nino-blog .nino-body img{max-width:100%;height:auto;border-radius:8px}.nino-blog .nino-body a{color:var(--nb-accent)}.nino-blog .nino-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.nino-blog .nino-body th,.nino-blog .nino-body td{border:1px solid var(--nb-line);padding:8px 10px;text-align:left}.nino-blog .nino-body pre{max-width:100%;overflow-x:auto}.nino-blog .nino-body blockquote{margin:1.2em 0;padding:.2em 1em;border-left:3px solid var(--nb-accent);color:var(--nb-muted)}.nino-blog .nino-empty{color:var(--nb-muted)}.nino-blog .nino-pages{display:flex;justify-content:space-between;gap:16px;margin-top:24px}.nino-blog .nino-pages a{color:var(--nb-accent);text-decoration:none}.nino-blog .nino-older{margin-left:auto}@media (max-width:600px){.nino-blog{padding:16px 12px}.nino-blog .nino-title{font-size:1.6em}.nino-blog .nino-list{grid-template-columns:1fr;gap:16px}}
.nino-blog .nino-classic .nino-takeaways :where(p,li,ul,ol,div,span,strong,b,em,i,small,h2,h3,h4,h5,h6,td,dl,dt,dd,blockquote,figcaption,details,summary,label,cite,q,code,mark,sup,sub,time),.nino-blog .nino-classic .nino-toc :where(p,li,ul,ol,div,span,strong,b,em,i,small,h2,h3,h4,h5,h6,td,dl,dt,dd,blockquote,figcaption,details,summary,label,cite,q,code,mark,sup,sub,time),.nino-blog .nino-classic .nino-callout :where(p,li,ul,ol,div,span,strong,b,em,i,small,h2,h3,h4,h5,h6,td,dl,dt,dd,blockquote,figcaption,details,summary,label,cite,q,code,mark,sup,sub,time),.nino-blog .nino-classic .nino-table tbody tr:nth-child(even) :where(p,li,ul,ol,div,span,strong,b,em,i,small,h2,h3,h4,h5,h6,td,dl,dt,dd,blockquote,figcaption,details,summary,label,cite,q,code,mark,sup,sub,time),.nino-blog .nino-classic .nino-product > div :where(p,li,ul,ol,div,span,strong,b,em,i,small,h2,h3,h4,h5,h6,td,dl,dt,dd,blockquote,figcaption,details,summary,label,cite,q,code,mark,sup,sub,time),.nino-blog .nino-classic .nino-cta :where(p,li,ul,ol,div,span,strong,b,em,i,small,h2,h3,h4,h5,h6,td,dl,dt,dd,blockquote,figcaption,details,summary,label,cite,q,code,mark,sup,sub,time),.nino-blog .nino-classic .nino-author :where(p,li,ul,ol,div,span,strong,b,em,i,small,h2,h3,h4,h5,h6,td,dl,dt,dd,blockquote,figcaption,details,summary,label,cite,q,code,mark,sup,sub,time),.nino-blog .nino-classic .nino-steps > li :where(p,li,ul,ol,div,span,strong,b,em,i,small,h2,h3,h4,h5,h6,td,dl,dt,dd,blockquote,figcaption,details,summary,label,cite,q,code,mark,sup,sub,time),.nino-blog .nino-classic .nino-proscons > div :where(p,li,ul,ol,div,span,strong,b,em,i,small,h2,h3,h4,h5,h6,td,dl,dt,dd,blockquote,figcaption,details,summary,label,cite,q,code,mark,sup,sub,time),.nino-blog .nino-classic .nino-stats > div > div :where(p,li,ul,ol,div,span,strong,b,em,i,small,h2,h3,h4,h5,h6,td,dl,dt,dd,blockquote,figcaption,details,summary,label,cite,q,code,mark,sup,sub,time){color:inherit}
.nino-blog .nino-classic .nino-takeaways{margin:1.9em 0;padding:1.2em 1.35em;border:1px solid var(--nc-border,#e3e5e8);border-radius:var(--nc-radius,8px);background-color:var(--nc-surface,#f6f7f9);color:var(--nc-text,#1f2937);border-left:4px solid var(--nc-accent,#1f2937)}
.nino-blog .nino-classic .nino-takeaways > p:first-child,.nino-blog .nino-classic .nino-toc > p:first-child{margin:0 0 .6em;font-size:.8em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--nc-ink,#1f2937)}
.nino-blog .nino-classic .nino-takeaways ul{margin:0;padding-left:1.25em}
.nino-blog .nino-classic .nino-toc ol{margin:0;padding-left:1.5em}
.nino-blog .nino-classic .nino-takeaways li{margin:0}
.nino-blog .nino-classic .nino-toc{margin:1.9em 0;padding:1.2em 1.35em;border:1px solid var(--nc-border,#e3e5e8);border-radius:var(--nc-radius,8px);background-color:var(--nc-surface,#f6f7f9);color:var(--nc-text,#1f2937)}
.nino-blog .nino-classic .nino-toc li{display:list-item;list-style-position:outside;margin:0;padding:.25em 0;line-height:1.25}
.nino-blog .nino-classic .nino-toc a{color:var(--nc-ink,#1f2937);display:inline}
.nino-blog .nino-classic .nino-callout{margin:1.9em 0;padding:1.1em 1.3em;border-radius:var(--nc-radius,8px);border-left:4px solid var(--nc-accent,#1f2937);background-color:var(--nc-surface,#f6f7f9);color:var(--nc-text,#1f2937)}
.nino-blog .nino-classic .nino-callout > p{margin:.5em 0 0}
.nino-blog .nino-classic .nino-callout > p:first-child{margin:0}
.nino-blog .nino-classic .nino-callout > p:first-child > span{display:inline-block;padding:.2em .7em;border-radius:999px;font-size:.78em;font-weight:700;letter-spacing:.03em;line-height:1.5;color:#ffffff;background-color:var(--nc-btn,#1f2937);color:var(--nc-on,#ffffff)}
.nino-blog .nino-classic .nino-callout-warn{border-left-color:#b45309;background-color:#fff6e5;color:#1f2937}
.nino-blog .nino-classic .nino-callout-warn > p:first-child > span{display:inline-block;padding:.2em .7em;border-radius:999px;font-size:.78em;font-weight:700;letter-spacing:.03em;line-height:1.5;color:#ffffff;background-color:#8a3c00}
.nino-blog .nino-classic .nino-callout-note{border-left-color:#2f6fb3;background-color:#eef4fb;color:#1f2937}
.nino-blog .nino-classic .nino-callout-note > p:first-child > span{display:inline-block;padding:.2em .7em;border-radius:999px;font-size:.78em;font-weight:700;letter-spacing:.03em;line-height:1.5;color:#ffffff;background-color:#1d4f91}
.nino-blog .nino-classic .nino-table{margin:1.9em 0;overflow:auto;border:1px solid var(--nc-border,#e3e5e8);border-radius:var(--nc-radius,8px)}
.nino-blog .nino-classic .nino-table table{display:table;width:100%;margin:0;border-collapse:collapse;border:0}
.nino-blog .nino-classic .nino-table th{padding:.7em .9em;text-align:left;vertical-align:bottom;background-color:var(--nc-btn,#1f2937);color:var(--nc-on,#ffffff);border:0;border-bottom:2px solid var(--nc-btn,#1f2937)}
.nino-blog .nino-classic .nino-table td{padding:.65em .9em;vertical-align:top;border:0;border-top:1px solid var(--nc-border,#e3e5e8)}
.nino-blog .nino-classic .nino-table tbody tr:nth-child(even){background-color:var(--nc-surface,#f6f7f9);color:var(--nc-text,#1f2937)}
.nino-blog .nino-classic .nino-products{margin:1.9em 0}
.nino-blog .nino-classic .nino-products > div{display:flex;flex-wrap:wrap;gap:14px}
.nino-blog .nino-classic .nino-product{flex:1 1 200px;min-width:0;max-width:100%;margin:0;display:flex}
.nino-blog .nino-classic .nino-product > div{flex:1 1 auto;min-width:0;padding:1em;border:1px solid var(--nc-border,#e3e5e8);border-radius:var(--nc-radius,8px);background-color:var(--nc-bg,#ffffff);color:var(--nc-bgtext,#1f2937)}
.nino-blog .nino-classic .nino-product img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;margin:0 0 .8em;border-radius:6px}
.nino-blog .nino-classic .nino-product p{margin:0 0 .7em;font-size:.95em}
.nino-blog .nino-classic .nino-product p:last-child{margin:0}
.nino-blog .nino-classic .nino-product p:first-child,.nino-blog .nino-classic .nino-product p:first-child:has(img) + p{margin:0 0 .35em;font-size:1em;font-weight:700;line-height:1.35}
.nino-blog .nino-classic .nino-product p:not(:last-child) a,.nino-blog .nino-classic .nino-cta > p:not(.nino-cta-button) a,.nino-blog .nino-classic .nino-callout a,.nino-blog .nino-classic .nino-takeaways a,.nino-blog .nino-classic .nino-steps a,.nino-blog .nino-classic .nino-stats a,.nino-blog .nino-classic .nino-inline-cta > p:first-child a,.nino-blog .nino-classic .nino-author a,.nino-blog .nino-classic .nino-proscons a,.nino-blog .nino-classic .nino-table tbody tr:nth-child(even) a{color:var(--nc-ink,#1f2937)}
.nino-blog .nino-classic .nino-product p:last-child a{display:inline-block;padding:13px 1.4em;border-radius:var(--nc-radius,8px);background-color:var(--nc-btn,#1f2937);color:var(--nc-on,#ffffff);text-decoration:none;font-weight:700;line-height:1.4;text-align:center;border:0;display:block}
.nino-blog .nino-classic .nino-cta{margin:1.9em 0;padding:1.2em 1.35em;border:1px solid var(--nc-border,#e3e5e8);border-radius:var(--nc-radius,8px);background-color:var(--nc-surface,#f6f7f9);color:var(--nc-text,#1f2937);border-left:4px solid var(--nc-accent,#1f2937)}
.nino-blog .nino-classic .nino-cta > p{margin:0 0 1em}
.nino-blog .nino-classic .nino-cta > p:first-child{margin:0 0 .35em;font-weight:700;font-size:1.1em}
.nino-blog .nino-classic .nino-cta > p.nino-cta-button{margin:0}
.nino-blog .nino-classic .nino-cta-button a{display:inline-block;padding:13px 1.4em;border-radius:var(--nc-radius,8px);background-color:var(--nc-btn,#1f2937);color:var(--nc-on,#ffffff);text-decoration:none;font-weight:700;line-height:1.4;text-align:center;border:0}
.nino-blog .nino-classic .nino-inline-cta{margin:1.9em 0;padding:1em 1.2em;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;border:1px solid var(--nc-border,#e3e5e8);border-radius:var(--nc-radius,8px)}
.nino-blog .nino-classic .nino-inline-cta > p{margin:0;flex:1 1 240px;min-width:0}
.nino-blog .nino-classic .nino-inline-cta > p:last-child{flex:0 0 auto}
.nino-blog .nino-classic .nino-inline-cta > p:last-child a{display:inline-block;padding:13px 1.4em;border-radius:var(--nc-radius,8px);background-color:var(--nc-btn,#1f2937);color:var(--nc-on,#ffffff);text-decoration:none;font-weight:700;line-height:1.4;text-align:center;border:0;background-color:transparent;color:var(--nc-ink,#1f2937);border:2px solid var(--nc-ink,#1f2937)}
.nino-blog .nino-classic .nino-figure{margin:1.9em 0}
.nino-blog .nino-classic .nino-figure img{display:block;width:100%;height:auto;border-radius:var(--nc-radius,8px)}
.nino-blog .nino-classic .nino-figure figcaption{margin:.6em 0 0;font-size:.875em;line-height:1.45;color:var(--nc-muted,#5b6270)}
.nino-blog .nino-classic .nino-faq{margin:1em 0 1.9em;border-top:1px solid var(--nc-border,#e3e5e8)}
.nino-blog .nino-classic .nino-faq details{border-bottom:1px solid var(--nc-border,#e3e5e8)}
.nino-blog .nino-classic .nino-faq summary{cursor:pointer;padding:.9em 0;min-height:44px;box-sizing:border-box;font-weight:700;line-height:1.4}
.nino-blog .nino-classic .nino-faq details > div{padding:0 0 1em}
.nino-blog .nino-classic .nino-author{margin:1.9em 0;padding:1em 1.3em;border:1px solid var(--nc-border,#e3e5e8);border-radius:var(--nc-radius,8px);background-color:var(--nc-surface,#f6f7f9);color:var(--nc-text,#1f2937)}
.nino-blog .nino-classic .nino-author p{margin:.5em 0 0;font-size:.85em;color:var(--nc-muted,#5b6270)}
.nino-blog .nino-classic .nino-author p:first-child{margin:0}
.nino-blog .nino-classic .nino-author p:nth-child(2){margin:.15em 0 0;font-weight:700;font-size:1.1em;color:inherit}
.nino-blog .nino-classic .nino-sources{margin:1.9em 0;font-size:.9em;color:var(--nc-muted,#5b6270)}
.nino-blog .nino-classic .nino-steps{list-style-type:none;margin:1.9em 0;padding:0}
.nino-blog .nino-classic .nino-steps > li{display:flex;gap:14px;align-items:flex-start;margin:0 0 12px;padding:1em 1.1em;border:1px solid var(--nc-border,#e3e5e8);border-radius:var(--nc-radius,8px);background-color:var(--nc-surface,#f6f7f9);color:var(--nc-text,#1f2937)}
.nino-blog .nino-classic .nino-steps > li > span{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background-color:var(--nc-btn,#1f2937);color:var(--nc-on,#ffffff);font-weight:700;text-align:center;line-height:36px}
.nino-blog .nino-classic .nino-steps > li > div{min-width:0}
.nino-blog .nino-classic .nino-steps > li > div > p{margin:.3em 0 0}
.nino-blog .nino-classic .nino-steps > li > div > p:first-child{margin:0;font-weight:700;line-height:1.4}
.nino-blog .nino-classic .nino-proscons{display:flex;flex-wrap:wrap;gap:14px;margin:1.9em 0}
.nino-blog .nino-classic .nino-proscons > div{flex:1 1 240px;min-width:0;padding:1em 1.2em;border:1px solid var(--nc-border,#e3e5e8);border-top:4px solid #1a7f37;border-radius:var(--nc-radius,8px);background-color:var(--nc-bg,#ffffff);color:var(--nc-bgtext,#1f2937)}
.nino-blog .nino-classic .nino-proscons > div + div{border-top-color:#b42318}
.nino-blog .nino-classic .nino-proscons h3{margin:0 0 .5em}
.nino-blog .nino-classic .nino-proscons ul{margin:0;padding-left:1.25em}
.nino-blog .nino-classic .nino-stats{margin:1.9em 0}
.nino-blog .nino-classic .nino-stats > div{display:flex;flex-wrap:wrap;gap:12px}
.nino-blog .nino-classic .nino-stats > div > div{flex:1 1 140px;min-width:0;padding:1em 1.1em;border:1px solid var(--nc-border,#e3e5e8);border-radius:var(--nc-radius,8px);background-color:var(--nc-surface,#f6f7f9);color:var(--nc-text,#1f2937)}
.nino-blog .nino-classic .nino-stats > div > div > p{margin:.3em 0 0;font-size:.9em;line-height:1.45}
.nino-blog .nino-classic .nino-stats > div > div > p:first-child{margin:0;font-size:1.35em;font-weight:700;line-height:1.25;color:var(--nc-ink,#1f2937)}
.nino-blog.nino-dark .nino-classic{--nc-ink:var(--nb-fg);--nc-surface:var(--nb-card);--nc-border:var(--nb-line);--nc-muted:var(--nb-muted);--nc-bg:var(--nb-card);--nc-text:var(--nb-fg);--nc-bgtext:var(--nb-fg)}
@media (prefers-color-scheme:dark){.nino-blog.nino-auto .nino-classic{--nc-ink:var(--nb-fg);--nc-surface:var(--nb-card);--nc-border:var(--nb-line);--nc-muted:var(--nb-muted);--nc-bg:var(--nb-card);--nc-text:var(--nb-fg);--nc-bgtext:var(--nb-fg)}}
