/*
pub.home-srv.org Farben
=================================
rgba(017,017,017,1) # Gesamte Hintergrundfarbe schwarz-grau

rgba(181,39,37,1);  # Boxhintergrund           Rot  dunkel
rgba(255,53,53,1);  # Boxrand                  Rot  hell
rgba(170,170,170,1) # BoxSchriftfarbe          Grau hell

Maus darüber fahren:
rgba(197,150,068,1) # Boxhintergrund           Gold dunkel
rgba(246,214,117,1) # Boxrand                  Gold hell
rgba(231,234,235,1) # BoxSchriftfarbe          Silver hell
rgba(246,214,117,1) # Boxschatten              Gold hell
*/


body {
	margin:  0;
	padding: 0;
	background-color: rgba(050,050,050,1); /* rgba(017,017,017,1) # Gesamte Hintergrundfarbe schwarz-grau  */
}

.navbar {
  background-color: rgba(197,150,068,1); /* Gold dunkel */
  height: 50px;
}

nav {
  float: right;
  margin: 0;
}

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

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

nav a {
  text-decoration: none;
  color:            rgba(181, 39, 37,1); /* Rot  dunkel */
  display: inline-block;
  padding-top: 15px;
}

nav a:hover {
  color:            rgba(231,234,235,1); /* Silver hell */
}

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

* {
  font-family: Montserrat, sans-serif;
}

/* Fehlerseite */
viernullvier {
	
}
.viernullvier h1 {
	color:                                rgba(231,234,235,1);    /* Schriftfarbe       Silver hell  rgba(231,234,235,1)  */
	font-family:'Roboto',sans-serif;
	font-size: 5.30vm;
	font-weight:700;
	background-color:                     rgba(078,241,143,1)"
}
.viernullvier b {
	color:                                rgba(231,234,235,1);    /* Schriftfarbe       Silver hell  rgba(231,234,235,1)  */
	font-family:'Roboto',sans-serif;
	font-size: 1.30vm;
	font-weight:400;
	background-color:                     rgba(078,241,143,1)"
}

/* Music */
menue h1{
  color:                                rgba(231,234,235,1);    /* Schriftfarbe       Silver hell  rgba(231,234,235,1)  */
  font-family:'Roboto',sans-serif;
  font-size: 1.30vm;
  font-weight:400;
  background-color:rgba(078,241,143,1)"
}

menue ul{
  list-style-type:none;
}

menue a{
	display:inline-block;
/*	height: 050px; */
/*  width:  150px; */
	width: 12em;
/*	height: 3.5em; */
  cursor: pointer;
	padding:0.3em 1.2em;
	margin:0 0.1em 0.1em 0;
	border-radius:0.80em;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-size: 1.30em;
	font-weight:400;
  text-align:center;
	transition: all 0.4s;
  border:0.26em solid                   rgba(255, 53, 53,1);    /* Boxrand            Rot hell     rgba(255, 53, 53,1)  */
  text-shadow:  0 0.04em 0.04em         rgba(  0,  0,  0,0.35);
}
menue a:hover{
	border-color:                         rgba(246,214,117,1);    /* Boxrand            Gold hell    rgba(246,214,117,1)  */
  -webkit-box-shadow: 0px 0px 25px -6px rgba(246,214,117,1);    /* Boxschatten        Gold hell    rgba(246,214,117,1)  */
  -moz-box-shadow:    0px 0px 25px -6px rgba(246,214,117,1);    /* Boxschatten        Gold hell    rgba(246,214,117,1)  */
  box-shadow:         0px 0px 25px -6px rgba(246,214,117,1);    /* Boxschatten        Gold hell    rgba(246,214,117,1)  */
}

menue a.buttonFrequently{
	background-color:                     rgba(241,078,078,1);    /* Boxhintergrund     Rot dunkel   rgba(181, 39, 37,1)  */
	color:                                rgba(170,170,170,1);    /* Box Schriftfarbe   Grau hell    rgba(170,170,170,1)  */
}
menue a.buttonFrequently:hover{
	background-color:                     rgba(241,078,078,1);    /* Boxhintergrund     Gold dunkel  rgba(197,150,068,1)  */
	color:                                rgba(231,234,235,1);    /* Schriftfarbe       Silver hell  rgba(231,234,235,1)  */
}

menue a.buttonOnTheWay{
	background-color:                     rgba(241,078,189,1);    /* Boxhintergrund     Rot dunkel   rgba(181, 39, 37,1)  */
	color:                                rgba(170,170,170,1);    /* Box Schriftfarbe   Grau hell    rgba(170,170,170,1)  */
}
menue a.buttonOnTheWay:hover{
	background-color:                     rgba(241,078,189,1);    /* Boxhintergrund     Gold dunkel  rgba(197,150,068,1)  */
	color:                                rgba(231,234,235,1);    /* Schriftfarbe       Silver hell  rgba(231,234,235,1)  */
}

menue a.buttonFlow{
	background-color:                     rgba(132,241,078,1);    /* Boxhintergrund     Rot dunkel   rgba(181, 39, 37,1)  */
	color:                                rgba(170,170,170,1);    /* Box Schriftfarbe   Grau hell    rgba(170,170,170,1)  */
}
menue a.buttonFlow:hover{
	background-color:                     rgba(132,241,078,1);    /* Boxhintergrund     Gold dunkel  rgba(197,150,068,1)  */
	color:                                rgba(231,234,235,1);    /* Schriftfarbe       Silver hell  rgba(231,234,235,1)  */
}

