body {
	--blau: #1fa0b4;
	background-color:#000;
	font-family: "centrale_sans_roundedlight", sans-serif, "Metrophobic", sans-serif;
	font-weight:lighter;
	line-height:normal;
	color: #fff;
	font-size: 12px;
	line-height:1.7em;
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
}


h1 {
	font-size: clamp(1.5em,6vw,2.3em);
	color: var(--blau);
	padding-top: 1em;
}


h2 {
	padding-bottom: 1em;
	font-size: clamp(1.5em,6vw,2.3em);
	
}

p {
	padding-bottom: 1em;
	font-size: clamp(1em,4vw,1.5em);
	line-height: 1.3em;
}

.blau {
	color: var(--blau);
}

a, a:visited, a:active, a:hover {
	color: var(--blau);
}

a:hover {
}

.logo {
	width: clamp(5rem, 60vw, 30rem);
}


#content {
	
}
.content {
	
}

.vertical {
	width: 100%;
	margin-inline: auto;
    text-align: center;
	padding-top: 40px;
}

.flexbox-c {
	display: flex;
	justify-content: center;
}


/* --------------------
	COL-MD Breakpoint
	zB display: none/inline
   -------------------- */

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


@media screen and (max-width: 767px) {
}


/* --------------------
	COL-SM Breakpoint
	zB display: none/inline
   -------------------- */

@media screen and (min-width: 575px) {
}

@media screen and (max-width: 575px) {
}

/* --------------------
	Diverses
   -------------------- */


@font-face {
	font-family: 'centrale_sans_roundedlight';
	src: url('../fonts/centralesansrounded-light-webfont.eot');
	src: url('../fonts/centralesansrounded-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/centralesansrounded-light-webfont.woff') format('woff'),
		 url('../fonts/centralesansrounded-light-webfont.ttf') format('truetype'),
		 url('../fonts/centralesansrounded-light-webfont.svg#centrale_sans_roundedlight') format('svg');
	font-weight: normal;
	font-style: normal;

}


@font-face {
	  font-family: 'Metrophobic';
	  font-style: normal;
	  font-weight: 400;
	  src: url('../fonts/metrophobic-v19-latin-regular.eot'); /* IE9 Compat Modes */
	  src: local(''),
		   url('../fonts/metrophobic-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('../fonts/metrophobic-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		   url('../fonts/metrophobic-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
		   url('../fonts/metrophobic-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('../fonts/metrophobic-v19-latin-regular.svg#Metrophobic') format('svg'); /* Legacy iOS */
	}