@media only screen and (min-height: 840px) {
  #trailerlist li {
    font-size: 22px;
    margin-top: 20px !important;
  }

  #test1, #test2 {
    height: 220px;
  }

  .pageCloser {}

  #trailerheading {
    margin: 20px 0 30px;
  }

  .startheader {
    height: 80px;
  }

  .buttonContainer {
    height: 140px;
  }

  .vergleichContainer {
    top: -80px !important;
  }

  .zahlCheck {
    height: 3.5em;
  }

  .trailersubheading {
    padding-left: 80px;
    font-size: 20px;
  }

  .trailercontent {
    padding-left: 60px;
    font-size: 16px;
  }

  .infoContainer {
    top: -150px;
  }
}

@media only screen and (min-width:970px) {
  .rightHeader #myLinks {
    flex-direction: row;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
  }
}

@media only screen and (max-width:969px) {
  .rightHeader #myLinks {
    /* align-items: flex-start;
    align-content: flex-start; */
    text-align: left;
    flex-direction: column;
    -webkit-flex-direction: column;
    display: none;
  }

  .rightHeader .icon {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
  }
}

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

  #blueButton{
    right:10%!important;
  }
  #blueButtonGop{
    right:20%!important;
  }
}
@media only screen and (max-width:1365px) {

  #blueButton{
    right:5%!important;
  }
  #blueButtonGop{
    right:10%!important;
  }
  .modal-contant {
    width: 50%
  }
}

@media only screen and (max-width: 650px) {
  .backbuttonContainer i {
    font-size: 32px;
  }
  .start-arrows{
    display:none;
  }
  .remove-col{
    display:none;
  }
  .anredeDiv{
    justify-content: center;
    margin:0;
  }
  .divujaeg{
    font-size:14px!important;
    margin:0 5px!important;
  }
  .link-wrapper a, .link-wrapper button{
    font-size:14px!important;
  }

#progress_wrapper{
  width:70%!important;
}
  .backbuttonContainer {
    bottom: 3%
  }

  #test1 {
    position: relative;
    top: -50px;
  }

  .whiteBox, .andereBox {
    width: 100%;
    height: 4em;
    font-size: 14px;
    top: 0
  }

  .tc1::before, .tc2::before, .tc3::before, .tc4::before, .tc5::before, .tc6::before, .tcBildnachweis::before, .tcAlter::before {
    background-image: none;
  }
   .tcBildnachweis{
     background-color:#5DA8C8;
   }
 .trailerContainer{
   text-align: center;
   justify-content: center;
   -webkit-justify-content: center;
 }

  .trailercontent {
    padding-left: 0;
    font-size: 12px;
  }

  .infoContainer {
    margin: 0 auto;
    left: 0;
    top: 0;
  }

  .modalClose, .zahlCheckClose {
    top: -2px;
  }
  .cmf{
    left:10px;
  }
  .modal-content {
    height: auto;
    min-width: 90% !important;
  }
  .kennzmc .headingContainer{height:70px!important;}
    .contentContainer {
      height: 280px;
    }
  .contentContainer {
    height: 280px;
  }

  .btn {
    font-size: 15px;
  }

  .vergleichContainer {
    font-size: 14px;
  }

  #jahre10 {
    height: 77px !important;
    width: 64px !important;
  }

  #trailerheading {
    padding: 0;
    margin: 0;
    font-size: 22px;
  }
  .alterWrap{
    font-size:18px;
  }
  .alterAufzaehlung{
    font-size:14px;
  }
  .alterWrap, .alterAufzaehlung{
    padding:0;
    margin:10px;
  }

  #trailerlist, .trailerContainer ul li{
    padding: 0;
    margin: 0 10px;
  }
  .ratingContainer {
    width: 100% !important;
    margin-left: 10px !important;
  }

  .kennbut {
    width: 70px !important;
  }

}

@media only screen and (max-width: 875px) {
  .info-content{
  max-width: 70%;
  }
  .infoContainer{
    margin-bottom: 20px;
    top:0
  }
  #siegelstartseite {
    display: none;
  }
  .tc1::before, .tc2::before, .tc3::before, .tc4::before, .tc5::before, .tc6::before, .tcBildnachweis::before, .tcAlter::before {
    opacity: 0.4 !important;
  }
  .trailerContainer {
    height: auto !important;
  }
  .anfrageContainer{top:0px!important;}
  .tabelle {
    width: auto;
  }

  #pfeil {
    display: none !important;
  }
  #blueButton, #blueButtonGop{
    display:none!important;
  }
  #test1 {
    top: 0;
    height: 230px;
  }

  .trailerContainer ul li {
    font-size: 16px;
  }

   .knopf, .ueberschrift {
    width: 100%;
  }
  .ueberschrift {
    font-size: 20px
  }

  .headingContainer {
    font-size: 15px;
    height: 50px;
  }
  .pageCloser {
    -webkit-flex-direction: column;
    -webkit-flex-wrap:nowrap;
    -webkit-align-content: center;
    -webkit-align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    position: relative;
    top: 0px !important;
  }
}


