/*Video*/
  .ie8 #my-video {
    position:relative;
    width:500px!important;
    padding-bottom:0%!important;
    height:200px!important;
    overflow:hidden;
    box-sizing:border-box;
    border-left:0;
    border-right:0;
    border-top:0;
    border-bottom:0;
    box-shadow:0;
    z-index:-10000!important;
  }

  .ie8 #my-video iframe,#my-video object,#my-video embed {
    position:relative!important;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-10000!important;
  }

  #my-video {
    position:relative;
    padding-bottom:45%;
    height:0;
    overflow:hidden;
    box-sizing:border-box;
    border-left:solid #fff 20px;
    border-right:solid #fff 20px;
    border-top:solid #fff 5px;
    border-bottom:solid #fff 5px;
    box-shadow:0 0 50px #000;
  }

  #my-video iframe,#my-video object,#my-video embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }

/*Buttons*/
  .index-buttons {
    display:block;
    position:relative;
  }

  .index-buttons li {
    display:block;
    width:50%;
    float:left;
    box-sizing:border-box;
    position:relative;
    padding: 1%;
  }

  .index-buttons a {
    display:block;
    border-radius:5px;
    width:100%;
    height:100px;
    border:1px solid rgba(153,153,153,0.3);
  }

  .index-buttons a i {
    width:40%;
    height:100px;
    font-size:3em;
    vertical-align:middle;
    color:#fff;
    padding:20px 0;
    box-sizing:border-box;
    display:block;
    text-align:center; 
    background: rgba(34,34,34,0.8); 
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#B2000000', EndColorStr='#B2000000')"; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#B2000000',EndColorStr='#B2000000');
    zoom:1!important;
    float:left;
    border-bottom-left-radius:5px;
    border-top-left-radius:5px;
  }

  .index-buttons a span {
    width:60%;
    float:left;
    display:block;
    box-sizing:border-box;
    padding:25px 5%;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    font-family:"Arial Narrow",sans-serif;
    background:#222;
    height:100px;
    border-bottom-right-radius:5px;
    border-top-right-radius:5px;
  }

  .index-buttons {
    margin-top:5%;
  }

  #virtual-tour span:hover{
    background: #4F99FF;
  }

/*index.php styles*/
  #slide1 {
    background:url(../img/index/slide1.jpg);
    background-size:cover;
  }

  .promo-pic {
    width:40%;
    position:absolute;
    top:35%;
    right:15%;
  }

  #slide2 {
    background:url(../img/index/slide2.jpg);
    background-size:cover;
  }

  #slide3 {
    background:url(../img/index/slide3.jpg);
    background-size:cover;
  }

  #index-a {
    background:url(../img/index/index-bg2.jpg);
    background-size:cover;
  }

  #index-b {
    background:url(../img/index/index-bg1.jpg);
    background-size:cover;
  }

  #index-c {
    background:url(../img/index/index-bg3.jpg);
    background-size:cover;
  }

  #index-icons {
    width:25%;
    position:absolute;
    right:150px;
    top:30%;
    box-sizing: border-box;
  }

  .index-icon {
    display:block;
    width:40%;
    height:40%;
    padding:0 2%;
    float:left;
    clear:right;
    box-sizing: border-box;
  }

  .slideshows {
    width:100%;
    height:100%;
  }

  .textbox-headings {
    margin:24% 0;
  }

  #index-slideshow .cycle-pager {
    position:absolute;
    bottom:11%;
  }

  .block50l {
    padding-left:8%;
    padding-right:2%;
  }

  .block50r {
    padding-right:8%;
    padding-left:2%;
  }

/*media queries*/
  @media screen and (max-width: 1400px) {
    #index-d .cycle-pager {
      position:absolute;
      top:85%;
    }
  }

  @media screen and (max-width: 1024px) {

 
    #index-a {
      background:url(../img/index/index-bg1-1024.jpg);
      background-size:cover;
    }

    #index-b {
      /*background:url(../img/index/index-bg1-1024.jpg);*/
      background-size:cover;
    }

    #index-c {
      background:url(../img/index/index-bg3-1024.jpg);
      background-size:cover;
    }

    .main-block {
      top:0;
      padding-top:0%;
    }

/*    #index-d .block50l {
      width:90%;
      clear:both;
      height:35vh;
      padding:0 10%;
      margin-left:5%;
    }*/

