/* #### ../../../../frontend/kunden/rocket-raceinstructions.at/css/importer.css #### */
@import url("../fonts/MaterialIcons/materialicons.css");
@import url("../fonts/RobotoCondensed/robotocondensed.css");
@import url("../fonts/OpenSans/opensans.css");
@import url("../../../../system/fonts/Anton/anton.css");


/* #### ../../../../frontend/kunden/rocket-raceinstructions.at/css/common.css #### */
/* CSS Document */

html {
	height:auto;
	box-sizing:border-box;
}

body {
 	box-sizing:border-box;
	font-size:1rem;
    padding:0px;
    margin:0px;
	min-height:100%;
	
	font-weight:300;
    line-height:1.5em;
    text-rendering:optimizelegibility;
	color:var(--common-font-color);
	background-color:var(--common-hg-color);
}
body, form * {
	font-family:var(--font);
	font-size:1rem;
}

h1, h2, h3, h4, h5, h6 {
	font-family:var(--font-heading);
	font-weight:normal;
	line-height:1em;
	margin-top:1em;
	margin-bottom:0.5em;
	color:var(--common-headline-color1);
}
main h1 {
	font-size:2rem;
	line-height:1.2em;
	text-align:left;
	text-transform:uppercase;
}
main h2 {
	font-size:1.7rem;
	margin-bottom:0.5em;
	padding-bottom:0.1em;
	border-bottom:none;
    line-height:1em;
	text-transform:uppercase;
}
/*
main h2:first-line {
    font-size:3rem;
    line-height:1.2em;
}
*/

h3, main h3 {
	font-size:1.5em;
}
h4 {
	font-size:1em;
}

main a,
footer a {
    padding:0.2em 0.5em;
    border-radius:0.2em;
    background-color:var(--common-a-background);
    border:1px solid var(--common-a-background);
    transition:background 0.5s, color 0.2s, border-color 0.2s;
}
main a:hover,
footer a:hover {
    border-color:var(--common-a-color-hover);
    background:none;
    color:var(--common-a-color-hover);
}

address {
	font-style:normal;
}

a.std {
    display:inline-block;
    margin-bottom:0.5em;
    background:none;
    padding:0px;
    border:none;
}
a.std:hover {
    text-decoration:underline;
}

.text_right {
	text-align:right;
}

dfn {
	font-style:normal;
	font-weight:bold;
	margin-right:0.5em;
}

.fullwidth {
	width:100%;
}

ol.info,
ul.info {
	margin-left:2em;
}
.info + .info {
	margin-top:-0.5em;
}

.sticky {
    display:sticky;
    top:1em;
    left:auto;
    right:auto;
    height:auto;
    z-index:100;
}

/* ---- globale Variablen: ---- */
:root {
	--cdcol0:hsl(205,100%,50%);
	--cdcol1:hsl(205,100%,40%);
	--grey:hsl(0,0%,35%);
	--grey-brighter:hsl(0,0%,55%);
	--grey-darker:hsl(0,0%,15%);
	
	--common-font-color:#212121;
	--common-font-color-bright:#585e65;
	--common-font-color-lower:black;
	--common-font-color-hover:#666;
	--common-font-color-inverted:#eee;
	--common-headline-color1:#33383e;
	--common-headline-color2:goldenrod;
	--common-headline-color-engraved:white;
	--common-headline-color-bright:white;
	
	--common-hg-color:#e9e9e9;
	--common-hg-color-lighter:white;
	--common-hg-color-inverted:#111;
	
	--common-status-color:#333;
	--common-info-color:#666;
	
	--common-border-color:#666;
	--common-border-color-bright:var(--common-font-color);
	--common-border-color-inverted:#999;
	--border-color:var(--common-border-color);
		
	--common-a-color:var(--cdcol0);
	--common-a-color-hover:white;
	--common-a-color-inverted:black;
	--common-a-color-inverted-hover:var(--cdcol0);
	--common-a-background:hsl(205,100%,50%,0.1);
    
    --common-ok-color:hsl(120,100%,30%);
    --common-notok-color:hsl(0,100%,30%);
    --common-add-color:hsl(210,100%,56%);
    --common-details-color:hsl(0,0%,80%);
    --common-inverted-color:white;
    --common-inverted-dark-color:hsl(0,0%,20%);
    
    --stdWidth:80rem;
    --font:"Open Sans", "Roboto", "Roboto Condensed", Verdana, Arial, sans-serif;
	--font-heading:"Anton","Roboto Condensed", Verdana, Arial, sans-serif;

	--misano:hsla(0,100%,50%,1);
	--slovakiaring:hsla(197,100%,45%,1);
	--hungaroring:hsla(76,83%,38%,1);
	--pannoniaring:hsla(149,100%,20%,1);
	--bruenn:hsla(35,100%,48%,1);
	--most:hsla(14,88%,46%,1);
	
	--rookies:hsla(200,100%,45%,1);
	--ambitionierte:hsla(120,65%,35%,1);
	--erfahrene:black;
	--experten:hsla(0,100%,45%,1);
	--kunde:hsla(35,100%,45%,1);
	--rookies_washed:hsla(200,100%,45%,0.1);
	--ambitionierte_washed:hsla(120,65%,35%,0.1);
	--erfahrene_washed:hsla(0,0%,0%,0.1);
	--experten_washed:hsla(0,100%,45%,0.1);
	--kunde_washed:hsla(35,100%,45%,0.1);
}


