@charset "utf-8";
/*
Theme Name: debleu 2024 Custom // GT Winter Series
Version: 2.0
Author: debleu.de
Author URI: https://debleu.de/
*/

/*  --------------------------------------------------------- Typography --- */

/* @font-face {
	font-display: fallback; 
	font-family: 'Saira Italic';
	font-style: italic;
	font-weight: 500;
	src: local(''),
		url('../fonts/saira-v20-latin-500italic.woff2') format('woff2');
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
}

@font-face {
	font-display: fallback; 
	font-family: 'Saira Medium Italic';
	font-style: italic;
	font-weight: 600;
	src: local(''),
		url('../fonts/saira-v20-latin-600italic.woff2') format('woff2'),
		url('../fonts/saira-v20-latin-600italic.woff') format('woff'),
		url('../fonts/saira-v20-latin-600italic.ttf') format('truetype');
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
}

@font-face {
	font-display: fallback; 
	font-family: 'Saira Bold Italic';
	font-style: italic;
	font-weight: 800;
	src: local(''),
		url('../fonts/saira-v20-latin-800italic.woff2') format('woff2'),
		url('../fonts/saira-v20-latin-800italic.woff') format('woff'),
		url('../fonts/saira-v20-latin-800italic.ttf') format('truetype');
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
}

@font-face {
	font-display: fallback;
	font-family: 'Saira Extra Condensed Medium';
	font-style: normal;
	font-weight: 700;
	src: local(''),
		url('../fonts/saira-extra-condensed-v13-latin-700.woff2') format('woff2'),
		url('../fonts/saira-extra-condensed-v13-latin-700.woff') format('woff'),
		url('../fonts/saira-extra-condensed-v13-latin-700.ttf') format('truetype');
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
} */

/* :root {
	--typoregular:  'Saira Italic', sans-serif;
	--typomedium:   'Saira Medium Italic', sans-serif;
	--typobold:     'Saira Bold Italic', sans-serif;
	--typoheadline: 'Saira Bold Italic', sans-serif;
	--typocond: 	'Saira Extra Condensed Medium', sans-serif;
} */

body, button, label, input, select, textarea, p {
	
	font-family: var(--typoregular);

	font-weight: 500;
	font-style: italic;

	font-size: 1.5rem;
	line-height: 1.45;
}
b, strong, .bold, .corp-name {
	font-family: var(--typobold);
	font-weight: 800;
	font-style: italic;
}

p {
	text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {

	font-family: var(--typoheadline);
	
	font-weight: 800;
	font-style: italic;
	line-height: 1.3;
	
	/*overflow-wrap: anywhere;*/
	/* text-wrap: balance; */
}

/* --- https://clamp.font-size.app/ --- */
/* --- min: 320px, max: 1920px -------- */

h1, h2.quota-headline { font-size: clamp(2.8rem, 2.6041rem + 0.9796vw, 3.4rem); }
h2 { font-size: clamp(2rem, 1.88rem + 0.6vw, 2.6rem); }
h3, .pb-news-block h2 { font-size: clamp(1.8rem, 1.76rem + 0.2vw, 2rem); }
h4 { font-size: 1.8rem; }
h5 { font-size: 1.8rem; }
h6 { font-size: 1.8rem; }

.section-headline h1, 
.section-headline h2, 
h2.section-headline {
	font-size: clamp(2.2rem, 1.9388rem + 1.3061vw, 3rem);
}

.page-title h1 {
	padding-bottom: 0;
	max-width: 840px;
}

.slider-content h1 { 
	font-size: calc(30px + (60 - 30) * ((100vw - 400px) / (1360 - 400)));
	line-height: 1.1;
}

@media only screen and (min-width: 1370px) { /* max font size over 1370 px */

	.slider-content h1  {
		font-size: 6rem;
	}
}

.pb-headline.no-padding-bottom h2 {
	padding-bottom: 0;
}

/* ------------------------------------------------------------- Colors  --- */
:root {
	--clr-ws-main: 			hsl(208, 84%, 41%);
	--clr-second: 			hsl(205, 100%, 70%);
	--clr-blue-dark: 		hsl(209deg 100% 10%);
	--clr-blue-lite: 		hsl(214deg 100% 45%);
	--clr-typo: 			hsl(0, 0%, 19%);
	--clr-btn-one:      	hsl(212deg 100% 40%);
	--clr-btn-one-hover:	hsl(212deg 100% 60%);
}

html {
	background-color: #f5f3f1;
}
body, #body-wrap {
	background-color: #fff;
}
body, button, input, select, textarea, p, #content li a {
	color: var(--clr-typo);
}
h1, h2, h3, h4, h5, h6 {
	color: var(--clr-typo);
}
/* h1, .section-headline h2, h2.section-headline, .headline-h2, .headline-h3-blue, .pb-headline h2 {
	color: #116ec0;
} */
#topimage {
	background-color: transparent;
}
#footer {
	background-image: linear-gradient( 90deg, hsl(209deg 100% 10%) 0%, hsl(214deg 100% 45%) 100% );
}
a {
	color: #666666;
}
a:hover, a:active {
	color: #000;
	outline: none;
}

