/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,embed,iframe,object,video{height:auto;max-width:100%}audio{max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}


@font-face {
	font-family: "ChauffeurCompressed-Bold";
	src: url('../fonts/ChauffeurCompressed-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Inter-Regular";
	src: url('../fonts/Inter-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}


 :root {
     --red: #FF004A;
     --purple: #FF3BFF;
     --lightgrey: #F5F0EB;
}

 html {
     box-sizing: border-box;
     font-size: 20px;
     -moz-text-size-adjust: none;
     -webkit-text-size-adjust: none;
     text-size-adjust: none;
       scroll-behavior: smooth;
}



::-moz-selections {
     background: rgba(0,0,0,0.3);
}
 ::selection {
     background: rgba(100,115,140,0.3);
}
 
body {
     font-size: 1.15rem;
     line-height: 1.25;
     font-family: "Inter-Regular", sans-serif;
     font-weight: 400;
     font-style: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     -webkit-tap-highlight-color:rgba(0,0,0,0.1);
     margin: 0;
     color: var(--lightgrey);
     letter-spacing: 0em;
     background-color: black;

}


h1 {
	font-family: "ChauffeurCompressed-Bold", sans-serif;
	font-size: 4rem;
	line-height: 0.92;
	margin-bottom: 1.2rem;
	text-transform: uppercase;
	color: var(--red);
	letter-spacing: 0.04em;
}

.hero {padding: 2rem;}

p {
	margin-bottom: 0.75em;
}

img {
    width:100%;
    display: block;
    margin-bottom: 1.5rem;
}


 .content-width {
	box-sizing: content-box;
    max-width:45rem;
    margin:0 auto;
    padding:0 6%;
    margin-bottom:8rem;
}

section {
	margin-bottom: 4rem;
}

 ul {
    margin-bottom: 0.75em;
    margin-left:0.8rem;
}
li {
    margin-bottom: 0.6em;
    padding-left: 0.8rem;   /* Platz für den Bullet */
    text-indent: -0.8rem;   /* Bullet „zieht“ nach links */
}

li::before {
    content: "•";
    display: inline-block;
    width: 0.8rem; /* gleiche Breite wie der negative Text-Indent */
}

a, a:visited {color:var(--lightgrey); transition:all 200ms ease}
a:hover {text-decoration: none;color:var(--red)}


.red {color:var(--red)}

  .video-container {
    width: 900px;      /* feste Breite, optional */
    max-width: 100%;   /* damit es auf kleineren Bildschirmen nicht überläuft */
    aspect-ratio: 16 / 9;  /* moderne Methode für das Seitenverhältnis */
    overflow: hidden;
    background: #000;  /* optional, falls Video lädt */
  }

  .video-container iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block; /* verhindert kleine Lücken unter iframe */
  }



@media screen and (max-width: 1200px) {html{font-size:18px;}}
@media screen and (max-width: 1000px) {html{font-size:16px;}}
@media screen and (max-width: 800px) {html{font-size:14px;}}
@media screen and (max-width: 600px) {html{font-size:12px;} h1{font-size:3.5rem;}}
@media screen and (max-width: 600px) {.hero {padding: 6%;}}