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

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

	.contenttable tr { border: 1px solid #ccc; }

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

	.contenttable 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
	*/
    .contenttable td:before { content: attr(data-label); }

}



/* kleine Bildschirme */
@media (max-width: 1140px) {
  #search {
  	margin-right: -10px;
  }
  #buehne > .container-fluid {
  	padding: 0;
  }
  #ansprechpartner {
  	display: none;
  }
  #main .container-fluid {
  	padding: 0 20px;
  }  
}

@media (max-width: 991px) {
  #nav li > a {
    font-size: 1.5rem;
    padding-left: 15px;
    padding-right: 15px;
  }
  #nav {
    padding-left: 0;
  }
}

@media (max-width: 960px) {
  #title {
    font-size: 3rem;
  }
  #wappen {
    max-height: 96px;
  }
  .flexslider2 .flex2 .image {
    width: 50%;
  }
  .flexslider2 .flex2 .text {
    padding: 10px 50px 35px 52.5%;
  }
}

@media (max-width: 767px) {
  #nav_button {
    display: inline-block;
  }
  #nav {
    padding-left: 5px;
    margin-bottom: 0;
  }
  #nav .container-fluid > ul {
    clear: right;
    position: relative;
    width: auto;
    text-align: left;
    display: none;
    padding-bottom: 0;      
  }
  
  #nav li {
    float: none;
    display: block;
    margin: 0 -15px 0 -20px;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 2px solid #fff;
  }

  #nav li.footer { display: block; }
  ul.foot_nav { display: none; }

  #nav li > a,
  #nav li:hover > a {
    float: none;
    padding: 10px 0;
    text-decoration: none;
    padding-left: 20px;
  }
  .dark #nav li > a {
    background: #111;
    color: #fff;
  }
  .dark #nav li:hover > a {
    background: #00818b;
  }  
  #nav li.active > a {
    background: #fff;
    color: #00818b;
  }  
  .dark #nav li.active > a {    
    color: #fff;
  }  
  #nav li.open > a {
    text-decoration: none;
  }
  #nav li li.ifsub > a::after {
    display: none;
  }

  #nav li.ifsub > a > span {
    float: right;
    display: block;
    position: absolute;
    top: 6px;
    right: 0px;
    width: 50px;
    height: 30px;
    text-align: center;
  }
  #nav li.ifsub > a > span:after {
    font-family: 'FontAwesome';
    font-size: 120%;
    content: "\f0da";
  }
  #nav li.ifsub.open > a > span:after {
    content: "\f0d7";
  }

  /* 2.Ebene */
  #nav li > ul,
  #nav li:hover > ul,
  #nav li.active > ul {
    display: block;
    position: relative;
    top: 0 !important;
    left: 0;
    min-width: 100%;
    height: auto;
    max-height: 0;
    padding: 0;
    box-shadow: none;
    background: rgba(0,0,0,0.1);
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
  }
  #nav li.open > ul {
    max-height: 1000px;
  }
  #nav li li > a,
  #nav li li:hover > a {
    padding: 8px 15px 8px 35px;
  }
  #nav li li.active > a {
    background: rgba(35, 82, 124, 0.4);
    color: #fff;
  }
  #nav li.ifsub > a > span {
    line-height: 24px;
  }
  #buehne {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }

  .flexslider2 .flex2 .image {
    width: 100%;
    height: 260px;
    background-size: cover;
  }
  .flexslider2 .flex2 .text {
    padding: 270px 45px 30px 45px;
  }
  .flex-direction-nav a{
    top: 55%;
  }
  .flex-direction-nav .flex-prev {
    left: 0;
  }
  .flex-direction-nav .flex-next {
    right: 0;
  }

  .ce-textpic.ce-left.ce-intext .ce-gallery,
  .ce-textpic.ce-right.ce-intext .ce-gallery {
    max-width: 40%;
  }

  h1 {
    font-size: 2.2rem;
  }
  h2 {
    font-size: 1.6rem;
  }
  h3 {
    font-size: 1.5rem;
  }
  h4 {
    font-size: 1.5rem;
  }
  #content {
    font-size: 1.5rem;
  }
  #main {
    padding-top: 10px;
  }

  #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;
  }
  #page .powermail_fieldwrap.layout1,
  #page .powermail_fieldwrap.layout2 {
    float: none;
    width: 100%;
    margin: 0%;
  }
  select,
  textarea,
  input {
    width: 96%;
  }
  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;
  }
  .news-list-view .teaser-text {
    min-height: 0;
  }
  
  #footer {
    text-align: center;
    font-size: 1.2rem;
  }
}
@media (max-width: 640px) {
  #title {
    font-size: 2.6rem;
    line-height: 1.2;
    float: left;
    text-align: left;
    max-width: 63%;
  }
  #title span {
    display: block;
    margin-top: 10px;
    line-height: 1.4;    
  }  
  #wappen {
    margin: 15px 0 15px 3%;
  }
  #topbar .langmenu {
    margin-right: 0;
  }
  #topbar .search {
    display: none;
  }  
  #nav .search {
  	float: right;
  	display: block;
  	margin: 10px 0;
  }
  .news-single .news-text-wrap,
  .news-single .news-img-wrap {
    float: none;
    width: 100%;
    margin: 0 0 15px;
  }
  .news-single .news-img-wrap .outer:first-child img,
  .news-single .event .news-img-wrap > a:first-child img  {
    height: auto;
  }
  .news-text-wrap {
    clear: left;
  }  
}
@media (max-width: 560px) {
  .col-xxs-12 {
  	width: 100%;
  	float: none;
  }	
}
@media (max-width: 480px) {

  #search .tx-indexedsearch-searchbox,
  #search .tx-indexedsearch-searchbox-sword {
  	width: 140px;
  }

  #footer #c112 .ce-gallery,
  #footer #c112 .ce-column {
  	float: none;
  	text-align: center;

  }
  #footer #c112 .image {
    display: inline-block;
  }
}
@media (max-width: 440px) {
  #topbar .container-fluid, 
  #header .container-fluid {
    text-align: center;
  }
  #topbar {
    font-size: 1.4rem;
    line-height: 20px;
  	padding: 8px 0 8px;
  }
  #topbar .container-fluid {
    padding: 0;
  }
  .fontsizer {
  	margin: 0 5px 0 0;
  }
  #title {
    font-size: 2rem;
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  #title span {
    margin-top: 5px;
    font-size: 50%; 
  }  
  #wappen {
    margin-left: 0;
    max-width: 33%;    
  }

}