.pb-text a {
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-color: #8bc4f7;
}

#copyright a {
	color: rgba(255,255,255,0.50);
}
#copyright a:hover {
	color: #fff;
}

.red {
	color: #ff0000;
}

a.news-archive-link {
	background-color: #d0eaff;
}
a.news-archive-link:hover {
	background-color: #0c65b0;
	color: #fff;
}

#footer-content,
#footer-content .company ul li a {
	color: #fff;
}
#footer-content .company .company-name {
	font-size: 180%;
	color: #fff;
	padding-bottom: 5px;
}
#footer-content .navi ul li a,
#footer-content .nav-topline {
	color: rgba(255, 255, 255, 0.8);
}
#footer-content .company-open-hours p:nth-of-type(2) {
	color: #fff;
}
#footer-content .navi ul li a::before {
	border-color: transparent transparent transparent #f7f7f7;
}
.swiper-pagination {
	background-color: #fff;
	display: none;
}

.hidden {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	margin: 0;
}

/*----------------------------------------------------------------- Quota ---*/

.pb-quota .quota-text {
	font-size: clamp(1.6rem, 5vw, 1.8rem);
}

/*------------------------------------------------------- Home next event ---*/

.home-next-event .block-text.text-2.col2 {
	position: relative;
	z-index: 1;
	background-color: #c6e6ff;
	background: linear-gradient(45deg, #c6e6ff 0%,#e0f1ff 100%);
	padding: 15px 15px 10px 15px;
	border-left: 5px solid #67c0ff;
	border-radius: 0 0 0 30px;
	margin-top: 20px;
}

.home-next-event .block-text.text-2.col2::after {
	content: ' ';
	display: block;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-image: url(https://gt-winter-series.com/wp-content/uploads/2024/01/sectator-box-001.jpg);
	background-size: cover;
	background-position: center;
	border-radius: 0 0 0 30px;
  }

.home-next-event .block-text.text-2.col2 h3 {
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	background-color: #116ec0;
	color: #fff;
	text-align: center;
	padding: 2px 0;
	margin-bottom: 20px;
}

.home-next-event .block-text.text-2.col2 p {
	font-size: 2rem;
	line-height: 1.4;
}

.home-next-event .event-buttons {
	z-index: 1;
	position: relative;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 20px;
}

.home-next-event a {
	display: inline-block;
	font-weight: 700;
	font-size: 1.6rem;
	text-decoration: none;
	padding: 3px 20px;
	margin-bottom: 10px;
	background-color: #ffffff;
	width: calc((100% - 40px) / 3);
	min-width: 150px;
	border-left: 5px solid #116ec0;
	border-radius: 0 0 0 15px;
	box-shadow: 5px 5px 5px #a7c7e1;
}

.home-next-event a:last-of-type {
	background-color: #ff0000;
	border-left: 5px solid #950000;
	color: #fff;
}

.home-next-event h2 {
	font-family: 'Bitsumishi Pro bold oblique', sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 0.85;
	text-transform: uppercase;
	letter-spacing: 0.18rem;
	font-size: 4rem;
	padding-bottom: 15px;
	padding-top: 0;
}

.home-next-event h2 span.red {
	display: inline-block;
	margin-bottom: 10px;
	color: #fff;
	background-color: #ff0000;
	padding: 2px 15px 0 15px;
	transform: skewX(-12deg);
}

.home-next-event h2 span.typo {
	transform: skewX(12deg);
	display: inline-block;
}

/* .home-next-event .section-headline h2::after {
	content: "";
	display: block;
	height: 5px;
	margin-top: 20px;
	background: linear-gradient(to right, #0c65b0 0%,#7db9e8 100%);
} */

.pb-row.home-next-event .content ul {
	padding-bottom: 20px;
}

.pb-row.home-next-event .content ul li {
	padding: 0;
}

@media (min-width: 700px) {
	.home-next-event .block-text.text-2.col2 {
		margin-top: 0;
	}

}

/*----------------------------------------------------------- Table dates ---*/

/* .table-dates {
	width: max-content;
} */

.table-dates tr td {
	padding-right: 20px;
}

.table-dates.races tr:nth-of-type(even) td {
	color: #0053bb;
	background-color: hsl(208deg 100% 36% / 4%);
}

.table-dates tr:first-of-type td {
	border-top: 1px solid #ccc;
}

.table-dates tr td:first-of-type {
	text-align: right;
	padding-right: 15px;
	width: 155px;
}

.table-dates tr td:last-of-type {
	text-align: left;
	padding-left: 15px;
}

.table-dates.races tr:nth-of-type(even) td {
	font-weight: 700;
}

/*  ------------------------------------------------------ Site Branding --- */
.site-branding {
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
	height: 80px;
	background-color: #0058a4;
	background-image: linear-gradient( 60deg, hsl(209deg 100% 10%) 0%, hsl(214deg 100% 45%) 100% );
}

.site-branding .wrap {
	display: flex;
	justify-content: center;
}

.site-branding::before {
	content: "";
	position: absolute;
	display: block;
	inset: 0;
	background-image: url(../images/raster-003.svg);
	background-repeat: no-repeat;
	background-position-x: right;
	background-size: cover;
}

.site-branding a {
	display: inline-block;
	text-decoration: none;
	width: 100%;
}

.site-branding img {
	height: 50px;
	width: auto;
}

@media (min-width: 768px) {

	.site-branding {
		position: absolute;
		z-index: 3;
		align-items: flex-start;
		background-color: transparent;
		width: unset;
		transform: skewX(-10deg);
		background-image: none;
	}

	.site-branding .wrap {
		display: block;
		overflow: hidden;
		position: relative;
		background-color: rgb(0 0 0 / 80%);
		border-right: 10px solid #f00;
		border-radius: 0 0 60px 0;
		padding: 20px 50px;
		margin-left: -30px;
		margin-top: 20px;
		box-shadow: 20px 20px 40px rgb(0 0 0 / 30%);
		background-image: linear-gradient( 90deg, hsl(225deg 84% 15%) 0%, hsl(214deg 100% 45%) 100% );
	}
	
	.site-branding .wrap::before {
		content: "";
		position: absolute;
		display: block;
		inset: 0;
		background-image: url(../images/raster-003.svg);
		background-repeat: no-repeat;
		background-position-x: right;
		background-size: cover;
	}

	.site-branding figure {
		margin-left: 0;
	}

	.site-branding .wrap img {
		width: 100%;
		height: unset;
		max-height: 120px;
		transform: skewX(10deg);
	}

}

@media (min-width: 768px) {

	.site-branding {
		margin-left: -30px;
	}

	.site-branding .wrap {
		padding: 30px 70px 30px 90px;
	}

	.site-branding .wrap img {
		width: 300px;
		height: unset;
		max-height: unset;
	}
	
}

@media (min-width: 992px) {

	.site-branding .wrap img {
		width: 400px;
	}
	
}

/* ------------------------------------------------------ Footer Blocks --- */

#footer-content .footer-logo {
	display: block;
	width: 230px;
	margin-bottom: 20px;
	margin-right: 0;
}
#footer-content .nav-wrap,
#footer-content .company.box ul {
	margin-left: 25px;
}