/* Iphone 6/7/8 Samsung S9/9+ */
@media only screen and (max-width:420px) and (max-height:2000px) {
  .trailerContainer {
    height: auto !important;
  }
  body:before{
    background: white;
  }

  #test1 {
    top: 0;
    height: 230px;

  }
  #str{
    width:250px!important;
  }

  .trailerContainer ul li {
    font-size: 16px;
  }

   .knopf, .ueberschrift {
    width: 100%;
    padding:0 20px;
  }
.wrapper{
  width:90%;
}
  .ueberschrift {
    font-size: 20px
  }

  .plztext {
    font-size: 14px;
  }

  .brRemove {
    display: none;
  }

  .divlabel {
    width: auto !important;
  }

  .kontaktcontainer {
    margin-top: 30px;
  }

  .plzcontainer {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  #plz {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  #btnplzsearch {
    right: 0 !important;
  }
.anfrageContainer{
top:0!important;
margin-left:20px!important;
}
/* .anfrageContainer .columnContainer{
  align-items: center!important;
  align-content: center!important;
} */
  .pageCloser {
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    top: 0px !important;
  }

  .infoContainer{
    margin-bottom: 20px;
    top:0
  }
  #test1 {
    top: 0;
    height: 230px;
        margin:20px 0;
  }
}
/* IPad gerade */
@media only screen and (max-width:770px) and (max-height:1025px) {
  .trailerContainer {
    height: auto;
  }
  .tc1::before, .tc2::before, .tc3::before, .tc4::before, .tc5::before, .tc6::before, .tcAlter::before{
    opacity: 0.4 !important;
  }
  .infoContainer{
    margin-bottom: 20px;
    top:0
  }
  #test1 {
    top: 0;
    height: 230px;
        margin:20px 0;
  }
  .anfrageContainer{
    top:0!important;
  }
}
/* Ipad quer */
@media only screen and (max-width:2000px) and (max-height:720px) {
  .tc1::before, .tc2::before, .tc3::before, .tc4::before, .tc5::before, .tc6::before, .tcAlter::before {
    opacity: 0.4 !important;
  }
  #siegelstartseite {
    top:90%!important;
  }

  #blueButton, #blueButtonGop{
    display:none!important;
  }

  .trailerContainer {
    height: auto;
  }
  .infoContainer{
    margin-bottom: 20px;
    top:0
  }
  #test1 {
    top: 0;
    height: 230px;
        margin:20px 0;
  }
  .anfrageContainer{
  top:0!important;
  }
  .pageCloser {
    position: relative;
    top: 0px !important;
  }
  /* .pageCloser .rowContainer{
    justify-content: center !important;
} */
/* .modal-content{margin:auto;} */
}
@media only screen and (max-height:430px){
  .whiteBox, .andereBox {
    width: 100%;
    height: 2.5em;
    font-size: 12px;
    top: 0
  }
  .brRemove {
    display: none;
  }
  .modal-content{ margin-top:10px;height:auto;}
  .backbuttonContainer {
    position: absolute;
    left:-60px;
  }
}
/* @media only screen and (max-width:1050px) and (max-height:800px) {
  .anfrageContainer{
    top:-250px !important;
  } */

@media only screen and (max-height:930px){
.trailerContaineralter{
  height:auto;
}
#test2 {
  top: 0;
  margin:20px 0;
  height: 230px;
}
.knopfalter, .ueberschriftalter {
  width: 100%;
}
.ueberschriftalter {
  font-size: 20px
}
}
@media only screen and (max-width:1100px){
.tcAlter::before{
  opacity: 0.4!important;
}
#pfeil{
  left:15%!important;
}
}

@media only screen and (max-width:330px){
#verticus_logo{
  width:70%;
  position: relative;
  left:-30px;
}
#kontaktnummer{
  font-size: 26px;
}
}

@media only screen and (max-width:500px){
.ccc{
  width:100%;
}
.wrapper{
  width:90%;
}
}