/* signika-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: 'Signika';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/signika-v20-latin-300.eot'); /* IE9 Compat Modes */
    src: url('../fonts/signika-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/signika-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/signika-v20-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/signika-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/signika-v20-latin-300.svg#Signika') format('svg'); /* Legacy iOS */
  }
  /* signika-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: 'Signika';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/signika-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/signika-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/signika-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/signika-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/signika-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/signika-v20-latin-regular.svg#Signika') format('svg'); /* Legacy iOS */
  }
  /* signika-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: 'Signika';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/signika-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: url('../fonts/signika-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/signika-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/signika-v20-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/signika-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/signika-v20-latin-700.svg#Signika') format('svg'); /* Legacy iOS */
  }


/* kumbh-sans-300 - latin */
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/kumbh-sans-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/kumbh-sans-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/kumbh-sans-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/kumbh-sans-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/kumbh-sans-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/kumbh-sans-v12-latin-300.svg#KumbhSans') format('svg'); /* Legacy iOS */
}
/* kumbh-sans-regular - latin */
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/kumbh-sans-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/kumbh-sans-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/kumbh-sans-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/kumbh-sans-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/kumbh-sans-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/kumbh-sans-v12-latin-regular.svg#KumbhSans') format('svg'); /* Legacy iOS */
}
/* kumbh-sans-500 - latin */
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/kumbh-sans-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/kumbh-sans-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/kumbh-sans-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/kumbh-sans-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/kumbh-sans-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/kumbh-sans-v12-latin-500.svg#KumbhSans') format('svg'); /* Legacy iOS */
}
/* kumbh-sans-600 - latin */
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/kumbh-sans-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/kumbh-sans-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/kumbh-sans-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/kumbh-sans-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/kumbh-sans-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/kumbh-sans-v12-latin-600.svg#KumbhSans') format('svg'); /* Legacy iOS */
}
/* kumbh-sans-700 - latin */
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/kumbh-sans-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/kumbh-sans-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/kumbh-sans-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/kumbh-sans-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/kumbh-sans-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/kumbh-sans-v12-latin-700.svg#KumbhSans') format('svg'); /* Legacy iOS */
}
/* kumbh-sans-800 - latin */
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/kumbh-sans-v12-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/kumbh-sans-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/kumbh-sans-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/kumbh-sans-v12-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/kumbh-sans-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/kumbh-sans-v12-latin-800.svg#KumbhSans') format('svg'); /* Legacy iOS */
}
/* kumbh-sans-900 - latin */
@font-face {
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/kumbh-sans-v12-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/kumbh-sans-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/kumbh-sans-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/kumbh-sans-v12-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/kumbh-sans-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/kumbh-sans-v12-latin-900.svg#KumbhSans') format('svg'); /* Legacy iOS */
}

/* josefin-sans-300 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/josefin-sans-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/josefin-sans-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v25-latin-300.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-regular - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/josefin-sans-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/josefin-sans-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v25-latin-regular.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-500 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/josefin-sans-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/josefin-sans-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v25-latin-500.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-600 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/josefin-sans-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/josefin-sans-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v25-latin-600.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-700 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/josefin-sans-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/josefin-sans-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v25-latin-700.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-200italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/josefin-sans-v25-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/josefin-sans-v25-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v25-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v25-latin-200italic.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-300italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/josefin-sans-v25-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/josefin-sans-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v25-latin-300italic.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/josefin-sans-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/josefin-sans-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v25-latin-italic.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-500italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/josefin-sans-v25-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/josefin-sans-v25-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v25-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v25-latin-500italic.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-600italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/josefin-sans-v25-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/josefin-sans-v25-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v25-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v25-latin-600italic.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-700italic - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/josefin-sans-v25-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/josefin-sans-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/josefin-sans-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/josefin-sans-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/josefin-sans-v25-latin-700italic.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
*,
*::before,
*::after{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
    max-width: 100%;
    -webkit-tap-highlight-color: transparent;
/*    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    scroll-behavior: smooth;
}

:root{
	--green: 0, 155, 219;
    --gold: 0, 0, 0;
    --black: 29, 29, 27;

    --headline-font: 'Signika', sans-serif;
    --fliesstext-font: 'Kumbh Sans', sans-serif;
    --btn-font: Montserrat, sans-serif;

    --font-size: 1;
    --xxl-font-size: 3;
    --line-height: 1;

    --shadowcolor: 0, 0, 0;
    --shadow: 4px 4px 4px 1px rgba(var(--shadowcolor), 0.2);
}

html{
	background: rgb(255, 255, 255);
    color:  rgba(var(--black),1);
    scroll-behavior: smooth;
    margin: 0;
	padding: 0;
    font-size: 16px;
    word-break: break-word;
    font-family: var(--fliesstext-font);
    position: relative;
    display: grid;
}

img{
	max-width: 100%;
	height: auto;
}


h1, h2, h3, h4{
    font-family: var(--fliesstext-font);
    color: rgba(var(--green),1);
	text-wrap: balance;
}

h1{
    font-size: clamp(2.8rem, -0.675rem + 4.9vw, 5.2rem);
    /* margin-left: -9px; */
    margin-bottom: 2.25rem;
    padding: 0;
}