menue a.buttonSummer2024{
	background-color:                     rgba(050,163,058,1);    /* Boxhintergrund     Rot dunkel   rgba(181, 39, 37,1)  */
	color:                                rgba(170,170,170,1);    /* Box Schriftfarbe   Grau hell    rgba(170,170,170,1)  */                                                  */
}
menue a.buttonSummer2024:hover{
	background-color:                     rgba(050,163,058,1);    /* Boxhintergrund     Gold dunkel  rgba(197,150,068,1)  */
	color:                                rgba(231,234,235,1);    /* Schriftfarbe       Silver hell  rgba(231,234,235,1)  */
}

menue a.buttonSummer2023{
/*  border:0.26em solid                   rgba(255, 53, 53,1);    /* Boxrand            Rot hell     rgba(255, 53, 53,1)  */
	background-color:                     rgba(078,241,078,1);    /* Boxhintergrund     Rot dunkel   rgba(181, 39, 37,1)  */
	color:                                rgba(170,170,170,1);    /* Box Schriftfarbe   Grau hell    rgba(170,170,170,1)  */
/*	text-shadow:  0 0.04em 0.04em         rgba(  0,  0,  0,0.35);                                                       */
}
menue a.buttonSummer2023:hover{
/*	border-color:                         rgba(246,214,117,1);    /* Boxrand            Gold hell    rgba(246,214,117,1)  */
	background-color:                     rgba(078,241,078,1);    /* Boxhintergrund     Gold dunkel  rgba(197,150,068,1)  */
/*	-webkit-box-shadow: 0px 0px 25px -6px rgba(246,214,117,1);    /* Boxschatten        Gold hell    rgba(246,214,117,1)  */
/*  -moz-box-shadow:    0px 0px 25px -6px rgba(246,214,117,1);    /* Boxschatten        Gold hell    rgba(246,214,117,1)  */
/*	box-shadow:         0px 0px 25px -6px rgba(246,214,117,1);    /* Boxschatten        Gold hell    rgba(246,214,117,1)  */
	color:                                rgba(231,234,235,1);    /* Schriftfarbe       Silver hell  rgba(231,234,235,1)  */
}

menue a.buttonSummer2022{
/*  border:0.26em solid                   rgba(255, 53, 53,1);    /* Boxrand            Rot hell     rgba(255, 53, 53,1)  */
	background-color:                     rgba(078,241,143,1);    /* Boxhintergrund     Rot dunkel   rgba(181, 39, 37,1)  */
	color:                                rgba(170,170,170,1);    /* Box Schriftfarbe   Grau hell    rgba(170,170,170,1)  */
/*	text-shadow:  0 0.04em 0.04em         rgba(  0,  0,  0,0.35);                                                       */
}
menue a.buttonSummer2022:hover{
/*	border-color:                         rgba(246,214,117,1);    /* Boxrand            Gold hell    rgba(246,214,117,1)  */
	background-color:                     rgba(078,241,143,1);    /* Boxhintergrund     Gold dunkel  rgba(197,150,068,1)  */
/*	-webkit-box-shadow: 0px 0px 25px -6px rgba(246,214,117,1);    /* Boxschatten        Gold hell    rgba(246,214,117,1)  */
/*  -moz-box-shadow:    0px 0px 25px -6px rgba(246,214,117,1);    /* Boxschatten        Gold hell    rgba(246,214,117,1)  */
/*	box-shadow:         0px 0px 25px -6px rgba(246,214,117,1);    /* Boxschatten        Gold hell    rgba(246,214,117,1)  */
	color:                                rgba(231,234,235,1);    /* Schriftfarbe       Silver hell  rgba(231,234,235,1)  */
}

menue a.buttonSummer2021{
	background-color:                     rgba(078,154,241,1);    /* Boxhintergrund     Rot dunkel   rgba(181, 39, 37,1)  */
	color:                                rgba(170,170,170,1);    /* Box Schriftfarbe   Grau hell    rgba(170,170,170,1)  */
}
menue a.buttonSummer2021:hover{
	background-color:                     rgba(078,154,241,1);    /* Boxhintergrund     Gold dunkel  rgba(197,150,068,1)  */
	color:                                rgba(231,234,235,1);    /* Schriftfarbe       Silver hell  rgba(231,234,235,1)  */
}

menue a.buttonSummer2020{
	background-color:                     rgba(154,078,241,1);    /* Boxhintergrund     Rot dunkel   rgba(181, 39, 37,1)  */
	color:                                rgba(170,170,170,1);    /* Box Schriftfarbe   Grau hell    rgba(170,170,170,1)  */
}
menue a.buttonSummer2020:hover{
	background-color:                     rgba(154,078,241,1);    /* Boxhintergrund     Gold dunkel  rgba(197,150,068,1)  */
	color:                                rgba(231,234,235,1);    /* Schriftfarbe       Silver hell  rgba(231,234,235,1)  */
}

menue a.buttonUnallocated{
	background-color:                     rgba(241,187,078,1);    /* Boxhintergrund     Rot dunkel   rgba(181, 39, 37,1)  */
	color:                                rgba(170,170,170,1);    /* Box Schriftfarbe   Grau hell    rgba(170,170,170,1)  */
}
menue a.buttonUnallocated:hover{
	background-color:                     rgba(241,187,078,1);    /* Boxhintergrund     Gold dunkel  rgba(197,150,068,1)  */
	color:                                rgba(231,234,235,1);    /* Schriftfarbe       Silver hell  rgba(231,234,235,1)  */
}

video {
	width:  280px;
	height:  auto;
}
.interpret {
	font-family:'Roboto',sans-serif;
	font-size: 0.75em;
	font-weight:300;
    color:                                rgba(078,154,241,1);    /* Schriftfarbe       Blau hell    rgba(078,154,241,1)  */
}
.title {
	font-family:'Roboto',sans-serif;
	font-size: 1vm;
	font-weight:400;
    color:                                rgba(231,234,235,1);    /* Schriftfarbe       Silver hell   rgba(154,078,241,1)  */
}