.inverted {
	color:var(--common-font-color-inverted);
	background-color:var(--common-hg-color-inverted);
}

.inverted a {
	color:var(--common-a-color-inverted);
	border-color:var(--common-a-color-inverted);
}
.inverted a:hover {
	color:var(--common-a-color);
	background-color:var(--common-a-color-inverted);
}
/* ENDE globale Variablen: ---- */


/* #### ../../../../frontend/kunden/rocket-raceinstructions.at/css/content.css #### */
tracksmain section{
    padding:4em 0px;
}

.infobox {
	background-color:var(--grey);
	color:white;
	font-size:1.1em;
	border-radius:0.5em;
	padding:1em;
}

img.fullsize {
	display:block;
	width:100%;
	height:100%;
	object-fit: cover;C
	object-position: center;
}

.fullheader,
.imagepic {
	aspect-ratio: 16 / 9;
	min-width:100%;
	height:auto;
	display:block;
	object-fit:cover;
	object-position: center;
}
figure.fullheader {
	padding:0px;
	margin:0px;
	border-bottom:1px solid var(--common-border-color);
}
figure.fullheader img,
.figure.fullheader picture {
	width:100%;
	object-fit:cover;
	object-position:center;
}
figure.fullheader figcaption {
	position:absolute;
	right:0rem;
	bottom:0rem;
	height:auto;
	z-index:0;
    margin-left:auto;
    width:auto;
	
	padding:0.5rem;
	/*
	padding-left:15rem;
	background-image:url(/frontend/kunden/rocket-raceinstructions.at/svg/Logo_RocketRaceInstructions_1c_bright.svg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position: left center;
	*/
	
	font-style:normal;
	font-size:0em;
	line-height:1.2;
	font-family:Anton,sans-serif;
	background-color:hsla(0,100%,43%,0.5);
	background-color:hsla(0,0%,35%,0.7);
	color:white;
	
	box-shadow:0.5em 0.5em 0.5em #333;
    
}

figure.fullheader figcaption:first-line {
	font-size:3.5vw;
	font-weight:800;
	text-transform: uppercase;
	line-height:1.2em;
	white-space: nowrap;
}
/* ---- Login: ---- */
#CLogin .vis {
    display:block;
}
#CLogin form {
    margin-top:1em;
    font-size:0.8rem;
}
#CLogin .fo_verification {
    padding:0px;
}
/* ENDE Login: ---- */


.synegrid h2 {
    padding-bottom:0px;
}
#CUeberUns .synegrid > * {
    margin-bottom:3em;
}

#F0 img {
    max-width:50em;
    margin:2em auto;
}
#F1 address {
    font-size:80%;
    color:var(--common-font-color);
    text-align:center;
    font-style:normal;
}

img.halfheight {
    height:50vh;
    width:100%;
    display:block;
    object-fit: cover;
    object-position: center;
    border-top:1px solid var(--common-border-color);
    border-bottom:1px solid var(--common-border-color);
}


.dfn-block dfn {
	display:block;
}
.dfn-block dfn dfn {
	display:inline;
}


/* ---- Index: ---- */
#CHButtons {
	position:absolute;
	left:2em;
	bottom:5em;
	z-index:2;
	height:auto;
	width:auto;
}
#CHButtons button {
	border:none;
	background:none;
	color:white;
	text-shadow:0px 0px 0.5em black;
	display:block;
	margin:0px;
	padding:0px;
	font-size:1.2rem;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin-bottom:0.5em;
	text-align:left;
	
	cursor:pointer;
}
#CHButtons button .symbol {
	display:inline-block;
	width:4rem;
	height:4rem;
	border-radius:50%;
	margin-right:0.5rem;
	background-color:var(--rookies);
	padding:0.5rem;
	border:1px solid white;
	font-size:3rem;
}
#CHButtons #btnKunde .symbol {
	background-color:var(--kunde);
}
/* ENDE Index: ---- */


