.product-detail{&>header{background-color:var(--color-blue-dark);color:var(--color-txt-white);padding-block:var(--s-12) 0;padding-inline:var(--s-16);@media (width<768px){padding-inline:var(--s-12)}&>h1{font-size:var(--fs-2xl);font-weight:var(--fw-light);text-wrap:balance;margin:0;line-height:1.1;@media (width>=1024px){font-size:var(--fs-4xl)}}}&>.body{gap:var(--s-20);flex-direction:column;display:flex}&>.body>section{gap:var(--s-6);flex-direction:column;display:flex;&>header>h2{border-bottom:2px solid var(--color-gray-dark);font-size:var(--fs-3xl);padding-bottom:var(--s-2);line-height:1.1}&[id=portrait]{@media (width>768px){&>.body{columns:2;gap:var(--s-16)}}& footer{margin-block-start:var(--s-10)}}&[id=composition]{& .composition-section+.composition-section{margin-top:var(--s-12)}}@media (width>768px){scroll-margin-top:var(--s-36)}}&>.body>nav+section{margin-block-start:var(--s-4)}&>footer{margin-block:var(--s-20)}& footer.fineprint{color:var(--color-muted);font-size:11px;line-height:18px;& a{font-weight:var(--fw-normal);text-decoration:underline}}& #abstract{background-color:var(--color-gray-light);gap:var(--s-12);margin-block-end:calc(var(--s-18) * -1);padding-block-end:var(--s-12);padding-inline:0;& .meta{background-color:var(--color-blue-dark);color:var(--color-txt-white);padding-block:0 var(--s-12);padding-inline:var(--s-12);@media (width>=768px){padding-inline:var(--s-16)}& dl{gap:var(--s-8);flex-wrap:wrap;margin-block-start:var(--s-6);display:flex;@media (width>=768px){gap:var(--s-16)}& div{align-items:baseline;gap:var(--s-2);display:flex;&>*{line-height:1em}& dt{font-size:var(--fs-xs)}& dd{font-size:var(--fs-xl);text-wrap:nowrap}}}}& .grid-prose{gap:var(--s-12);padding-inline:var(--s-12);flex-direction:column;display:flex;@media (width>=768px){padding-inline:var(--s-16)}}& .key-figures{grid-area:key-figures;& dl{gap:var(--s-8);display:flex;& div{font-weight:var(--fw-thin);gap:var(--s-1);flex-direction:column;flex-basis:50%;display:flex;& dt{font-size:var(--fs-lg)}& dd{font-size:var(--fs-6xl);white-space:nowrap;line-height:1}}@media (width<600px){flex-direction:column}}}& .description{grid-area:description}& .buttons{grid-area:buttons;display:none}& .info-liquidation{background-color:var(--color-gray-light);border:2px solid var(--color-gray-dark);margin-inline:var(--s-16);padding:var(--s-4)}& .awards-visual{grid-area:awards-visual;justify-content:flex-start;display:flex;& figure>img{max-height:150px}}& .awards-text{grid-area:awards-text;& h3{white-space:nowrap}}@media (width>=768px){& .grid-prose{gap:var(--s-12);grid-template-areas:"key-figures key-figures key-figures""description description description""awards-text awards-text awards-visual";display:grid}}@media (width>=768px) and (width<1024px){& .awards-visual{justify-content:flex-end}}@media (width>=1024px){& .grid-prose{grid-template-areas:"key-figures key-figures awards-visual""description description awards-text"}}}& #chances-risks{&>.body{gap:var(--s-8);flex-direction:column;display:flex;& section{gap:var(--s-6);flex-direction:column;flex-basis:50%;display:flex;& h3{font-weight:var(--fw-bold)}& ul{gap:var(--s-4);flex-direction:column;display:flex;& li{font-size:var(--fs-base);margin-inline-start:1em;line-height:1.6;list-style-type:square}}}}&>footer .fineprint{text-wrap:balance;font-size:90%}@media (width>=900px){&>.body{flex-direction:row}}}& #performance{background-color:var(--color-gray-light);padding-block:var(--s-4);gap:0;margin-block-start:calc(var(--s-18) * -1);&>header{padding-block:var(--s-4) var(--s-3);padding-inline:var(--s-4);& h2{border:none}}&>.body{padding:var(--s-4);background-color:#fff}}& #downloads>.body{gap:var(--s-12);flex-direction:column;display:flex;& .document-group-wrapper{gap:var(--group-spacing);--group-spacing:var(--s-12);flex-wrap:wrap;display:flex;@media (width<1024px){--group-spacing:var(--s-8)}&>div{--item-spacing:var(--s-2);flex-basis:calc(50% - var(--group-spacing) / 2);flex-direction:column;gap:0;display:flex;@media (width<1024px){flex-basis:100%}& h3{border-bottom:1px solid var(--color-gray-dark);font-weight:var(--fw-bold);padding-block-end:var(--item-spacing)}& ul{flex-direction:column;gap:0;display:flex;& li{border-bottom:1px solid var(--color-gray-dark);&>a{font-weight:var(--fw-thin);padding-block:var(--item-spacing);justify-content:space-between;align-items:center;display:flex;&:hover{color:inherit;text-decoration:none}&>span:last-child{font-size:var(--fs-xs);display:flex;&>span:last-child{font-weight:var(--fw-bold);text-transform:uppercase;background-image:url(/assets/icons/download-1b2d1238350fc279366f828645d9814e48596470d7c74a959b1c1864f88603c5.svg);background-position:100%;background-repeat:no-repeat;background-size:16px;width:65px;&:before{content:"|";padding-inline:var(--s-1)}}}}}}}}& .download-form-wrapper{background-color:var(--color-blue-lightest);gap:var(--s-12);padding:var(--s-6);flex-direction:column;display:flex;& .grid--form-body{gap:var(--s-8);flex-direction:column;display:flex;& fieldset{align-items:center;gap:var(--s-8);display:flex;& label:has([type=checkbox]){align-items:center;gap:var(--s-2);display:flex;&>span{-webkit-user-select:none;user-select:none;white-space:nowrap}}& .field{align-items:center;gap:var(--s-8);display:flex;& [for=historical_download_ends_on]{margin-inline:-1em}& [type=text]{background-color:#fff}}}&>fieldset[aria-label=Zeitraum]{grid-area:dates}&>fieldset[aria-label=Downloads]{flex-wrap:wrap;grid-area:documents}&>button{grid-area:submit;place-self:flex-end;max-width:150px;margin-inline-end:25px}@media (width>1024px){grid-template-areas:"dates dates submit""documents documents submit";display:grid}}@media (width<768px){display:none}}}& .grid--composite{gap:var(--s-8);flex-direction:column;display:flex;@media (width>=1024px){column-gap:var(--s-12);grid-template-columns:1fr 1fr;grid-template-areas:"error-message error-message""historical-data performance""etf-key-data prices";display:grid}& .table-ratio{margin-top:var(--s-12);padding-right:var(--s-6);width:50%}& .area--composite{grid-area:composite}& .area--error-message{grid-area:error-message}& .area--etf-key-data{grid-area:etf-key-data}& .area--historical-data{grid-area:historical-data}& .area--performance{grid-area:performance}& .area--prices{grid-area:prices}}& #fund-data>.body{gap:var(--s-6);flex-direction:column;display:flex;@media (width>=1024px){gap:var(--s-12);grid-template-columns:1fr 1fr;grid-auto-flow:dense;display:grid;&:has(.trading-info){grid-template-areas:"risk-indicator investment-horizon""fund-data trading-info""ongoing-costs more-info"}&:not(:has(.trading-info)){grid-template-areas:"risk-indicator investment-horizon""fund-data ongoing-costs""fund-data more-info"}}& .fund-data{grid-area:fund-data}& .investment-horizon{grid-area:investment-horizon}& .more-info{grid-area:more-info}& .ongoing-costs{grid-area:ongoing-costs}& .risk-indicator{grid-area:risk-indicator}& .trading-info{grid-area:trading-info}& figure{--bg-inactive:#cddbdf;--bg-active:#003745;--pd-box:1.5rem;--fs-label:var(--fs-sm);--h-indicator:clamp(28px, 3vw, 48px);padding:var(--pd-box);background-color:#f6f9fa;&.risk-indicator{& .info-button{display:inline-flex;&>span{background-image:url(/assets/icons/info-b0fe3fc79f2bbdab143ee70114a433a959dc59fee288e6cc2901647b10254b38.svg);background-position:50%;background-repeat:no-repeat;width:22px;height:22px}}& .info-popover{border-radius:var(--br-sm);margin:var(--s-2);max-width:280px;padding:var(--s-4);background:#fff;border:1px solid #cddbdf;box-shadow:0 4px 12px #00000026;&:popover-open{bottom:anchor(top);inset:unset;left:anchor(center);position:absolute;translate:-50%;@supports (top:anchor(bottom)){position-try-fallbacks:flip-block;position-try-order:most-height}}}& .risk-scale{align-items:center;gap:var(--s-4);display:flex;& ol{--gap-list:var(--s-2);flex-direction:row;& li{background:var(--bg-inactive);height:var(--h-indicator);width:var(--h-indicator);justify-content:center;align-items:center;display:flex;&[data-active]{background:var(--bg-active);color:var(--color-txt-inv);transform:scale(1.05)}}}}& .risk-label{font-size:var(--fs-label);line-height:1.2;&:first-of-type{text-align:left;flex:0 0 55px}&:last-of-type{text-align:right;flex:0 0 35px}}@media (width<550px){& .risk-scale{gap:var(--s-2);grid-template-areas:"value value""minlabel maxlabel";width:fit-content;display:grid;& ol{grid-area:value}& .risk-label:first-of-type{flex:unset;grid-area:minlabel}& .risk-label:last-of-type{flex:unset;grid-area:maxlabel}}}}&.investment-horizon{container-type:inline-size;& .horizon-scale{column-gap:1px;row-gap:var(--s-2);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr;grid-auto-flow:column;display:grid;& output{background:var(--bg-inactive);height:var(--h-indicator);&[data-active]{background:var(--bg-active)}}& label{font-size:var(--fs-label);text-align:center;&[for=horizon-short]{text-align:left}&[for=horizon-long]{text-align:right}@container (width<=450px){& span:last-of-type{display:none}}@container (width>=451px){& span:last-of-type{&:before{content:"("}&:after{content:")"}font-size:var(--fs-xs);margin-left:var(--s-1)}}}}}@media (width<1024px){--h-output:clamp(28px, 6vw, 48px);--pd-box:1rem}}}}