body.index{
    height: 100%;
    margin: 0;
    background: #313133;
}
.body_hide {
	opacity: 0;
	transition: .9s opacity ease-in-out;
}
.body_visible {
	opacity: 1;
}
body.subpage{
    height: 100%;
    margin: 0;
    background: #3B3B3B;
    background-image: url('.././images/bg_2.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    color:#ffffff;
}
.bg {
  background-image: url('.././images/bg.jpg');
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.mobile{
        display:none;
    }
.container.text{
  background: rgba(0,0,0,0.7);
  border-radius: 10px;
  padding:20px;
    margin-bottom:20px;
}
.content {
  min-height: calc(100vh);
}
h1{
    text-align: center;
    color: #ffffff;
    margin:0 0 40px 0;
}
a {
    color:#ffffff;
}
.btn:hover{
    color:#ffffff;
}

.footer a{
    color:#353535;
}
.footer a:hover{
     color:#ffffff;
}
.logo{
    padding-top: 50px;
}
.logo img{
    max-height: 170px;
}
.btncontainer{
    margin: 100px 0 20px 0;
}
.btncontainer a{
    display:block;
}
.shop{
    width:33%;
    float:left;
}

.footer{
    color:#DFBE6D;
    width:100%;
    height:80px;
    padding:30px 0;
    position: absolute;
    bottom: 0;
}

@media screen and (max-width:1024px) {
    .desktop{
        display:none;
    }
    .mobile{
        display:block;
    }
    
}

@media (orientation: portrait){
    .shop{
        width:45%;
        float:none;
    }
}
@media (orientation: landscape){
    .shop{
        width:33%;
        float:left;
    }
}

@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .logo {
        padding-top: 0px;
    }
      .btncontainer {
        margin: 50px 0px;
    }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    
    .btncontainer {
        margin: 0px;
    }
    .shop{
        width:35%;
    }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  {
    .btncontainer {
        margin: 100px 0px;
    }
}

@media screen 
  and (device-width: 600px) 
  and (device-height: 960px)  
  and (orientation: portrait){
    .btncontainer {
        margin: 0px;
    }
}

@media only screen 
  and (min-device-width: 414px)
  and (max-device-height: 846px)
  and (orientation: landscape){ 
    .logo {
        padding-top: 0px;
    }
    .btncontainer {
        margin: 0px;
    }
}

@media only screen  
  and (device-width: 384px) 
  and (device-height: 640px) 
  and (orientation: portrait) {
    .logo {
        padding-top: 0px;
    }
      .btncontainer {
        margin: 0px;
    }
}

@media only screen  
  and (min-device-width: 360px) 
  and (max-device-height: 640px) 
  and (orientation: portrait) {
    .logo img {
        max-height: 120px;
    }
}

@media only screen  
  and (min-device-width: 360px) 
  and (max-device-height: 640px) 
  and (orientation: landscape) {
    .logo img {
        max-height: 120px;
    }
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .btncontainer {
        margin: 0px;
    }
    .logo {
        padding-top: 0px;
    }
    .logo img {
        max-height: 120px;
    }
}

#imprint-shell h1{
    color:#000;
    font-size:1.3rem;
}
#imprint-shell h2{
    color:#000;
    font-size:1.2rem;
}
#imprint-shell h3{
    color:#000;
    font-size:1rem;
}