body {
  font-size: calc(1 * var(--basefontsize)); /* used to be .8, but affected banner pic closeness */
}

  h1 {    
    font-size: calc(1.2 * var(--basefontsize)); /* used to be .8, but affected banner pic closeness */
    padding: 0%;
    margin-top: 0%; margin-bottom: 0%;
}

h1.lessonsh1 {
  background-color: gray;
}

/* MAIN PAGE */

.contentindex {
	background-image: url("/img/rickbar-1280.jpg");
	background-size: cover;
	min-height: 75vw;
}

.coverpiccontainer {
  display: none;
}


/* ABOUT PAGE */

.iframecontainer {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;
  margin: 2%;
}

.iframecontainer iframe {
   height: 50%;
   width: 50%;
   left: 0;
   position: absolute;
   top: 0;
}

.contentlessons {
  background-image: url("/img/lessons-1280.jpg");
  background-size: cover;
  min-height: 75vw;
}

.saxwhite {
  display: none;
}


.saxblack {
  display: block;
}

.lessonsmallpic {
  display: none;
}

.lessonsbody {
  color: #000000;
}


.lessonscontent {
  clear: both;
  padding: 1%;
  width: 35%;
  margin-left: 44%;
  text-align: left;
  background-color: rgba(50, 0, 50, .1)  
}




.mediatext { 
  clear: both;
  width: 100%;
  padding: 2%;
  text-align: center;
}

.janepic {
  width: 50%;
}

.subcontent { 
  clear: both;
}

/*
.aktuell {
position: relative;
width: 35%;
left: 60%;
background-color: rgba(0, 0, 0, .5) 

}

.aktuellitem {
  padding: 0%;
}
*/


/*
.coverlogo {
	display: inline-block;
	float: left;
}

.menuoutside {
	display: inline-block;
	float: right;
}

/*

.menuflex {
display: flex;
flex-direction: row;
}

.menuitem {
          flex: 0 30%;
          -webkit-transition-duration: 0.2s; 
          transition-duration: 0.2s;  
          border-radius: 7px; 
          margin: 1%;
          border: none;
          background: #b70000;
          
          }


*/

.upcoming {
  width: 100%;
  padding: 2%;
  border-radius: 10px;
}

.aktuell {
  clear: both;
  display: inline-block;
  width: 35%;
  margin-left: 62%;
  margin-top: 4%;
  float: left;

}



.aboutcontent {
  clear: both;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;

}

.aboutleftcol {
	display: block;
  margin-left: 5%;
	width: 90%;
}

.aboutrightcol {
	display: block;
  margin-left: 5%;
	width: 90%;
}

.aboutlastcol {
  display: block;
  margin-left: 5%;
  width: 90%;
}

/*
.aboutleftcol {

  display: inline-block;
  width: 45%;
}

.aboutrightcol {
  display: inline-block;
  vertical-align: top;
  margin-left: 2%;
  width: 45%;
} 
*/

.footerlarge {
	clear: both;
}



/*
.mediavideos {
	display: inline-block;
	width: 40%;
	margin: 2%;
}
*/

.arrangetext {

	display: inline-block;
	font-size: calc(1 * var(--basefontsize));
	width: 50%;
	padding: 2%;
	vertical-align: top;
	text-align: left;
}

.arrangevideos {

	display: inline-block;
  background-color: grey;
	width: 30%;
	margin-top: 10%;

}