#stapel, #slideshow, #logo, .ueberschrift, article, .news, details, figcaption, figure, footer, header, hgroup, main, nav, .nav #nav, section, section1, summary, .k1, .k2 {
display : block;
}


figure:hover img {
	min-width : 40%;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
	  -webkit-transform: rotateY(360deg); /* Safari prior 9.0 */
  transform: rotateY(360deg); /* Standard syntax */
	 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}


 hr {
float:top;
min-width : 100%;
	  border: 0; 
  height: 0.063em; 
  background-image: -webkit-linear-gradient(left, #ff3569, #ffe881, black);
  background-image: -moz-linear-gradient(left, #ff3569, #ffe881, black);
  background-image: -ms-linear-gradient(left, #ff3569, #ffe881, black);
  background-image: -o-linear-gradient(left, #ff3569, #ffe881, black);
  margin : 0 0 1em 0;
}
@media only screen and (max-width:46.875em) {
.news {
display :none;
}
.news1 {
padding-top : 8em
}
#chor {padding-top : 2em;}
#toggleNav:before {
content : "";
position : absolute;
top : 60%;
right : 0.3em;
width : 80%;
height : 0.15em;
background : white;
box-shadow : 0 0.25em 0 0 white, 0 0.5em 0 0 white;
}
#toggleNav {
position : relative;
}
#toggleNav {
text-align : center;
position : fixed;
right : 0%;
top : 0.1em;
animation-name : example;
animation-duration : 2s;
}
a.toggle-nav {
min-height : 2em;
display : inline-block;
position : fixed;
right : 0%;
top : 1em;
text-decoration : none;
border-radius : 0 0 0 0;
cursor : pointer;
padding : 0.357em;
color : #ffe881;
background : black;
border : white solid 0.063em;
text-shadow : 0 -1px 0 #eeeeee, 0 1px 0 #555555;
z-index : 80;
}
a.toggle-nav:hover {
color : #ff3569;
background : white;
transition : background-color 1s;
border : black solid 0.063em;
z-index : 80;
}
#navMain {
display : none;
}
#navMain:target {
display : block;
}
ul {
list-style-type : none;
}
li a {
text-decoration : none;
}
.main-nav li {
max-height : 100%;
background : black;
color : #ffe881;
margin : 0 auto;
}
nav ul {
opacity : 0.800000011920928955078125;
position : absolute;
background : black;
top : 0;
left : 0;
right : 0;
padding : 0;
min-height : 4em;
height : auto;
border-bottom : 0.125em solid #ff3569;
z-index : 80;
text-align : center;
}
nav ul > li {
background : black;
margin-left : 0;
border-bottom : 0.063em solid #ff3569;
}
nav ul > li > a, nav ul > li > strong {
padding : 1.6em 1.25em;
display : block;
}
nav ul a:link {
text-decoration : none;
}
.link ul li a {
background-color : black;
color : #ffe881;
}
.link ul li a:hover {
background-color : #ffe881;
color : #ffe881;
transition : background-color 1s;
}
.link {
list-style : none;
float : top;
width : 100%;
margin : 0;
padding : 0;
z-index : 1;
}
.link ul {
margin : 0;
padding : 0 0 1em 0;
}
li.linie2 {
margin : 2%;
padding : 0;
}
a.box {
text-align : center;
vertical-align : middle;
display : table-cell;
width : 100em;
height : 7.5em;
background : black;
color : #ffe881;
margin : 0 auto;
text-decoration : none;
list-style : none;
}
#navMain li a {
font-size : 150%;
font-family : Arial, Helvetica;
color : #ffe881;
}
#content {
margin : 8% 0 0 0;
width : 100%;
}
#kasten {
margin : 0 auto;
max-width : 90%;
}
.titel {
font-size : 140%;
font-family: 'Kalam', cursive;
color : #ffe881;
text-shadow : 0 -1px 0 #eeeeee, 0 1px 0 #555555;
width : 50%;
height : auto;
text-align : left;
position : absolute;
top : 0;
left : 0.5em;
z-index : 10;
}
.U {
padding-top : 1em;
font-size : 150%;
font-family : Arial, Helvetica;
color : #ffe881;
text-shadow : 0 -1px 0 #eeeeee, 0 1px 0 #555555;
text-align : center;
z-index : 10;
}
.k1 {
overflow : hidden;
display : block;
padding-top : 0;
width : 100%;
margin : 0 0 4em 0;
z-index : 10;
}
.k2 {
overflow : hidden;
display : block;
text-align : center;
padding-top : 0;
width : 100%;
margin : 0 0 4em 0;
z-index : 10;
}
.k22 {
overflow : hidden;
display : block;
text-align : center;
padding-top : 0;
width : 100%;
margin : 0 0 4em 0;
z-index : 10;
}
.k2 a {
font-size : 80%;
width : 100%;
margin : 0 auto;
}
.k22 a {
font-size : 80%;
width : 100%;
margin : 0 auto;
}
.k3 {
border : #ff3569 dashed 2px;
overflow : hidden;
display : block;
text-align : center;
padding-top : 0;
width : 100%;
margin : 0 0 4em 0;
z-index : 10;
}
.k3 a {
font-size : 80%;
width : 100%;
margin : 0 auto;
}
section {
overflow : hidden;
display : block;
opacity : 0.800000011920928955078125;
background-color : white;
color : black;
padding : 0 1% 0 1%;
z-index : 4000;
}
h1, h2 {
text-align : center;
color : #ffe881;
padding-top : 0.5em;
font-family : Arial, Helvetica;
}
h2 {
font-family : Arial, Helvetica;
color : #ff3569;
margin-top : 0em;
}
footer {
opacity : 0.800000011920928955078125;
float : top;
margin : 4em 0 0 0;
padding : 0;
width : 100%;
height : 6em;
color : #ffe881;
text-align : center;
clear : both;
}
section p, a {
margin : 1em;
font-family : Arial, Helvetica;
color : #483637;
}
}


















