.article__header{display:flex;flex-direction:column;margin:auto;max-width:var(--max-width-article);position:relative}@media screen{.article__header:before{background:var(--article-header-background);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:100vw;z-index:-1}}.article__header{width:100%}.article__heading{margin:var(--spacing) 0}@media screen and (min-width:1024px){.article__heading{margin:var(--spacing-m) 0}}.article__desktop-intro{display:none;margin:0 0 var(--spacing) 0}@media screen and (min-width:768px){.article__desktop-intro{display:block;margin:0 0 var(--spacing-m) 0}}.article__mobile-intro{position:relative}@media screen{.article__mobile-intro:before{background:var(--article-header-background);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:100vw;z-index:-1}}.article__mobile-intro{padding-bottom:var(--spacing-m);padding-top:var(--spacing-m)}@media screen and (min-width:768px){.article__mobile-intro{display:none}}.article__image{margin:auto;max-width:var(--max-width-article-image)}@media screen and (max-width:767px){.article__image{margin-left:calc(var(--container-padding)*-1);margin-right:calc(var(--container-padding)*-1);max-width:calc(100% + var(--container-padding)*2);position:relative}.article__image:before{background:var(--article-header-background);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:100vw;z-index:-1}}.article__image img,.article__image picture{display:block;height:auto;position:relative;width:100%}@media screen{.article__image img:before,.article__image picture:before{background:var(--article-header-background);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:100vw;z-index:-1}}.article__image figcaption{margin:var(--spacing) auto 0;max-width:var(--max-width-article)}@media screen and (max-width:767px){.article__image figcaption{margin-left:var(--container-padding)}}.article__content{margin:auto;max-width:var(--max-width-article);padding:var(--spacing) 0 var(--spacing-xl)}.fretex-webshop .breadcrumbs{background-color:var(--color-webshop);position:relative}@media screen{.fretex-webshop .breadcrumbs:before{background:var(--color-webshop);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:100vw;z-index:-1}}