/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
    /*block-1*/
    #angebot input, #angebot a {
      height: 65px;
    }
    #angebot .for-input span {
      padding: 20px 0 20px 10px;
    }
  }
  @media only screen and (max-width: 1199px){
    #top-menu .menu li a{
      padding: 9px 18px;
      font-size: 14px;
    }
    #top-menu .links li a{
      font-size: 14px;
    }
  }
  /* Medium Devices, Desktops */
  @media only screen and (max-width: 992px) {
    /*menu-n-links*/
    #top-menu .menu-n-links {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 55px;
      right: -100%;
      background-color: #fff;
      padding: 0;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      margin-top: 27px;
    }
    #top-menu .menu-n-links.visible {
      width: 100%;
      min-width: 320px;
      padding: 0 25px;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      margin: 0;
      right: 0;
      margin-top: 27px;

    }
    #top-menu .menu-n-links .menu {
      margin: 0;
    }
    #top-menu .menu-n-links .menu li {
      float: none;
      text-align: center;
      margin: 0;
      padding: 0;
      border: 1px solid #000;
      width: 100%;
      margin-bottom: 16px;
    }
    #top-menu .menu-n-links .menu li:first-child {
      border-top: 1px solid #000;
    }
    #top-menu .menu-n-links .menu li a {
      font-weight: 400;
      width: 100%;
      display: block;
    }
    #top-menu .menu-n-links .links {
      margin-top: 50px;
      float: none;
      text-align: center;
    }
    #top-menu .menu-n-links .links li {
      width: 100%;
      margin: 0;
    }
    #top-menu .menu-n-links .links li a {
      width: 100%;
      display: block;
    }
    #top-menu #sandwich {
      display: block;
    }
    #footer .too-big {
      margin-left: 0;
    }
    #footer .security-images {
      text-align: left;
    }
    #footer .security-images p span {
      margin-left: 0;
      margin-right: 48px;
    }
    #footer .security-images .never-sell {
      background-position: 0 0;
    }
    .vorteile-item{
      text-align: center;
      margin-top: 30px;
      margin-bottom: 30px;
    }
    .vorteile-item-description{
      max-width: 480px;
      display: inline-block;
    }
  }

  /* Small Devices, Tablets */
  @media only screen and (max-width: 768px) {
    /*block-1*/
    #angebot a {
      padding: 18px;
      width: 46%;
    }
    #angebot .for-input {
      width: 50%;
    }
  }

  /* Extra Small Devices, Phones */
  @media only screen and (max-width: 480px) {
    /*#angebot*/
    #angebot a {
      padding: 10px;
    }
  }

/* Media Styles */
@media(max-width: 4000px) {
  .plzort {
    justify-content: flex-end;
    width: 100%;
  }
  .plzort-left {
    width: 30%;
  }
  .plzort-left .form-item-box input#plz {
    width: 67px;
  }
  .plzort-right {
    width: 55.5%;
    padding-left: 0;
  }
  .plzort-right .form-item-box input#ort {
    width: 600px;
  }
}
@media(max-width: 1200px) {
  .plzort {
    justify-content: flex-end;
    width: 100%;
  }
  .plzort-left {
    width: 30%;
  }
  .plzort-left .form-item-box input#plz {
    width: 67px;
  }
  .plzort-right {
    width: 51.1%;
  }
  .plzort-right .form-item-box input#ort {
    width: 170px;
  }
}
@media(max-width: 992px) {
  .user-nav {
    flex-wrap: wrap;
  }
  .user-nav li {
    padding: 0 10px 10px 0;
  }
  #vertag .width-50 {
    width: 100%;
    padding: 0;
  }
  #vertag .form-item-box.end {
    padding: 0 15px;
  }
  #vertag .form-item-box {
    display: block;
  }
  #vertag .form-item-box label {
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
  }
  #vertag .form-item-box.automat {
    padding-left: 0;
  }
  #vertag .form-item-box input,
  #vertag .form-item-box textarea,
  #vertag .form-item-box select {
    width: 100%;
  }
  #footer .security-images .never-sell {
    background-size: contain;
  }
  .plzort-right .form-item-box input#ort {
    width: 100%;
  }
  .plzort-left .form-item-box input#plz {
    width: 100%;
  }
}
@media(max-width: 768px) {

}
@media(max-width: 525px) {
  .container-fluid {
    padding-bottom: 40px;
  }
  .user-nav {
    display: block;
  }
  .user-nav li {
    padding: 0 0 10px 0;
  }
  #post-table thead {
    display: none;
  }
  #post-table tr td {
   display: flex;
   border-right: 0;
   align-items: center;
  }
  .table-box {
    margin-top: 20px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 15px;
  }
  #footer {
    padding-top: 30px;
    padding-bottom: 25px;
  }
  #container-fluid p {
    padding: 0;
    margin: 0;
  }
  #blockdiv .login-h,
  .login-h {
    font-size: 25px;
    padding-bottom: 5px;
  }
}

/*
input:read-only {
background-color: #fff;
background-image: url('../img/19.png');
background-repeat: repeat;
background-position: -10px -5px;
}*/