@media only screen and (min-width:46.875em) {
.news1 {
display: none;
}


#content {
margin : 8% 0 0 0;
width : 100%;
}
#kasten {
margin : 0 auto;
max-width : 100%;
}
.k1 {
overflow : hidden;
display : block;
padding-top : 0;
float : left;
width : 80%;
margin : 0 10% 0 10%;
z-index : 1000;
}
.k2 {
overflow : hidden;
display : block;
padding-top : 0;
float : left;
width : 35%;
margin : 5% 8% 0 10%;
z-index : 1000;
}
.k22 {
overflow : hidden;
display : block;
padding-top : 0;
float : right;
width : 35%;
margin : 5% 10% 0 0;
z-index : 1000;
}
.k2 a {
font-size : 80%;
width : 100%;
margin : 0 auto;
}
.k22 a {
font-size : 80%;
width : 100%;
margin : 0 auto;
}
.k3 {
border : #ff3569 dashed 2px;
overflow : hidden;
display : block;
text-align : center;
padding-top : 0;
width : 80%;
margin : 3.5em 0 4em 2em;
z-index : 10;
}
.k3 a {
font-size : 80%;
width : 100%;
margin : 0 auto;
}
.section1 {
min-width : 100%;
width : 100%;
overflow : hidden;
display : block;
color : black;
margin : 1.2em;
float : left;
z-index : 1000;
}
.section2 {
min-width : 100%;
width : 100%;
overflow : hidden;
display : block;
color : black;
margin : 1.2em;
float : left;
z-index : 1000;
}
.titel {
font-size : 240%;
font-family: 'Kalam', cursive;
color : #ffe881;
text-shadow : 0 -1px 0 #eeeeee, 0 1px 0 #555555;
width : 32%;
height : auto;
text-align : left;
position : absolute;
top : 0;
left : 2em;
z-index : 10;
}
.article {
padding-top : 1em;
float : left;
min-width : 50%;
width : 70%;
z-index : 1000;
}
.section {
padding-top : 0;
float : left;
width : 70%;
z-index : 1000;
}
.news {
padding-top : 12em;
float : right;
width : 28%;
z-index : 20;
}
section {
overflow : hidden;
display : block;
opacity : 0.800000011920928955078125;
background-color : white;
color : black;
margin : 1.2em;
float : left;
z-index : 1000;
}
section p {
text-align : left;
padding : 0 1.5em 1em 1.5em;
}
section h2, h3 {
text-align : center;
margin : 0 1.5em 1em 1.5em;
}


.U {
padding-top : 2em;
font-size : 200%;
font-family : Arial, Helvetica;
color : #ffe881;
text-shadow : 0 -1px 0 #eeeeee, 0 1px 0 #555555;
}
section ul.link {
width : 60%;
margin : 0 auto;
}
h1, h2 {
text-align : center;
color : #ffe881;
padding-top : 0.5em;
font-family : Arial, Helvetica;
}
section p, a {
font-family : Arial, Helvetica;
color : #483637;
}
h2 {
font-family : Arial, Helvetica;
color : #ff3569;
margin-top : 2em;
}
span {
font-family : Arial, Helvetica;
}