#social-box {
	flex-basis: 100%;
}

@media only screen and (min-width: 670px) {

	#footer-content .nav-wrap {
		order: 3;
		flex-direction: column;
	}
	#social-box {
		margin: 0;
		order: 3;
	}
	#social-box a {
		display: inline-block;
	}
}

@media only screen and (min-width: 768px) {

	#footer-content {
		justify-content: space-between;
	}

	#social-box {
		order: 5;
	}
	#footer-content .footer-navi {
		flex-direction: row;
	}
	#footer-content .footer-navi-1,
	#footer-content .footer-navi-2,
	#footer-content .company-open-hours {
		margin-right: 40px;
	}
	#footer-content .footer-navi-2 .nav-topline {
		display: block;
	}
}

@media only screen and (min-width: 820px) {

	#social-box {
		order: 3;
		flex-basis: unset;
	}
	#social-box a {
		display: block;
		margin-bottom: 4px;
	}
}

@media only screen and (min-width: 1040px) {

	#footer-content .nav-wrap {
		flex-direction: row;
		margin-left: auto;
	}

	#footer-content .company ul li a, 
	#footer-content .company-fax {
		padding-top: 5px;
	}
}

@media only screen and (min-width: 1460px) {

	#social-box {
		margin-right: 0;
	}  
}

