.ConfMedia{
	color:#FFF;
	text-shadow: 1px  1px 1px #FF0000,
                 1px -1px 1px #000,
                -1px  1px 1px #FF0000,
                -1px -1px 1px #000;
}
.ConfPost{
	color:#FFF;
	text-shadow: 1px  1px 1px #ffffff,
                 1px -1px 1px #FF0000,
                -1px  1px 1px #ffffff,
                -1px -1px 1px #FF0000;
}

.Andi, .Henry, .Glenn, .Sabine, .Tina, .Rudi, .Tom {
    animation: einblenden 2.5s;
    -moz-animation: einblenden 2.5s; /* Für Firefox */
    -webkit-animation: einblenden 1.5s; /* Für Safari und Chrome */
    -o-animation: einblenden 1.5s; /* Für Opera */
}
@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; }
    to { opacity:1; }
}

body{
	width:auto;
	height:auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:medium;
}

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

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

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

hr{
	height: 4px;
}

#I1 {
	height: 580px;
	width: 1667px;
}

#I2 {
	height: 580px;
	width: 1459px;
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.BGL1{
	width:100%;
	height:18%;	
}

.L1{
	width:50%;
	height:auto;	
}

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

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

.I12{
 	display:block;
	justify-content: center;
	position:absolute;
	top:20vh;
	width:100%;
	height:300vh;
	margin: 0 auto;
	left:50%;
	transform: translate(-50%, 0);
}

.I13a{
 	
	justify-content: center;
	position:absolute;
	top:20%;
	width:20%;
	height:auto;
	margin: 0 auto;
	left:50%;
	transform: translate(-50%, 0);
}

.imgNext{
	width:8%;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

.imgWave{
	width:50%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.imgPresse1{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.imgCallMe{
	width:30%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.imgSP{
	width:40%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.imgTR{
	width:40%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

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

.imgPhone{
	width:5%;
	height:auto;
}

.imgBlock{
	width:5%;
	height:auto;
}

.imgVideo{
	width:5%;
	height:auto;
}

.imgAudio{
	width:5%;
	height:auto;
}

.imgAudioc{
	width:8%;
	height:auto;
}

.imgPresse{
	width:5%;
	height:auto;
}

.imgAlle{
	width:30%;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

.imgAndi{
	width:12%;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

.imgAndi2{
	width:100%;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

.imgGlenn{
	width:12%;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

.imgGlenn2{
	width:100%;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

.imgTina{
	width:12%;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

.imgTina2{
	width:100%;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

.imgHenry{
	width:12%;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

.imgHenry2{
	width:100%;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

.imgSabine{
	width:12%;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

.imgSabine2{
	width:100%;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

.imgTom{
	width:12%;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

.imgTom2{
	width:100%;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

.imgRudi{
	width:12%;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

.imgRudi2{
	width:100%;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

#INext{
	display:inline;
	position:absolute;
	width:80%;
	top:62%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	left: 50%;
	transform: translate(-50%, -50%);
}

#INext2{
	display:inline;
	position:absolute;
	width:100%;
	top:66%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	left: 50%;
	transform: translate(-50%, -50%);
}

#Postingold{
	display:block;
	justify-content: center;
	position:absolute;
	top:74%;
	width:50%;
	height:auto;
	margin: 0 auto;
	left:50%;
	transform: translate(-50%, 0);

}

.I11{
 	display:block;
	justify-content: center;
	position:absolute;
	top:0vh;
	width:300px;
	height:100vh;
	margin: 0 auto;
	left:50%;
	transform: translate(-50%, 0);
}

#TListe{
	display:block;
	justify-content: center;
	position:absolute;
	top:36vh;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	left:50%;
	transform: translate(-50%, 0);
}

#TPosting{
	background-image:url('../images/posting_klein.jpg');
}

#TPostingI{
	background-image:url('../images/posting.jpg');
}

/* Handy hoch*/
@media only screen and (min-width: 300px) and (max-width: 450px) and (orientation: portrait){
div#Girl{
	display:none;
}

div#BGLogo{
	width:100%;
	top:5%;
}

div#Logo{
	top: 5%;
	width:100%;
}

div#Menu{
	display:none;
}

div#Menum_1{
	display:inline;
}

div#Main{
	top:20%;
}

div#TPosting{
	background-image:url('../images/audio.png');
}

.I11{
 	display:block;
	justify-content: center;
	position:absolute;
	top:0vh;
	width:283px;
	height:100vh;
	margin: 0 auto;
	left:50%;
	transform: translate(-50%, 0);
}

.De1{
	width:60%;
	height:auto;	
}


div#TListe{
	display:block;
	justify-content: center;
	position:absolute;
	top:20vh;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	left:50%;
	transform: translate(-50%, 0);
}

div#INext{
display:none;
	bottom:15%;
	width:60%;
	height:auto;
}

div#INext2{
display:inline;
	top:86%;
	width:60%;
	height:auto;
}

.imgNext{
	display:none;
}

.I13{
	display:inline;
	top:4%;
	width:100%;
	height:auto;
	font-size:xx-small;
}

div#Start{
	top:50%;
}

div#Media{
	top:15%;
}

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

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

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

div#Presse{
width:auto;
	top:35%;
}

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

div#Audio{
	top:35%;
}


div#Termine{
	width:100%;
	top:15%;
}

div#Kontakt{
	top:15%;
}

