/*! article */.article__top{row-gap:var(--sp-2)}.article__top li{padding-inline-end:var(--sp-4)}.article__top li:after{content:"";position:absolute;inset-inline-end:0;width:1px;height:16px;background-color:currentColor;opacity:.3}.article__top li:last-child{padding-inline-end:0}.article__top li:last-child:after{content:none}.article__top .icon{width:var(--sp-4);height:var(--sp-4)}.article .page-width--narrow .banner__box{padding-block:0}.article .badge{padding:var(--sp-2) var(--sp-4);font-size:var(--text-3xs);color:var(--badge-foreground);background-color:var(--badge-background)}@media screen and (pointer:fine){.article .badge{--tw-scale-x: 1;--tw-scale-y: 1;transform:scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:transform var(--animation-primary)}.article .badge:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.article .banner__media~.banner__content .badge{transition-property:transform}}@media screen and (min-width:768px){.article .badge{padding:var(--sp-2d5) var(--sp-4d5);font-size:var(--text-xs)}}@media screen and (min-width:1024px){.article.grid{gap:var(--sp-16)}.article__media{max-width:var(--page-width);margin:0 auto;padding-inline:var(--gap-padding)}.article__image{border-radius:var(--rounded-block)}}.article .banner__title+*{margin-block-start:0}.article .rte>*:first-child{margin-block-start:0}.article .rte figure img{border-radius:var(--rounded-block)}.article .rte .image-with-text img{margin:0}@media screen and (min-width:1024px){.article .rte :is(figure,.image-with-text){margin-inline-end:calc(var(--sp-10)*-1);margin-inline-start:calc(var(--sp-10)*-1)}.article .rte figure figcaption{margin-inline-start:var(--sp-10)}.article .rte .grid-cols-2 figure:first-child{margin-inline-end:0}.article .rte .grid-cols-2 figure:last-child{margin-inline-start:0}.article .rte .grid-cols-2 figure figcaption{margin-inline-start:var(--rounded-block)}}@media screen and (min-width:1536px){.article .rte :is(figure,.image-with-text){margin-inline-end:calc(var(--sp-20)*-1);margin-inline-start:calc(var(--sp-20)*-1)}.article .rte figure figcaption{margin-inline-start:var(--sp-20)}}.media--adapt .article__image .media--height>img{position:static}/*! comments */.comments-section{padding-block:clamp(40px,5vw,80px)}.comments-section:before{background-color:rgb(var(--color-foreground)/ .025)}.comments-section :is(.article-card,.new-comment,.comment-card){background-color:rgb(var(--color-background));padding:var(--sp-5);border-radius:var(--rounded-block)}.comments-wrapper{padding-block-start:var(--sp-5)}.comments-wrapper .pagination{padding-block-end:var(--sp-5)}.comment-card .gravatar{width:var(--sp-15)}@media screen and (max-width:767px){.comment-card .article-card__top li{padding-inline-end:0}.comment-card .article-card__top li:after{content:none}}@media screen and (min-width:1024px){.comments-section>.grid{gap:var(--sp-15)}.comments-section .article-card{padding:var(--sp-7d5) var(--sp-10)}.comments-section :is(.new-comment,.comment-card){padding:var(--sp-10)}.comments-wrapper{padding-block-start:var(--sp-7d5)}}@media screen and (min-width:1280px){.comments-section .page-width--narrow .article-card:nth-child(1){margin-inline-start:calc(var(--sp-20) * -1)}.comments-section .page-width--narrow .article-card:nth-child(2){margin-inline-end:calc(var(--sp-20) * -1)}}.comment-count .icon{width:var(--sp-4);height:var(--sp-4)}.hpn-toc{position:relative;overflow:hidden;background:#f5f5f5;padding:20px 22px;border-radius:14px;margin:0 0 22px}.hpn-toc__zeichen{position:absolute;top:-14px;right:-10px;width:108px;height:108px;opacity:.06;pointer-events:none}.hpn-toc__title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin:0 0 14px}.hpn-toc__title svg{flex:0 0 auto}.hpn-toc__list{list-style:none;padding:0;margin:0;counter-reset:hpn-toc}.hpn-toc__list li{margin:0;line-height:1.35}.hpn-toc__list .hpn-toc__item--h2{counter-increment:hpn-toc}.hpn-toc__list .hpn-toc__item--h2+.hpn-toc__item--h2,.hpn-toc__list .hpn-toc__item--h3+.hpn-toc__item--h2{border-top:1px solid rgba(0,0,0,.07)}.hpn-toc__list .hpn-toc__item--h2>a{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:9px 0;font-weight:600;font-size:15px;color:#1c1d1d}.hpn-toc__list .hpn-toc__item--h2>a:before{content:counter(hpn-toc,decimal-leading-zero);font-variant-numeric:tabular-nums;font-weight:700;font-size:12px;line-height:1.6;color:#9aa1a9}.hpn-toc__list .hpn-toc__item--h3>a{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:5px 0 5px 26px;font-weight:400;font-size:14px;color:#55595f}.hpn-toc__list .hpn-toc__item--h3>a:before{content:"";border-left:1px solid rgba(0,0,0,.14);margin:2px 0 2px 11px}.hpn-toc__list a{text-decoration:none}.hpn-toc__list a:hover{color:#00a5c4}.hpn-toc__list a:hover:before{color:#00a5c4}.hpn-toc__list a:focus-visible{outline:2px solid #00a5c4;outline-offset:2px;border-radius:4px}@media(max-width:480px){.hpn-toc{padding:16px}.hpn-toc__zeichen{width:84px;height:84px}}.hpn-faq{position:relative;overflow:hidden;margin-top:34px;padding:20px;background:#f5f5f5;border-radius:14px}.hpn-faq__zeichen{position:absolute;bottom:-16px;left:-12px;width:116px;height:116px;opacity:.06;pointer-events:none}.hpn-faq__title{margin:0 0 14px;font-weight:700;letter-spacing:-.01em}.hpn-faq__items{display:grid;gap:10px}.hpn-faq__item{background:#fff;border-radius:12px;padding:12px 14px}.hpn-faq__question{cursor:pointer;font-weight:700;list-style:none}.hpn-faq__question::-webkit-details-marker{display:none}.hpn-faq__answer{margin-top:10px}.hpn-author{margin:18px 0 22px}.hpn-author__link{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:16px;background:#f5f5f5;text-decoration:none;color:inherit;transition:all .2s ease}.hpn-author__link:hover{transform:translateY(-2px)}.hpn-author__img{width:56px;height:56px;border-radius:999px;object-fit:cover}.hpn-author__label{font-size:12px;opacity:.7}.hpn-author__name{font-weight:700;letter-spacing:-.01em}.hpn-author__bio{font-size:13px;opacity:.8;margin-top:3px}.hpn-author__cta{font-size:13px;margin-top:4px;font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/217/assets/article.css.map */