.bereichfuss {
    text-align: center;
    background-image: linear-gradient(#444 , #222);
}
.bildiminhalt {
    width: 100%;
    height: auto;
}
div[data-role="page"] {
    background-color: #333;
}

.bildiminhalt {
    width: 100%;
    height: auto;
}

.bildiminhaltDesktop {
    width: 20%;
    height: auto;
}

th {
    border-bottom: 2px solid #333;
    background-color: #333;
    color: silver;
}
tr:nth-child(even) {
    background-color: hsla(0, 90%, 0%, .8);
    border-bottom: 1px solid #333;
}
tr:nth-child(odd) {
    background-color: hsla(0, 50%, 0%, .4);
    border-bottom: 1px solid #333;
}

audio {
    width: 100%;
}

#termine,
#musik,
#kontakt,
#login {
   background-image: url(startpage.png);
    background-size:cover;

    	
}

#einlogformular input {
	border: #999 solid 1px;
}
.tabellentext {
    vertical-align: middle !important;
}
#details p {
	font-size: 150%;
}

i {
	font-size: 70%;
	color: #aaa !important;
	font-variant: normal;
}

#buttons_details {
    text-align: right;
 }

 ::selection {
    color: red;
    background: yellow;
  }

/* Smartphones ----------- */
@media only screen and (max-width: 100%) {
    #desktop-element { display: none; }
  }