div#Songs{
	width:100%;
	top:15%;
}

div#SListe{
	width:80%;
	top:2%;
}

div#FListe{
	width:80%;
	top:2%;
}

.imgPhone{
	width:30%;
	height:auto;
}

.imgBlock{
	width:30%;
	height:auto;
}

div#Technic{
	top:15%;
	width:100%;
}

.imgSP{
	width:80%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.imgTR{
	width:80%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

div#Impressum{
	top:15%;
}

div#Disclaimer{
	top:15%;
}
}
/* Tablet hoch*/
@media only screen and (min-width: 451px) and (max-width: 999px) and (orientation: portrait){
div#Girl{
	display:none;
}

div#BGLogo{
	width:100%;
	top:5%;
}

div#Logo{
	top: 7%;
	width:100%;
}

div#Menu{
	display:none;
}

div#Menum_1{
	display:inline;
}

div#Main{
	top:20%;
}

div#INext2{
	bottom:25%;
	width:80%;
	height:auto;
	left:50%;
	margin-left:auto;
	margin-right:auto;

}

.imgNext{
	display:none;
}

.De1{
	width:50%;
	height:auto;	
}

.I13{
display:inline;
	width:100%;
	height:auto;
}

div#TPosting{
	background-image:url('../images/posting_klein.jpg');
}

div#Start{
	top:50%;
}

div#Media{
	top:15%;
}

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

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

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

div#Presse{
width:auto;
	top:45%;
}

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

div#Audio{
	top:35%;
}

div#Termine{
	width:100%;
	top:15%;
}

div#TListe{
	display:block;
	justify-content: center;
	position:absolute;
	top:20vh;
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	left:50%;
	transform: translate(-50%, 0);
}

.I11{
 	display:block;
	justify-content: center;
	position:absolute;
	top:0vh;
	width:283px;
	height:100vh;
	margin: 0 auto;
	left:50%;
	transform: translate(-50%, 0);
}

div#Kontakt{
	top:15%;
}

div#Songs{
	width:100%;
	top:15%;
}

div#SListe{
	width:80%;
	top:2%;
}

div#FListe{
	width:80%;
	top:2%;
}

.imgPhone{
	width:30%;
	height:auto;
}

.imgBlock{
	width:30%;
	height:auto;
}

div#Technic{
	top:15%;
	width:100%;
}

.imgSP{
	width:80%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.imgTR{
	width:80%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

div#Impressum{
	top:15%;
}

div#Disclaimer{
	top:15%;
}
}

/* Tablet quer*/
@media only screen and (max-width: 1300px) and (orientation: landscape) {
div#Menu{
	display:none;
}

div#Menum_1{
	display:inline;
}

div#Girl{
	display:none;
}

div#BGLogo{
	position:fixed;
	top: 12%;
	width:120%;
}

div#Logo{
	position:fixed;
	top: 16%;
	width:80%;
}


div#TPosting{
	background-image:url('../images/posting_klein.jpg');
}

div#Main{
	top:50%;
}

div#INext{
	display:inline;
}

div#INext2{
	bottom:80%;
	width:50%;
	height:auto;
	left:50%;
	margin-left:auto;
	margin-right:auto;
}
.imgNext{
	display:none;
}

