|
- .topic-teaser,.topics .tile{--topic-tile-padding: 24px;position:relative;display:flex;flex-direction:column;background-color:var(--color-background);overflow:hidden;width:100%;border-radius:var(--border-radius-lg);padding:var(--topic-tile-padding);transition:.25s ease;line-height:1.2;text-align:center;text-decoration:none}@media (max-width: 999px){.topic-teaser,.topics .tile{--topic-tile-padding: 14px}}@media (max-width: 767px){.topic-teaser,.topics .tile{font-size:16px;min-height:84px;border-radius:8px}}.topic-teaser .icon-box,.topics .tile .icon-box{font-family:Pictograms,sans-serif;font-size:72px;line-height:1;color:var(--color-decoration);margin-top:6px}@media (max-width: 567px){.topic-teaser .icon-box,.topics .tile .icon-box{font-size:50px;margin-top:0}}.col .topic-teaser,.col .topics .tile{max-width:none}a.topic-teaser.focus-visible:focus,.topics:not([data-type=list]) a.tile.focus-visible:focus{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}a.topic-teaser:focus-visible,a.topic-teaser.-moz-focusring,.topics:not([data-type=list]) a.tile:focus-visible,.topics:not([data-type=list]) a.tile.-moz-focusring{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}a.topic-teaser:before,.topics:not([data-type=list]) a.tile:before{content:"";position:absolute;display:block;bottom:0;left:0;right:0;height:var(--border-width);background-color:var(--color-decoration);transition:.2s ease}a.topic-teaser:hover:before,.topics:not([data-type=list]) a.tile:hover:before{height:var(--border-width-hover)}a.topic-teaser .title,.topics:not([data-type=list]) a.tile .title{text-decoration:underline;margin:12px 0}@media (max-width: 999px){a.topic-teaser .title,.topics:not([data-type=list]) a.tile .title{margin:8px 0}}@media (max-width: 567px){a.topic-teaser .title,.topics:not([data-type=list]) a.tile .title{margin:4px 0}}a.topic-teaser .text-box,.topics:not([data-type=list]) a.tile .text-box{display:flex;align-items:center;justify-content:center;flex-grow:1}div.topic-teaser,.topics[data-type=list] .tile{padding:0 var(--topic-tile-padding) .5em}div.topic-teaser .icon-box,.topics[data-type=list] .tile .icon-box{background-color:var(--color-text);color:var(--color-background);margin:0 calc(var(--topic-tile-padding) * -1);padding:10px 0;font-size:60px}@media (max-width: 767px){div.topic-teaser .icon-box,.topics[data-type=list] .tile .icon-box{font-size:46px}}div.topic-teaser .text-box,.topics[data-type=list] .tile .text-box{display:block;text-align:left}div.topic-teaser .title,.topics[data-type=list] .tile .title{text-decoration:none;margin:.8em 0}
|
