a:link {text-decoration: none; color: black}
a:visited {text-decoration: none; color: black}



a:hover {caret-color: aqua}
a:active


#all {min-width: 30em; height: auto; margin-left: auto; margin-right: auto;}

#header1 {background: white; width: 100%; height: auto; text-align: center; text-decoration: none; font-size: 360%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; letter-spacing: 0.17em; padding-bottom: 1%;}

#navigation a {background: white; width: 7.035em; display: inline-block; float: center; text-align: center; font-size: 110%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; padding-left: 0%; padding-right: 0%;}
#navigation {text-align: center; width: 100%; margin-left: auto; margin-right: auto;}


#header-small {margin-top: 15%; margin-bottom: 5%; margin-left: auto; margin-right: auto; max-width: 30em; text-align: left; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif;}

#inhalt {min-width: 30em; max-width: 31em; background: white; margin-top: 60px; margin-bottom: 5%; margin-left: auto; margin-right: auto; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; text-align: justify;}

#titelbild {min-width: 30em; max-width: 31em; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif;}



#dynVerzlinks{float: left; background: white; width: auto; height: auto; margin-top: 0%; margin-left: auto; margin-right: auto; margin-bottom: -2px; text-align: left; text-decoration: none; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; border-bottom: 3px solid white;}
#dynVerzmitte{float: left; background: white; width: 100%; height: auto; margin-top: 5%; margin-left: 0%; margin-right: 0%; text-align: left; text-decoration: none; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; padding-top: 1%;  padding-bottom: -1%; border-bottom: 1.5px solid black;}
#dynVerzrechts{float: right; background: white; width: auto; height: auto; margin-top: 0%; margin-left: auto; margin-right: auto; margin-bottom: -2px; text-align: left; text-decoration: none; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif;border-bottom: 3px solid white;}



#header1_port {background: white; width: 100%; height: auto; margin-top: 1%; margin-left: auto; margin-right: auto; text-align: center; text-decoration: none; font-size: 360%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; letter-spacing: 0.17em; padding-bottom: 1%;}

#header1_zhaw {background: white; width: 100%; height: auto; margin-top: 1%; margin-left: auto; margin-right: auto; text-align: left; text-decoration: none; font-size: 360%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; letter-spacing: 0.17em; padding-bottom: 1%;}


#folio {float: left; width: 11%; height: auto;}

#h_inhalt_verzeichnis {background: white; width: 80%; height: auto; margin-left: auto; margin-right: auto; padding-top: 2%; padding-bottom: 2%; margin-bottom: 2%; text-align: center; text-decoration: none; font-size: 180%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; letter-spacing: 0.7em;}

#gr {max-width: auto; height: 70%; background: white; margin-top: 20px; margin-bottom: 2%; margin-left: auto; text-align: justify; margin-right: auto; font-size: 120%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif;}

#inhalt_verzeichnis {max-width: 80%; height: auto; background: white; margin-top: 20px; margin-bottom: 2%; margin-left: auto; text-align: justify; margin-right: auto; font-size: 120%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif;}


#infobild {float: right; max-width: 35%; margin-right: 0%; margin-left: 5%;}


#abstand {float: none; max-width:  100%; height: 70%; background: white; margin-top: 20px; margin-bottom: 30px; margin-left: 0%; text-align: center; margin-right: 0%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif;}



#sqr {max-width: auto; height: auto; background: white; margin-top: 60px; margin-bottom: 5%; margin-left: auto; margin-right: auto; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; text-align: left;}

#right{max-width: 100%; height: auto; background: white; margin-top: 60px; margin-bottom: auto; margin-left: auto; margin-right: 0%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; text-align: justify;}

#left{float: left; max-width: 60%; height: auto; background: white; margin-top: 14%; margin-bottom: auto; margin-left: 0%; margin-right: 1%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif;}





#right_kand{float: right;  width: 40%; height: auto; background: white; margin-top: 1%; margin-bottom: auto; margin-left: 2%; margin-right: auto; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; text-align: right;}

