main:has(.vnext-lp){&>header{padding-inline:0;& .hero-illustration{display:flex;& img{object-fit:contain;width:100%;height:auto}}}}article.vnext-lp{& hgroup{& p sup{vertical-align:.6em;font-size:.5em}& :is(h1,h2,h3) sup{vertical-align:.5em;font-size:.6em}& h1 sup{vertical-align:.3em}}&>section{flex-direction:column;align-items:center;gap:clamp(2rem,6.6vw,4rem);padding-block:clamp(2.5rem,10vw,6rem);display:flex;& [id]{scroll-margin-top:1rem;@media (width>=1024px){scroll-margin-top:5rem}}&>hgroup{--hgroup-gap:1.5rem;&>p+p{margin-block-start:calc(var(--s-1) - 1.5rem)}&:has(>h1){--hgroup-gap:var(--s-2)}&>h1,& h1~p{font-size:var(--fs-3xl);font-weight:var(--fw-light);text-align:center;@media (width>=1024px){font-size:var(--fs-4xl)}}&>h2{color:var(--color-muted);font-size:var(--fs-lg);font-weight:var(--fw-bold)}&>h2[data-flavour=large]{color:unset;font-size:var(--fs-2xl);font-weight:var(--fw-normal)}&>h2[data-flavour=subtitle]{color:unset;font-size:var(--fs-2xl);font-weight:var(--fw-light)}}&:has(h1){&>p{font-size:var(--fs-xl);text-align:center;max-width:75ch;line-height:1.5}}}& knm-sticky-observer{z-index:10;display:block;position:sticky;top:-1px;& [aria-label=Seitennavigation]{---bg:var(--color-blue-dark);background-color:var(---bg);align-items:center;gap:var(--s-8);padding-block:var(--s-2);justify-content:center;display:none;@media (width>=1024px){display:flex}& a{color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-bold);&:hover{color:var(--color-gray-dark);text-decoration:none}& svg{display:none}&.btn--primary{background:var(--color-primary);padding-block:var(--s-2);padding-inline:var(--s-4);margin-inline-start:var(--s-4);&:hover{color:#fff;background:#e00}}}}&.--stuck nav{border-image-slice:0 fill;border-image-outset:0 100vw;border-image-source:linear-gradient(var(---bg), var(---bg))}}& [aria-labelledby=zahlen-fakten]{& .stat-cards{gap:var(--s-6);grid-template-columns:1fr;display:grid;@media (width>=768px){grid-template-columns:repeat(3,1fr)}& figure{aspect-ratio:1;background:var(--color-gray-light);align-items:center;gap:var(--s-10);padding:var(--s-8);text-align:center;border-radius:4px;flex-direction:column;justify-content:center;display:flex;&>span{color:var(--color-blue-dark);font-size:var(--fs-4xl)}& figcaption{font-size:var(--fs-base);max-width:25ch;margin-inline:auto;line-height:1.6;display:block}}}}& [aria-labelledby=video]{--hgroup-gap:1.5rem;& figure{gap:var(--s-12);justify-content:space-around;display:grid;& figcaption{gap:var(--s-6);flex-direction:column;display:flex;& h3{font-size:var(--fs-lg);font-weight:var(--fw-bold)}& ul{& li{font-size:var(--fs-lg);margin-inline-start:1em;line-height:1.4;list-style-type:square}}}@media (width>=1100px){grid-template-columns:1fr 1fr;align-items:center}}}& [aria-label=Zitat]{flex-direction:column;align-items:center;max-width:60rem;display:flex;@media (width>=600px){gap:var(--s-12);flex-direction:row}&>img{object-fit:cover;height:100%}& figure{gap:var(--s-6);flex-direction:column;display:flex}& blockquote{font-size:var(--fs-2xl);text-wrap:pretty;font-style:italic;line-height:1.3;@media (width<=767px){font-size:var(--fs-lg)}}& figcaption{color:var(--color-muted);font-size:var(--fs-sm);gap:var(--s-0);flex-direction:column;margin-block-start:var(--s-2);display:flex}}& [aria-labelledby=gruende]{& .carousel-scroller>[role=group]{border:1px solid var(--color-gray-dark);grid-template-columns:1fr 1fr;align-items:stretch;display:grid;@media (width<=767px){grid-template-columns:1fr}& figure{height:100%;overflow:hidden;& img{object-fit:cover;width:100%;height:100%}}&>div{gap:var(--s-6);padding:var(--s-8) var(--s-6);flex-direction:column;display:flex;@media (width>=768px){padding:var(--s-8)}& h3{font-size:var(--fs-2xl);font-weight:var(--fw-light)}& p{font-size:var(--fs-lg);line-height:1.6}}}}& [aria-labelledby=fonddetails]{--hgroup-gap:1.5rem;@media (width>=768px){grid-template-columns:repeat(3,1fr)}&>div{& p{font-size:var(--fs-lg);max-width:60rem;line-height:1.5}}& dl{font-size:var(--fs-lg);gap:var(--s-6);flex-direction:column;justify-content:space-between;width:100%;max-width:60rem;display:flex;@media (width>=768px){flex-direction:row}& div{gap:var(--s-4);flex-direction:column;display:flex;& dt{font-size:var(--fs-lg)}& dd{font-size:var(--fs-4xl);font-weight:var(--fw-light)}}}}& [aria-label=Mehr\ Informationen]{& figure{align-items:center;gap:var(--s-12);text-align:center;flex-direction:column;max-width:60rem;display:flex;@media (width>=900px){text-align:unset;flex-direction:row}& img{width:300px;height:auto}& figcaption{align-items:center;gap:var(--s-8);flex-direction:column;display:flex;@media (width>=900px){align-items:flex-start}& p{font-size:var(--fs-xl);line-height:1.5}& .btn--download{align-items:center;gap:var(--s-2);--bg:var(--color-blue-dark);--bg-h:var(--color-blue-light);display:flex;&:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23e3e3e3'%3E%3Cpath d='M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z'/%3E%3C/svg%3E");width:24px;height:24px}}}}}& [aria-labelledby=beratung]{&>hgroup{--hgroup-color:var(--color-txt-white);gap:var(--s-12);& h2{color:var(--color-muted-light)}}& .beratung-grid{gap:var(--s-6);display:grid;@media (width>=900px){grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;&>section:last-of-type{grid-area:1/2}}&>section{--hgroup-align:left;background-color:var(--color-blue-dark);gap:var(--s-8);padding:var(--s-8);flex-direction:column;justify-content:space-between;display:flex;& *{color:var(--color-txt-white);font-size:var(--fs-xl)}& sup{vertical-align:.3em;font-size:.7em}& .btn--broker,& .btn--broker *{color:var(--color-txt-white)}& form *{color:revert}& form svg{font-size:initial}& form button svg{color:var(--color-txt-white)}& knm-button-copy-clipboard{color:var(--color-txt-inv)}& h3{font-weight:var(--fw-light);margin-bottom:var(--s-6)}& p{text-wrap:unset;line-height:1.6}& .clipboard{font-weight:var(--fw-normal);gap:var(--s-2);display:inline-flex;&:after{background-color:var(--color-txt-white)}}& .broker-buttons{align-items:flex-start;gap:var(--s-4);flex-wrap:wrap;display:flex;&>*{font-size:var(--fs-sm)}& .btn--broker{--bg:var(--color-primary);--bg-h:var(--color-primary-muted);--pb:var(--s-1);--pi:var(--s-2);align-items:center;gap:var(--s-1);display:inline-flex;& svg{vertical-align:middle;width:.5em;height:.5em}}}}}& form{flex-direction:column;gap:1.5em;display:flex;& [aria-label=Suchfeld]{font-size:var(--fs-lg);height:var(--size);--size:2.4em;display:flex;& .s-logo{background-color:var(--color-primary);color:#fff;width:var(--size);flex-shrink:0;padding:.5em}& button,& input{color:#fff;background-color:#0000;border:none;border-bottom:2px solid #fff;outline:none;padding:.5em;font-size:clamp(.833rem,1.22vw,.944rem)}& button{color:var(--color-muted-light);width:var(--size);flex-shrink:0;&:focus-visible{outline:1px solid #fff}}& input{&::placeholder{color:#fff5}flex-grow:1;flex-shrink:1;min-width:50px}}}& .beratung-grid>.branch-locator-results{@media (width>=900px){grid-column:1}&>turbo-frame{background-color:var(--color-blue-dark);margin-top:calc(-1 * var(--s-6));min-height:100px;padding:var(--s-8);flex-direction:column;gap:1em;display:flex;&:empty:not([aria-busy]){display:none}&:has(p.error){outline:1px solid var(--color-primary-muted);padding:var(--s-4);background-color:#f005;place-content:center}&[aria-busy=true]{justify-content:center;align-items:center;display:flex;&:after{border:5px solid #fff;border-bottom-color:var(--color-primary);content:"";border-radius:50%;width:4em;height:4em;animation:1s linear infinite rotate-360;display:inline-block}& *{display:none}}--gap-list:.35em;& .blz{display:none}& *{color:var(--color-txt-inv);font-size:var(--fs-lg)}& a{align-items:center;gap:var(--s-3);display:flex;&:before{--height:.7em;aspect-ratio:7/11;background-color:var(--color-primary);content:"";height:var(--height);mask-image:url(/assets/icons/chevron-3674543140933aba1f2a85fcdf73c1e1c515a37392afd3d73d270598af418f0a.svg)}&:hover{&:before{animation:2s ease-in-out 3 nudge-right}}}& h3{font-size:var(--fs-xl);font-weight:var(--fw-light)}}}}& [aria-labelledby=benefits-risks]{--hgroup-gap:1.5rem;max-width:min(95cqw,1200px);&>section{align-items:flex-start;gap:var(--s-8);flex-direction:column;display:flex;& h3{font-size:var(--fs-lg)}& ul li{margin-inline-start:1em;list-style-type:square}}@media (width>=900px){&{grid-template-columns:1fr 1fr;grid-template-areas:"hgroup hgroup""benefits risks""legal legal";align-items:flex-start;display:grid;&>hgroup{grid-area:hgroup;margin-block-end:var(--s-12)}&>[aria-labelledby=benefits]{grid-area:benefits}&>[aria-labelledby=risks]{grid-area:risks}}}}& [aria-labelledby=newsletter]{&>hgroup{--hgroup-gap:var(--s-1)}& figure{gap:var(--s-10);flex-direction:column;display:flex;@media (width>=1000px){flex-direction:row}& img{max-width:100%;height:auto}& figcaption{align-items:center;gap:var(--s-10);flex-direction:column;display:flex;@media (width>=900px){align-items:flex-start}& .btn--newsletter{align-items:center;gap:var(--s-2);--bg:var(--color-blue-dark);--bg-h:var(--color-blue-light);display:flex;&:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23e3e3e3'%3E%3Cpath d='M160-160q-33 0-56.5-23.5T80-240v-120h80v120h640v-480H160v120H80v-120q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm300-140-56-58 83-82H80v-80h407l-83-82 56-58 180 180-180 180Z'/%3E%3C/svg%3E");width:24px;height:24px}}}}}& [aria-label=Rechtliche\ Hinweise]{align-items:flex-start;gap:var(--s-6);margin-inline:auto}& [aria-label=Intro]{& p{font-size:var(--fs-lg);text-align:center;max-width:70ch}}& .mood-illustration{min-height:var(--figure-min-height);justify-content:center;align-items:center;display:flex;&>img{object-fit:contain;width:100%;height:auto;max-height:350px}}& [aria-labelledby=durchblick]{@media (width>=600px){& ol{--bullet-size:clamp(60px, 7cqw, 110px);--gap-list:var(--s-14);counter-reset:item;& li{counter-increment:item;max-width:70ch;padding-inline-start:calc(var(--bullet-size) * 1.25)}& li:before{aspect-ratio:1;background-color:var(--color-gray);content:"0" counter(item);font-size:var(--fs-3xl);width:var(--bullet-size);border-radius:50%;justify-content:center;align-items:center;padding:.25em;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}}}@media (width>=900px){&{grid-template-columns:6fr 4fr;grid-template-areas:"hgroup hgroup""col1 col2";column-gap:0;display:grid;&>hgroup{grid-area:hgroup}&>ol{grid-area:col1}&>figure{grid-area:col2}}& figure{z-index:-1;translate:-60px;&>img{scale:1.25}}}}& [aria-labelledby=awards]{& .badges{flex-direction:column;align-items:center;gap:clamp(3em,4.1vw,4em);display:flex;& figure{flex-direction:column;align-items:center;gap:clamp(.6em,1vw,.8em);display:flex;& figcaption{font-size:var(--fs-sm);font-weight:var(--fw-light)}& .fondskompass,& .scope{aspect-ratio:5/6;width:clamp(160px,15.5vw,230px)}& .xenix{aspect-ratio:8.2/10;width:clamp(160px,15.5vw,230px)}}@media (width>=768px){&{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:0;width:min(75%,900px)}}}& .sources{font-size:var(--fs-sm);font-weight:var(--fw-light);text-align:center;& a{font-weight:var(--fw-light);text-decoration:underline}}}& [aria-labelledby=vorteile]{&>section{--hgroup-align:flex-start;--hgroup-font-size:var(--fs-base);--hgroup-gap:var(--s-2);max-width:min(95cqw,600px);&>.checklist{margin-block-start:var(--s-6)}&>.mood-illustration{margin-block-end:var(--s-4)}@media (width>=900px){&{max-width:unset;grid-template-columns:1fr 1fr;grid-template-areas:"figure hgroup""figure ul";column-gap:7em;display:grid;&>hgroup{grid-area:hgroup;align-self:flex-end}&>ul{grid-area:ul;align-self:flex-start}&>figure{grid-area:figure}&:last-child{grid-template-columns:6fr 4fr;grid-template-areas:"hgroup figure""ul figure";column-gap:0;padding-inline-start:10cqw;& figure{z-index:-1;translate:-120px;& img{scale:1.4}}}}}}}& [aria-labelledby=focus-etfs]{& hgroup>p:nth-of-type(2){font-size:var(--fs-lg)}& .focus-tabs{border-bottom:1px solid var(--color-gray-dark);text-align:left;justify-content:flex-start;width:min(95cqw,1200px);display:flex;& input[type=radio]{opacity:0;pointer-events:none;position:absolute}& label{cursor:pointer;font-size:var(--fs-base);font-weight:var(--fw-bold);align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-6);border-bottom:3px solid #0000;margin-bottom:-1px;display:inline-flex;& svg{fill:currentColor;width:1em;height:1em}}& input:checked+label{background:var(--color-gray-light);border:1px solid var(--color-gray-dark);border-bottom:3px solid var(--color-primary)}& input:focus-visible+label{outline:2px solid var(--color-primary);outline-offset:-2px}}& .focus-detail,& .focus-list{width:min(95cqw,1200px);display:none}&:has(#tab-detail:checked) .focus-detail,&:has(#tab-list:checked) .focus-list{display:block}& [class^=btn--]{--bg:var(--color-blue-dark);--bg-h:var(--color-blue-light);&:has(span){gap:var(--s-3);align-items:center;display:flex;& svg{flex-shrink:0}}}& .btn--buy{--bg:var(--color-primary);--bg-h:var(--color-primary-muted)}& .icon-arrow-outward{fill:currentColor;vertical-align:middle;width:.8em;height:.8em}& .btn--s-broker{--pb:var(--s-3);--pi:var(--s-5);text-align:center;width:min(95cqw,450px)}& .focus-detail{& .carousel{margin-inline:calc(var(--s-10) * -1);width:unset}& .carousel-scroller>[role=group]{grid-template-columns:1fr;align-items:stretch;display:grid;@media (width>=768px){grid-template-columns:1fr 1fr}& figure{overflow:hidden;& img{object-fit:contain;width:100%;height:100%}}&>div{gap:var(--s-6);padding:var(--s-8) var(--s-6);flex-direction:column;display:flex;@media (width>=768px){padding:var(--s-8) var(--s-12) var(--s-3)}& h3{color:var(--color-blue-light);font-size:var(--fs-base);font-weight:var(--fw-bold);margin-bottom:calc(var(--s-6) * -1 + var(--s-1))}& .tagline{font-size:var(--fs-2xl);font-weight:var(--fw-light);line-height:1.1}& p{font-size:var(--fs-base);line-height:1.6}}& .actions{align-items:flex-start;gap:var(--s-3);flex-direction:column;display:flex;@media (width>=600px){flex-direction:row;margin-block-start:auto}@media (width<600px){&>*{text-align:center;justify-content:center;min-width:235px}}}& .isin-line{font-size:var(--fs-sm);& .clipboard{font-weight:var(--fw-bold);display:inline-flex}}}}& .focus-list{& table{width:100%;display:grid}& thead{display:none}& tbody{flex-direction:column;display:flex}& tr{border-bottom:1px solid var(--color-gray-darker);gap:var(--s-2);padding-block:var(--s-6);flex-direction:column;display:flex}& td.actions{gap:var(--s-3);flex-wrap:wrap;display:flex}@media (width>=900px){& table{grid-template-columns:1fr max-content max-content}& thead{grid-column:1/-1;grid-template-columns:subgrid;display:grid}& th{font-weight:var(--fw-bold);padding-block:var(--s-4);text-align:left;align-self:baseline;&:not(:first-child){padding-inline-start:var(--s-6)}}& tbody,& tr{grid-column:1/-1;grid-template-columns:subgrid;padding-block:0;display:grid}& td{padding-block:var(--s-4);align-self:baseline;align-items:center;&:not(:first-child){padding-inline-start:var(--s-6)}}}}& [aria-label=App-Store\ Links]{display:none}@media (width<=900px){& [aria-label=App-Store\ Links]{align-items:center;gap:var(--s-6);padding:var(--s-8);background-color:#0001;flex-direction:column;width:95cqw;display:flex;& h3{font-size:var(--fs-2xl);font-weight:var(--fw-light);align-items:center;gap:var(--s-2);flex-direction:column;display:flex;&>*{text-align:center}}& img{width:200px;height:auto;&.app-store-badge{aspect-ratio:3}&.play-store-badge{aspect-ratio:180/53}}}}}&.page-etfs-rock [aria-labelledby=beratung]{--hgroup-color:var(--color-txt-white);&>hgroup{--hgroup-gap:var(--s-1)}& h2{color:var(--color-muted-light)}& p[aria-roledescription=Untertitel]{font-weight:var(--fw-light)}& form button svg{color:var(--color-txt-white)}}&.page-etfs-rock [aria-labelledby=beratung] form{background-color:var(--color-blue-dark);padding:var(--s-8) clamp(2em, 6vw, 6em);gap:2em;width:min(100%,1200px);overflow-x:visible;& p{color:var(--color-txt-white);font-size:var(--fs-xl);font-weight:var(--fw-light);max-width:65ch}& [role=status]{&>turbo-frame{flex-direction:column;gap:1em;min-height:100px;display:flex;&:empty:not([aria-busy]){display:none}&:has(p.error){outline:1px solid var(--color-primary-muted);padding:var(--s-4);background-color:#f005;place-content:center}&[aria-busy=true]{justify-content:center;align-items:center;display:flex;&:after{border:5px solid #fff;border-bottom-color:var(--color-primary);box-sizing:border-box;content:"";border-radius:50%;width:4em;height:4em;animation:1s linear infinite rotate-360;display:inline-block}& *{display:none}}--gap-list:.35em;& .blz{display:none}& *{color:var(--color-txt-inv);font-size:var(--fs-lg)}& a{align-items:center;gap:var(--s-3);display:flex;&:before{--height:.7em;aspect-ratio:7/11;background-color:var(--color-primary);content:"";height:var(--height);mask-image:url(/assets/icons/chevron-3674543140933aba1f2a85fcdf73c1e1c515a37392afd3d73d270598af418f0a.svg)}&:hover{&:before{animation:2s ease-in-out 3 nudge-right}}}& h3{font-size:var(--fs-xl);font-weight:var(--fw-light)}}}}& [aria-labelledby=faq]{& ul{--gap-list:0;---border:1px solid var(--color-gray-darker);---space:clamp(1.5em, 3.5vw, 3em);border-block:var(---border);width:min(95cqw,1200px);& li{padding-block:var(---space);&+li{border-top:var(---border)}& details{flex-direction:column;width:100%;display:flex;& p{font-size:var(--fs-lg);max-width:70ch;margin-block-start:calc(var(---space) * .5)}& summary{font-size:var(--fs-lg);font-weight:var(--fw-bold);padding-inline-end:1em;list-style:none;position:relative;&:before{--height:20px;aspect-ratio:7/11;background-color:var(--color-primary);content:"";height:var(--height);right:5px;top:calc(50% - var(--height) / 2);transform-origin:50%;display:block;position:absolute;transform:rotate(90deg);mask-image:url(/assets/icons/chevron-3674543140933aba1f2a85fcdf73c1e1c515a37392afd3d73d270598af418f0a.svg)}[open] &:before{transform:rotate(-90deg)}&::marker{content:""}&::-webkit-details-marker{display:none}}}}}}}