.target-groups-special{hyphens:auto;overflow-wrap:anywhere; :where(ol, ul) { padding: 0px; margin: 0px; list-style-type: none; } & > div[tabindex="-1"] { &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } & > ul { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); grid-template-rows: 1fr 30px min-content; column-gap: 50px; & > li { grid-row: 1 / 4; display: grid; grid-template-columns: 1fr; grid-template-rows: subgrid; position: relative; & > article { grid-row: 1 / 4; display: grid; grid-template-columns: 1fr; grid-template-rows: subgrid; position: relative; & > .content { grid-column: 1 / 2; grid-row: 3 / 4; padding: 8px 15px 15px 15px; z-index: 1; background-color: var(--white-80); text-align: center; color: var(--fsu-blue); & > a { outline: none; text-decoration: none; color: inherit; &::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } &:focus-visible::after { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover::after { outline: 1px solid var(--hover-color-dark); outline-offset: 0px; } } & > .title { margin: 0px; font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; } } & > .text { margin: 0px; text-wrap: balance; } } & > figure { grid-column: 1 / 2; grid-row: 1 / 4; margin: 0px; img { width: 100%; display: block; aspect-ratio: 9 / 14; } figcaption { padding: 0px 2px; position: absolute; top: 0px; left: 100%; transform: rotate(180deg); writing-mode: vertical-rl; color: var(--copyright-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; small { font-size: inherit; } } } & > .corner { grid-column: 1 / 2; grid-row: 2 / 3; display: grid; grid-template-columns: 30px 1fr 30px; &::before { content: ""; background: radial-gradient(circle 30px at top right, transparent 29px, var(--white-80) 30px); } div { background: linear-gradient(180deg, transparent 29px, var(--white-80) 30px); } &::after { content: ""; background: radial-gradient(circle 30px at top left, transparent 29px, var(--white-80) 30px); } } } } } } & > fieldset { display: none; }}@media(min-width:48.0000em) and (max-width:74.9375em){.js .target-groups-special{& > div[tabindex="-1"] > ul{grid-template-columns:repeat(4,calc((100%/3) - (30px * 2/3)))}&:not(:has(ul > li:last-child:nth-child(1), ul > li:last-child:nth-child(2), ul > li:last-child:nth-child(3))) > fieldset{display:flex;& > legend > :where(.small, .tiny){display:none}}}}@media(max-width:74.9375em){.target-groups-special{& > div[tabindex="-1"] > ul > li > article > .content > a > .title{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}& > fieldset{align-items:center;margin-top:20px;& > ol{flex-grow:1;& > li.hidden{display:none}}button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}& > ol{display:flex;justify-content:center;& > li{& > button{background-color:var(--white-100);color:var(--button-color);&:focus-visible{outline:3px solid var(--hover-color-dark);outline-offset:-6px}@media(hover:hover){&:hover{color:var(--hover-color-dark);i.icon{--icon-font-fill:0;&::after{content:"\e39e"}}}&[aria-current]:hover i.icon::after{content:"\e837"}}}}}& > button{background-color:var(--button-color);color:var(--white-100);&:disabled{box-sizing:border-box;pointer-events:none;touch-action:none;background-color:var(--white-100);border:1px solid var(--copyright-color);color:var(--copyright-color)}&:focus-visible{outline:3px solid var(--white-100);outline-offset:-6px}@media(hover:hover){&:hover{background-color:var(--hover-color-dark);outline:1px solid var(--white-100);outline-offset:-4px}}}}}.js .target-groups-special{overflow:clip visible;& > div[tabindex="-1"] > ul{column-gap:30px;@media(prefers-reduced-motion:no-preference){&.transition{transition:transform 700ms ease-in-out 0ms}}& > li.opacity{pointer-events:none;filter:opacity(.2);@media(prefers-reduced-motion:no-preference){transition: filter 500ms linear;}}}}}@media(max-width:47.9375em){.target-groups-special>div[tabindex="-1"]>ul>li>article>figure>figcaption{padding:0}}@media(min-width:32.5000em) and (max-width:47.9375em){.js .target-groups-special{& > div[tabindex="-1"] > ul{grid-template-columns:repeat(4,calc(50% - (30px * 1/2)))}&:not(:has(ul > li:last-child:nth-child(1), ul > li:last-child:nth-child(2))) > fieldset{display:flex;& > legend > :where(.medium, .tiny){display:none}}}}@media(max-width:32.4375em){.js .target-groups-special{& > div[tabindex="-1"] > ul{grid-template-columns:repeat(4,100%)}&:not(:has(ul > li:last-child:nth-child(1))) > fieldset{display:flex;& > legend > :where(.medium, .small){display:none}}}}.teaser-news-special{hyphens:auto;overflow-wrap:anywhere; :where(ol, ul) { padding: 0px; margin: 0px; list-style-type: none; } & > ol { display: flex; flex-direction: column; row-gap: 50px; & > li { position: relative; & > article { display: grid; grid-template-columns: 50% minmax(0, 1fr); grid-template-rows: 1fr; & > div { grid-column: 2 / 3; grid-row: 1 / 2; display: flex; flex-direction: column; justify-content: center; padding: 20px 40px; background-color: var(--block-background); & > a { margin: 0px; outline: none; text-decoration: none; color: var(--fsu-blue); font-weight: 500; font-variation-settings: var(--fsu-font-variation-headline-block); font-size: 1.375rem; line-height: 1.813rem; &::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } &:focus-visible::after { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover::after { outline: 1px solid var(--hover-color-dark); outline-offset: 0px; } } & > .title { display: inline; margin: 0px; font-weight: inherit; font-size: inherit; } } & > .short { margin: 5px 0px 0px 0px; color: var(--text-color); } & > ul { order: -1; display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; & > li { padding: 4px 5px 3px 5px; background-color: var(--white-100); text-transform: uppercase; color: var(--text-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; } } } & > figure { grid-column: 1 / 2; grid-row: 1 / 2; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); margin: 0px; & > picture { grid-column: 1 / 2; grid-row: 1 / 2; align-self: center; overflow: hidden; &.bg { height: 100%; z-index: -1; & > img { height: 100%; filter: blur(10px) grayscale(60%); transform: scale(1.1); } } & > img { width: 100%; display: block; aspect-ratio: 16 / 9; } } & > figcaption { padding: 3px 0px; position: absolute; top: 100%; left: 0px; color: var(--copyright-color); font-variation-settings: var(--fsu-font-variation-text-condensed); font-size: 0.750rem; line-height: 1.000rem; & > small { font-size: inherit; } } } } } & + a { width: fit-content; display: block; padding: var(--link-block-padding) 0px var(--link-block-padding) 0px; margin: 20px 0px 0px auto; text-decoration: underline 1px; text-underline-offset: 3px; color: var(--text-color); font-variation-settings: var(--fsu-font-variation-text-condensed); &:focus-visible { outline: 3px solid var(--hover-color-dark); outline-offset: 0px; } @media (hover: hover) { &:hover { text-decoration-thickness: 2px; } } } }}@media(min-width:48.0000em){.teaser-news-special{& > ol > li:nth-child(even) > article{& > figure{grid-column:2/3;& > figcaption{right:0;left:auto}}& > div{grid-column:1/2;& > ul{justify-content:flex-end}& :where(& > a, & > .short){text-align:right}}}&:has(> ol > li:last-child:nth-child(odd)) > ol + a{margin-top:0}}}@media(max-width:74.9375em){.teaser-news-special>ol>li>article>div>a{font-size:clamp(var(--fsu-block-font-size-scale-min),var(--fsu-block-font-size-scale),var(--fsu-block-font-size-scale-max));line-height:clamp(var(--fsu-block-line-height-scale-min),var(--fsu-block-line-height-scale),var(--fsu-block-line-height-scale-max))}}@media(max-width:47.9375em){.teaser-news-special>ol{row-gap:35px;& > li > article{grid-template-columns:minmax(0,1fr);& > div{grid-column:1/2;grid-row:2/3;padding:10px;& > ul{column-gap:10px;margin-bottom:15px}}& > figure{grid-column:1/2;grid-row:1/2;& > picture.bg{display:none}& > figcaption{position:static;padding-right:5px;padding-left:5px;background-color:var(--block-background);text-align:right}}}& + a{margin-top:0}}}