/* ---- Termine: ---- */
/*
.termine th,
.termine td {
	padding:0.2em 0.5em;
	border-bottom:1px solid var(--common-border-color);
	border-right:1px solid var(--common-border-color);
}
.termine td {
	vertical-align: top;
}
.termine th {
	border-bottom-width:2px;
}
.termine tr:last-of-type td {
	border-bottom:none;
}
.termine tr th:last-of-type,
.termine tr td:last-of-type {
	border-right:none;
}
.termine tr td:first-of-type {
	border-left:10px solid transparent;
	background-color:transparent;
}
.termine label {
	display:block;
	margin:0px;
	white-space: nowrap;
}
.termine label [type=checkbox] {
	margin-right:0.2em;
	margin-bottom:0.1em;
}
.termine .datum_inner {
	font-size:0.8em;
}
.termine .datum_inner .preis {
	margin-left:1em;
}
.termine .greyed {
	color:var(--common-font-color-lower);
}
.termine tr td:first-of-type {
	text-align:right;
}
.termine .track {
	display:inline-block;
	min-width:0px;
	margin:0.2em 0px;
	font-size:1.2em;
}
.termine .details {
	font-size:80%;
	line-height:1.2em;
	color:var(--common-font-color-lower);
}

.termine :not(.datum_inner) .preis {
	display:block;
	text-align:right;
	padding-bottom:0.1em;
	margin-bottom:0.4em;
}
*/
.termine {
	--gap:0.3em;
	display:flex;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	
	gap:var(--gap);
	flex-wrap:wrap;
}
.termin,
.jk {
	padding:0.2em;
	border-radius:0.2em;
	border:1px solid white;
	box-shadow:0px 0px 3px var(--common-border-color);
	
	background-color:var(--common-hg-color-lighter);
}

.termin {
	flex-basis:calc(100% / 3 - 2 * var(--gap));
	flex-grow:0;
	display:grid;
	grid-template-columns:3em 1fr 3em;
	grid-template-rows:3em 1fr minmax(1em,max-content);
	grid-template-areas:
		"no track info"
		". content content"
		"icons icons icons"
		"optionen optionen optionen";
	grid-gap:1px;
}

.termin > * {
	padding:0.2rem;
}
.termin .cnt {
	grid-area:no;
	font-size:1.5rem;
	font-weight:bold;
	border-radius:0.2rem 0px 0px 0px;
}
.termin .veranstaltung {
	grid-area:track;
}
.termin .veranstaltung h3 {
	font-size:inherit;
	margin-top:inherit;
	margin-bottom:0.2em;
	color:inherit;
}
.termin .center {
	display:flex;
	justify-content: center;
	align-items: center;
}

.termin .trackinfos {
	grid-area:info;
	border-radius:0px 0.2rem 0px 0px;
}
.termin .content {
	grid-area:content;
}
.termin.greyed .content {
	display:none;
}
.termin .icons {
	grid-area:icons;
	text-align:right;
}
.termin .optionen {
	grid-area:optionen;
	background-color:rgba(0,0,0,0.1);
	border-top:1px solid rgba(0,0,0,0.2);
}
.termin .optionen,
.termin .icons {
	font-size:0.9em;
	color:var(--common-font-color-bright);
}

.termin .veranstaltung,
.termin .trackinfos {
	background-color:black;
	color:white;
}
.termin .cnt {
	background-color:var(--color);
	color:white;
}

.termin .details {
	font-size:90%;
	margin-bottom:0.5em;
	line-height:1.2em;
	font-style:italic;
}

.termin .veranstaltung a {
	border:none;
	padding:0px;
	margin:0px;
	font-size:1.2em;
	font-family:Anton;
	font-weight:bold;
	display:block;
	background:none;
}
.termin .veranstaltung .dati {
	font-size:80%;
	line-height:1em;
}
.termin .veranstaltung a:hover {
	color:inherit;
}

.termin .terminliste,
.termin .terminliste > li {
	margin-left:0px;
	margin-bottom:0px;
	list-style-type:none;
	display:block;
}
.termin [type=radio] {
	display:inline;
	margin-right:0.5em;
	width:auto;
}
.termine .terminliste ul,
.termine .terminliste ul li {
	list-style-type:none;
	display:block;
	margin-left:0px;
	margin-bottom:0px;
}
.termine .terminliste ul {
	margin-left:1em;
}


