﻿/* Normale Tablets Hochformat */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

  .col-md-2 {
    width:43.667% !important;
  }

  .logo {
    float: left;
    width: 75%;
  }

  .contact-infos {
    margin-top: -12%;
    margin-left: 31%;
    width: 77.667% !important;
  }
    
  .navbar-nav {
    float: none;
    margin: auto;
    width: auto !important;
    padding-left: 20% !important;
  }

  .title {
    margin-bottom: 50px;
    text-align: center;
    margin-top: 14% !important;
  }

  h1 {
    font-size: 40px !important;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 10px;
    margin-top: 25% !important;
  }

  .col-sm-3 {
    width: 33% !important;
  }

  .col-sm-4 {
    width: 33.333% !important;
  }

  .address {
    width: 75.333% !important;
  }

  .phone {
    width: 77.333% !important;
  }

  .time {
    width: 76.333% !important;
  }

  .col-md-4 {
    width: 25.333% !important;
  }

  .col-sm-6 {
    width: 100% !important;
  }

  .col-sm-8 {
    width: 95.667% !important;
  }

  .about {
    padding: 119px 0 0;
  }

  img {
    max-width: 100%;
    margin-bottom: 20px;
  }

  .mobile-off {
    display: none;
  }

  .mobile-on {
    display: block;
    margin-left: -5%;
  }

  .btn-lebenslauf {
    background-color: #f4f3f2;
    margin-left: -10%;
    margin-top: 4%;
    padding: 10px;
  }

  .tablet-responsive {
    width: 33.333% !important;
  }

  .tablet-responsive2 {
    width: 43.333% !important;
  }

  .tablet-responsive3 {
    width: 43.333% !important;
  }

  .teaser-tablet {
    width: 100% !important;
  }

  .blogs-headline {
    margin-top: -8% !important;
  }
}

/* Normale Tablets Querformat */
@media only screen and (min-width: 600px) and (max-width: 1280px) and (orientation: landscape) {

  .title {
    margin-bottom: 50px;
    text-align: center;
    margin-top: 8% !important;
  }

  .title-wirtschaft {
    margin-bottom: 10px;
    text-align: center;
    margin-top: 6%;
  }

  .title-opfer {
    margin-bottom: 10px;
    text-align: center;
    margin-top: 6%;
  }

  .title-zivil {
    margin-bottom: 10px;
    text-align: center;
    margin-top: 6%;
  }

  h1 {
    font-size: 40px !important;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 10px;
    margin-top: 3% !important;
    text-align: center;
    margin-bottom: 2%;
  }

  .mobile-off {
    display: none !important;
  }

  .mobile-on {
    display: block !important;
    margin-left: -5%;
  }

  .btn-lebenslauf {
    background-color: #f4f3f2;
    margin-left: -7%;
    margin-top: 4%;
    padding: 10px;
    margin-right: 5%;
    margin-bottom: 1%;
    width: 100%;
  }

  .col-md-2 {
    width: 18.667% !important;
  }
  
  .kontakt {
    margin-top: -5%;
    margin-bottom: 4%;
  }

  .title-strafrecht-allgemein {
    margin-bottom: 10px;
    text-align: center;
    margin-top: 6%;
  }

}

/* iPads Hochformat */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

    .blog-navigation {margin-top:5%;}

  .logo {
    float: left;
    width: 75%;
  }

  .contact-infos {
    margin-top: -12%;
    margin-left: 27%;
  }
    
  .navbar-nav {
    float: none;
    margin: auto;
    width: auto !important;
    padding-left: 20% !important;
  }

  .title {
    margin-bottom: 50px;
    text-align: center;
    margin-top: 14% !important;
  }

  h1 {
    font-size: 40px !important;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 10px;
    margin-top: 14% !important;
    text-align: center;
  }

  .col-sm-3 {
    width: 33% !important;
  }

  .col-sm-4 {
    width: 33.333% !important;
  }

  .address {
    width: 75.333% !important;
  }

  .phone {
    width: 77.333% !important;
  }

  .time {
    width: 76.333% !important;
  }

  .col-md-4 {
    width: 30.333% !important;
  }

  .col-sm-6 {
    width: 100% !important;
  }

  .col-sm-8 {
    width: 79.667% !important;
  }

  .about {
    padding: 119px 0 0;
  }

  img {
    max-width: 100%;
    margin-bottom: 20px;
  }

  .mobile-off {
    display: none;
  }

  .mobile-on {
    display: block;
    margin-left: -5%;
  }

  .btn-lebenslauf {
    background-color: #f4f3f2;
    margin-left: -10%;
    margin-top: 4%;
    padding: 10px;
  }

  .tablet-responsive {
    width: 33.333% !important;
  }

  .tablet-responsive2 {
    width: 43.333% !important;
  }

  .tablet-responsive3 {
    width: 43.333% !important;
  }

  .teaser-tablet {
    width: 100% !important;
  }

  .blogs-headline {
    margin-top: -8% !important;
  }

  .col-sm-6 {
    width: 64% !important;
  }

  .blog-left {
    flex: 2 !important;
    padding-right: 20px;
  }

}

/* iPads Querformat */
@media only screen 
  and (min-device-width: 1080px) 
  and (max-device-width: 1200px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

    .logo {
      float: left;
      margin-left: -14%;
    }

  .title {
    margin-bottom: 50px;
    text-align: center;
    margin-top: 5% !important;
  }

  h1 {
    font-size: 40px !important;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 10px;
    margin-top: 14% !important;
    text-align: center;
  }

  .mobile-off {
    display: none !important;
  }

  .mobile-on {
    display: block !important;
    margin-left: -5%;
  }


  .ipad-kontakt {
    width: 95.667% !important;
  }

  .col-sm-6 {
    width: 64% !important;
  }

  .col-sm-8 {
    width: 60.667% !important;
  }

  .blog-left {
    flex: 2 !important;
    padding-right: 20px;
  }

  .tablet-responsive {
    width: 30.333% !important;
  }

  .contact-infos {
    margin-top: -10% !important;
    margin-left: 25% !important;
    width: 82.667% !important;
  }

  .col-md-4 {
    width:30.333% !important;
  }

  .tablet-responsive2 {width: 36.333% !important;}

  .tablet-responsive3 {width: 60.667% !important;}

  .teaser-tablet {width: 33.333% !important;
                  padding-right: 10px;
                  padding-left: 10px;}
  
  .title-strafrecht-allgemein {
                    margin-bottom: 10px;
                    text-align: center;
                    margin-top: 2%;
                  }


}
