/*!
Theme Name: Speedfestival
Theme URI: https://them.es/starter
Author: Internet Agentur Scherer
Author URI: https://www.ia-scherer.de
Description: HELLHILL FESTIVAL OF SPEED
*/

/* ******************************* */
/*              FONTS              */
/* ******************************* */

/* roboto-condensed-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto-condensed-v27-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/roboto-condensed-v27-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/roboto-condensed-v27-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/roboto-condensed-v27-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-condensed-v27-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-condensed-v27-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v27-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-condensed-v27-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/roboto-condensed-v27-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/roboto-condensed-v27-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/roboto-condensed-v27-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-condensed-v27-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-condensed-v27-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/roboto-condensed-v27-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/roboto-condensed-v27-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-condensed-v27-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-condensed-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/roboto-condensed-v27-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  background-color: #000 !important;
}

.wrap {
  width: 100%;
  max-width: 2000px;
  margin: 0 auto !important;
  padding: 0;
  background: rgba(0, 0, 0, 0.1);
}

#main.container {
 padding-left: 0;
 padding-right: 0;
}

.fullwidth-container {
  position: relative;
  width: 100%;
  max-width: 2000px;
  margin: 0 auto !important;
  margin: 0;
  padding: 0;
}

.p, p {
  hyphens: auto;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
}

.h1, h1 {
}


.h2, h2 {
  hyphens: auto;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-size: 3.05rem !important;
  font-weight: 700 !important;
}

.h3, h3 {
  hyphens: auto;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-size: 1.67rem !important;
  font-weight: 600 !important;
}

.h6, h6 {
  hyphens: auto;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-size: 2.0rem !important;
  font-weight: 600 !important;
}


li {
  hyphens: auto;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
}

.small {
  font-size: 0.8rem !important;
}

.green {
  color: #008a30;
}


/* ******************************* */
/*              HEADER             */
/* ******************************* */

img.fullwidth-header {
  width: 100%;
  max-width: 2000px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.fullwidth-container.belowheader {
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("img/hg-gruen.webp");
  border-top: clamp(0.3em, 1vw, 1.4em) solid #008a30;
  border-bottom: clamp(0.3em, 1vw, 1.4em) solid #008a30;
}

h1.belowheader-brand {
  font-weight: 900;
  font-size: 4.3em;
  color: #fff;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

@media only screen and (max-width: 1400px) {
	h1.belowheader-brand {
	  font-size: 3.7em;
	}
}

@media only screen and (max-width: 1200px) {
	h1.belowheader-brand {
	  font-size: 3.1em;
	}
}

@media only screen and (max-width: 992px) {
	h1.belowheader-brand {
	  font-size: 2.3em;
	}
}

@media only screen and (max-width: 768px) {
	h1.belowheader-brand {
	  font-size: 1.7em;
	}
}

@media only screen and (max-width: 576px) {
	h1.belowheader-brand {
	  font-size: clamp(1.0em, 5vw, 2.3em)
	}
}

/* ******************************* */
/*              PAGE               */
/* ******************************* */

#wrapper {
  background-image: url("img/hg-hell.webp") !important;
  background-repeat: no-repeat;
  background-size: cover;
}

h1.entry-title {
  display: none;
}

.distance-video-oben {
 height: 3rem;
}

.distance-video-unten {
 height: 5rem;
}

img.poster {
  max-width: 100%;
  width: 100%;
  height: auto;

}

.sync {
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-left:  0 !important;
}

.fullwidth-container.race-weekend {
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background-image: url("img/hg-dunkel.webp");
  border-top: clamp(0.3em, 1vw, 1.4em) solid #008a30;
  border-bottom: clamp(0.3em, 1vw, 1.4em) solid #008a30;
}


h5.belowheader-brand {
  font-weight: 900;
  font-size: 4.3em;
  color: #fff;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

@media only screen and (max-width: 1400px) {
	h5.belowheader-brand {
	  font-size: 3.7em;
	}
}

@media only screen and (max-width: 1200px) {
	h5.belowheader-brand {
	  font-size: 3.1em;
	}
}

@media only screen and (max-width: 992px) {
	h5.belowheader-brand {
	  font-size: 2.3em;
	}
}

@media only screen and (max-width: 768px) {
	h5.belowheader-brand {
	  font-size: 1.7em;
	}
}

@media only screen and (max-width: 576px) {
	h5.belowheader-brand {
	  font-size: clamp(1.0em, 5vw, 2.3em)
	}
}


/* ******************************* */
/*              VIDEO              */
/* ******************************* */


.video-js .vjs-big-play-button {
  background-color: #ff0000 !important;
}

.video-js:hover .vjs-big-play-button:hover {
  background-color: #000 !important;
}

/* ******************************* */
/*              DELUXE PACKAGE     */
/* ******************************* */

.deluxe-package {
  border: clamp(0.3em, 1vw, 1.4em) solid rgba(0, 0, 0, 0.6);
  padding: 30px 15px 15px 15px;
  background-image: url(img/hg-gruen.webp);
  margin-bottom: 15px;
}

@media only screen and (max-width: 1200px) {
	.deluxe-package {
	    margin-top: 5rem;
	}
}


.deluxe-package h2, .deluxe-package h3, .deluxe-package p, .deluxe-package li {
  color: #fff;
}

.deluxe-package-content {
  border-right: clamp(0.3em, 1vw, 1.4em) solid rgba(0, 138, 48, 0.6);
  border-left: clamp(0.3em, 1vw, 1.4em) solid rgba(0, 138, 48, 0.6);
  border-radius: 0;
  padding: 30px 15px 15px 15px;
  background-image: url(img/hg-dunkel.webp);
}

.deluxe-package-content h3, .deluxe-package-content p, .deluxe-package-content li {
  color: #fff;
}

.deluxe-package-bottom {
  border-right: clamp(0.3em, 1vw, 1.4em) solid rgba(0, 0, 0, 0.6);
  border-bottom: clamp(0.3em, 1vw, 1.4em) solid rgba(0, 0, 0, 0.6);
  border-left: clamp(0.3em, 1vw, 1.4em) solid rgba(0, 0, 0, 0.6);
  border-radius: 0px 0px 15px 15px;
  padding: 30px 15px 15px 15px;
  background-image: url(img/hg-gruen.webp);
}

.deluxe-package-bottom h3, .deluxe-package-bottom p, .deluxe-package-bottom li {
  color: #fff;
}

.ordering {
  border: clamp(0.3em, 1vw, 1.4em) solid rgba(0, 0, 0, 0.5);
  padding: 30px 15px 15px 15px;
  background-image: url(img/hg-rot.webp);
  transition: all 0.4s linear;
  color: #fff;
}

.ordering:hover {
  background-image: url(img/hg-gruen.webp);
  transition: all 0.4s linear;
}

a.orderlink {
 color: #fff;
}

/* ******************************* */
/*              Footer             */
/* ******************************* */

#footer {
  background-color: transparent !important;
}

a.nav-link, a.nav-link:hover {
  color: var(--bs-body-color) !important;
}

.privacy-policy a  {
  color: var(--bs-body-color);
}