.trackinfos {
	border:none;
	padding:0px;
	display:inline-block;
	background:none;
	cursor:pointer;
}
.infos {
	white-space: nowrap;
}
.terminliste .beschriftung,
.terminliste .preis {
	color:var(--common-font-color-bright);
	font-size:0.9em;
}
.terminliste .orig {
	margin-left:1em;
}
.terminliste .reduziert,
.optionen .reduziert {
	text-decoration: line-through;
}
.terminliste .preis2_red,
.optionen .preis2_red {
	font-weight:bold;
	margin-left:1.5em;
}
.terminliste .datum3,
.optionen .datum3,
.jahreskarten .datum {
	font-weight:normal;
	margin-left:0.5em;
	font-size:0.8em;
	color:var(--common-font-color-lighter);
}
.terminliste .datum3 {
	display:inline;
}

.terminliste input[type=checkbox] {
	grid-area:Checkbox;
}
fieldset.instruktor {
	border:none;
	padding:0px;
	background:none;
	grid-area:Instruktor;
	font-size:80%;
	line-height:1.2;
}
.termine .instruktor ul {
	margin:0px;
	padding:0px;
	display:block;
}
.termine .instruktor ul li {
	display:inline;
	margin:0px;
	padding:0px;
}

.termine .instruktor li:not(:last-of-type)::after {
	content:" • ";
}

.skills .beschreibung {
	font-size:80%;
	color:var(--common-font-color-bright);
}

#frmBuchung fieldset,
.pakete {
	border:none;
	padding:0px;
	background:none;
	width:auto;
	max-width:none;
	margin-bottom:1em;
	border-radius:0px;
}
#frmBuchung fieldset:not(:last-of-type) {
	border-bottom:1px solid var(--common-border-color);
	padding-bottom:1em;
	margin-bottom:1em;
}
#frmBuchung fieldset legend,
.pakete legend {
	padding:0px;
	text-transform:uppercase;
	font-size:1.1rem;
	margin-bottom:0.5em;
	background:none;
}
.pakete > div {
	display:flex;
	gap:0.5em;
	flex-wrap:wrap;
}
.pakete article {
	max-width:calc(50% - 0.5em);
	display:grid;
	grid-template-rows:3rem 1fr 3rem;
	grid-template-columns:1fr auto;
	grid-template-areas:
		"Headline Headline"
		"Content Content"
		"Input Preis";
	padding: 0.2em;
	
	border-radius: 0.2em;
	border: 1px solid white;
	box-shadow: 0px 0px 3px var(--common-border-color);
	background-color: var(--common-hg-color-lighter);
}
.pakete article h1 {
	font-size:1.2rem;
	margin-top:0px;
	margin-bottom:0.5em;
	background-color:black;
	color:white;
	text-align:center;
	padding-top:0.25em;
	grid-area:Headline;
}
.pakete ol,
.pakete ul {
	color:var(--common-font-color-bright);
	font-size:0.9rem;
	line-height:1.2rem;
	margin-bottom:0px;
}
.pakete label,
.pakete .preis {
	/* padding:0.75em 0.25em; */
	background-color:var(--common-hg-color);
	line-height:1;
	display:grid;
	align-items:center;
	align-content:center;
	padding:0px 0.2em;
}
.pakete label {
	grid-area:Input;
	margin:0px;
	border-right:1px solid var(--common-hg-color-lighter);
}
.pakete label input {
	margin-bottom:0px;
}
.pakete .preis {
	font-family:"Anton";
	font-size:1rem;
	grid-area:Preis;
}
.pakete .beschreibung {
	grid-area:Content;
}
#frmBuchung .legende:not(:first-of-type) {
	margin-top:1em;
}
/* ENDE Termine: ---- */




/* ---- Tracks: ---- */
.termine tr td:first-of-type {
	border-left:10px solid var(--color);
	background-color:transparent;
}
.termine .veranstaltung a {
	/*
	border-color:var(--color);
	*/
}
.termine .veranstaltung a:hover {
	color:var(--color);
}
/* ENDE Tracks: ---- */

/* ---- ECG: ---- */
.ecg,
.ecg li {
	display:block;
	margin:0px;
	padding:0px;
}
/* ENDE ECG: ---- */



/* ---- Rennstrecken: ---- */
#CRennstrecken .tracks {
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content:center;
	flex-wrap:nowrap;
	
	overflow-x:auto;
}

#CRennstrecken .tracks article {
	margin:0px 0.5em;
	border-radius:0.5rem;
	background-color:var(--grey-darker);
	color:white;
	padding:0px;
	/*
	flex-basis:13em;
	*/
	flex-basis:15em;
	flex-shrink:0;
	flex-grow:0;
}

