.card:hover { background: var(--at-primary); color: var(--at-white); } .bgdark { background-color: var(--at-blackbg); color: var(--at-white); } .subtitle { display: block; font-size: 1rem; font-family: 'gr', sans-serif; } .text__separated { display: block; } .text__separated div { text-align: left; } @media (min-width: 1200px) { .text__separated { display: flex; column-gap: 0; } .text__separated div { flex: 1; padding-left: 1rem; padding-right: 1rem; border-right: 1px solid var(--at-white); text-wrap: nowrap; } } .text__separated div:first-child { padding-left: 0; } .text__separated div:last-child { border: none;  padding-right: 0; } .overlaybox__overlay:hover ~ .overlaybox__inner .overlaybox__btn, .overlaybox__overlay:hover ~ .overlaybox__inner-extra .overlaybox__btn{ transform: scale(0.7); border-color: var(--at-white); } .overlaybox__inner:after, .overlaybox__inner-extra:after{ width: 100%; height: 100%; content: ""; position: absolute; background-color: rgb(51,51,51,0.5); transition: all var(--brxw-transition-l); } .overlaybox__overlay:hover ~ .overlaybox__inner:after, .overlaybox__overlay:hover ~ .overlaybox__inner-extra:after{ background-color: rgb(51,51,51,0.8); } .footer__btn:after, .overlaybox__btn:after, .slider__btn:after {  content: "\BB"; }  @media (min-width: 1630px) { .wrapper { max-width: 1630px; } }  @media (min-width: 1200px) { .wrapper { max-width: 767px; } }  .wrapper { width: 100%; } #search__container.searchvisible { display: block; }  @media (min-width: 1200px) { .primary-nav__dropdown__li:hover a { background: #f7f7f7; } } .primary-nav__mobileonly { display: block; } @media (min-width: 1200px) { .primary-nav__mobileonly { display: none !important; } } @media (min-width: 1200px) { .primary-nav__dropdown { position: absolute; top: 8.2rem; left: 0; } }