@font-face {
    font-family: 'Kumbh Sans';
    src: url('../font/KumbhSans-Regular.woff2') format('woff2'),
        url('../font/KumbhSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kumbh Sans';
    src: url('../font/KumbhSans-Bold.woff2') format('woff2'),
        url('../font/KumbhSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*Gesamtseite; Hintergrund global; hinterste Ebene; hinter allem*/
body, html {
	height: 100%;
	width: 100%;
	font-family:'Kumbh Sans';
    background: linear-gradient(90deg, black 0%, #31637d 15%, #31637d 85%, black 100%);
	color: white;
	z-index:-1;
	
}

/*Containerfläche oberhalb Menü*/
.bgimagehead {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.7);/*schwarz transparent zum Abdunkeln*/
        height:40%;
        width: 100%;

  z-index:2;
}

/*container VIDEO + Textbox = Overlay für B bgimage */
.fullscreen-video-container {
  height: 40%;
  margin-left: auto;
  margin-right: auto;
          background-image:  url("../clouds.jpg");
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center top;
  max-width: 1280px; /*setzt das breitenverhältnis des elternelements*/ /*max-width: none;  Entfernt die maximale Breite Beschränkung */
  display: flex;
  align-content: center top; /*align-items: center; wäre inklusive Logo*/
    overflow: hidden;
  position: relative;
  z-index:2;
}

/*header image FOTO*/
.fotoheader {
  height: 40%;
  margin-left: auto;
  margin-right: auto;
          background-image:  url("https://www.birdie-live.de/media/background/Crowdaction08mod1280.jpg");
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
  max-width: 1280px;
  display: flex;
  align-content: center top; /*align-items: center; wäre inklusive Logo*/
    overflow: hidden; /*damit das Video nicht unterhalb des Menüs erscheint*/
  position: relative;
  z-index:2;
}

/*header image VIDEO*/
.videoheader {
  height: 40%;
  margin-left: auto;
  margin-right: auto;
          background-image:  url("https://www.birdie-live.de/media/background/Totale%2002_1280.JPG");
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
  max-width: 1280px;
  display: flex;
  align-content: center top; /*align-items: center; wäre inklusive Logo*/
    overflow: hidden; /*damit das Video nicht unterhalb des Menüs erscheint*/
  position: relative;
  z-index:2;
}

/*header image Kontakt*/
.kontaktheader {
  height: 40%;
  margin-left: auto;
  margin-right: auto;
          background-image:  url("https://www.birdie-live.de/media/background/Totale%2003_1280.JPG");
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
  max-width: 1280px;
  display: flex;
  align-content: center top; /*align-items: center; wäre inklusive Logo*/
    overflow: hidden; /*damit das Video nicht unterhalb des Menüs erscheint*/
  position: relative;
  z-index:2;
}

/*header image Technik*/
.technikheader {
  height: 40%;
  margin-left: auto;
  margin-right: auto;
          background-image:  url("https://www.birdie-live.de/media/background/br4_1280.JPG");
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
  max-width: 1280px;
  display: flex;
  align-content: center top; /*align-items: center; wäre inklusive Logo*/
    overflow: hidden; /*damit das Video nicht unterhalb des Menüs erscheint*/
  position: relative;
  z-index:2;
}

/*Video element positioning*/
.fullscreen-video-container video {
    width: 100%;
    max-width: 1280px;
    height: 100%;
    min-height: 400px;
    object-fit: cover; /*begrenzt Skalierung nach unten*/
    /*max-width: 100%;*/ /* Entfernt die maximale Breite Beschränkung */
     top: 50%;
     left: 50%;
    transform: translate(-50%,-50%);
    background-position: center top;
    background-repeat: no-repeat;
     position: absolute;
    z-index:3;
}


/*Textbox mit Transparenz BIRDIE LOGO*/
.fullscreen-video-textbox {
  background-color: rgba(255,255,20,0.0);
  padding: 30px;
  border-radius: 5px;
  max-width: 100%;
  z-index:5;
}

/*textbox untertitel LOGO UNTERTITEL* innerhalb des Rahmens von LOGO*/
.fullscreen-video-textover{
padding: 0px;
background-color: rgba(255,255,20,0.0);
border-radius: 0px;
margin-left: 0px;
margin-right: auto;
position: absolute;
}

/*social buttons*/
.social{
padding: 0px;
right: 20px;
border-radius: 0px;
left: auto;
position: absolute;
    z-index:20;
}

/*textbox next date - innerhalb des Rahmens*/
.fullscreen-video-event{
position:absolute;
width: 160px;
right: 15%;
top: 60%;
/*transform: translate( 0%,-40%);*/
border: 2px solid #fff;
padding: 2px;
border-radius: 10px;
margin-right: 0px;
align-content: center top;
text-align: center;
height: 80px;
background-color: rgba(255,205,28,0.8);
z-index:19;
transform:rotate(8deg);
/*text-stroke: 2px #000;*/
text-shadow: 1px  1px 1px #000,
             1px -1px 1px #000,
             -1px  1px 1px #000,
             -1px -1px 1px #000;
}

/*Textbox font*/
.fullscreen-video-textbox h1 {
  font-size: 3rem;
  font-weight: 700;
  color: #333;
  z-index:20;
}

/*
.hero-image {
background-image:  url("../clouds.jpg");
  max-width: 1000px;
  height: 50%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
*/

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.stellarnav {
	margin-bottom:5vH;
}

aside {
	font-size:90%;
}

footer {
	margin-top:5vH;
	font-size:100%;
	border-top:1px solid #ccc;
	padding:1rem 0;
}