#CRennstrecken .tracks article > *,
#CRennstrecken .tracks article header h1,
#CRennstrecken .tracks article header figure
{
	padding:0.5rem;
}
#CRennstrecken .tracks article header {
	padding:0px;
}
#CRennstrecken .tracks h1 {
	border-radius:0.5rem 0.5rem 0px 0px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:2rem;
	background-color:var(--color);
	color:white;
	height:4em;
}

#CRennstrecken .tracks .details {
	font-size:0.8em;
	margin-left:0px;
}
#CRennstrecken .tracks .details li {
	margin-left:0px;
	list-style-type:none;
	line-height:1.2em;
	margin-bottom:0.2em;
}

#CRennstrecken .tracks figure {
	padding:0px;
	width:100%;
}
#CRennstrecken .tracks figure div {
	position:relative;
}
#CRennstrecken .tracks img {
	object-fit: center;
	object-fit:contain;
	aspect-ratio: 1 / 1;
	background-color:white;
	padding:0.5em;
	margin:auto;
	display:block;
	width:100%;
}
#CRennstrecken .tracks figcaption {
	margin-top:0.5em;
	margin-bottom:1em;
	text-align:right;
	border-bottom:1px solid #eee;
	padding:0.5rem;
}
#CRennstrecken figcaption a {
	word-break: break-all;
}

#CRennstrecken .termine {
	border-top:1px solid white;
	background-color:var(--main-color);
	font-size:0.9rem;
	border-radius:0px 0px 0.5rem 0.5rem;
}
#CRennstrecken .termine h2 {
	/*
	font-family:"Roboto Condensed", sans-serif;
	*/
	font-size:1.3rem;
	text-transform:uppercase;
	color:white;
}
#CRennstrecken .termine ul {
	margin-left:0px;
}
#CRennstrecken .termine li {
	display:block;
	margin:0.8em 0px;
	line-height:1.2em;
}
/* ENDE Rennstrecken: ---- */


/* ---- Buchungsprocedere: ---- */
#CBuchungsprocedere .optionen div {
	display:none;
}
#CBuchungsprocedere .optionen dfn {
	font-weight:normal;
	display:inline;
	margin:0px;
	padding:0px;
}
#CBuchungsprocedere .optionen, .optionen li {
	display:inline;
	margin:0px;
	padding:0px;
}
#CBuchungsprocedere .optionen li:not(:last-of-type):after {
	content:", ";
}
/* ENDE Buchungsprocedere: ---- */


/* ---- Instruktoren: ---- */
.instruktoren {
	display:flex;
	justify-content:center;
	align-items:stretch;
	align-content:flex-start;
	gap:1em;
	flex-direction:row;
	flex-wrap:wrap;
}
.instruktoren article {
	flex-grow:0;
	flex-shrink:1;
	max-width:20rem;
	
	border-radius: 0.2em;
	border: 1px solid white;
	box-shadow: 0px 0px 3px var(--common-border-color);
	background-color: var(--common-hg-color-lighter);
}
.instruktoren article h1 {
	border-radius:0.2em 0.2em 0px 0px;
	height:2.5rem;
	padding-top:0.5rem;
	line-height:1;
	
	font-size:1.2rem;
	margin-top:0px;
	margin-bottom:0.5em;
	background-color:black;
	color:white;
	text-align:center;
	margin:0px;
}
.instruktoren article img {
	display:block;
	max-height:40em;
}

.instruktoren .beschreibung {
	padding:1em 0.5em 0px 0.5em;
	margin-bottom:1em;
	font-size:0.9rem;
}
/* ENDE Instruktoren: ---- */






/* #### ../../../../frontend/kunden/rocket-raceinstructions.at/css/design.css #### */
.stdWidth {
	max-width:80rem;
	margin:auto;
}
.synegrid {
    --width:80rem;
	margin-top:1em;
}
.synegrid:first-of-type {
	padding-top:4em;
}
.synegrid .bright {
	background-color:var(--common-hg-color-lighter);
	padding:0.5rem;
}

.synegrid.bright {
	background-color:var(--common-hg-color-lighter);
}
.impressum_generated {
	border-top:none;
}


#CIntro2 {
	height:100vh;
	color:white;
	background-color:var(--cdcol0);
	padding:1em;
	
	display:flex;
	align-items:center;
	justify-content:center;
	text-transform:uppercase;
	flex-direction:column;
	font-family:"Le Mans","Anton";
	
	border-bottom:1px solid white;
}