h2{
    font-size: clamp(2.4rem, -0.675rem + 4vw, 4.2rem);
    /* margin-left: -9px; */
    margin-bottom: 1.25rem;
    padding: 0;
}

h3{
    font-size: calc(var(--font-size) * 1.875rem);
    /* margin-left: -9px; */
    margin-bottom: 1.25rem;
    padding: 0;
}

h6{
    font-size: calc(var(--font-size) * 1.475rem);
}

p, input[type=text], textarea{
    font-family: var(--fliesstext-font);
    line-height: calc(var(--line-height) * 1.8rem);
    margin-bottom: calc(var(--font-size) * 1.375rem);
    font-size: calc(var(--font-size) * 1.2rem);
}

a, a:link{
    text-decoration: none;
    color: inherit;
    font-weight: 700;
}

hr{
    margin: 0 0 2rem 0;
    border: 0;
    border-top: 3px double rgba(var(--gold),1);
}
small{
	font-size: calc(var(--font-size) * 0.885rem);
}

em{
    color: rgba(var(--green),1);
    font-style: normal;
}

ul, li{
	font-size: calc(var(--font-size) * 1.2rem);
    margin-left: 0.8rem;
}


.h1{
    font-family: var(--headline-font);
    color: rgba(var(--green),1);
    font-size: clamp(3rem, -0.875rem + 5.6vw, 5.9rem);
    margin-left: -9px;
    margin-bottom: 2.25rem;
    padding: 0;
    font-weight: bold;
}


.main-wrapper{
    width: 100vw;
    position: absolute;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    z-index: 2;
}


.navigation{
    width: 100vw;
    height: 100vh;
    background-color: rgba(var(--green),1);
    color: #FFF;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    justify-items: center;
    animation: fade 8s infinite;
    opacity: 0;
    transition: opacity 1s, z-index 1s;
}

.navigation.hide{
    opacity: 0;
    z-index: 1;
    position: absolute;
    width: 1px;
}

.navigation.show{
    opacity: 1;
    z-index: 3;
    position: fixed;
}


.navigation ul{
    list-style-type: none;
}

.navigation li:not(:nth-last-child(-n+2)){
    font-size: clamp(2rem, -1.875rem + 8.333vw, 4.875rem);
    font-weight: 700;
}

.navigation li:nth-last-child(2){
    padding-top: 7rem;
}

.navigation a:hover, .navigation a.active{
    color: rgba(var(--gold),1);
}

nav{
    margin: auto 0;
}

.left{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    justify-items: center;
    align-items: center;
    background-image: url('images/bg_start.jpg');
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}

.logo{
    filter: drop-shadow(3px 5px 2px rgb(29 29 27 / 0.4));
    text-align: center;
}
.logo img{
    max-width: 70%;
}

.rallye-datum{
	padding-top: 2rem;
}

.sponsors{
    width: 80%;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    grid-template-rows: 1fr 1fr;
    gap: 2rem;
    justify-items: center;
}

.right{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    overflow: auto;
    background-color: #FFF;
}

.impression{
	margin: 1rem;
}

.ablauf{
    font-size: calc(var(--font-size) * 1.2rem);
	display: block;
	margin: 0 0 2rem 1.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(var(--green),1);
}

.ablauf:last-of-type{
    border-bottom: none;
}

.adresse{
	display: block;
	 margin: 1rem ; 
	font-size: calc(var(--font-size) * 1.2rem);
    /* background-color: rgba(var(--green),0.2); */
    padding: 2rem 1rem;
    border: 1px solid rgba(var(--green),0.5);;
    /* border-radius: 0.7rem;*/
    -webkit-box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.71);
    box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.71); 
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.adresse strong:first-of-type{
    color: rgba(var(--green),1);
}

.call-to-action, .open-burger, .close-burger, .proair-stamp{
    cursor: pointer;
    position: fixed;
}

.countdown{
    display: none;
}