#index-d .block50l {
    width: 100%;
    clear: both;
    height: 30vh;
    /* padding: 0 10%; */
    text-align: center;
    /* margin-left: 5%; */
    margin: 0 auto;
    padding-left: 2%;
}
#index-d .block50l img{
  height:100% !important;
}
    #index-d .block50r {
      width:70%;
      clear:both;
      padding:0 10%;
      margin-left:15%;
    }

    #my-video {
      width:80%;
      margin:0 auto;
      padding:0;
      padding-bottom:35%;
    }

    .index-buttons li {
      width:50%;
    }

    .index-buttons a span {
      font-size:0.8em;
    }

    #pets {
      padding:12px 5%;
    }

    .index-buttons {
      margin-top:2%;
    }
  }

  @media screen and (max-width: 991px) {
    .promo-pic{
      right:9vw;
    }
    
    #index-slideshow .cycle-pager {
      bottom: 100px;
    }

  /*  #slide1 {
      background:url(../img/index/index1-bg-clean.jpg);
      background-size:cover;
    }*/

    #index-a-mobile {
      background:url(../img/index/index-bg2.jpg);
      background-size:cover;
    }

    #index-b-mobile {
      background:url(../img/index/index-bg1.jpg);
      background-size:cover;
    }

    #index-c-mobile {
      background:url(../img/index/index-bg3.jpg);
      background-size:cover;
    }

    #index-a, #index-b, #index-c {
      background:url(../img/bg.jpg);
      background-size:cover;
    }

    #index-a, #index-b, #index-c {
      height: auto;
    }

    #index-d {
      height: auto;
    }

    .index-buttons li {
      width:100%;
      padding:0;
      margin:0 0 10px;
    }

    .index-buttons li:first-child {
      padding:0;
    }

    .index-buttons li:last-child {
      padding:0;
    }

    #promos-page, #virtual-tour {
      display:none;
    }

    #logo_a{
      width:100%;
      text-align:center;
      display: block;
    }

    #my-video {
      width:100%;
      padding-bottom:55%;
      margin:10% auto 0;
    }

    #index-slideshow .cycle-pager {
      bottom:5%;
    }

    #index-d .block50l {
      height:auto;
    }

    .main-block {
      height: auto;
    }

    .block-black-c .block50{

    width: 100%;
    padding: 2% !important;

    }

    #slide2, #slide-2 {
    background-position-x: -14vh !important;
}
  }

  @media screen and (max-width: 700px) {
    #index-a, #index-b, #index-c {
      height: auto;
    }

    #index-slideshow .cycle-pager {
      bottom:0;
    }
  }

  @media screen and (max-width: 320px) {
    #index-slideshow .cycle-pager {
      bottom: 0px;
    }

    #index-a-mobile {
      background:url(../img/index/index-bg2-400.jpg);
      background-size:cover;
    }

    #index-b-mobile {
     /* background:url(../img/index/index-bg1-400.jpg);*/
      background-size:cover;
    }

    #index-c-mobile {
      background:url(../img/index/index-bg3-400.jpg);
      background-size:cover;
    }

    #index-a, #index-b, #index-c {
      height: auto;
    }

    #index-d {
      height: auto;
    }

    #index-d .block50l {
      height:40vh;
    }

    #my-video {
      margin:10% auto 0;
    }

    #pets {
      padding:25px 5%;
    }

    .mobile-bg{
      height: 50vw !important;
    }
  }
    @media screen and  (max-width: 1600px){
a span:lang(de) {
    font-size: 0.8em;
    width: 60%;
    float: left;
    display: block;
    box-sizing: border-box;
    padding: 12px 5%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-family: "Arial Narrow",sans-serif;
    background: #222;
    height: 100px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
}

  @media screen and (min-width: 2400px) {
    #index-page{
      font-size: 1.5em;
    }

    .block-66-percent{
      height: 72px !important;
    }
  }

  @media screen and (max-width:420px){
    #slide2, #slide-2{
  
    background-position-x: -16vh !important;

    }
  }  

/*  @media screen and (max-width:500px) and (min-height: 700px){
    #slide2, #slide-2{
      background-position-x:-55px !important;
    }
  }  

  @media screen and (max-width:650px) and (min-height: 1000px){
    #slide2, #slide-2{
      background-position-x:-55px !important;
    }
  }  

  @media screen and (max-width:800px) and (min-height: 1200px){
    #slide2, #slide-2{
      background-position-x:-55px !important;
    }
  }
*/