@font-face {
    font-family: "angelic";
    src: local("angelic"), url("../fonts/AngelicPeace.otf") format("opentype");
}
@font-face {
    font-family: "angelicWar";
    src: local("angelic"), url("../fonts/AngelicWar.otf") format("opentype");
}
@font-face {
    font-family: "scriptina";
    src: local("scriptina"), url("../fonts/scriptina.ttf") format("truetype");
}
@font-face {
    font-family: "existence";
    src: local("existence"), url("../fonts/Existence-Light.otf") format("opentype");
}
@font-face {
    font-family: "cinzel";
    src: local("cinzel"), url("../fonts/Cinzel-Regular.otf") format("opentype");
}
*{
}
body, html{
	padding: 0;
	margin: 0;
}
.ie{display: none;}
.non-ie{display: inherit;}
p{
  font-family: "existence";
  font-size: 20px;
}
a:active, a:visited, a:focus{
  border: none;
}
#imp{
  position: fixed;
  bottom: -2vh;
  right: 1vw;
  color: #2c2c2c;
  text-shadow: 0 0 7px #899cd0;
  text-decoration: none;
  font-size: 2rem;
  font-family: "existence";
  z-index: 99;
}
#tour #imp, #media #imp{
  color: #fff;
}
nav{
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	background-image: url(../img/navbg.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 40vw;
	text-align: center;
	padding-bottom: 5px;
	z-index: 98;
  box-shadow: 0 0 15px #000;
}
nav a{
	font-family: "cinzel";
	font-size: 2vmax;
	color: #fff;
	text-shadow: 0 0 7px #899CD0;
	text-decoration: none;
	padding: 0 1vmax;
	transition: all 1s;
  margin-bottom: 0;
}
nav a:hover{
	transition: all 1s;
	color: #000;
	text-shadow: 0 0 5px #899CD0;
}
nav .navbar{
  display: none;
}
#lang{
  height: 1.6vw;
  margin-top: 0.5vw;
  margin-right: 1.5vw;
  float: right;
}
#menu_icon{
  background-color: rgba(0,0,0,0.4);
  border: none;
  transition: all 0.7s;
  height: 4vh;
  width: auto;
  margin-right: 1.5vh;
  margin-top: 1vh;
}
#menu_icon:hover{
  background-color: #C20E1A;
  border-color: #C20E1A;
  transition: all 0.7s;
}
.news_img{
	width: 20%;
	margin-right: 10%;
	display: inline-block;
}
.news_img img{
	width: 100%;
	height: auto;
}
.news_text{
	width: 50%;
	vertical-align: top;
	display: inline-block;
}
.news_text img{
  width: 100%;
  height: auto;
}
.news_buy{
  text-align: left;
}
.news_buy img{
  width: 30%;
  height: auto;
}
body .news_buy a{
  text-decoration: none;
}
.news_text a, .table a, form a{
  font-family: "existence";
  color: #000;
  transition: all .7s;
  text-shadow: 0 0 3px #000;
}
.news_text a:hover, .table a:hover{
  transition: all .7s;
  color: #fff;
  text-shadow: 0 0 3px #899CD0;
}
hr{
  margin: 2vh 0;
}
.para_content{
  padding-top: 15vh;
}
#socialicons{
  margin: 0 auto;
  text-align: center;
  width: 70%;
}
#fb, #twitter, #youtube, #spotify, #instagram{
  width: 6vmax;
  height: 6vmax;
  border: 2px solid #fff;
  border-radius: 9999px;
  background-image: url(../img/facebook.png);
  background-position: center bottom;
  background-size: 200%;
  background-color: rgba(137,156,208,0.5);
  background-repeat: no-repeat;
  -moz-transition: background-position 0.7s, background-color 1.5s, border 0.5s;
  -webkit-transition: background-position 0.7s, background-color 1.5s, border 0.5s;
  display: inline-block;
  margin:0 3vw;
}
#twitter{background-image: url(../img/twitter.png);}
#youtube{background-image: url(../img/youtube.png);}
#spotify{background-image: url(../img/spotify.png);}
#instagram{background-image: url(../img/instagram.png);}
#fb:hover, #twitter:hover, #youtube:hover, #spotify:hover, #instagram:hover{
  background-position: center top;
  background-color: rgba(0,0,0,0.5);
  border-color: #899CD0;
}
section.module .centered h2{
  text-align: center;
  margin-bottom: 0;
}
.centered p{
  margin: 0 auto;
  text-align: center;
  font-family: "scriptina";
  line-height: 8vmax;
}
.centered p a{
  text-decoration: none;
  font-size: 4vmax;
  color: #000;
  text-shadow: 0 0 5px #000;
  transition: all 0.7s;
}
.centered p a:hover{
  text-shadow: 0 0 7px #899CD0;
  color: #fff;
  transition: all 0.7s;
}
.next_show{
  font-family: "existence";
  text-align: center;
  font-size: 3vmax;
}
.next_show a{
  color: #000;
  font-size: 3vmax;
  font-weight: bold;
  text-shadow: 0 0 5px #000;
  transition: all 0.7s;
}
.next_show a:hover{
  text-shadow: 0 0 5px #899CD0;
  color: #fff;
  transition: all 0.5s;
}
/*----------------------NEWS---------------------------------*/