.toggle-nav {
display : none;
}
#nav {
padding : 1em 1em 1em 1em;
width : 40%;
min-height : 10%;
text-align : center;
position : fixed;
top : 0;
right : 0;
overflow : hidden;
z-index : 5;
}
#nav li {
margin : 0 0.1em 1em 0;
display : inline-block;
list-style-type : none;
}
#nav li a {
padding : 0.1em 0.6em 0 0.6em;
background : #ff3569;
text-decoration : none;
font-size : 150%;
font-family : Arial, Helvetica;
color : #ffe881;
text-shadow : 0 -1px 0 #eeeeee, 0 1px 0 #555555;
border-radius : 0 0 122px 122px;
border-top : 0.06em solid white;
border-bottom : 0.2em solid white;
}
#nav a:hover, #nav a:focus {
border-bottom : 0.2em solid #ffe881;
transition : background-color 1s;
background-color : #483637;
transition : scroll 4s;
}
#nav a:active {
color : white;
}
footer {
opacity : 0.800000011920928955078125;
float : top;
margin : 4em 0 0 0;
padding : 0;
width : 100%;
height : 6em;
color : #ffe881;
text-align : center;
clear : both;
}
.blocktext ul li {
float : right;
}
footer p {
margin : 0 2em 0 0;
}
}
.linie {
border : 0;
height : 0.063em;
border-color : #ff3569;
margin : 0 0 1em 0;
}
hr {
float : top;
min-width : 100%;
border : 0;
height : 0.063em;
margin : 0 0 1em 0;
}
img.bg {
min-height : 100%;
min-width : 1024px;
background : white;
color : black;
width : 100%;
height : auto;
position : fixed;
top : 0;
left : 0;
z-index : -1;
}
li.linie a:link {
color : white;
}
li.linie a:visited {
color : white;
}
li.linie a:focus {
background : white;
color : black;
}
li.linie a:hover {
color : black;
}
li.linie a:active {
color : silver;
}
li a:link {
color : black;
}
li a:visited {
color : black;
}
li a:focus {
color : red;
}
li a:hover {
color : blue;
}
li a:active {
color : white;
}
.link :focus {
background-color : blue;
color : #3450a2;
transition : background-color 1s;
}
ol#skip {
margin : 0;
padding : 0;
z-index : 6000;
}
ol#skip li {
display : inline;
list-style : none;
z-index : 6000;
}
ol#skip a:link, ol#skip a:visited, ol#skip a:hover {
left : -400em;
position : absolute;
background : #ff3569;
color : white;
font-size : 4em;
padding : 2%;
z-index : 6000;
}
ol#skip a:active, ol#skip a:focus {
position : fixed;
left : 0;
top : 0;
text-align : center;
width : 100%;
height : 10%;
z-index : 6000;
}
ol#abschluss {
margin : 0;
padding : 0;
z-index : 6000;
}
ol#abschluss li {
display : inline;
list-style : none;
z-index : 6000;
}
ol#abschluss a:link, ol#abschluss a:visited, ol#abschluss a:hover {
left : -400em;
position : absolute;
background : #ff3569;
color : white;
font-size : 4em;
padding : 2%;
z-index : 6000;
}
ol#abschluss a:active, ol#abschluss a:focus {
position : fixed;
left : 0;
top : 0;
text-align : center;
width : 100%;
height : 10%;
z-index : 6000;
}
ol#skip {
margin : 0;
padding : 0;
z-index : 6000;
}
ol#skip li {
display : inline;
list-style : none;
z-index : 6000;
}
ol#skip a:link, ol#skip a:visited, ol#skip a:hover {
left : -400em;
position : absolute;
background : #ff3569;
color : white;
font-size : 4em;
padding : 2%;
z-index : 6000;
}
ol#skip a:active, ol#skip a:focus {
position : fixed;
left : 0;
top : 0;
text-align : center;
width : 100%;
height : 10%;
z-index : 6000;
}
ol#abschluss {
margin : 0;
padding : 0;
z-index : 6000;
}
ol#abschluss li {
display : inline;
list-style : none;
z-index : 6000;
}
ol#abschluss a:link, ol#abschluss a:visited, ol#abschluss a:hover {
left : -400em;
position : absolute;
background : #ff3569;
color : white;
font-size : 4em;
padding : 2%;
z-index : 6000;
}
ol#abschluss a:active, ol#abschluss a:focus {
position : fixed;
left : 0;
top : 0;
text-align : center;
width : 100%;
height : 10%;
z-index : 6000;
}

.b1 {
overflow : hidden;
display : block;
opacity : 1;
background-color : white;
padding-top : 0;
width : 100%;
margin : 0 0 4em 0;
z-index : 10;
}