#CIntro2 .teaser {
	font-size:8vw;
	line-height:1.2;
}
#CIntro2 .teaser:first-line {
	color:#eee;
}
#CIntro2 .subline {
	font-size:1.5rem;
	line-height:1;
	text-transform:none;
}
#CIntro2 img {
	max-width:30%;
	height:auto;
	display:block;
	margin-top:3rem;
}


#CIndex {
	display:grid;
	grid-template-columns:100%;
}
#CIndex nav {
	background-color:var(--cdcol0);
	background: linear-gradient(180deg, var(--cdcol0) 0%, var(--cdcol1) 100%); 
	color:var(--common-a-color-hover);
	padding:2em;
}
#CIndex nav ul {
	display:flex;
	gap:0.5em;
	flex-grow:1;
}
#CIndex nav a {
	display:block;
	height:auto;
	background:none;
	border:none;
	text-align:left;
}
#CIndex nav a:first-line {
	font-family:Anton;
	font-size:3rem;
	line-height:1.2;
}


/* #### ../../../../frontend/kunden/rocket-raceinstructions.at/css/fonts.css #### */



/* #### ../../../../frontend/kunden/rocket-raceinstructions.at/css/navigation.css #### */
#btnNav {
	margin:auto;
	width:1em;
	height:1em;
	border-radius:0.5em;
	border:1px solid white;
	color:white;
	box-sizing:content-box;
	margin-top:1em;
	padding:0.7em;
	background-color:var(--cdcol0);
	/*
	background-color:rgba(255,255,255,0.2);
	box-shadow:0px 0px 1em black;
	*/
	
	cursor:pointer;
    display:none;
}

nav.vis {
	display:block;
}

nav ul,
nav li {
    display:block;
    margin:0px;
    padding:0px;
}

nav a {
    display:block;
    width:100%;
    height:100%;
    border-radius:0px;
    text-align:center;
	color:var(--common-a-color-hover);
}
nav a:hover {
    cursor:pointer;
	color:var(--common-font-color-inverted);
	font-weight:bold;
}

/*
#nav0,
#H0,
#nav0 ul {
    background: none;
    pointer-events: none;
}
#nav0 li,
#nav0 #CLogin,
#H0 i {
    pointer-events: all;
}
*/

#H0 {
    position:sticky;
	position:fixed;
    top:0px;
    z-index:1000;
    height:auto;
    left:0px;
    right:0px;
}
#nav0 {
    /*
	border-top:2px solid var(--cdcol0);
	border:2px solid white;
	padding:0.5em;
	*/
    height:auto;
	width:fit-content;
	margin:auto;
    
    display:flex;
    justify-content:center;
    align-content:flex-start;
    align-items:flex-start;
	
}
#nav0 > ul {
	/*
	min-width:40em;
	padding:0.5em 2em;
	*/
    display:flex;
    justify-content:center;
    align-content:flex-start;
    align-items:flex-start;
    height:100%;
	width:auto;
	margin:auto;
	background-color:var(--cdcol0);
	/*
	border-radius:0px 0px 0.5em 0.5em;
	box-shadow:0px 0.2em 0.5em black;
	*/
	border-radius:0.5em;
	margin-top:1em;
    font-family:"Eurostile", sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	font-size:1.1em;
}

#nav0 li {
	flex-grow:1;
	cursor:pointer;
}

#nav0 ul ul {
    display:none;
	font-size:1rem;
	text-align:left;
	text-transform: none;
	max-width:100%;
	margin-top:0em;
	min-width:100%;
	height:auto;
}

#nav0 > ul > li > ul {
	position:absolute;
	background-color:var(--cdcol0);
	/*
	box-shadow:0px 0.2em 0.5em black;
	border-radius:0px 0px 0.5em 0.5em;
	*/
	left:0px;
	border-top:2px solid white;
	align-items:stretch;
}
#nav0 ul ul ul {
	padding-top:0.5em;
	display:block;
}

#nav0 > ul > li {
	position:static;
	padding:0.5em 0.2em;
}
#nav0 a {
	display:block;
	height:100%;
	padding:0.2em 1em;
}

#nav0 li:hover > ul {
	display:block;
}
#nav0 > ul > li:hover > ul {
	display:flex;
}
#nav0 > ul > li.meinbereich:hover > ul {
	display:block;
}

#nav0 ul ul li {
	display:block;
	text-align:left;
	height:min-content;
	padding:0.2em;
	flex-grow:1;
}
#nav0 ul ul li:hover {
	background-color:rgba(255,255,255,0.2);
}

