responsivebody
{
float:left;
width:100%;
overflow:hidden;
}
.ResponsiveHeader
{
position:relatvie;
top:0;
width:98%;
height:100%;
margin:0%;
margin-left:1%;
}
div.myCarouselcaption h3
{
color:#eef;
font-size:4.0vw;
line-height:4.4vw;
}

@media screen and (min-width: 1400px)
{
responsivebody
{
position:relative;
left:50%;
margin-left:-700px;
width:1400px;
border:1px dashed #ccf;
}
.ResponsiveHeader
{
position:relative;
left:50%;
margin-left:-700px;
width:1400px;
border-left:0px dashed gold;
border-right:0px dashed gold;

}
div.myCarouselcaption h3
{
font-size:60px;
line-height:60px;
}

}






::selection
{
background: rgba(240,210,10,.83);
color: #229;
}

::-moz-selection
{
background: rgba(240,210,10,.83);
color: #229;
}




.scaleIt
{
-webkit-transition: all .3s;
transition: all .3s;
}
.scaleIt:hover
{
transform: scale(1.5);
}



.sixteen-nine {
  position: relative;
}
.sixteen-nine:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.sixteen-nine > .BoxSpan {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border:1px solid transparent;
  background: linear-gradient(#fff, #eef);
  background:transparent;
}


.four-three {
  position: relative;
}
.four-three:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}
.four-three > .BoxSpan {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border:0px solid #ffdd00;
  background: linear-gradient(#fff, #ddf);
}

.three-two {
  position: relative;
}
.three-two:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 66.66%;
}
.three-two > .BoxSpan {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border:0px solid #ffdd00;
  background: linear-gradient(#fff, #ddf);
}
.one-one {
  position: relative;
}
.one-one:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}
.one-one > .BoxSpan {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border:0px solid #ffdd00;
  background: linear-gradient(#fff, #ddf);
}




footer
{
float:left;
bottom: 0;
width: 100%;
border-top:1px dashed #cce;
padding:35px;
margin-top:25px;
}
footer span, .sektions-foot span
{
color:#229;
}
footer span:hover , .sektions-foot span:hover
{
cursor:pointer;
color:#ffdd00;
border-top:0px dashed #229;
border-bottom:0px dotted #229;
}



.member-image
{
border:5px solid #fff;
-moz-box-shadow:
0px 2px 5px rgba(10,10,40,0.0),
inset 0px 0px 410px rgba(255,255,255,0.0);
-webkit-box-shadow:
0px 2px 5px rgba(10,10,40,0.0),
inset 0px 0px 410px rgba(255,255,255,0.0);
box-shadow:
0px 2px 7px rgba(10,10,40,0.50),
inset 0px 0px 410px rgba(255,255,255,0.0);

}
.member-image:hover
{
}
.Shadow1
{
-moz-box-shadow:
0px 0px 3px rgba(10,10,40,0.5),
inset 0px 0px 410px rgba(255,255,255,0.0);
-webkit-box-shadow:
0px 0px 3px rgba(10,10,40,0.5),
inset 0px 0px 410px rgba(255,255,255,0.0);
box-shadow:
0px 0px 3px rgba(10,10,100,0.5),
inset 0px 0px 410px rgba(255,255,255,0.0);
}
.Shadow2
{
-moz-box-shadow:
0px 2px 5px rgba(10,10,40,0.0),
inset 0px 0px 410px rgba(255,255,255,0.0);
-webkit-box-shadow:
0px 2px 5px rgba(10,10,40,0.0),
inset 0px 0px 410px rgba(255,255,255,0.0);
box-shadow:
0px 0px 10px rgba(10,10,40,0.750),
inset 0px 0px 410px rgba(255,255,255,0.0);
}
.Deko1
{
background: -moz-linear-gradient(top, #304B9B 20%, #102b7b 100%);
background: -webkit-gradient(left top, left bottom, color-stop(20%, #304B9B), color-stop(100%, #102b7b));
background: -webkit-linear-gradient(top, #304B9B 20%, #102b7b 100%);
background: -o-linear-gradient(top, #304B9B 20%, #102b7b 100%);
background: -ms-linear-gradient(top, #304B9B 20%, #102b7b 100%);
background: linear-gradient(to bottom, #304B9B 0%, #1C2956 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#304B9B', endColorstr='#102b7b', GradientType=0 );
}
.Deko2
{
background: -moz-linear-gradient(top, gold 0%, orange 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, gold), color-stop(100%, orange));
background: -webkit-linear-gradient(top, gold 0%, orange 100%);
background: -o-linear-gradient(top, gold 0%, orange 100%);
background: -ms-linear-gradient(top, gold 0%, orange 100%);
background: linear-gradient(#FFE000, #FDDD00);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='gold', endColorstr='orange', GradientType=0 );
}
.Deko3
{
background: -moz-linear-gradient(top, #364B9B 20%, #102b7b 100%);
background: -webkit-gradient(left top, left bottom, color-stop(20%, #364B9B), color-stop(100%, #102b7b));
background: -webkit-linear-gradient(top, #364B9B 20%, #102b7b 100%);
background: -o-linear-gradient(top, #364B9B 20%, #102b7b 100%);
background: -ms-linear-gradient(top, #364B9B 20%, #102b7b 100%);
background: linear-gradient(to bottom, #304B9B 20%, #1A3273 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#364B9B', endColorstr='#102b7b', GradientType=0 );
}

.GrafikShadow
{
 -webkit-filter: drop-shadow(0px 0px 3px rgba(25,25,215,0.8));
}
.GrafikShadow2
{
 -webkit-filter: drop-shadow(0px 0px 5px rgba(25,25,50,0.8));
}


.Quadratisch
{
position:relative;
width: 100%;
}

.Quadratisch:before
{
content: "";
display:block;
padding-top: 100%;
}

.Quadratisch .content
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
overflow:hidden;
}
.Quadratisch img
{
-webkit-transition: all 1.0s ease-in-out;
transition: all 1.0s ease-in-out;
}
.Quadratisch:hover img
{
-webkit-transform: scale(1.5) rotate(-5deg);
transform: scale(1.5) rotate(-5deg);
-webkit-filter: blur(1px);
}

.Quadratisch .content .SlideUpFeld
{
float:left;
position:absolute;
opacity:0;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.25s ease-in-out;
z-index:2;
bottom:-50%;
background: linear-gradient(to bottom,  #aae 0%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
height:0;
width:100%;
font-size:14pt;
line-height:28px;
color: #fff;  text-shadow: 0px 0px 2px #112;
text-align:left;
}
.Quadratisch:hover .SlideUpFeld
{
opacity: 0.8;
bottom: 0;
height: 50%;
}

.RedCorner
{
position:absolute;
z-index:99;
left:-50px;
top:35px;
border-top:2px solid darkred;
border-bottom:1px solid darkred;
height:32px;
width:200px;
font-size:14pt;
text-align:center;
line-height:28px;
-moz-box-shadow:
0px 0px 5px rgba(20,20,100,0.5),
inset 0px 0px 40px rgba(255,250,250,0.0);
-webkit-box-shadow:
0px 0px 5px rgba(20,20,100,0.5),
inset 0px 0px 40px rgba(255,250,250,0.0);
box-shadow:
0px 0px 3px rgba(255,255,255,0.7),
inset 0px 0px 40px rgba(255,250,250,0.0);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
color: #fff;  text-shadow: 0px 0px 2px #112;
}
.RedCorner::after
{
content: '';
position:absolute;
z-index:-1;
top:0;left:0;right:0;bottom:0;
background: linear-gradient(to top,  red 0%,#a22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
opacity: .8;
}

.ArtikelName
{
position:absolute;
top:85%;
z-index:3;
width:100%;
height:15%;
background: rgba(120,220,20, 0.0);
background: linear-gradient(to top,  #fff 0%,#ddf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
font-size:0.2em;
border-top:1px solid #fff;
border-bottom:0px solid #fff;
line-height:1.5em;
padding:auto;
color:#229;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.Quadratisch:hover .ArtikelName
{
 border-bottom:1px solid #fff;
 top:45%;
}

.ArtikelDesc
{
position:absolute;
float:left;
z-index:2;
width:100%;
background: rgba(120,10,10, 0.0);
text-align:Center;
bottom:-100px;
height:0px;
color:#77b;
text-shadow: 0px 0px 1px #001;
font-size:0.35em;
font-size:0.15em;
line-height:20pt;
-webkit-transition: all 1.0s ease-in-out;
transition: all 1.0s ease-in-out;
}
.Quadratisch:hover .ArtikelDesc
{
height:60px;
-webkit-transform:  translate(0px, -120px);
transform: translate(0px, -120px);
}

#GameIcon
 {
  position:absolute;
  background: rgba(10,120,10, 0.75);
  right:5% ;
  top:5%;
  width:50px;
  height:50px;
  border:2px solid darkgreen;
  border-radius: 50%;
 
  -moz-box-shadow:
    0px 0px 5px rgba(20,20,100,0.5),
    inset 0px 0px 40px rgba(255,250,250,0.0);
  -webkit-box-shadow:
    0px 0px 5px rgba(20,20,100,0.5),
    inset 0px 0px 40px rgba(255,250,250,0.0);
   box-shadow:
    0px 0px 2px rgba(20,30,20,0.7),
    inset 0px 0px 40px rgba(255,250,250,0.30);
 }