@font-face {
font-family : "'Syncopate'";
font-style : normal;
font-weight : 400;
src : local('Syncopate'), local('Syncopate-Regular'), url(https://fonts.gstatic.com/s/syncopate/v7/pDM9CVwNx1ufBHCEatJA3KCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}


#deal {
background:white;
max-height: 30%;
max-width: 30%;
}
.weltneuheit {
background:white;
max-height: 40%;
max-width: 40%;
}
@media only screen and (max-width:46.875em) {
.weltneuheit {
background:white;
max-height: 90%;
max-width: 90%;
}
}

.sale {
background:white;
max-height: 40%;
max-width: 40%;
}
@media only screen and (max-width:46.875em) {
.sale {
background:white;
max-height: 90%;
max-width: 90%;
}
}

body {
background:white;
}
html, body {
width : 10%;
height : 10%;
margin : 0;
padding : 0;
overflow : hidden;
}


header, nav, footer, section {
display : block;
}
header {
margin-top : 1%;
padding : 2%;
}
#content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
overflow: auto;
} 
#logo {
opacity : 0.9000000059604644775390625;
position : fixed;
margin : 0;
padding : 0.5%;
top : 0;
left : 0;
width : 100%;
height : auto;
list-style : none;
background:white;
<!--
background: rgba(152,152,205,0.86);
background: -moz-linear-gradient(left, rgba(152,152,205,0.86) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(152,152,205,0.86)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(152,152,205,0.86) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(152,152,205,0.86) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(152,152,205,0.86) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(152,152,205,0.86) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9898cd', endColorstr='#ffffff', GradientType=1 );
-->
z-index : 1;
}
#logo h1 {
text-align : center;
padding : 0;
margin : 0;
margin-left : auto;
margin-right : auto;
}
#slogan {
padding :1em;
}
#slogan h2 {
font-family : 'Syncopate', sans-serif;
text-align : center;
max-width: 26em;
height:auto;
padding:1%;
background:white;
opacity : 0.7;
}
#link {
float : right;
margin : 0 0 12em 0;
padding : 0 0 0 0;
z-index : 1;
}
@media only screen and (max-width:46.875em) {
#link {
max-width: 100%;	
margin : 0 auto ;
}
}
.menu-item2 li {
list-style : none;
text-decoration : none;
float:top;
padding :0 1em 1em 0;
}
.menu-item2 li a {
list-style : none;
text-decoration : none;
font-family : 'Syncopate', sans-serif ;
font-weight:bold; 
font-size:100%;
text-align : center;
vertical-align : middle;
display : table-cell;
color :black;
width : 12em;
height : 2em;
border : #9898cd solid 1px;
}
.menu-item2 li :hover {
list-style : none;
text-decoration : none;
font-family : 'Syncopate', sans-serif ;
font-weight:bold; 
font-size:100%;
text-align : center;
vertical-align : middle;
display : table-cell;
color :black;
width : 12em;
height : 2em;
border : #9898cd solid 1px;
background-color:red;
transition : background-color 1.2s;
animation-name : example;
animation-duration : 1s;
}
nav {
float : top;
width : 100%;
list-style : none;
top : 3em;
left : 0em;
margin : 0 0 0 0;
padding : 0 0 0 0;
z-index : 1;
}
@media only screen and (max-width:46.875em) {
#nav {
max-width: 100%;	
margin : 0 auto ;
}
}
.menu-item1 li {
list-style : none;
text-decoration : none;
float:left;
padding :1em;
}
.menu-item1 li a {
list-style : none;
text-decoration : none;
font-family : 'Syncopate', sans-serif ;
font-weight:bold; 
font-size:100%;
text-align : center;
vertical-align : middle;
display : table-cell;
color :black;
min-width : 12em;
height : 12em;
border : #9898cd solid 1px;
}
.menu-item1 li :hover {
list-style : none;
text-decoration : none;
font-family : 'Syncopate', sans-serif ;
font-weight:bold; 
font-size:100%;
text-align : center;
vertical-align : middle;
display : table-cell;
color :black;
min-width : 12em;
height : 12em;
border : #9898cd solid 1px;
background-color:red;
transition : background-color 1.2s;
animation-name : example;
animation-duration : 1s;
}
@keyframes example {
0%   {background-color: #F1F1FC;color: black; right:0%; width: ;}
50%  {background-color: white;color: #3450a2; right:0%;width: ;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.menu-item1 li :hover ,.menu-item2 li :hover {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
.x {
background: #FFFF00 ;background:white;
}
.s {
background: #80FF00;background:white;
}
.m {
background: -moz-linear-gradient(left,  rgba(244,190,83,1) 0%, rgba(244,190,83,0.43) 57%, rgba(229,229,229,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(244,190,83,1)), color-stop(57%,rgba(244,190,83,0.43)), color-stop(100%,rgba(229,229,229,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(244,190,83,1) 0%,rgba(244,190,83,0.43) 57%,rgba(229,229,229,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(244,190,83,1) 0%,rgba(244,190,83,0.43) 57%,rgba(229,229,229,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(244,190,83,1) 0%,rgba(244,190,83,0.43) 57%,rgba(229,229,229,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(244,190,83,1) 0%,rgba(244,190,83,0.43) 57%,rgba(229,229,229,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4be53', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9
*/
background:white;
}
.r {
background: rgba(152,152,205,0.86);
background: -moz-linear-gradient(left, rgba(152,152,205,0.86) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(152,152,205,0.86)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(152,152,205,0.86) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(152,152,205,0.86) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(152,152,205,0.86) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(152,152,205,0.86) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9898cd', endColorstr='#ffffff', GradientType=1 );
background:white;
}
.d {
background: rgba(0,0,0,0.86);
background: -moz-linear-gradient(left, rgba(0,0,0,0.86) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.86)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.86) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.86) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.86) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.86) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
background:white;
}
.w {
background: rgba(212,4,21,1);
background: -moz-linear-gradient(left, rgba(212,4,21,1) 0%, rgba(191,3,18,0.56) 44%, rgba(162,0,13,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(212,4,21,1)), color-stop(44%, rgba(191,3,18,0.56)), color-stop(100%, rgba(162,0,13,0)));
background: -webkit-linear-gradient(left, rgba(212,4,21,1) 0%, rgba(191,3,18,0.56) 44%, rgba(162,0,13,0) 100%);
background: -o-linear-gradient(left, rgba(212,4,21,1) 0%, rgba(191,3,18,0.56) 44%, rgba(162,0,13,0) 100%);
background: -ms-linear-gradient(left, rgba(212,4,21,1) 0%, rgba(191,3,18,0.56) 44%, rgba(162,0,13,0) 100%);
background: linear-gradient(to right, rgba(212,4,21,1) 0%, rgba(191,3,18,0.56) 44%, rgba(162,0,13,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d40415', endColorstr='#a2000d', GradientType=1 );
background:white;
}
.mu {
background: rgba(8,71,3,0.86);
background: -moz-linear-gradient(left, rgba(8,71,3,0.86) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(8,71,3,0.86)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(8,71,3,0.86) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(8,71,3,0.86) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(8,71,3,0.86) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(8,71,3,0.86) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#084703', endColorstr='#ffffff', GradientType=1 );
background:white;
}



section {
float : right;
width : 100%;
text-align : center;
padding : 2em 0 2em 0;
margin : 0 0 4em 0;
background:white;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9898cd+0,9898cd+50,9898cd+100&0.21+0,0.7+22,0.85+36,0.9+50,0.85+65,0.7+80,0.21+100 */
background: -moz-linear-gradient(left,  rgba(152,152,205,0.21) 0%, rgba(152,152,205,0.7) 22%, rgba(152,152,205,0.85) 36%, rgba(152,152,205,0.9) 50%, rgba(152,152,205,0.85) 65%, rgba(152,152,205,0.7) 80%, rgba(152,152,205,0.21) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(152,152,205,0.21) 0%,rgba(152,152,205,0.7) 22%,rgba(152,152,205,0.85) 36%,rgba(152,152,205,0.9) 50%,rgba(152,152,205,0.85) 65%,rgba(152,152,205,0.7) 80%,rgba(152,152,205,0.21) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(152,152,205,0.21) 0%,rgba(152,152,205,0.7) 22%,rgba(152,152,205,0.85) 36%,rgba(152,152,205,0.9) 50%,rgba(152,152,205,0.85) 65%,rgba(152,152,205,0.7) 80%,rgba(152,152,205,0.21) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#369898cd', endColorstr='#369898cd',GradientType=1 ); /* IE6-9 */

}
section p {
margin : 0.2em 1em 0.2em 1em;
}
section h1 ,h2 ,h3 {
font-family : 'Syncopate', sans-serif ;
}
footer li {
float:right;
padding : 0 2em 0 0;
list-style : none;
text-decoration : none;
}


footer {
width : 100%;
clear : both;
position : fixed;
margin :  0 0 0 0;
padding : 0.5%;
bottom : 0;
left : 0;
background:white;

background: rgba(152,152,205,0.86);
background: -moz-linear-gradient(left, rgba(152,152,205,0.86) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(152,152,205,0.86)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(152,152,205,0.86) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(152,152,205,0.86) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(152,152,205,0.86) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(152,152,205,0.86) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9898cd', endColorstr='#ffffff', GradientType=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 : white;
}
li a:hover {
color : white;
}
li a:active {
color : white;
}

.link  :focus  {
background-color : white;
color : #3450a2;
transition : background-color 1s;
}







ol#skip {
margin : 0;
padding : 0;
}
ol#skip li {
display : inline;
list-style : none;
}
ol#skip a:link, ol#skip a:visited, ol#skip a:hover {
left : -400em;
position : absolute;
background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, #AB732B),
	color-stop(1, #E0C16B)
);
background : black;
}
ol#skip a:active, ol#skip a:focus {
position : fixed;
left : 0;
top : 0;
text-align : center;font-size: 4em;
width : 100%;
height : 10%;
z-index : 1;
}

ol#abschluss li {
display : inline;
list-style : none;
}
ol#abschluss a:link, ol#abschluss a:visited, ol#abschluss a:hover {
left : -400em;
position : absolute;
background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, #AB732B),
	color-stop(1, #E0C16B)
);
background : black;
}
ol#abschluss a:active, ol#abschluss a:focus {
position : fixed;
left : 0;
top : 0;
padding-top:1em;
text-align : center;font-size: 4em;
width : 100%;
height : 10%;
z-index : 1;
}


video#videobg { 
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	background: url('images/poster.jpg') no-repeat;
	background-size: cover;
	transition: 1s opacity;
}

 #one {
 	background-color: #ffff;
width : 50%;
margin-left : auto;
margin-right : auto;
 }


#slogan h2, nav, section , #abschluss, #logo, footer {
opacity : 0.9000000059604644775390625;
background:white;
}



.flyer {
background :  center center no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

section img {;
	width: 80%;
	height: auto;
}


2025#content {
background-color: !important;background-image;background:url("../r.png"),url("../g.png"),url("../b.png");-webkit-animation:schnee 25s linear infinite;-moz-animation:schnee 25s linear infinite;-ms-animation:schnee 25s linear infinite;animation:schnee 25s linear infinite;
}

2025@keyframes schnee{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px}}2025@-moz-keyframes schnee{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px}}2025@-webkit-keyframes schnee{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px;}}2025@-ms-keyframes schnee{0%{background-position:0px 0px,0px 0px,0px 0px}100%{background-position:500px 1000px,400px 400px,300px 300px}}