.hero__article{position:relative;z-index:1}body:not(.imx-brand-wifo) .hero--dark .hero__article{padding:0 0 60px}body.imx-brand-wifo .hero--dark .hero__article{padding:30px 0 60px}body:is(.imx-brand-bergen-rathaus,.imx-brand-vachendorf,.imx-brand-ruhpolding) .hero--dark .hero__article{padding:60px 0}.hero--dark .hero__article{background:var(--color_cd)}.hero--light .hero__article{background:#fff}@media (min-width:901px){.hero__article__wrap{align-items:flex-end;display:flex!important}}.hero__article__showmore{position:relative;text-decoration:underline}.hero__article.-js-hero__article--extended .hero__article__showmore>.hero__article__showmore__show,.hero__article:not(.-js-hero__article--extended) .hero__article__showmore>.hero__article__showmore__hide{display:none}.hero__article.-js-hero__article--extended .hero__article__showmore>.hero__article__showmore__hide{bottom:auto}.hero__article__showmore:after{font:400 normal 20px/1.5em icomoon;font-size:20px;font-style:normal;font-weight:400;left:calc(100% + 5px);line-height:1.5em;position:absolute;text-decoration:none;top:0}.hero__article:not(.-js-hero__article--extended) .hero__article__showmore:after{content:"\e90d"}.hero__article.-js-hero__article--extended .hero__article__showmore:after{content:"\e90c"}.hero--dark .hero__article__showmore{color:#fff;font:400 normal calc(20px*var(--font_secondary-mod))/1.5em var(--font_secondary),Arial,sans-serif;font-size:calc(20px*var(--font_secondary-mod));font-style:normal;font-weight:400;line-height:1.5em}body.imx-brand-ruhpolding .hero--dark .hero__article__showmore{color:#fff;font:400 normal calc(23px*var(--font_secondary-mod))/1.5em var(--font_secondary),Arial,sans-serif;font-size:calc(23px*var(--font_secondary-mod));font-style:normal;font-weight:400;line-height:1.5em}.hero--light .hero__article__showmore{color:#292929;font:400 normal calc(20px*var(--font_secondary-mod))/1.5em var(--font_secondary),Arial,sans-serif;font-size:calc(20px*var(--font_secondary-mod));font-style:normal;font-weight:400;line-height:1.5em}body.imx-brand-ruhpolding .hero--light .hero__article__showmore{color:#292929;font:400 normal calc(23px*var(--font_secondary-mod))/1.5em var(--font_secondary),Arial,sans-serif;font-size:calc(23px*var(--font_secondary-mod));font-style:normal;font-weight:400;line-height:1.5em}@media (max-width:550px){.hero__article:not(.hero__article--collapse_mobile) .hero__article__wrap .hero__article__showmore{display:none}}@media (min-width:551px){.hero__article:not(.hero__article--collapse_desktop) .hero__article__wrap .hero__article__showmore{display:none}}