#news section{
  background-color: rgba(255,255,255,0.5);
  padding: 2vh 2vw;
  margin: 0 auto;
  margin-bottom: 5vh;
  width: 66vw;
  box-shadow: 0 0 15px #899CD0;
}
#news .first_news{
  margin-top: 10vh;
}
#news p{
  font-size: 20px;
}
/*----------------------TOUR---------------------------------*/

#tour{
  background-image: url(../img/tour_bg.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  padding-bottom: 5vh;
}
#tour section{
  padding-top: 10vh;
  width: 80vw;
  margin: 0 auto;

}
#tour .container{
  background-color: rgba(255,255,255,0.5);
  max-width: 80vw;
}
#tour .table{
  max-width: 90%;
  margin: 0 auto;
  padding: 6vh 0;
}
#tour hr{
  margin: 0;
}
#tour .table_row div, #tour .table_header div{
  display: inline-table;
  padding: 0.4vmax;
}
#tour .table .table_header{
  background-color: rgba(0,0,0,0.7);
  padding: 0;
}
#tour .table .table_header, #tour .table .table_row{
  display: inline-table;
  width: 100%;
}
.table_header{
  font-family: "existence";
  font-weight: 600;
  font-size: 2.5vmax;
  color: #fff;
}
.table_row{
  font-family: "existence";
  font-size: 1.5vmax;
  font-weight: bold;
  background-color: rgba(255,255,255,0.5);
  border-bottom: 1px solid #000;
}
.table_row a{font-size: 1.5vmax;}
.date{
  width: 15%;
}
.description{
  width: 56%;
}
.location{
  width: 25%;
}
#home .date, #home .location{
  width: auto;
  display: inline-block;
}
/*----------------------BAND---------------------------------*/
#band, #news, #shop, #vorkasse{
  background-image: url(../img/band_bg.jpg);
  background-size: cover;
  background-attachment: fixed;
}
#biography, .band{
  background-color: rgba(255,255,255,0.7);
  padding: 5vh 10vw; 
}
#band h2, #band p{
  width: 60vw;
  margin: 0 auto;
}
#biography h2{
  margin-top: 5vh;
}
#biography p{
  font-size: 20px;
  margin-top: 3vh;
}
.band{
  box-shadow: 0 0 5px #899CD0;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #fff;
  opacity: 0.7;
}
#band .band h2 a{
  font-family: "scriptina";
  font-size: 5vmax;
  line-height: 5vmax;
  font-weight: 200;
  color: #000;
  text-decoration: none;
  transition: all 0.5s;
}
#band .band h2 a:hover{
  transition: all 0.5s;
  color: #fff;
  text-shadow: 0 0 5px #899CD0;
}
#band .band p{
  padding-top: 4vh;
  font-size: 2vmax;
}
#band .leandra p, #band .flo p, #band .sebastian p, #band .eric p{
  padding-left: 4vw;
}
#band .theo p, #band .sammy p, #band .oliver p{
  padding-right: 4vw; 
}
.leandra, .flo, .sebastian, .eric{
  background-position: right;
}
.theo, .sammy, .oliver{
  text-align: right;
}
.leandra{
  background-image: url(../img/leandra.jpg);
}
.theo{
  background-image: url(../img/theo.jpg);
}
.flo{
  background-image: url(../img/florian.jpg);
}
.sammy{
  background-image: url(../img/sammy.jpg);
}
.sebastian{
  background-image: url(../img/sebastian.jpg);
}
.oliver{
  background-image: url(../img/oliver.jpg);
}
.eric{
  background-image: url(../img/eric.jpg);
}