/* --------------------------------------------------------- Forminator --- */

.form-headline h2 {
	border-bottom: 1px solid #ccc;
}
#main #debleu-pb .forminator-label {
	font-size: 1.5rem;
	letter-spacing: 0.03rem;
	padding-bottom: 5px;
	color: hsl(214deg 100% 40%)
}
#main #debleu-pb .gtws-termine-checkboxes .forminator-label {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: -3px;
}
#main #debleu-pb .gtws-termine-checkboxes .forminator-checkbox-label, 
#main #debleu-pb .gtws-termine-checkboxes .forminator-radio-label {
	font-weight: 700;
	font-size: 1.7rem!important;
	letter-spacing: 0.05rem;
}
.forminator-button-submit,
.forminator-button-upload:hover {
	background-color: hsl(101, 100%, 35%)!important;
}
.forminator-button-submit:hover,
.forminator-button-upload,
.forminator-radio-bullet:before {
	background-color: hsl(214deg 100% 40%)!important;
}
.forminator-checkbox-box,
.select2-selection__arrow {
	color: hsl(214deg 100% 40%)!important;
}
#main #debleu-pb .forminator-ui input,
.forminator-checkbox span[aria-hidden]+span,
.forminator-radio,
.select2-selection__placeholder,
.select2-results__option,
.forminator-description,
.forminator-checkbox__label p {
	font-size: 1.5rem!important;
}

.forminator-checkbox__label p {
	padding-top: 8px;
}

#main #debleu-pb .forminator-ui textarea,
#main #debleu-pb .forminator-ui input[type=email],
#main #debleu-pb .forminator-ui input[type=text],
#main #debleu-pb .forminator-ui .forminator-select .selection [role="combobox"],
#main #debleu-pb .forminator-ui .forminator-input-with-prefix {
	background-color: transparent;
	border-color: #a5a5a5;
}
.forminator-select-dropdown-container--open .forminator-dropdown--default {
	background-color: #fff!important;
	border-color: #a5a5a5!important;
}
#main #debleu-pb .form-headline {
	margin-top: 20px;
}
#main #debleu-pb .forminator-title {
	font-size: 2.4rem;
}
#main #debleu-pb .form-headline-h3 .forminator-title {
	font-size: 2.2rem;
	padding-top: 15px;
}
#main #debleu-pb .forminator-border {
	margin: 15px 0 0 0;
	border: 2px solid hsl(214deg 100% 40%)!important;
}

#main #debleu-pb .form-subline .forminator-border {
	border: 1px solid #ccc!important;
	margin-block: 5px!important;
}
#main #debleu-pb .form-subline .forminator-title {
	font-size: 2.1rem;
	padding-top: 20px;
	padding-bottom: 5px;
	font-weight: 700;
}

