/* MEDIA QUERIES - RESPONSIVE CSS
-------------------------------------------------- */


@media screen and (max-width: 1400px) {
  
  .home #logo {
    display:block !important; 
  }
}


@media screen and (max-width: 1260px) {
  .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}


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

  .home #wrap-topbild {
    height:450px;
  }
  
  .logocombo {
    margin-top:110px; 
  }

  .logocombo .ce-gallery .ce-column img {
    max-width: 210px !important;
    height: auto;
  }

  #megura-swissness {
    right: 15px !important;
  }

  .inhalt .row,
  #footer .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .medien-artikel {
    width:300px;
  }
  
}

@media screen and (max-width: 992px) {
  .home #wrap-inhalt {
    margin-top: 0px;
   /* padding-top: 80px; */
  }

  #wrap-header {
    height: 80px;
  }

  #wrap-topbild {
    margin-top: 80px;
  }

  .powermail_input,
  .powermail_textarea {
    width: 120%;
  }

  #logo {
    width: 68px;
  }

  /* Masonry */
  .grid-sizer,
  .grid .testimonial {
    width: 48%;
    margin-bottom: 2%;
  }

}


/*@media screen and (max-width: 920px) {
  .testimonial {
    min-height: 230px;
    height: 230px;
  }
}
*/



@media screen and (max-width: 767px) {
  #wrapper {
    display: block !important;
  }

  #wrap-topbild {
    margin-top: 80px;
    height: auto;
    height: 40vw;
  }

  #wrap-footer {
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
  }

  #frow1 .col-12 {
    margin-bottom: 20px;
  }

  #frow2 {
    margin-top: 10px;
  }

  #frow3 .ce-column {
    margin-bottom: 0px !important;
  }

  main img {
    max-width: 100% !important;
    height: auto;
  }

  #logo a {
    display: block;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
  }

  .medien-item {
     flex-direction: column;
     border-top:0.6px solid rgb(182, 182, 182);
     padding:12px 0px;
  }


  .medien-datum,
  .medien-titel,
  .medien-artikel,
  .medien-weblink,
  .medien-pdflink {
    width:100%;
    border-top:none;
    padding: 0px;
  }


/*
  .testimonial {
    margin: 40px 0px 50px !important;
    height: auto !important;
    min-height: auto;
  }

  .testimonial figure img {
    position: relative !important;
    top: initial !important;
    transform: none !important;
  }

  .testimonial div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: none;
    position: relative !important;

  }

  .testimonial .csc-textpic-text {
    float: none !important;
    position: relative !important;
    top: initial !important;
    transform: none !important;
    padding-left: 0px !important;
    background: none !important;
    margin-left: 0px !important;
    margin-top: 15px;
  }
  */
}


@media screen and (max-width: 680px) { 
	
	.testimonial h3 {
		font-size:18px !important;
	}

	.testimonial h4 {
		font-size:16px !important;
	}

	.testimonial .csc-textpic-text p {
		font-size:16px !important; 
	}

  .logocombo .ce-gallery .ce-column img {
    max-width: 190px !important;
    height: auto;
  }

    /* Masonry */
    .grid-sizer,
    .grid .testimonial {
      width: 98%;
      margin-bottom: 2%;
    }

    .grid .testimonial.te-img {
      width: 100%;
      margin-bottom: 2%;
    }
	
}


@media screen and (max-width: 576px) {
  #wrap-header {
    height: 80px;
  }

  #wrap-topbild {
    height: 48vw;
  }

  .home #wrap-topbild {
    height:400px;
  }

  .logocombo .ce-gallery .ce-column img {
    max-width: 140px !important;
    height: auto;
  }


  #frow1 .col-12 {
    margin-bottom: 30px;
  }

  .powermail_input,
  .powermail_textarea {
    width: 100%;
  }
}


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

	.testimonial h3 {
		font-size:16px !important;
	}
	
}


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

  .home #wrap-topbild {
    height:360px;
  }
  
  .logocombo .ce-gallery .ce-column img {
    max-width: 126px !important;
    height: auto;
  }
	
}