/*----------------------MEDIA--------------------------------*/
#media{
  background-image: url(../img/media_bg.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
}
.music_stream{
  width: 60%;
  margin-top: 2vh;
  margin-bottom: 50px;
}
#media .container{
  padding-top: 10vh;
  max-width: 80vw;
}
.media_video_wrapper{
  background-color: rgba(255,255,255,0.5);
  text-align: center;
  padding-bottom: 3vh; 
}
.spotify_link{
  display: block;
  font-size: 1.5vmax;
  font-family: "existence";
  color: #000;
  text-shadow: 0 0 5px #000;
  transition: all 0.5s;
}
.spotify_link:hover{
  transition: all 0.5s;
  color: #fff;
  text-shadow: 0 0 5px #899CD0;
}
.media_video{
  width: 25%;
  display: inline-block;
  margin: 0 2vw;
  vertical-align: top;
}
#media h2, #tour h2, #shop h2{
  text-align: center;
  padding-top: 5vh;
  font-family: "scriptina";
  font-size: 5vmax;
  font-weight: 200;
  line-height: 4vmax;
  text-shadow: 0 0 5px #899CD0;
  transform: translateZ(200px); 
}
.media_video figure{
  width: 100%;
  padding: 0;
  margin: 0;
}
.media_video figcaption{
  text-align: center;
  font-size: 2vmax;
}
.media_video a{
    font-family: "existence";
    text-decoration: none;
    color: #000;
    margin: 0 2vw;
}
.video_img{
  width: 100%;
  height: auto;
  transition: all 1s;
}
.video_img:hover{
  transition: all 1s;
  box-shadow: 0 0 3vw #fff;
}
#home .video_img:hover, #news .video_img:hover{
  opacity: 0.8;
}
.gallery{
  background-color: rgba(255,255,255,0.5);
  padding: 0 5vw;
  text-align: center;
  margin-bottom: 5vh;
}
.gallery img{
  height: 20vh;
  margin: 0.5vw;
  transition: 1.5s box-shadow;
}
.gallery img:hover{
  box-shadow: 0 0 15px #000;
  transition: 0.5s box-shadow;
}
/*----------------------SHOP---------------------------------*/
#shop{
  background-attachment: fixed;
  padding-bottom: 10vh;
}
#shop h2{
  padding-top: 8vh;
}
#shop section{
  background-color: rgba(255,255,255,0.5);
  width: 20%; 
  min-height: 40vh;
  padding: 1vmax;
  margin: 0 1%;
  margin-top: 5vh;
  display: inline-block;
  vertical-align: top;
}
#shop figure{
  width: calc(100% - 2vmax);
  margin: 0 auto;
}
#shop figure img, #shop figure img{
  width: 100%;
  height: auto;
  padding-top: 1vmax;
}
#shop figure .merch_small{
  width: 49%;
}
#shop figcaption{
  text-align: center;
  font-family: "existence";
  font-weight: bold;
  margin-bottom: 0;
  padding-top: 1vh;
}
#shop p{
  font-weight: bold;
  margin-bottom: 0;
  font-size: 20px;
}
#shop section div{
  width: calc(100% - 2vmax);
  text-align: center;
  padding: 1vmax;
}
#shop section table .styled-select{
  padding: 0;
  width: 90%;
}
#shop section table .styled-select select{
  width: 100%;
}
#shop table{
  width: 100%;
  text-align: center;
  padding-left: 8.5%;
}
#shop td{
  vertical-align: top;
}
#shop form table .paypal_select_button{
  width: 6rem;
}
#shop a{
  text-decoration: none;
}
#shop form{
  display: inline;
}
#shop .container a img:not(.merch), #shop form input{
  width: 40%;
  height: auto;
  transition: all 1s;
  background-color: transparent;
  padding: 0;
  margin: 0;
  box-shadow: none;
}
#shop .container{
    text-align: center;
    max-width: 85vw;
    vertical-align: ;
  }
  #shop .newsletter{
    padding-top: 3vmax;
  }
  #shop .newsletter p{
    font-family: "existence";
    font-size: 1.5vmax;
    line-height: 5vmax;
  }
  #shop .newsletter p a{
    font-family: "scriptina";
  }