#nav0 ul ul ul li {
	border-bottom:none;
	margin:0px;
}
#nav0 ul ul a {
	text-align:left;
	border-bottom:1px solid white;
	border:radius:0px;
}
#nav0 ul ul ul a {
	border-bottom:none;
	min-height:0px;
}

#nav0 .meinbereich {
	position:relative;
}
#nav0 .meinbereich > ul {
	top:100%;
	width:100%;
}


#nav0 #CMeinBereich {}
/* ---- Nebennavi: ---- */
#nav2 {
    padding:1em 0px;
    background-color:#333;
    border-top:1px solid #666;
    border-bottom:1px solid #666;
}
#nav2 ul {
    display:flex;
    justify-content:center;
    align-content:stretch;
    align-items:center;
}
#nav2 li {
    margin:0px 0.5em;
}

#nav2 a {
    padding:0.2em 1em;
    border-bottom:2px solid rgba(255,255,255,0);
    transition:border-color 1s, font-weight 0.5s;
    border-radius:0px;
}
#nav2 a:hover {
    font-weight:bold;
    color:var(--common-a-color-hover);
    border-color:var(--common-a-color-hover);
}
/* ENDE Nebennavi: ---- */


.contentnav {
	background-color:var(--color);
	padding:1em;
}
.contentnav ul {
	display:flex;
	justify-content:flex-start;
	align-content:stretch;
	align-items:flex-start;
	
	counter-reset:cnt;
}
.contentnav li {
	padding:1em;
}
.contentnav ul li a::before {
	content:counter(cnt);
	counter-increment:cnt;
	font-size:5rem;
	display:block;
	background-color:rgba(255,255,255,0.9);
	color:var(--color);
	margin:auto;
	padding:1rem;
	line-height:1em;
	text-align:center;
	width:7rem;
	height:7rem;
	margin-bottom:1rem;
	border-radius:50%;
	
	font-family:"Eurostile Extended";
	font-weight:800;
}

.contentnav a {
	border-color:rgba(255,255,255,0);
}




/* #### ../../../../frontend/kunden/rocket-raceinstructions.at/css/form.css #### */
form {
	--border-color:#ccc;
}

form * {
	font-size:inherit;
}

label,
.label {
	display:block;
	margin-top:0.5em;
	margin-bottom:0.1em;
	line-height:1em;
}
label[required],
label[data-required],
.label[required],
.label[data-required] {
	font-weight:bold;
}
input,
textarea,
select,
button {
	display:block;
	width:100%;
	border:1px solid var(--border-color);
	padding:0.5rem 1rem;
	border-radius:0.2rem;
	line-height:1rem;
	box-sizing:border-box;
	margin-bottom:0.2rem;
	background-color:rgba(255,255,255,0.8);
}
::placeholder {
	padding-top:1rem;
	font-size:0.7em;
}
[required]::placeholder {
	font-weight:bold;
}
/*
::placeholder:focus,
select:focus {
	font-size:inherit;
	padding-top:0.5rem;
	line-height:inherit;
}
*/
form :focus {
	background-color:white;
}

input[type=date],
input[type=time] {
	width:auto;
}
input[type=number] {
	min-width:8em;
	text-align:right;
}

textarea {
	min-height:15em;
}

input[type=checkbox],
input[type=radio] {
	display:inline-block;
}

fieldset {
	padding:1em;
	margin-top:2em;
	border-radius:0.5em;
	border:1px solid var(--hg_content);
}

form p {
	line-height:1.2em;
}

legend {
	font-weight:bold;
	font-size:1.1em;
	background-color:white;
	padding:0.2em 0.5em;
	border-radius:0.5em;
	border:1px solid var(--hg_content);
}

label[required]::after,
label[data-required]::after,
.label[data-required]::after,
.label[required]::after {
	content: "*";
}
	
.req {
	margin:0.5em 0px;
	font-size:1rem;
	font-weight:bold;
	font-style:italic;
}

input[type=button],
input[type=submit],
input[type=reset],
button {
	margin:1em auto;
	width:auto;
	cursor:pointer;
	border:1px solid var(--common-a-color);
	background-color:var(--common-a-color-hover);
	color:var(--common-a-color);
	transition:border-color 0.5s, color 0.2s, background-color 0.5s;
}
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
button:hover {
	border-color:var(--common-a-color-hover);
	color:var(--common-a-color-hover);
	background-color:var(--common-a-color);
}

