@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	body:not(.cke_editable) .frame-default table,
    body:not(.cke_editable) .frame-default table thead,
    body:not(.cke_editable) .frame-default table tbody,
    body:not(.cke_editable) .frame-default table th,
    body:not(.cke_editable) .frame-default table td,
    body:not(.cke_editable) .frame-default table tr {
		display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.frame-default table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.frame-default table tr { border: 1px solid #ccc; }

	.frame-default table td {
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 40%;
	}

	.frame-default table td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 35%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
	*/
    .frame-default table td:before { content: attr(data-label); }

}



/* kleine Bildschirme */

@media (max-width: 991px) {
  .footer-logo {
    text-align: center;
    margin: 20px 0;
  }
  .news-single .news-img-wrap .outer img {
    height: 80px;
  }
  .slider-gallery-image .image .caption {
    font-size: 125%;
  }  
}
@media (max-width: 767px) {
  #btn_quartier,
  #btn_tickets {
    padding: 0 20px !important;
  }  
  
  .ce-textpic.ce-left.ce-intext .ce-gallery,
  .ce-textpic.ce-right.ce-intext .ce-gallery {
    max-width: 40%;
  }

  #page .powermail_label,
  #page .powermail_field,
  #page .powermail_radio_outer,
  #page .powermail_captcha_outer,
  #page .powermail_check_outer,
  #page .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) {
    float: none;
    width: 100%;
  }
  #page .powermail_submit {
    width: 50%;
    max-width: 100%;
    margin-left: 0 !important;
  }
  #page .parsley-errors-list li {
    margin-left: 0;
  }
  
  h2 br {
    display: none;
  }

  select,
  textarea,
  input {
    width: 96%;
  }
  .g-recaptcha {
    margin-left: 0%;
  }
  input#saddr,
  input#addr_submit {
    float: none;
    width: 100%;
  }
  input#addr_submit {
    width: 50%;
    max-width: 100%;
    margin-left: 0% !important;
  }
  .news-list-view .news-img-wrap img {
    height: auto;
  }
  .slider-gallery-image .image .caption {
    font-size: 100%;
  }
  .partnerlogos .item {
    margin: 10px;
  }
  .partnerlogos .item img {
    max-height: 48px;
  }
}
@media (max-width: 640px) {  
  #btn_quartier span,
  #btn_tickets span {
    display: none;
  }
  #nav > ul {
    padding: 100px 40px 50px 30px;
  }
  #nav li > a {
    font-size: 150%;
    letter-spacing: 0.35rem;
  }
  #nav li li > a {
    font-size: 125%;
  }  
  #main > .frame-type-ce_container {
    padding: 3em 0;
  }
  .news-single .news-img-wrap .outer img {
    height: 60px;
  }
  .news-single .news-img-wrap .outer:first-child img {
    height: 180px;
  }
  .slidercard .card-inner {    
    border: 1px solid #ddd;
  }
  .iconbox .icon img {
    max-height: 55px;
  }

}
@media (max-width:575px){
  .ctabanner .bgimage {
    position: relative;
    z-index: 1;  
  }
  .ctabanner .content,
  .ctabanner.text-right .content {  
    left: 0;
    max-width: 100%;
    width: 100%;        
    margin-top: -1px
  }
  .ctabanner .content .wrap {
    padding: 25px;
  }
  .ctabanner .content .overlay {
    width: 100%;
    height: 100%;
    opacity: 1;  
    transform: skewX(0) translateX(0) !important;    
  }  
  .d-xs-none {
    display: none;
  }
}
@media (max-width: 480px) {
  .pageheader {
    height: 70px;
  }
  .scrolled .pageheader {
    height: 70px;
  }
  a#home_link,
  .scrolled a#home_link {
    padding: 8px 15px !important;
  }
  a#home_link img {
    width: 65px !important;
  }
  body#home a#home_link {
    top: 10px;
  } 
  body#home .scrolled a#home_link {
    top: -5px;
  }   
  #btn_quartier,
  #btn_tickets {
    font-size: 70%;
    line-height: 42px !important;
    margin: 10px 5px !important;
  }  
  
  #nav {
    margin: 10px 20px 10px 15px;
  }  
  #nav_button {
    padding: 0 36px 0 10px !important;  
    height: 42px !important;
    line-height: 42px !important;
  }
  #nav_button .btn-toggle {
    right: 8px !important;
    width: 30px !important;
  }
  #nav_button .btn-toggle:before { top: -9px; }
  #nav_button .btn-toggle:after { bottom: -9px; }  
  
  #nav > ul {
    padding: 70px 35px 50px 10px;
  }
  
  .news-single .news-img-wrap {
    float: none;
    width: 100%;
    margin: 0 0 15px;
  }
  .news-single .news-img-wrap .outer:first-child img {
    height: auto;
  }
  
  .footer-logo img {
    max-width: 140px;
  }

  #btn_quartier,
  #btn_tickets {
    padding: 0 12px !important;
  }  
  h1 {
    font-size: 250%;
  }
  h2 {
    font-size: 200%;
  }  
  .swiper-button-next,
  .swiper-button-prev {
    width: 50px !important;
    height: 50px !important;    
    background-position: 15px center;
    background-size: 40px 16px !important;
  }  
  .swiper-button-next {
    left: auto !important;
    right: 0 !important;
  }
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    background-position: 10px center;
  }  
}