NOW RACING

0px; overflow: hidden; line-height: 0;“ class=“mce_SELRES_start“>
/* =========================================================
NOW RACING – LETZTE RENNEN V8
COMPACT RACING CARDS
========================================================= */

.now-latest-races {
–now-bg: #24112A;
–now-card: #170719;
–now-card-light: #24102A;
–now-purple: #492556;
–now-purple-light: #67347A;
–now-gold: #E0B23B;
–now-gold-dark: #C08A00;
–now-white: #FFFFFF;
–now-muted: #BCAFC1;

width: min(1380px, calc(100% – 80px)) !important;
max-width: 1380px !important;

margin: 0 auto 80px !important;
}

/* =========================================================
GRID
========================================================= */

.now-latest-races .wpr-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 22px !important;
height: auto !important;
}

.now-latest-races .wpr-grid-item {
position: relative !important;

top: auto !important;
left: auto !important;

width: auto !important;
height: auto !important;

margin: 0 !important;
padding: 0 !important;

transform: none !important;
opacity: 1 !important;
}

/* =========================================================
CARD
========================================================= */

.now-latest-races .wpr-grid-item-inner {
position: relative !important;

display: flex !important;
flex-direction: column !important;

width: 100% !important;
height: 100% !important;

overflow: hidden !important;

background:
linear-gradient(
145deg,
#24102A 0%,
#19091D 60%,
#130616 100%
) !important;

border: 1px solid rgba(103,52,122,.90) !important;
border-radius: 12px !important;

box-shadow:
0 18px 45px rgba(0,0,0,.28);

transition:
transform .30s ease,
border-color .30s ease,
box-shadow .30s ease;
}

/* Goldlinie oben */

.now-latest-races .wpr-grid-item-inner::before {
content: „“;

position: absolute;
z-index: 30;

top: 0;
left: 18px;

width: 70px;
height: 3px;

background:
linear-gradient(
90deg,
#E0B23B,
#C08A00
);

pointer-events: none;
}

/* =========================================================
CARD HOVER
========================================================= */

.now-latest-races
.wpr-grid-item:hover
.wpr-grid-item-inner {

transform: translateY(-6px) !important;

border-color:
rgba(224,178,59,.72) !important;

box-shadow:
0 28px 65px rgba(0,0,0,.40),
0 0 28px rgba(103,52,122,.16);
}

/* =========================================================
IMAGE AREA
========================================================= */

.now-latest-races .wpr-grid-media-wrap {
position: relative !important;

width: 100% !important;

margin: 0 !important;

overflow: hidden !important;

background:
#0D050F !important;
}

.now-latest-races .wpr-grid-image-wrap {
position: relative !important;

width: 100% !important;

aspect-ratio:
16 / 9 !important;

overflow:
hidden !important;

background:
#0D050F !important;
}

.now-latest-races .wpr-grid-image-wrap img {
display: block !important;

width: 100% !important;
height: 100% !important;

max-width: none !important;

object-fit:
cover !important;

object-position:
center !important;

transition:
transform .60s cubic-bezier(.2,.7,.2,1),
filter .35s ease !important;
}

.now-latest-races
.wpr-grid-item:hover
.wpr-grid-image-wrap img {

transform:
scale(1.055) !important;

filter:
brightness(1.08)
contrast(1.04);
}

/* dunkler Verlauf */

.now-latest-races .wpr-grid-media-wrap::after {
content: „“;

position: absolute;

inset: 0;

z-index: 5;

pointer-events: none;

background:
linear-gradient(
180deg,
transparent 45%,
rgba(15,5,18,.06) 65%,
rgba(15,5,18,.52) 100%
);
}

.now-latest-races .wpr-grid-media-hover {
z-index:
6 !important;
}

.now-latest-races .wpr-grid-media-hover-bg {
background:
rgba(73,37,86,.04) !important;
}

/* =========================================================
CONTENT AREA
V8: DEUTLICH KOMPAKTER
========================================================= */

.now-latest-races .wpr-grid-item-below-content {
position: relative !important;

display: flex !important;
flex-direction: column !important;

flex: 1 !important;

/*
Platz für die überlappenden Badges oben,
aber keine künstliche Mindesthöhe mehr.
*/

padding:
34px 20px 16px !important;

min-height:
0 !important;

overflow:
visible !important;

background:
radial-gradient(
ellipse at 100% 100%,
rgba(103,52,122,.18),
transparent 48%
),
linear-gradient(
145deg,
#24102A,
#170819
) !important;
}

/* Racing-Fläche */

.now-latest-races
.wpr-grid-item-below-content::after {

content: „“;

position: absolute;

z-index: 0;

right: -60px;
bottom: -100px;

width: 170px;
height: 180px;

background:
rgba(103,52,122,.08);

transform:
skewX(-18deg);

pointer-events: none;
}

/* =========================================================
TITLE
V8: NOCH UNVERÄNDERT
========================================================= */

.now-latest-races .wpr-grid-item-title {
position: relative;

z-index: 5;

order: 2;

margin:
0 0 18px !important;

padding:
0 !important;

font-size:
14px !important;

line-height:
1.30 !important;

font-weight:
900 !important;

letter-spacing:
.45px !important;

text-transform:
uppercase !important;
}

.now-latest-races
.wpr-grid-item-title a {

color:
#FFFFFF !important;

text-decoration:
none !important;

transition:
color .20s ease;
}

.now-latest-races
.wpr-grid-item:hover
.wpr-grid-item-title a {

color:
#E0B23B !important;
}

