/* special-elite-regular - latin */
@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/special-elite-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/special-elite-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/special-elite-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/special-elite-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/special-elite-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/special-elite-v18-latin-regular.svg#SpecialElite') format('svg'); /* Legacy iOS */
}
/* kristi-regular - latin */
@font-face {
  font-family: 'Kristi';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/kristi-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/kristi-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/kristi-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/kristi-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/kristi-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/kristi-v17-latin-regular.svg#Kristi') format('svg'); /* Legacy iOS */
}


body {
    margin: 0;
    color: #888888;
    font-weight: normal;
    background-color: #000000;
	background-attachment:fixed;
	background-size: cover !important;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased !important;
    transition: background 0.5s linear;
    -webkit-transition: background 1.5s linear;
}
.bg1 {
background-image:url('../images/bg1.jpg');
}
.bg2 {
background-image:url('../images/bg2.jpg');
}
.bg3 {
background-image:url('../images/bg3.jpg');
}
.bg4 {
background-image:url('../images/bg4.jpg');
}
.bg5 {
background-image:url('../images/bg5.jpg');
}
.bg6 {
background-image:url('../images/bg6.jpg');
}
.bg7 {
background-image:url('../images/bg7.jpg');
}

.bggal{
    background-repeat:no-repeat;
	background-size: 390px 400px;
}

.artikel{background: rgba(10,10,10,0.8);border-radius:10px;}
.navi1{background: rgba(255,255,255,0.2);border-radius:10px;}
.navi2{background: rgba(255,255,255,0.3);}
.navi3{background: rgba(255,255,255,0.4);}
.navi4{background: rgba(255,255,255,0.5);}
.white{background: rgba(255,255,255,1);border-radius:10px;}

.bgchanger li{list-style:none;
padding-top:10px;
display:inline-block;
float:right;
padding-left:10px;
cursor:pointer;
}
.navi ul{float:right;padding-top:10px;}

.navi li{
color:#fff;
text-shadow:2px 2px #000;
/*font-family: 'La Belle Aurore', cursive;*/
font-family: 'Kristi', cursive;
font-size:2.9em;
list-style:none;
display:inline-block;
padding-left:10px;
padding-right:10px;

}

h1 {color:#fff;text-shadow:2px 2px #000;
/*font-family: 'La Belle Aurore', cursive;*/
font-family: 'Kristi', cursive;
font-size:2.9em;
}

.bw{color:#282e67;text-shadow:2px 2px #fff;}

p {color:#fff;text-shadow:1px 1px #000;

/*font-family: 'Cantarell', sans-serif;
font-family: 'Damion', cursive;
font-family: 'Rokkitt', serif;*/
font-family: 'Special Elite', cursive;
font-size:17px;padding-left:10px;}
.dpn {display:none;}
.dpb {display:block;}
.cp {cursor:pointer;}
.tac{text-align:center;}
.nodt{display:none;}

@media only screen and (max-width: 1199px) {}
@media only screen and (max-width: 990px) {
.navi li{
color:#fff;
text-shadow:2px 2px #000;
/*font-family: 'La Belle Aurore', cursive;*/
font-family: 'Kristi', cursive;
font-size:2.4em;
list-style:none;
display:inline-block;
}
.zettel{position:absolute;top:150px;left:550px;}
}
@media only screen and (max-width: 767px) {
.navi li{
color:#fff;
text-shadow:2px 2px #000;
/*font-family: 'La Belle Aurore', cursive;*/
font-family: 'Kristi', cursive;
font-size:2em;
list-style:none;
display:inline-block;
}
.nomb {display:none;}
.footerp {font-size:1em;}
.nodt{display:block;}
.zettel{position:relative;top:150px;left:550px;}

h1{font-size:2em;}
p {font-size:1em;}
}
@media only screen and (max-width: 599px) {}




.platz
{height:20px;}

.logo{-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;}
	
.logo:hover {
-moz-transform:rotate(180deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(180deg); /* Safari */
-o-transform:rotate(180deg); /* Opera */
-ms-transform:rotate(180deg); /* IE9 */
transform:rotate(180deg); /* W3C */
}
#kurs1,#kurs2,#kurs3 {transition:height 0.5s;
    -webkit-transition: height 1.5s;}