.De1{
	bottom:95%;
	width:35%;
	height:auto;	
}

.I13{
display:none;
	width:100%;
	height:auto;
}

div#Rudi{
	width:20%;
}

div#Tom{
	width:20%;
}

div#Sabine{
	width:20%;
}

div#Glenn{
	width:20%;
}

div#Henry{
	width:20%;
}

div#Andi{
	width:20%;
}

div#Tina{
	width:20%;
}

div#Start{
	bottom:10%;
}

div#CallMe{
	bottom:20%;
}
}

#Girl{
	display:inline;
	position:fixed;
	width:20vw;
	top:50vh;
	height:25vh;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	left: 10vw;
	transform: translate(-50%, -50%);
}

#Menum_1{
	display:none;
	border: 1px solid silver; 
	width:7,5%;
	position: fixed;
	top:0vh;
	text-align: left;
	right: 2vh;
}

#Menum{
	display:none;
	border: 2px solid silver;
	background-image:url('../images/bg_menum.jpg');
	width:30%;
	position: fixed;
	top:0vh;
	text-align: left;
	right: 0vh;
}

#Menu{
	width:100%;
	height:auto;
	position: fixed;
	top:0%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	left: 50%;
	transform: translate(-50%, -50%);
}

#BGLogo{
	width:100%;
	display:inline;
	position: fixed;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	top:10%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#Logo{
	display:inline;
	position: fixed;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	top:15%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#Demos{
	display:inline;
	position: fixed;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	top:28%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#Main{
	display:inline;
	position:absolute;
	width:80%;
	top:45%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	left: 50%;
	transform: translate(-50%, -50%);
}

#Start{
	display:inline;
	width:80%;
	position:absolute;
	top:75%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	left: 50%;
	transform: translate(-50%, -50%);
}

#Termine{
	position:absolute;
	width:100%;
	top:30vh;
	text-align: center;
	margin: 0 auto;
}


#Media{
	display:none;
	position:absolute;
	width:100%;
	top:30vh;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

#Audio{
	color:black;
	position:absolute;
	top:42vh;
	height:25vh;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	left: 50%;
	transform: translate(-50%, -50%);
}

#Presse{
	color:black;
	position:absolute;
	top:80vh;
	width:25%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	left: 50%;
	transform: translate(-50%, -50%);
}

#Wave{
	width:100%;
	position: fixed;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	top:60vh;
}

#Kontakt{
	width:100%;
	position:absolute;
	top:30vh;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

#CallMe{
	width:100%;
	position: absolute;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	top:80vh;
}

#Technic{
	width:100%;
	position:absolute;
	top:30vh;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

#Songs{
	position:absolute;
	width:100%;
	top:30vh;
	text-align: center;
	margin: 0 auto;
}

#SListe{
	display:block;
	justify-content: center;
	position:absolute;
	top:20vh;
	width:100%;
	height:100vh;
	margin: 0 auto;
	left:50%;
	transform: translate(-50%, 0);
}

#FListe{
	display:block;
	justify-content: center;
	position:absolute;
	top:30vh;
	width:100%;
	height:100vh;
	margin: 0 auto;
	left:50%;
	transform: translate(-50%, 0);
}

#Impressum{
	width:100%;
	position:absolute;
	top:30vh;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

#Disclaimer{
	width:100%;
	position:absolute;
	top:30vh;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

#Sabine{
	display:none;
	position:absolute;
	top:60vh;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	left: 50%;
	transform: translate(-50%, -50%);
}

#Glenn{
	display:none;
	position:absolute;
	top:60vh;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	left: 50%;
	transform: translate(-50%, -50%);
}

#Andi{
	display:none;
	position:absolute;
	top:60vh;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	left: 50%;
	transform: translate(-50%, -50%);
}

#Henry{
	display:none;
	position:absolute;
	top:60vh;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	left: 50%;
	transform: translate(-50%, -50%);
}

#Rudi{
	display:none;
	position:absolute;
	top:60vh;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	left: 50%;
	transform: translate(-50%, -50%);
}

#Tina{
	display:none;
	position:absolute;
	top:60vh;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	left: 50%;
	transform: translate(-50%, -50%);
}

#Tom{
	display:none;
	position:absolute;
	top:60vh;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	left: 50%;
	transform: translate(-50%, -50%);
}