/*----------------------VORKASSE-----------------------------*/

.form_left, .form_right{
  width: calc(50% - 1vmax);
  display: inline-table;
  font-family: "existence";
  font-size: 20px;
  text-align: left;
}
.form_right{
  margin-left: calc(2vmax - 10px);
}
#vorkasse section{
  width: 70vw;
  background-color: rgba(255,255,255,0.5);
  padding: 1vmax;
  padding-right: 0;
  text-align: center;
  margin: 4vh auto;
}
#vorkasse img{
  width: 25%;
  margin: 2vmax auto;
  display: block;

}
label{
  display: block;
  margin-top: 1em;
}
input, textarea, select{
  background-color: #fff;
  border:none;
  padding: 5px;
  border-radius: 6px;
  margin-bottom: 5px;
  font-family: "existence";
  font-size: 15px;
  box-shadow: 0 0 2px #000;
}
input{width: calc(100% - 1vmax - 10px);}
input:invalid{border: 0px solid #800;}
input[type=checkbox]{
  width: inherit;
  margin-right: 1vmax;
}
textarea{
  min-width: calc(100% - 1vmax - 10px);
  max-width: calc(100% - 1vmax - 10px);
  min-height: 15vh;
  max-height: 15vh;
  resize:none;
}
button{
  margin-top: 1vmax;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 5px;
  padding: 5px;
  transition: all 0.5s;
  font-family: "existence";
  font-weight: bold;
  font-size: 20px;
  color: #000;
  box-shadow: 0 0 5px #899CD0;
}
button:hover {
  background-color: #899CD0;
  cursor: pointer;
  color: #fff;
  border: 2px solid #fff;
  transition: all 0.5s;
}
.select_wrapper{
  max-width: 50%;
  display: inline-table;
  padding-right: 5vmax;
}
.styled-select select {
   background: transparent;
   width: 8rem;
   line-height: 1.5;
   border: 0;
   border-radius: 6px;
   -webkit-appearance: none;
 }
  .styled-select {
   border-radius: 6px;
   width: 8rem;
   height: 32px;
   overflow: hidden;
   background: url(../img/arrow_down.png) no-repeat right #fff;
   background-size: contain;
   margin-bottom: 1.5vmax;
  box-shadow: 0 0 2px #000;
  }

 #vorkasse #agbText{
  text-align: left;
  margin-top: 1vmax;
}
#agbText a, #newsletter a{
  color: #000;
  text-shadow: 0 0 7px #899CD0;
  transition: all 0.5s;
  font-weight: bold;   
}
#agbText a:hover, #newsletter a:hover{
  color: #fff;
  transition: all 0.5s;
}
#totals{
  margin-top: 2vmax;
  text-align: left;
  text-decoration: underline;
  font-weight: bold;
  font-family: "existence";
  font-size: 20px;
  margin-left: 5px;
}
.g-recaptcha{
  margin-top: 1vmax;
}