/* ---- Buchungsformular: ---- */
fieldset {
	margin:auto;
	max-width:40em;
	padding:0.5em;
	border:1px solid var(--common-border-color-bright);
	margin-bottom:1em;
	background-color:var(--common-hg-color);
}
.trackzeiten input {
	display:inline-block;
	width:7em;
	margin-right:0.5em;
	text-align: right;
}

.nolabels label {
	display:none;
}
.nolabels {
	display:flex;
}
.nolabels > * {
	flex-grow:1;
	width:1em;
}
[name=Titel] {
	
}
[data-size="1"] {
	flex-grow:1;
}
[data-size="2"] {
	flex-grow:2;
}
[data-size="3"] {
	flex-grow:3;
}
/* ENDE Buchungsformular: ---- */


/* #### ../../../../frontend/kunden/rocket-raceinstructions.at/css/responsive.css #### */
@media screen and (min-width:48em) {
	#btnNav {
		display:block;
	}
	#nav0 {
		display:none;
	}
}
@media screen and (max-width:64em) {
	#CIndex nav ul {
		flex-direction: column;
	}
	.termin {
		flex-basis: calc(100% / 2 - var(--gap));
	}
}
@media screen and (max-width:48em) {
	:root {
		--H1_h:3em;
	}
	
	.synegrid:first-of-type {
		padding-top:1em;
	}
	#H0 {
		position:fixed;
		height:auto;
		z-index:1001;
		left:0px;
		width:100%;
	}
	#btnNav {
		display:block;
		margin:auto;
		margin-top:1em;
		/*
		position:fixed;
		z-index:1001;
		left:calc(50% - 1.5em);
		top:1em;
		*/
	}
	#nav0 {
		border:1px solid white;
		position:relative;
		min-width:50%;
		max-width:70%;
		margin:auto;
		margin-top:0.5em;
		display:none;
		border-radius:0.2em;
		background-color:var(--cdcol0);
	}
	#nav0 ul {
		display:block;
		min-width:0px;
		margin-bottom:0.8em;
		box-shadow:none;
		border-radius:0px;
	}
	#nav0 ul li{
		text-align:center;
		padding:0px;
		margin-bottom:0.2em;
	}
	#nav0 ul ul,
	#nav0 > ul > li > ul {
		display:block;
		position:relative;
		box-shadow: none;

	}
	#nav0 ul ul li {
		display:block;
		margin-bottom:0.1em;
		padding:0px;
		height:auto;
	}
	#nav0 a,
	#nav0 ul ul ul a {
		display:inline;
		margin:0px;
	}
	#nav0 ul ul li:first-of-type {
		margin-left:0px;
		padding-left:0px;
	}
	
	#nav0 li:hover > ul {
		display:inherit;
	}
	#nav0 > ul > li:hover > ul {
		display:inherit;
	}
	
	.contentnav {
		flex-wrap:nowrap;
		overflow-x:auto;
	}
	#navLT > ul,
	.claptimes,
	#CIchBin {
		padding-top:2em;
		flex-direction:column;
		align-items:center;
	}
	#navLT > ul {
		align-items:stretch;
	}
	#CIchBin {
		column-gap:0px;
		row-gap:1em;
		margin-top:0em;
	}
	
	#H0 {
		max-width:100%;
		max-height:100vh;
		overflow:auto;
	}
	figure.fullheader figcaption {
		bottom:0px;
		width:100%;
		max-width:100%;
		left:0px;
		padding:0.2em;
		background:none;
		background-color:rgba(0,0,0,0.8);
		font-size:1rem;
		line-height:1.2em;
		margin-left:0px;
		box-shadow:none;
	}
	figure.fullheader figcaption:first-line {
		font-size:1.2rem;
	}
	
	#CIchBin figure {
		margin:auto;
		width:8em;
	}
	
	#H1 {
		height:var(--H1_h);
		padding:0.5em;
	}
	#H1 img {
		max-width:50%;
	}
	
	#CIndex .fullheader :not(button) > img,
	#CIndex .fullheader  picture {
		height:calc(100vh - var(--H1_h));
	}
	
	.termin {
		flex-basis:100%;
	}
	
	.termin.closed {
		grid-template-rows:3em 0px 0px;
	}
	.termin.closed .content,
	.termin.closed .optionen,
	.termin.closed .icons {
		display:none;
	}
	
	#CIntro2 img {
		max-width: 90%;
	}
	#CIndex nav ul,
	.pakete > div {
		flex-direction: column;
	}
	.pakete article {
		max-width:100%;
	}


/* #### ../../../../system/css/font_anton.css #### */
@font-face {
    font-family: 'Anton';
    src: url('/system/fonts/Anton/Anton-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}