label.forminator-checkbox::before {
	content:"";
	height: 40px;
}
.forminator-button-upload, .forminator-button-submit {
	padding: 7px 40px!important;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-checkbox:not(.forminator-checkbox-inline) {
	margin: 0!important;
}

.forminator-ui .forminator-file-upload .forminator-button-upload {
	flex: 0!important;
	text-wrap: nowrap;
	min-width: 156px !important;
	margin: 0 10px 0 0 !important;
}

/* ------------------------------------------------------ Custom Stuff --- */
.res-iframe {
	padding-bottom: 56.4%;
}

.pb-row.pb-text.video.text-col2 .text-2 {
	padding-top: 30px;
}

@media (min-width: 768px) {

	.pb-row.pb-text.video.text-col2 .text-1 {
		padding-right: 15px;
		flex-basis: 50%;
	}

	.pb-row.pb-text.video.text-col2 .text-2 {
		padding-left: 15px;
		padding-top: 0;
		flex-basis: 50%;
	}
}

#topnavi li:last-of-type ul.sub-menu {
	right: inherit;
}
.logos .gallery-item .wrap {
	border: 1px solid #ccc;
}
a.button-small {
	background-color: hsl(214deg 90% 72%);
	padding: 3px 40px;
	margin-top: 20px;
	display: inline-block;
	color: #fff;
	transition: background-color 100ms, color 300ms;
	text-decoration: none;
	border-radius: 10px 0 20px 0;
	font-family: var(--typoregular);
}

a.button-small:hover,
a.button-small.green:hover {
	background-color: hsl(214deg 100% 40%);
	color: #fff;
}

a.button-small.green {
	background-color: #00911b;
	color: #fff;
}

a.button-small.register-now {
	background-color: #00911b;
	color: #fff;
	padding: 3px 50px;
	display: table;
	margin: 20px auto 0 auto;
	width: unset;
	text-align: center;
	font-size: 140%;
	transition: background-color 100ms, color 300ms;
	text-decoration: none;
}

/*@media only screen and (min-width: 700px) {
	a.button-small.register-now {
		margin-bottom: 0;
	}
}*/
a.button-small.register-now:hover {
	background-color: hsl(214deg 100% 40%);
	color: #fff;
}
a.button-small.register-now::after {
	content: "";
	width: 20px;
	height: 30px;
	margin-left: 10px;
	display: inline-block;
	position: relative;
	/* opacity: 0.6; */
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300 390' style='enable-background:new 0 0 300 390;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .finish-flag%7Bfill:%23fff;fill-rule:evenodd;clip-rule:evenodd;%7D%0A%3C/style%3E%3Cpath class='finish-flag' d='M287.1,94.2c-8.1-11.8-21.7-24-44.8-31.6C240.1,40.1,236.2,19,231,0H73.1c-5.2,18.7-9,39.3-11.3,61.3 c-25.5,7.5-40.3,20.5-48.9,32.9c-9,13-13.4,29.1-12.8,46.5c0.5,15.9,5.2,33,13.6,49.4c14.8,29,42.5,58.2,78.6,74.5 c11.1,21,24.6,36.2,39.3,43.6c-11.2,27-22.3,38.1-51.9,58.1c-10,6.8-0.4,23.7,11.5,23.7h121.3c12.3,0,21.6-17.7,11.2-24.2 c-31.4-19.5-42.9-30.1-53.2-56.6c16.2-7.2,30.8-23.8,42.7-47.1c33.5-16.6,59.2-44.4,73.3-72c8.4-16.4,13.1-33.5,13.6-49.4 C300.5,123.3,296.1,107.2,287.1,94.2z M30.7,181c-14.6-28.7-15.3-56.2-2.1-75.5c6.9-10.1,17.6-17.7,31.5-22.9 c-0.4,8.2-0.7,16.5-0.7,25c0,48.3,7.5,92.6,20,127.7C57.6,220.7,40.7,200.8,30.7,181z M269.3,181c-9.2,18.1-24.2,36.4-43.4,50.5 c11.7-34.5,18.7-77.4,18.7-124c0-7.9-0.2-15.7-0.6-23.3c11.9,5.1,21.2,12.2,27.4,21.3C284.7,124.8,283.9,152.3,269.3,181z'/%3E%3C/svg%3E");
}
.register-now-logo {
	max-width: 75%;
	margin-top: 20px;
}