/*----------------------KONTAKT------------------------------*/
#contact{
  background-image: url(../img/indexbg3.jpg);
  background-size: cover;
  padding-top: 10vh;
  padding-bottom: 5vh;
}
#contact .container{
  z-index: 2;
  text-align: center;
}
#contact section{
  padding: 1vmax;
  padding-bottom: 3vmax;
  background-color: rgba(255,255,255,0.3);
  text-align: center; 
}
#contact p, #contact section a{
  font-size: 2vmax;
  font-weight: bold;
}
#contact section a, #impressum a{
  color: #000;
  text-shadow: 0 0 5px #fff;
  transition: all 1s;
}
#contact section a:hover, #impressum a:hover{
  transition: all 1s;
  color: #fff;
  text-shadow: 0 0 5px #000;
}
#contact h2, #contact .newsletter{
  text-align: center;
  font-family: "scriptina";
  font-size: 5vmax;
  line-height: 7vmax;
  font-weight: 300;
  text-shadow: 0 0 7px #000;
  color: #fff;
  text-decoration: none;
}
#contact .newsletter{
  font-size: 4vmax;
  color: #000;
  line-height: 4vmax;
}
#contact .social{
  padding-bottom: 5vh;
  background-color: transparent;
}
/*----------------------IMPRESSUM----------------------------*/

#impressum, #privacy{
      background-image: url(../img/band_bg.jpg);
      color: #000;
      font-family: "existence";
      background-repeat: no-repeat;
      background-size: cover;
    }
    #impressum section, #privacy section{
      width: 50%;
      margin: 10% auto;
      padding:2%;
      background-color: rgba(255,255,255,0.5);
    }

/*----------------------PARALLAX-----------------------------*/