.flyer {
overflow : hidden;
display : block;
padding-top : 0;
float : top;
width :100%;
margin :0;
z-index : 1000;
}

.chor {
width :94%;
margin :3%;
z-index : 1000;
}





@media only screen and (min-width:46.875em) {
.bilder{
border : #ff3569 dashed 2px;
opacity : 1;
overflow : hidden;
display : block;
background-color :;
padding-top : 0;
float : left;
width : 80%;
margin : 0 10% 0 10%;
z-index : 1000;
}



#sectionbilder {
overflow : hidden;
display : block;
opacity : 1;
min-width : 98%;
width : 98%;
background-color : ;
color : black;
margin-top : 4em;
padding :0em;
z-index : 4000;
}
}

@media only screen and (max-width:46.875em) {
.bilder{
border : #ff3569 dashed 2px;
opacity : 1;
overflow : hidden;
display : block;
padding-top : 0;
background-color :;
width : 100%;
margin : 0 0 4em 0;
z-index : 1000;
}

#sectionbilder {
overflow : hidden;
display : block;
opacity : 1;
min-width : 100%;
width : 100%;
background-color : ;
color : black;
margin-top : 4em;
padding :0em;
z-index : 4000;
}
}







@media only screen and (min-width:46.875em) {
.wiggle img{
margin:1em;
max-width:20%;
max-height:auto;
border : 0em solid  black;color:white;
-moz-box-shadow: 0.313em 0.313em 0.438em #888; 
-webkit-box-shadow: 0.313em 0.313em 0.438em #888;
z-index : 19000;
}
}

@media only screen and (max-width:46.875em) {
.wiggle img{
margin:1em;
max-width:35%;
max-height:auto;
border : 0em solid  black;color:white;
-moz-box-shadow: 0.313em 0.313em 0.438em #888; 
-webkit-box-shadow: 0.313em 0.313em 0.438em #888;
z-index : 19000;
}
}

.lightbox {
  position:fixed;
  top:-100%;
  bottom:100%;
  left:0;
  right:0;
  color:white;
  background:black;
  z-index:501;
  opacity:0;
z-index :19000;
}

.lightbox img {
  position:absolute;
  margin:auto;
  top:0;
  left:0;
  right:0;
  bottom:0;
  max-width:0%;
  max-height:0%;
  color:black;
  background:white;
z-index : 19000;
}

#lightbox-controls {
  position:fixed;
  height:4.375em;
  width:4.375em;
  top:-4.375em;
  right:0;
  z-index:502;
  color:white;
  background:black;
z-index : 19000;
}

#close-lightbox {
  color:white;
  background:black;
  display:block;
  position:absolute;
  overflow:hidden;
  height:3.125em;
  width:3.125em;
  text-indent:-312.5em;
  right:0.625em;
  top:-0.35em;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
z-index : 19000;
}

#close-lightbox:before {
	content:'';
  display:block;
  position:absolute;
  height:0em;
  width:0.188em;
  left:1.5em;
  top:0;
  background:white;color:red;
  border-radius:0.125em;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition:.5s .5s ease-in-out;
  transition:.5s .5s ease-in-out;
z-index : 19000;
}

#close-lightbox:after {
	content:'';
  display:block;
  position:absolute;
  width:0em;
  height:0.188em;
  top:1.5em;
  left:0;
  background:white;
  border-radius:0.125em;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition:.5s 1s ease-in-out;
  transition:.5s 1s ease-in-out;
z-index : 19000;
}

.lightbox:target {
  top:0%;
  bottom:0%;
  opacity:1;
z-index :19000;
}

.lightbox:target img { color:silver;
  max-width:100%;
  max-height:100%;
z-index : 19000;
}

.lightbox:target ~ #lightbox-controls {
  top:0em;
z-index :19000;
}

.lightbox:target ~ #lightbox-controls #close-lightbox:after {
  width:3.125em;
z-index :19000;
}

.lightbox:target ~ #lightbox-controls #close-lightbox:before {
  height:3.125em;
z-index :19000;
}


@media only screen and (min-width:46.875em) {
video {
margin:1em;
max-width:auto;
max-height:;
border : 0em solid  black;color:white;
-moz-box-shadow: 0.313em 0.313em 0.438em #888; 
-webkit-box-shadow: 0.313em 0.313em 0.438em #888;
z-index : 19000;
}
}

@media only screen and (max-width:46.875em) {
video{
margin:1em;
max-width:auto;
max-height:;
border : 0em solid  black;color:white;
-moz-box-shadow: 0.313em 0.313em 0.438em #888; 
-webkit-box-shadow: 0.313em 0.313em 0.438em #888;
z-index : 19000;
}
}