#buehne {display: block; height: 400px; width: 720px; background-color: none; overflow: hidden; position: relative; margin: auto; margin-bottom: 20px; padding: 0px; box-shadow: 0px 0px 10px gainsboro; z-index: 1;}
#buehneninhalt {height: 400px; width: 2160px; position: absolute;}
.buehneninhalt_aufzug {width: 720px; height: 400px; position: relative; float: left; background-size: cover; background-position: center; display: block;}
.buehneninhalt_aufzug_text {position: absolute; bottom: 0; font-family: 'Cormorant Garamond'; font-size: 24pt; font-style: normal; text-align: center;}
.buehnensteuerung_kasten {float: left; width: 30px; height: auto; background-color: rgba(254,190,90,1); color: rgb(0,0,88); font-style: italic; font-family: 'Playfair Display'; font-size: 24pt; padding: 10px; margin-top: 0px; position: absolute; cursor: pointer;}
#haken_animation {display: none;}
#haken_aufzug1 {display: none;} 
#haken_aufzug2 {display: none;} 
#haken_aufzug3 {display: none;} 

@keyframes schieben {

0%, 25% {left: 0px;} 
33.333333333333%, 58.333333333333% {left: -720px;} 
66.666666666667%, 91.666666666667% {left: -1440px;} 
    100% {left: 0px;}
}

@keyframes ueberblenden1 { 
33.333333333333%, 91.666666666667% {background-color:rgba(254,190,90,1); color: rgb(0,0,88);}
0%, 25%, 100% {background-color:rgba(255,255,255,0.9); color: black;}
 } 
@keyframes ueberblenden2 { 
0%, 25%, 66.666666666667%, 100% {background-color:rgba(254,190,90,1); color: rgb(0,0,88);} 
33.333333333333%, 58.333333333333% {background-color:rgba(255,255,255,0.9); color: black;}
 }
@keyframes ueberblenden3 { 
0%, 58.333333333333%, 100%, 100% {background-color:rgba(254,190,90,1); color: rgb(0,0,88);} 
66.666666666667%, 91.666666666667% {background-color:rgba(255,255,255,0.9); color: black;}
 }

#haken_animation:checked ~ #buehneninhalt {animation-name: schieben; animation-duration: 20s; animation-timing-function: ease-out; animation-iteration-count: infinite;}

#haken_animation:checked ~ #buehnensteuerung_etikett_aufzug1 #buehnensteuerung_kasten_aufzug1 {animation-name: ueberblenden1; animation-duration: 20s;animation-timing-function: ease-out; animation-iteration-count: infinite;} 
#haken_animation:checked ~ #buehnensteuerung_etikett_aufzug2 #buehnensteuerung_kasten_aufzug2 {animation-name: ueberblenden2; animation-duration: 20s;animation-timing-function: ease-out; animation-iteration-count: infinite;} 
#haken_animation:checked ~ #buehnensteuerung_etikett_aufzug3 #buehnensteuerung_kasten_aufzug3 {animation-name: ueberblenden3; animation-duration: 20s;animation-timing-function: ease-out; animation-iteration-count: infinite;} 

#haken_aufzug1:checked ~ #buehneninhalt {left: 0px; transition-property: all; transition-duration: 1s; transition-timing-function: ease-out;} 
#haken_aufzug2:checked ~ #buehneninhalt {left: -720px; transition-property: all; transition-duration: 1s; transition-timing-function: ease-out;} 
#haken_aufzug3:checked ~ #buehneninhalt {left: -1440px; transition-property: all; transition-duration: 1s; transition-timing-function: ease-out;} 

#haken_aufzug1:checked ~ #buehnensteuerung_etikett_aufzug1 #buehnensteuerung_kasten_aufzug1 {background-color:rgba(255,255,255,0.9); color: black;} 
#haken_aufzug2:checked ~ #buehnensteuerung_etikett_aufzug2 #buehnensteuerung_kasten_aufzug2 {background-color:rgba(255,255,255,0.9); color: black;} 
#haken_aufzug3:checked ~ #buehnensteuerung_etikett_aufzug3 #buehnensteuerung_kasten_aufzug3 {background-color:rgba(255,255,255,0.9); color: black;} 

.buehneninhalt_aufzug_text_oben {background-color: rgb(0,0,88); font-size: 18pt; font-style: none; color: white; width: auto; font-family: 'Cormorant Garamond'; font-variant: small-caps; float: center; padding: 5px; margin: auto;}
.buehneninhalt_aufzug_text_oben_span {display: inline-block; border: 1px rgb(0,0,88) solid; padding-left: 10px; padding-right: 10px; border-left: 1px rgba(255,255,255,0.5) solid; border-right: 1px rgba(255,255,255,0.5) solid; line-height: 100%; transition: border 0.25s ease-in 0s;} 
.buehneninhalt_aufzug_text_unten {color: black; float: left; background: rgba(255,255,255,0.9); position: relative; bottom: 0; width: 670px; padding: 25px; font-variant: none; transition: background 0.25s ease-in 0s}
.buehneninhalt_aufzug_text:hover .buehneninhalt_aufzug_text_oben_span {border: 1px rgba(254,190,90,1) solid; transition: border 0.25s ease-in 0s;}
.buehneninhalt_aufzug_text:hover .buehneninhalt_aufzug_text_unten {background: rgba(255,255,255,1); transition: background 0.25s ease-in 0s}

@keyframes blenden {
    0%, 100% {opacity: 1; left: 0px;}
    25% {opacity: 0.75; left: 5px;}
    50% {opacitiy: 1; left: 0px;}
    75% {opacity: 0.75; left: 2.5px;}
}

#nachricht1:target {animation-name: blenden; animation-duration: 1.5s; animation-timing-function: ease-out;}#nachricht2:target {animation-name: blenden; animation-duration: 1.5s; animation-timing-function: ease-out;}#nachricht3:target {animation-name: blenden; animation-duration: 1.5s; animation-timing-function: ease-out;}