/* =========================================================
TAXONOMY / BADGES
========================================================= */

.now-latest-races .wpr-grid-tax-style-1 {
position:
absolute !important;

z-index:
20 !important;

top:
-15px !important;

left:
20px !important;

right:
20px !important;

margin:
0 !important;

padding:
0 !important;
}

.now-latest-races
.wpr-grid-tax-style-1
.inner-block {

display:
flex !important;

flex-direction:
row !important;

flex-wrap:
nowrap !important;

align-items:
center !important;

justify-content:
flex-start !important;

gap:
7px !important;

width:
100% !important;

margin:
0 !important;

padding:
0 !important;
}

/* =========================================================
BADGE BASIS
========================================================= */

.now-latest-races
.wpr-grid-tax-style-1
.inner-block > a.wpr-pointer-item {

display:
inline-flex !important;

align-items:
center !important;

justify-content:
center !important;

flex:
0 0 auto !important;

width:
auto !important;

min-width:
max-content !important;

min-height:
30px !important;

margin:
0 !important;

padding:
7px 12px !important;

white-space:
nowrap !important;

word-break:
keep-all !important;

overflow-wrap:
normal !important;

background:
#170819 !important;

border:
1px solid rgba(188,175,193,.55) !important;

border-radius:
5px !important;

color:
#E9E0EC !important;

font-size:
8px !important;

line-height:
1 !important;

font-weight:
900 !important;

letter-spacing:
1px !important;

text-transform:
uppercase !important;

text-decoration:
none !important;

box-shadow:
0 5px 15px rgba(0,0,0,.22) !important;

transition:
transform .20s ease,
filter .20s ease !important;
}

/* =========================================================
SPLIT
GOLD / ZUERST
========================================================= */

.now-latest-races
.wpr-grid-tax-style-1
.inner-block > a[href*=“split-„] {

order:
1 !important;

background:
linear-gradient(
100deg,
#E0B23B 0%,
#F1C94E 100%
) !important;

border-color:
#E0B23B !important;

color:
#1A0A1F !important;

box-shadow:
0 6px 16px rgba(224,178,59,.20) !important;
}

/* =========================================================
SEASON
OUTLINE / DANACH
========================================================= */

.now-latest-races
.wpr-grid-tax-style-1
.inner-block > a[href$=“/category/season-10/“] {

order:
2 !important;

background:
rgba(19,6,22,.94) !important;

border-color:
rgba(188,175,193,.58) !important;

color:
#FFFFFF !important;

box-shadow:
0 5px 15px rgba(0,0,0,.22) !important;
}

.now-latest-races
.wpr-grid-tax-style-1
.inner-block > a:hover {

transform:
translateY(-2px) !important;

filter:
brightness(1.08);
}

/* =========================================================
READ MORE / ERGEBNISSE
V8: KEIN AUTO-MARGIN MEHR
========================================================= */

.now-latest-races .wpr-grid-item-read-more {
position:
relative !important;

z-index:
5;

order:
3;

width:
100% !important;

/*
Das ist der wichtige Unterschied zu V7:
kein „auto“ mehr.
*/

margin:
0 !important;

padding:
0 !important;
}

.now-latest-races
.wpr-grid-item-read-more
.inner-block {

width:
100% !important;

margin:
0 !important;

padding:
0 !important;
}

.now-latest-races
.wpr-grid-item-read-more a {

position: relative;

display:
flex !important;

align-items:
center !important;

justify-content:
space-between !important;

width:
100% !important;

min-height:
46px !important;

margin:
0 !important;

padding:
13px 15px !important;

background:
rgba(11,3,13,.34) !important;

border:
1px solid #E0B23B !important;

border-radius:
6px !important;

color:
#FFFFFF !important;

font-size:
9px !important;

line-height:
1 !important;

font-weight:
900 !important;

letter-spacing:
1.1px !important;

text-transform:
uppercase !important;

text-decoration:
none !important;

transition:
background .20s ease,
box-shadow .20s ease !important;
}

/* Pfeil rechts */

.now-latest-races
.wpr-grid-item-read-more a::after {

content:
„›“;

display:
block;

margin-left:
auto;

color:
#E0B23B;

font-size:
22px;

line-height:
1;

font-weight:
400;

transition:
transform .20s ease;
}

.now-latest-races
.wpr-grid-item-read-more a:hover {

background:
rgba(224,178,59,.09) !important;

box-shadow:
inset 0 0 20px rgba(224,178,59,.035);
}

.now-latest-races
.wpr-grid-item-read-more a:hover::after {

transform:
translateX(4px);
}

/* =========================================================
TABLET
========================================================= */

@media (max-width: 1050px) {

.now-latest-races {
width:
calc(100% – 50px) !important;
}

.now-latest-races .wpr-grid {
grid-template-columns:
repeat(2, minmax(0,1fr)) !important;

gap:
20px !important;
}

.now-latest-races
.wpr-grid-item-title {

font-size:
16px !important;
}

}

/* =========================================================
MOBILE
========================================================= */

@media (max-width: 600px) {

.now-latest-races {
width:
calc(100% – 30px) !important;

margin-bottom:
55px !important;
}

.now-latest-races .wpr-grid {
grid-template-columns:
1fr !important;

gap:
18px !important;
}

.now-latest-races
.wpr-grid-item-below-content {

padding:
34px 18px 16px !important;

min-height:
0 !important;
}

.now-latest-races
.wpr-grid-tax-style-1 {

left:
18px !important;

right:
18px !important;
}

.now-latest-races
.wpr-grid-item-title {

font-size:
16px !important;
}

}