a.btn-outline {
	border: 1px solid #adadad;
	padding: 5px 30px;
	width: 100%;
	display: block;
	text-align: center;
	text-decoration: none;
}

a.btn-outline:hover {
	background-color: #929292;
	color: #fff;
}

a.btn-light,
a.btn-dark {
	display: inline-block;
	padding: 8px 20px;
	margin-top: 35px;
	font-family: var(--typobold);
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	color: #fff;
	transition: all .3s;
	border-radius: 20px 0;
	text-decoration: none;
}
a.btn-light {
	background-color: var(--clr-btn-one);
	border: 1px solid var(--clr-btn-one);
}
a.btn-light:hover, a.btn-light:active {
	background-color: #fff;
	color: #000;
	outline: 0;
}
a.btn-dark {
/*    background-color: var(--clr-5);
	border: 1px solid var(--clr-5);*/
	background-color: #000;
	border: 1px solid #000;
}
a.btn-dark:hover, a.btn-dark:active {
	background-color: #fff;
	color: #000;
	outline: 0;
}

#cookie-law-info-bar b {
	color: #fff;
}
.pb-teaser.black-teaser .titel.default {
	opacity: 1;
	background-color: #d0eaff;
}
.pb-teaser.black-teaser h2 {
	font-size: 18px;
	font-size: 1.8rem; 
	line-height: 1.4;
}
.pb-teaser.black-teaser .titel.default h2 {
	color: #000;
}
.pb-teaser.black-teaser .darken {
	background: #0c65b0;
}
.pb-teaser.black-teaser:hover .darken {
	opacity: 1;
}
.pb-text.contacts .text-3 {
	display: none;
}

.pb-text.contacts .block-text-col3 .gallery + .text-block {
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 40px;
}
.pb-row.pb-text.contacts + .pb-text {
	padding-top: 30px;
}

/* ----------------------------------- GR App --- */

.app-store {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}

.app-store a {
	display: block;
	width: 180px;
}

/* ------------------------------------------------ Partner Logos */

.partner-logos {
	background-color: #fff;
	padding-bottom: 60px;
}

.partner-logos .grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
}

.partner-logos .grid .grid-item {
	transform: skewX(-20deg);
}
.partner-logos .grid .grid-item figure {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ccc;
	border-radius: 20px 0 20px 0;
}
.partner-logos .grid .grid-item figure img {
	transform: skewX(20deg);
}

@media (min-width: 400px) {

	.partner-logos .grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 768px) {

	.partner-logos .grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (min-width: 992px) {

	.partner-logos .grid {
		grid-template-columns: repeat(6, 1fr);
	}
}

/* ------------------------------------------------ WS Calendar */

/* .ws-calendar-container .flex {
	display: flex;
	flex-direction: column;
}

@media (min-width: 992px) {

	.ws-calendar-container .flex {
		display: flex;
		flex-direction: row;
	}
}

.ws-calendar {
	background: rgb(214, 238, 255);
	background: radial-gradient(circle, rgb(255 255 255) 0%, rgb(245 250 255) 50%, rgb(216 236 255) 100%);
	border-radius: 40px 0 60px;
	padding: 20px;
	display: flex;
	justify-content: center;
}

.ws-calendar h2 {
	font-style: italic;
	color: #116ec0;
}

.ws-calendar .container .wrapper {
	display: flex;
	flex-direction: row;
	border-top: 1px solid hsl(208deg 80% 78%);
	padding: 5px 0;
	font-size: 1.7rem;
	font-weight: 800;
	font-style: italic;
	line-height: 1.4;
	text-transform: uppercase;
	margin: 0;
}

.ws-calendar .container .wrapper.inactive {
	color: hsl(208deg 45% 73%);
	font-weight: 500;
}

.ws-calendar .container .wrapper a {
	font-size: 1.7rem;
	font-weight: 800;
	text-decoration: none;
}

.ws-calendar .container .wrapper div:first-of-type {
	text-align: left;
	padding-right: 15px;
	width: 160px;
}

.ws-calendar .container .wrapper div:last-of-type {
	width: calc(100% - 160px);
}

.ws-calendar .container .text-bottom {
	line-height: 1.3;
}

.ws-calendar .container span.six-hours-of {
	text-transform: lowercase;
} */

/* ------------------------------------------------ Cookie Banner */

#cookie-law-info-bar {
	font-size: 15px;
	margin: 0 auto;
	padding: 25px 15px;
	position: fixed;
	text-align: center;
	z-index: 9999;
	font-weight: 300;
	box-shadow: 20px 20px 40px rgb(0 0 0 / 30%);
	background-color: #0058a4;
	background-image: linear-gradient(60deg, var(--clr-blue-dark) 0%, var(--clr-blue-lite) 100%);
	border-left: 10px solid var(--clr-border-left);
	border-radius: 0 0 0 60px;
}

