@font-face {
  font-family: 'Gilius';
  src: local('Gilius'), url('../Gillius-Collection-20110312/OTF/GilliusADF-Regular.otf') format('opentype');
}
 

/*********************************************
 * GLOBAL STYLES
 *********************************************/
body {
  *background: #FFEEAA;
  /*background-color: #FFEEAA;*/ 
  
  
  *background: #E6B877;
  
  *background: #B08815;
  
  background: #B9AB83;
  
  *background: #6F7C91;
  
  background-image: url("../img/Background_1.png"); *, url("../img/Background_2.png")
  
  
  /*height: 500px;*/
  *background-color: #E6B877 ;
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-attachment: fixed;
  background-size: auto 100%; 
  
  background-blend-mode: color-dodge;
  
  padding-left: 2vw;
  padding-right: 2vw;
  padding-top: 2vw;
  }

::selection {
  color: #fff;
  background: #bee4fd;
  text-shadow: none; }

::-moz-selection {
  color: #fff;
  background: #bee4fd;
  text-shadow: none; }


/*********************************************
 * HEADERS
 *********************************************/

h1 {
  font-size: 4em;
  font-family: "Gilius", Helvetica, sans-serif;
  filter: drop-shadow( 10px 10px 5px rgba(0, 0, 0, .4)) }

h2 {
  font-size: 1.6em;
  font-family: "Gilius", Helvetica, sans-serif; }

h3 {
  font-size: 1.3em;
  font-family: "Gilius", Helvetica, sans-serif; }
  
a {font-family: "Gilius", Helvetica, sans-serif; 
	
	text-decoration: none;
  color: #353535;
  display: inline-block;
  padding-top: 5px;
  font-size: 28px;
  font-weight: bold;
  text-shadow: 3px 3px 5px gray;
}

a:hover {
  color: black;
  /*font-size: 1.25em;*/
  text-shadow: none;
  transform: translateY(3px) translateX(3px);
  transition: transform .5s; /*transform 1s, */

}

p {
	font-family: "Gilius", Helvetica, sans-serif; 
	font-size: 1.2em;
	}

h4 {
font-family: "Gilius", Helvetica, sans-serif; 
  font-size: 1em; }
  
h6 {
	font-size: .7em; 
	}

h7 {
	font-size: .5em;
	font-weight: 200;
	line-height: 1.2; 
	margin: 0px 0px 0px 0px;
	}

h9 {
	font-size: .35em; 
	margin: 0px 0px 0px 0px;
	text-align: left;
	line-height: .5;
						}

h1 {
  text-shadow: none;
   }
   
/*********************************
 * Headers-Ende
 * ******************************/

.info{
	font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1600 - 320)));
	display: block;
	max-width: 50vw;
}

.presse_bild{
	filter: drop-shadow( 10px 10px 5px rgba(0, 0, 0, .4)); 
	margin-top: 30px; 
	*width: 50vw; 
	max-width:90vw;
	}
	

/*.presse-bild:hover:{	filter: drop-shadow( 0px 0px 0px rgba(0, 0, 0, .4)); 
	transform: translateY(10px) translateX(10px);
	}*/

.logo_titel{
      max-width: max-content;
      width: 90%;
      height: auto;
      }
      
/*body {
  margin: 0;
  padding: 0;
}*/

.navbar {
  /*background-color: #FFEEAA;*/
  *background-color: #E6B877 ;
  height: 50px;
}

.navbar img {
  width: 150px;
  padding: 5px;
}

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

nav {
  float: right;
  margin: 0;
}

li {
  display: inline;
  padding: 15px;
}

nav a {
  text-decoration: none;
  color: #353535;
  display: inline-block;
  padding-top: 5px;
  font-size: 28px;
  font-weight: bold;
  text-shadow: 3px 3px 5px gray;
}

nav a:hover {
  color: black;
  /*font-size: 2.1em;*/
  text-shadow: none;
  transform: translateY(3px) translateX(3px);
  transition:  transform .5s;

}

nav a:active {
  font-weight: bold;
}

@media screen and (max-width: 700px) {
  nav {
    width: 100%;
    margin-top: -5px;
  }

  nav li {
    display: block;
    *background-color: #FFEEAA;
    text-align: center;
  }
 }

* {
  font-family: Gillius;
}

.events{
	margin-top: 50px;
}

.event-list{
	font-family: "Gilius", Helvetica, sans-serif; 
	font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1600 - 320)));
	line-height:150%;
	
		text-decoration: none;
  color: #353535;
  display: inline-block;
  padding-top: 5px;
  font-size: 24px;
  font-weight: bold;
  text-shadow: 3px 3px 5px gray;
	
}


.tab {
            display: inline-block;
            margin-left: 50px;
        }
        

.sound-container {
  /*display: block;*/
  float: left;
  width: calc(90vw/2); /* three containers (use 25% for four, and 50% for two, etc) */
  padding: 5px; /* if you want space between the images */
}

.media-player{
	max-width: calc(100vw/2);
	filter: drop-shadow( 3px 3px 5px rgba(0, 0, 0, .4)); 
	margin-top: -10px;
}

.bandfoto{
	filter: drop-shadow( 10px 10px 5px rgba(0, 0, 0, .4));
	width: 20vw;
	min-width: 300px;
	padding: 5vh;
	text-align: center;
}

@media screen and (max-width: 1250px) {
 .event-list{
	font-family: "Gilius", Helvetica, sans-serif; 
	font-size: calc(16px + (28 - 16) * ((100vw - 600px) / (1600 - 600)));
	line-height:150%;	
	}
	.info{
	font-size: calc(20px + (32 - 16) * ((100vw - 600px) / (1600 - 600)));
	*font-size: 40px;
	display: block;
	max-width: 50vw;
}
}

@view-transition {
  navigation: auto;
}