.open-burger{
    right: 15px;
    padding: 2.125rem 2.125rem 0 0;
}

.close-burger{
    right: 15px;
    padding: 4.125rem 4.125rem 0 0;
}

.content{
    margin: auto 0;
    padding: 0 1.125rem;
}

#datenschutz, #anmeldung{
    scroll-margin-top: 5vh;
}

#datenschutz{
    margin-bottom: 13rem;
}

.content-piece{
    /*min-height: 100vh;*/
    display: grid;
    align-content: center;
	margin: 15rem 0;
}

.content-piece.impressum, .content-piece.datenschutz{
	margin: 0;
}

.content a:hover{
    color: rgba(var(--green),1);
}


fieldset{
    margin: 1rem 0 0 0;
    padding: 0rem 1rem 2rem 1rem;
    border: 1px solid rgba(var(--green),1);
}

legend{
    padding: 1rem;
    font-weight: 700;
    font-size: calc(var(--font-size) * 1.885rem);
    color: rgba(var(--green),1);
}

fieldset.nested {
    padding: 0rem 0.8rem 0 0.8rem;
}

fieldset.nested legend{
    padding-top: 0;
}

.form-wrapper *{
    max-width: 80%;
    margin: 0;
    padding: 0;
}

label, input, select{
    font-size: calc(var(--font-size) * 1.375rem);
}


label > span{
    font-size: calc(var(--font-size) * 0.875rem);
    display: inline-block;
}

input, select{
    padding: 0.5rem;
}

textarea{
    padding: 1rem;
}
.form-item{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    align-items: center;
    margin: 1rem 0;
}

.form-item.top{
    display: grid;
    grid-template-columns: 1fr;
}

.form-item.choice{
    display: grid;
    grid-template-columns: 20% 1fr;
    grid-template-rows: 1fr;
    align-items: start;
    margin: 1rem 0;
}

.form-item.choice.up{
    align-items: center;
}

.form-item.senden{
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 2rem;
}

.form-item p, .form-item ul{
    font-size: calc(var(--font-size) * 0.885rem);
}
.form-item ul{
	margin-left: 1rem;
}

.form-item.small label{
    font-size: calc(var(--font-size) * 0.885rem);
}

input[type=checkbox], input[type=radio]{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid  rgba(var(--green),1);
    outline: none;
    transition-duration: 0.3s;
    cursor: pointer;
    width: calc(var(--font-size) * 1.885rem);
    height: calc(var(--font-size) * 1.885rem);
}

input[type=radio]{
    border-radius: 24px;
}

:checked {
    background-color: rgba(var(--green),1);
    background-image: url(../assets/images/checked.svg);
    background-repeat: no-repeat;
    background-position: center;
  }

.preise{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0.5rem 0rem;
    font-weight: 700;
}

.summe{
    font-size: calc(var(--font-size) * 1.885rem);
    font-weight: 700;
}


.call-to-action{
    bottom: 3.75rem;
}

a.btn_call-to-action{
    background-color: rgba(var(--green),1);
    border: 1px solid rgba(var(--gold),1);
    color: #FFF;
    font-size: calc(var(--font-size) * 1.885rem);
    padding: 12px 22px 12px 4.125rem;;
    text-decoration: none;
    background-image: url(../assets/images/btn_icon.svg);
    background-repeat: no-repeat;
    background-position: left 20px center;
    box-shadow: var(--shadow);
}

.btn_call-to-action:hover{
    background-color: rgba(var(--gold),1);
    border: 1px solid rgba(var(--green),1);
    color: #FFF;
}

.proair-stamp{
	display: none;
}


.btn_download {
	background-color: rgba(var(--green),1);
    border: 1px solid rgba(var(--gold),1);
    font-size: clamp(1rem, -0.875rem + 8.333vw, 1.885rem);
    padding: 1rem;
    text-decoration: none;
    box-shadow: var(--shadow);
	color: #FFF  !important;
}

.btn_download:hover{
    background-color: rgba(var(--gold),1);
    border: 1px solid rgba(var(--green),1);
    color: #FFF  !important;
}


.btn_senden{
    background-color: rgba(var(--green),1);
    border: 1px solid rgba(var(--gold),1);
	font-size: clamp(1rem, -0.875rem + 8.333vw, 1.885rem);
    padding: 1rem 0.5rem;
    text-decoration: none;
    box-shadow: var(--shadow);
	color: #FFF;
}
.btn_senden:hover{
    background-color: rgba(var(--gold),1);
    border: 1px solid rgba(var(--green),1);
    color: #FFF;
}