/* ------------------------------------------------ Drivers Market */

a.topline {
	display: block;
	text-decoration: 0;
	font-size: 1.8rem;
	padding-bottom: 5px;
}

/* ------------------------------------------------ Results */

.results-subline h2 {
	padding-bottom: 0;
}

/* ------------------------------------------------ 4° red frame */

#topimage {
	overflow-x: clip;
}

#teaser,
.pb-news.flex,
.pb-teaser-with-text > .flex,
.pb-teaser-with-text-link > .flex  {
	gap: 20px;
}

.pb-teaser.black-teaser {
	border: none;
}
.pb-teaser.pb-teaser-text {
	border: none;
}

.pb-teaser-img {
	margin: 20px;
	overflow: visible;
}

.pb-text-and-image .flex {
	gap: 40px;
	flex-wrap: nowrap;
}

.pb-news .pb-news-block,
.pb-teaser-text {
	flex-basis: calc((100% / 3) - 20px);
	border: 0;
}

.pb-news .pb-news-block {
	padding: 20px;
}

.pb-news-text-wrap {
	background-color: #fff;
	height: 100%;
	border-radius: 20px 0 40px 0;
}

#topimage,
.pb-teaser, 
.pb-news-block,
.pb-cards .card,
.pb-image figure,
.pb-text-and-image figure {
	margin-bottom: 0;
	background-color: #fff;
}

.topimage,
.pb-teaser, 
.pb-news-block,
.pb-news-text-wrap,
.pb-teaser figure,
.pb-teaser-img figure,
.pb-cards .card,
.pb-cards .image-block figure,
.pb-image figure,
.pb-text-and-image figure {
	box-shadow: 0px 3px 6px 1px #23232236;
}

.pb-cards .card,
.pb-news-block,
.pb-teaser,
.pb-image figure,
.pb-text-and-image figure,
.pb-teaser-text-wrap {
	border-radius: 40px 0 60px;
}

.pb-teaser figure,
.pb-news-block .pb-teaser-img figure,
.pb-cards .cards figure {
	border-radius: 20px 0 40px;
}

.pb-row .bg-color {
	border-radius: 60px 0 80px;
}

.pb-cards .bg-color {
	border-radius: 0;
}

.pb-text-and-image .block-img {
	margin-bottom: 20px;
	max-height: fit-content;
}

#topimage::after, 
.image-block::after, 
.block-img::after, 
.pb-news-block a::after,
.pb-teaser-img::after,
.pb-teaser.black-teaser::after{
	content: "";
	position: absolute;
	z-index: 0;
	inset: 0;
	width: calc(100% + 2px);
	height: calc(100% + 5px);
	padding: 2px;
	background-color: #e60000;
	transform: skewX(-4deg) rotate(-1.5deg);
	border-radius: 30px 0 60px 0;
	box-shadow: 0px 3px 6px 1px #23232236;
}

#topimage figure,
.image-block figure,
.block-img figure,
.pb-teaser-img figure,
.pb-text-and-image figure,
.pb-news-text-wrap {
	z-index: 1;
}

.pb-cards.cards-series-logos .card .image-block::after {
	content: none;
}