@media (min-width: 768px) {
.w-md-66 {
width: 66.6% !important;
}
.w-md-33 {
width: 33.3% !important;
}
}
@media (min-width: 992px) {
.w-lg-66 {
width: 66.6% !important;
}
.w-lg-33 {
width: 33.3% !important;
}
.w-lg-6 {
width: 50% !important;
}
}
@media (min-width: 1200px) {
.w-xl-66 {
width: 66.6% !important;
}
.w-xl-33 {
width: 33.3% !important;
}
}
.quicklink-content {
background-color: var(--card-background-color);
border-width: var(--card-border-width);
border-radius: var(--card-border-radius);
overflow: hidden;
min-height: 60px;
}
.quicklink-content a {
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.quicklink-content img {
height: 320px !important;
aspect-ratio: 1 / 1;
transition: all .25s ease-in;
object-fit: cover;
object-position: center;
transform: scale(1);
}
.quicklink-content:hover img {
transform: scale(1.1);
}
.quicklink-content .card-title {
background: var(--dunkelblau);
color: #fff;
position: absolute;
bottom: 0;
width: 100%;
line-height: 1.2;
text-transform: uppercase;
font-weight: 300;
opacity: .9;
}
.quicklink-content .card-title:after {
content:url(//www.t-td.de/wp-content/themes/t-td-theme/inc/blocks/quicklink/assets/img/arrow-right.svg);
float: right;
}
.quicklink-content a:focus-visible {
outline: -webkit-focus-ring-color auto 0;
background: rgba(var(--dm-rgb-primary), .5);
box-shadow: 0 0 0 0.25rem rgba(var(--dm-rgb-primary), .5);
}.fullwidth {
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
background-color: lightgrey;
}
.fullwidth.has-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-blend-mode: overlay;
}