.btn_extern{
    font-size: calc(var(--font-size) * 0.885rem);
    margin-left: 20px;
    padding: 20px;
    font-weight: 700;
    text-decoration: none;
    background-image: url(../assets/images/btn_info.svg);
    background-repeat: no-repeat;
    background-position: left  center;
}
.btn_extern:hover{
    color: rgba(var(--gold),1);
    background-image: url(../assets/images/btn_info_hover.svg);
    background-repeat: no-repeat;
    background-position: left  center;
}

.crossed-out{
	text-decoration: line-through;
}

.oeffnungszeiten{
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    padding-top: 1rem;
    max-width: 340px;
}


@media screen and (min-width: 980px){
    .main-wrapper{
        width: 100vw;
        position: absolute;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        z-index: 2;
    }

    .left{
        height: 100vh;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        justify-items: center;
        align-items: center;
        background-image: url('images/bg_1.jpg');
        background-position: center center;
        background-size: cover;
        overflow: hidden;
    }


    .navigation.hide{
        opacity: 0;
        z-index: 1;
        width: 1px;
        height: 1px;
        position: fixed;
    }

    .navigation.show{
        opacity: 1;
        z-index: 3;
        width: 100vw;
        height: 100vh;
        position: absolute;
    }

    .logo img{
        max-width: 100%;
    }

    .right{
        height: 100vh;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        overflow: auto;
        background-color: #FFF;
    }

    .open-burger{
        right: 15px;
        padding: 4.125rem 4.125rem 0 0;
    }

    .content{
        margin: auto 0;
        padding-left: 4.125rem;
        max-width: calc(100% - 4.125rem );
    }

    .content-piece{
        /*min-height: 100vh;*/
        max-width: 100%;
    }

    .countdown{
		display: none;
        padding: 0 0 1rem 4.125rem;
        /*display: grid;*/
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        justify-items: left;
        font-size: calc(var(--font-size) * 0.825rem);
        color: rgba(var(--black),0.7);
    }
    .countdown span{
        font-size: 1.375rem;
        font-weight: 700;
    }


    .form-item{
        display: grid;
        grid-template-columns: 40% 1fr;
        grid-template-rows: 1fr;
        align-items: center;
        margin: 1rem 0;
    }
    .form-item.top{
        display: grid;
        grid-template-columns: 1fr;
    }

    .form-item.choice{
        display: grid;
        grid-template-columns: 10% 1fr;
        grid-template-rows: 1fr;
        align-items: start;
        margin: 1rem 0;
    }

    fieldset{
        margin: 1rem 0 0 0;
        padding: 0rem 2rem 2rem 2rem;
        border: 1px solid rgba(var(--green),1);
        max-width: 100%;
    }

    legend{
        padding: 1rem;
        font-weight: 700;
        font-size: calc(var(--font-size) * 1.885rem);
        color: rgba(var(--green),1);
    }

    fieldset.nested {
        padding: 0rem 2rem 0 2rem;
    }

    fieldset.nested legend{
        padding-top: 0;
    }



    textarea{
        padding: 1rem;
    }

    .btn_senden{
        background-color: rgba(var(--green),1);
        border: 1px solid rgba(var(--gold),1);
        color: #FFF;
        font-size: calc(var(--font-size) * 1.885rem);
        padding: 12px 22px 12px 4.125rem;;
        text-decoration: none;
        background-repeat: no-repeat;
        background-position: left 20px center;
        box-shadow: var(--shadow);
    }

   


}

@media screen and (min-width: 1350px){
	.proair-stamp{
		display: block;
		right: 2rem;
		bottom: 2rem;
		}
    
    .oeffnungszeiten{
        grid-template-columns: 20% 80%;
        }
}

@media screen and (min-width: 1921px){
    .content{
        max-width: 950px;
    }
}

.submit_loading,
.submit_done { display:flex !important; position:fixed; opacity:0; pointer-events:none; transition:all 0.6s; z-index:10; left:0; top:0; width:100vw; height:100vh; justify-content:center; align-items:center; background-color:rgba(0, 0, 0, 0.75); }

.submit_done > .close { position:absolute; right:30px; top:30px; width:50px; height:50px; justify-content:center; align-items:center; display:flex; font-size:2rem; font-weight:bold; color:#FFFFFF; }

.submit_loading > .inner,
.submit_done > .inner { font-size:3rem; color:#FFFFFF; }
.inner {margin: 4rem;
}
.inner h2{color: #FFF;}

body.display_loading .submit_loading { opacity:1; pointer-events:all; }
body.display_done .submit_done { opacity:1; pointer-events:all; }