.container {
  max-width: 65vw;
  margin: 0 auto;
}
section.module:last-child {
  margin-bottom: 0;
}
section.module h2, h2 {
  margin-bottom: 40px;
  font-family: "existence";
  font-size: 30px;
  margin-top: 0;
}
section.module p, a, figcaption {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 40px 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  background-image: url(../img/parabox_bg2.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 50vw;
  box-shadow: 0 0 10vh #000;
}
section.module.parallax {
  height: 80vh;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
section.module.parallax h1 {
  color: #fff;
  font-size: 48px;
  font-weight: 200;
  line-height: 40vh;
  text-align: center;
  text-shadow: 0 0 15px #899CD0;
  font-family: "angelic";
  margin: 0;
}
section.module.parallax img{
  padding-top: 10vh;
  height: 20vh;
  width: auto;
}
section.module.parallax h1 .aw{
  font-family: "angelicWar";
}
section.module.parallax-1 {
  background-image: url("../img/indexbg2.jpg");
}
section.module.parallax-2 {
  background-image: url("../img/indexbg.jpg");
  height: 55vh;
  background-position: right;
}
section.module.content.last{
  padding-bottom: 3vh;
}
.mobile{display: none !important;}
.nonmobile{display: inherit !important;}
/*---------------------------------------------------------------------------
---------------------------------MEDIA-QUERIES-------------------------------
---------------------------------------------------------------------------*/
@media all and (min-width: 600px) {
  section.module h2, h2 {
    font-size: 42px;
  }
  section.module p, a, figcaption {
    font-size: 23px;
  }
  section.module.parallax h1 {
    font-size: 96px;
  }
}
@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 160px;
  }
}
@media only screen and (max-width: 768px) and (orientation:landscape){
  #imp{
    bottom: -12vh;
  }
  nav{
    text-align: right;
    padding: 1vw 0;
    background-size: 80%;
    background-color: rgba(0,0,0,0.5);
  }
  nav a{
    font-size: 6vh;
  }
  nav .navbar{
    text-align: center;
    transition: 0.7s all;
    overflow: hidden;
    display: inherit;
  }
  nav .navbar a{
    width: 100%;
    display: block;
    padding: 2vh 0;
  }
  #lang{
    height: 6vh;
    margin-top: 1vh;
    margin-right: 0;
    margin-left: 1.5vh;
    float: left;
  }
  #menu_icon{
    height: 6vh;
  }
  .container{
    max-width: 90vw;
  }
  section.module.parallax h1{
    width: 90vw;
  }
  section.module.parallax-2{
    height: 80vh;
    background-position: top right;
  }
  .news_img{
    width: 30%;
    margin-right: 4%;
    margin-top: 12vh;
  }
  .news_text{
    width: 65%;
  }
  section.module h2, h2{
    margin-top: 5vw;
    font-size: 5vmax;
  }
  #fb, #twitter, #youtube, #spotify, #instagram{
    width: 10vmax;
    height: 10vmax;
  }
  #biography h2, #home, #news{
    padding-top: 10vh;
  }
  #band .animated{
    animation-duration: 0s;
  }
  #biography, .band{
    padding: 5vh 1vw;
  }
  #band h2, #band p{
    width: 90vw;
  }
  .para_content{
    padding-top: 20vh;
  }
  .next_show, .next_show a{
    font-size: 5vmax;
  }
  .centered p a{
    font-size: 15vmax;
  }
  .centered p{
    padding-top: 5vh;
    padding-bottom: 12vw;
  }
  #news section, #tour section{
    width: 95vw;
  }
  #media, #tour, #band, #news, #shop{
    background-attachment: scroll;
  }
  #tour{
    padding-bottom: 10vh;
  }
  #tour .container{
    max-width: 90vw;
  }
  .table_row, .table_row a{font-size: 1.5vmax; font-weight: bold;}
  .table_header{font-size: 2vmax;}
  .music_stream{
    width: 90%;
  }
  .media_video{
    width: 70%;
  }
  .spotify_link{
    font-size: 4vmax;
  }
  .gallery{
    padding-bottom: 5vh;
  }
  #media h2{
    font-size: 10vmax;
    line-height: 9vmax;
  }
   .media_video figcaption{
    margin-bottom: 0;
    font-size: 5vmax;
  }
  #shop{
    padding-bottom: 5vh;
    background-attachment: scroll;
  }
  #shop .container{
    text-align: center;
    max-width: 95vw;
  }
  #vorkasse section{
    width: 90vw;
  }
  #vorkasse img{
    width: 35%;
  }
  textarea{
    min-height: 40vh; 
    max-height: 40vh;
  }
  #contact h2{
    font-size: 10vw;
  }
  #contact p, #contact section a{
    font-size: 3vmax;
  }
  #impressum section{
    width: 80%;
  }
  .mobile{display: inherit !important;}
  .nonmobile{display: none !important;}
  nav .mobile{display: none !important;}
  nav .nonmobile{display: inherit !important;}
}
@media only screen and (max-width: 768px) and (orientation:portrait){
  #imp{
    bottom: -6vh;
  }
  #impressum section{
    width: 80%;
  }
  nav{
    text-align: right;
    padding: 1vw 0;
    background-size: 80%;
    background-color: rgba(0,0,0,0.5);
  }
  nav a{
    font-size: 4vh;
  }
  nav .navbar{
    text-align: center;
    transition: 0.7s all;
    overflow: hidden;
    display: inherit;
  }
  nav .navbar a{
    width: 100%;
    display: block;
    padding: 2vh 0;
  }
  #lang{
    height: 4vh;
    margin-top: 1vh;
    margin-right: 0;
    margin-left: 1.5vh;
    float: left;
  }
  .container, #media .container{
    max-width: 90vw;
  }
  .news_img{
    width: 100%;
    margin-right: 0;
  }
  .news_text{
    width: 100%;
  }
  section.module.parallax{
    height: 45vh;
  }
  section.module.parallax-1{
    background-size: 120%;
    background-position: 50% 30%;
  }
  section.module.parallax h1{
    width: 90vw;
    line-height: 45vh;
    font-size: 58px;
  }
  section.module h2, h2{
    margin-top: 5vh;
  }
  section.module.content{
    background-size: 200vw;
  }
  #socialicons{
    width: 100%;
  }
  #fb, #twitter, #youtube, #spotify, #instagram{
    width: 10vmax;
    height: 10vmax;
  }
  #band .animated{
    animation-duration: 0s;
  }
  #biography, .band{
    padding: 5vh 1vw;
  }
  #biography h2{
    padding-top: 8vh;
  }
  #band h2, #band p{
    width: 90vw;
  }
  .next_show, .next_show a{
    font-size: 4vmax;
  }
  .centered p a{
    font-size: 11vmax;
    margin-left: -5vw;
  }
  .centered p{
    padding-top: 5vh;
    padding-bottom: 12vh;
  }
  #news section, #tour section{
    width: 95vw;
  }
  #tour .table{
    padding-top: 0;
  }
  #tour .container{
    max-width: 90vw;
  }
  .table_row, .table_row a{font-size: 1.5vmax; font-weight: bold;}
  .table_header{font-size: 2vmax;}
  .date{width: 20%;}
  .description{width: 44%;}
  .media_video{
    width: 90%;
  }
  .music_stream{width: 90%;}
  .spotify_link{
    font-size: 4vmax;
  }
  .gallery img{
    height: 8vh; 
  }
  .media_video figcaption{
    margin-bottom: 0;
    font-size: 3.5vmax;
  }
  #media h2{
    font-size: 10vmax;
    line-height: 9vmax;
  }
  #media, #tour, #band, #news, #shop{
    background-attachment: scroll;
  }
  #shop section{
    width: 91%;
    margin-top: 5vh;
  }
  #shop{
    padding: 5vh 0;
    padding-top: 10vh;
    background-attachment: scroll;
  }
  #shop h2{
    font-size: 6vmax;
    line-height: 4vmax;
    padding-top: 0;
  }
  #vorkasse section{
    width: 90vw;
  }
  #vorkasse img{
    width: 70%;
  }
  .form_left, .form_right{
    width: calc(100% - 2vmax);
  }
  #totals{
    margin-left: 2vmax;
  }
  button{
    margin-top: 2vmax;
    margin-bottom: 1vmax;
  }
  #contact{
    padding-top: 15vh;
  }
  #contact h2{
    font-size: 9vh;
  }
  #contact p, #contact section a{
    font-size: 3vmax;
  }
  .mobile{display: inherit !important;}
  .nonmobile{display: none !important;}
}
@media only screen and (max-width: 480px) and (orientation:portrait){

  section.module.parallax h1{
    font-size: 45px;
  }
  section.module.parallax-1{
    background-position: 50% 35%;
  }

}
/*---------------------------------------------------------------------------------------
---------------------------------INTERNET EXPLORER---------------------------------------
---------------------------------------------------------------------------------------*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .non-ie{display: none;}
  .ie{display: inherit;}
  nav a{
    font-size: 2vw;
    padding: 0 1vw;
  }
  #fb, #twitter, #youtube, #spotify, #instagram{
    width: 6vw;
    height: 6vw;
  }
  .centered p{
    line-height: 8vw;
  }
  .centered p a{
    font-size: 4vw;
  }
  .next_show{
    font-size: 3vw;
  }
  .next_show a{
    font-size: 3vw;
  }
  #tour .table_row div, #tour .table_header div{
    padding: 0.4vw;
  }
  .table_header{
    font-size: 2.5vw;
  }
  .table_row{
    font-size: 1.5vw;
  }
  .table_row a{font-size: 1.5vw;}
  #band .band h2 a{
    font-size: 5vw;
    line-height: 5vw;
    letter-spacing: -5px;
  }
  #band .band p{font-size: 2vw;}
  .spotify_link{font-size: 1.5vw;}
  #media h2, #tour h2{font-size: 4vw; line-height: 4vw; letter-spacing: -5px;}
  .media_video figcaption{font-size: 2vw;}
  #shop section{padding: 1vw;}
  #shop figure{width: calc(100% - 2vw);}
  #shop figure img{padding-top: 1vw;}
  #shop section div{
    width: calc(100% - 2vw);
    padding: 1vw;
  }
  .form_left, .form_right{width: calc(50% - 1vw);}
  .form_right{margin-left: calc(2vw - 10px);}
  #vorkasse section{padding: 1vw;}
  #vorkasse img{margin: 2vw auto;}
  input{width: calc(100% - 1vw - 10px);}
  input[type=checkbox]{margin-right: 1vw;}
  textarea{
    min-width: calc(100% - 1vw - 10px);
    max-width: calc(100% - 1vw - 10px);
  }
  button{margin-top: 1vw;}
  .styled-select select {width: 8vw;}
  .styled-select {margin-bottom: 1.5vw;}
  #vorkasse #agbText{margin-top: 1vw;}
  #totals{margin-top: 2vw;}
  .g-recaptcha{margin-top: 1vw;
  }
 #contact section{padding: 1vw;}
  #contact p, #contact section a{font-size: 2vw;}
  #contact h2{
    font-size: 5vw;
    line-height: 7vw;
  }
}