#left_kand{ max-width: 100%; height: auto; background: white; margin-top: 60px; margin-bottom: auto; margin-left: 0%; margin-right: 0%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; text-align: justify;}


#right_knobs{max-width: auto; height: auto; background: white; margin-top: 0%; margin-bottom: auto; margin-left: 0%; margin-right: auto; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; text-align: justify;}

#left_knobs{float: left; max-width: 61%; height: auto; background: white; margin-top: 0px; margin-bottom: 1%; margin-left: 0%; margin-right: 0%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; text-align: left;}





#right_f44{float: right; width: 47%; height: auto; background: white; margin-top: 1%; margin-bottom: auto; margin-left: 2%; margin-right: 0%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; text-align: right;}

#left_f44{max-width: 100%; height: auto; background: white; margin-top: 60px; margin-bottom: auto; margin-left: 0%; margin-right: 0%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; text-align: justify;}

#head_f44 {transform-origin: center; transform: rotate(-90deg); font-size: 290%; text-align: right; letter-spacing: 0em; width: 0.7em; height: 1em; background: white; margin-top: -0em; margin-bottom: 0%; margin-left: -0em; margin-right: 0%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif;}
#form_f44 {float: left; width: 3em; height: 16.2em; background: white; margin-top: -1%; margin-right: 2%; margin-bottom: 2%;}


#right_past{float: right;  width: 47%; height: auto; background: white; margin-top: 1%; margin-bottom: 0%; margin-left: 0%; margin-right: 0%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; text-align: right;}

#left_past{ max-width: 100%; height: auto; background: white; margin-top: 60px; margin-bottom: auto; margin-left: 0%; margin-right: 0%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; text-align: justify;}


#inhalt_port {max-width: auto; height: auto; background: white; margin-top: 60px; margin-bottom: 5%; margin-left: auto; margin-right: auto; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; text-align: justify;}



#LP {max-width: auto; height: auto; background: white; margin-top: 0px; margin-bottom: 0%; margin-left: auto; margin-right: auto; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; text-align: left;}


#infobox_left{float: none;  width: 100%; height: auto; background: white; margin-top: 0%; margin-bottom: 0%; margin-left: 0%; margin-right: 0%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; text-align: left;}

#infobox_right{float: right;  width: 60%; height: auto; background: white; margin-top: 0%; margin-bottom: 0%; margin-left: 0%; margin-right: 0%; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; text-align: justify;}


#begrenzung_index{width: auto; height: 12em; overflow: hidden;}

#index_text {position: absolute; margin-top: 10px; margin-left:55px; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif; text-align: left; font-size: 300%;}

@media screen and (max-width: 33.9em) {
    #inhalt {width: 14em;}
    #titelbild {width: 15em;}
    #footer {width: 14em;}
    #header-small {width: 14em;}
    .text {width: 100%; padding: auto; display: block;}
    .musicinhalt {font-size: 80%; padding: auto;}
}


.text {width: 100%; font-size: 100%; text-align: center;}
.musicinhalt {width: 100%;  font-size: 100%; text-align: center;}

#titelbild {max-width: 30em; height: auto; margin-left: auto; margin-right: auto; margin-bottom: auto;}
#titelbild img {width: 100%; height: auto;}
#footer {margin-top: 5%; width: 100%; font-size: 75%; text-align: center; font-family: "Trebuchet MS", "Helvetica","Arial", sans-serif;}

.playerheader {font-size: 90%;}
.playertext {font-size: 70%;}

.playerheader_port {font-size: 100%;}
.playertext_port {font-size: 90%;}
.sqr_head {font-size: 290%; text-align: left;}
.knobs_head {font-size: 290%; text-align: justify; letter-spacing: 0.17em;}
.past_head {font-size: 290%; text-align: left; letter-spacing: 0.1em;} 

.center {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.LPinfobox_header {width: auto; font-size: 130%; text-align: left;}

.LPinfobox_inhalt {width: auto; font-size: 90%; text-align: left;}


.dropdown {position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  width: 300px;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}



.dropdown:hover .dropdown-content {
  display: block;
}

.class {text-decoration-color: white;}