@media only screen and  (max-width: 1366px) {
	h1, h2, h3,
	.uebersicht-baeder .bad-teaser{
		font-size: 20px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer .text{
		font-size: 17px;
	    line-height: 120%;
	    padding: 18px 11px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer .text .maps-link {
	    font-size: 16px;
	    line-height: 120%;
	}
	.container-inhalt .links,
	.container-inhalt .rechts,
	.news-list-view .article .header{
		font-size: 18px;
	}
	.center-content{
		width: 910px;
	}
	.baeder-logos {
	    height: 48px;
	}
	.baeder-logos .ce-row {
	    width: 120px;
   	}
    .baeder-logos img {
	    height: 37px;
	}
	.container-navi-main {
	    height: 67px;
	}
	.container-navi .logo{
	    right: 12px;
	    top:-3px;
	}
	.container-navi img.logo{
	    height: 71px;
	}
	.navi-main{
		clear: both;
	}
	.navi-main a {
	    height: 24px;
	    padding: 21px 15px;
	}
	.navi-main .level-2 {
	    top: 66px;
	}
	.navi-main .level-2 .navi-elem a {
	    padding: 10px 15px;
	}
	.teaser-startseite .oben-links {
	    width: 270px;
	    float: left;
	    padding-right: 36px;
	}
	.teaser-startseite .oben-rechts {
	    width: calc(100% - 306px);
	    gap: 36px;
	}
	.teaser-startseite .frame-type-textpic,
	.bildergalerie {
		width: 298px;
		margin-right: 8px;
	}
	.slider-elem .teaser {
	    width: 298px;
	}
	.slider-elem .teaser .header h3{
		font-size: 19px;
		padding:5px 9px;
	}
	.slider-elem .teaser .teaser-content .image img{
		width:280px;
		height:auto;
	}
	.slider-elem .teaser .teaser-content {
	    padding: 6px 9px;
	    font-size: 18px;
	    line-height: 120%;
	}
	.slider-elem .teaser .teaser-content .more-link{
		padding-top: 0;
	}
	.uebersicht-baeder .container-inhalt .links {
	    width: 298px;
	}
	.container-inhalt .links {
	    width: 270px;
	    padding-right: 36px;
	}
	.container-inhalt .rechts{
		width:604px;
	}
	.uebersicht-baeder .bad-teaser .stoerer {
	    top: -13px;
	    left: -11px;
	}
	.uebersicht-baeder .bad-teaser .image .stoerer img{
		width: 90px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.bad1 {
	    top: 80px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.bad2 {
	    top: 570px;
	    left: 110px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.bad3 {
	    top: 160px;
	    left: 90px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.strandbad {
	    top: 460px;
	    left: 40px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.freibad {
	    top: 620px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.baedergesellschaft {
	    top: 360px;
	    right: 0;
	    left: initial;
	}
	.container-kopf .bad-layer{
		height:68px;
		background-size: auto 68px;
	}
	.navi-meta .metanavi-elem{
		font-size: 16px;
	}
	.navi-main {
	    padding-right: 320px;
	}
}
@media only screen and  (max-width: 960px) {
	body,
	h1, h2, h3,
	.teaser-startseite .frame-type-textpic,
	.container-inhalt .links,
	.container-inhalt .rechts,
	.news-list-view .article .header,
	.uebersicht-baeder .bad-teaser,
	.bildergalerie{
		line-height: 130%;
		font-size:17px;
	}
	table,
	.uebersicht-baeder .container-inhalt .rechts .bad-layer .text,
	.uebersicht-baeder .container-inhalt .rechts .bad-layer .text .maps-link{
		font-size: 15px;
	}
	.center-content{
		width: 716px;
	}
	.baeder-logos {
	    height: 50px;
	}
	.container-navi .logo{
	    top: 5px;
	}
	.container-navi img.logo{
	    height: 50px;
	}
	.container-navi .navi-main{
		display:none;
	}
	.container-navi-main {
		height:60px;
		clear: both;
	}
	#btnMobileMenu{
		display: block;
	}
	.slider-elem .teaser .teaser-content .image img {
	    width: 200px;
	}
	.slider-elem .teaser .header h3 {
	    font-size: 17px;
	    padding:0px 20px;
	}
	.slider-elem .teaser .teaser-content {
	    padding: 6px 9px;
	    font-size: 17px;
	}
	.slider-elem .teaser .teaser-content .image {
	    margin-bottom: 5px;
	}
	.slider-elem .teaser .teaser-content .more-link a {
	    font-size: 15px;
	}
	.teaser-startseite .frame-type-textpic,
	.bildergalerie {
	    width: 235px;
	    margin-right: 5px;
	}
	.teaser-startseite .oben-links,
	.container-inhalt .links,
	.uebersicht-baeder .container-inhalt .links{
	    padding-right: 7px;
	    width:234px;
	}
	.teaser-startseite .oben-rechts,
	.container-inhalt .rechts,
	.uebersicht-baeder .container-inhalt .rechts{
	    width: calc(100% - 241px);
	    gap: 7px;
	}
	.teaser-startseite .oben-rechts .col:last-child {
	    padding-top: 32px;
	}
	.news-list-view.maaktuell h3,
	.latest-articles .article{
		font-size: 17px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer{
		width:350px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.bad1 {
	    top: 50px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.bad2 {
        top: 430px;
    	left: 80px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.bad3 {
		top: 110px;
		left: 30px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.strandbad {
	    top: 320px;
   		left: 20px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.freibad {
	    top: 470px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.baedergesellschaft {
	    top: 260px;
	    right: 0;
	    left: initial;
	}
	.btn-top {
	    bottom: 20px;
	    right: 20px;
	    width: 45px;
	    height:45px;
	}
	footer .balken {
	   height: 45px;
	}
	footer img.logo {
	    height: 80px;
	}
	.container-kopf .bad-layer {
	    height: 55px !important;
        background-size: auto 55px !important;
    }
	.navi-main {
	    padding-right: 0;
	}
	.baeder-logos .ce-gallery .ce-row {
	    width: 142px;
	}
	.fixed .baeder-logos{
		display: none;
	}
}
@media only screen and  (max-width: 768px) {
	body,
	h1, h2, h3,
	table,
	.teaser-startseite .frame-type-textpic,
	.container-inhalt .links,
	.container-inhalt .rechts,
	.news-list-view .article .header,
	.uebersicht-baeder .bad-teaser,
	.bildergalerie,
	.uebersicht-baeder .container-inhalt .rechts .bad-layer .text,
	.uebersicht-baeder .container-inhalt .rechts .bad-layer .text .maps-link{
		font-size: 14px;
		line-height: 130%;
	}
	[off-canvas] .navi-main {
	    font-size: 16px;
	}
	.center-content{
		width: 434px;
	}
	.container-navi-main {
	    height: 66px;
	}
	.baeder-logos {
	    height: 39px;
	}
	.baeder-logos .ce-row {
	    width: 86px;
	}
	.baeder-logos  .navi_elem_id_109{
		border-right: 0;
	}
	.baeder-logos img {
	    height: 26px;
	}
	#btnMobileMenu{
		border-right: 1px solid #fff;
		padding:23px 26px 23px 27px;
	}
	.container-navi .logo {
	    top: 9px;
	}
	.slider-elem .teaser,
	.container-inhalt .links .subnavi,
	.navi-meta{
		display: none !important;
	}
	.slick-dots li button:before,
	.slick-dots li buttone{
		width: 15px;
		height:15px;
		line-height: 15px;
		font-size: 9px;
	}
	.container-inhalt {
	    padding-top: 15px;
	}
	.teaser-startseite .oben-links,
	.container-inhalt .links,
	.teaser-startseite .oben-rechts,
	.container-inhalt .rechts,
	.uebersicht-baeder .container-inhalt .links,
	.uebersicht-baeder .container-inhalt .rechts{
	    width:100%;
	}
	.teaser-startseite .frame-type-textpic,
	.bildergalerie,
	.uebersicht-baeder .bad-teaser{
	    width: 214px;	}
	.uebersicht-baeder .bad-teaser{
	    float: left;
	}
	.teaser-startseite .oben-rechts .frame-type-textpic,
	.uebersicht-baeder .bad-teaser,
	.bildergalerie{
		margin-right: 6px;
	}
	.teaser-startseite .oben-rechts .frame-type-textpic:nth-child(2n+2),
	.uebersicht-baeder .bad-teaser:nth-child(2n+2){
		margin-right: 0;
	}
	.teaser-startseite .mitte .frame-type-textpic:nth-child(2n+2),
	.teaser-startseite .unten .frame-type-textpic:nth-child(2n+2){
		margin-right: 6px;
	}
	.teaser-startseite .mitte .frame-type-textpic:nth-child(2n+3),
	.teaser-startseite .unten .frame-type-textpic:nth-child(2n+3),
	.bildergalerie:nth-child(2n+3){
		margin-right: 0;
	}
	.uebersicht-baeder .bad-teaser .image .stoerer img {
	    width: 65px;
	}
	.uebersicht-baeder .bad-teaser .stoerer {
	    top: 28px;
	    left: -13px;
	}
	.uebersicht-baeder .bad-teaser:nth-child(2n+2) .stoerer{
		left:auto;
		right:-13px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.bad1 {
	    top: 40px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.bad2 {
        top: 390px;
    	left: 80px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.bad3 {
		top: 90px;
		left: 30px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.strandbad {
	    top: 300px;
   		left: 20px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.freibad {
	    top: 430px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.baedergesellschaft {
	    top: 230px;
	    right: 0;
	    left: initial;
	}
	footer .balken {
	   height: 41px;
	}
	footer img.logo {
	    height: 76px;
	}
	.rechts .colored-table td, .rechts .colored-table td:first-child {
	    padding: 5px 10px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer .header .close{
		padding: 8px 13px;
	}
	.news-list-view .article .catImage{
		float: left;
		top:0;
	}
	.container-inhalt .rechts .frame-type-textpic .ce-gallery{
		display: none;
	}
	.baeder-logos .ce-row a {
	    display: block;
	    padding: 3px 0 10px 0;
	}
	.container-kopf .bad-layer {
	    height: 35px !important;
	    background-size: auto 35px !important;
	    bottom:10px;
	    left:10px;
	}
	.baeder-logos{
	    display: flex;
    	flex-wrap: wrap;
    	height: 78px;
	}
	.baeder-logos .ce-gallery .ce-row {
	    width: 143.5px;
	}
	.teaser-startseite .oben{
		display: flex;
		flex-direction: column-reverse;
	}
}
@media only screen and  (max-width: 480px) {
	.center-content{
		width: 320px;
	}
	[off-canvas*=left] {
		width: 255px;
	}
	[off-canvas] .navi-main,
	[off-canvas] .navi-main .level-3 > .subnavi-elem > a{
	    font-size: 16px;
	}
	.baeder-logos{
		margin-bottom: 15px;
		height: auto;
	}
	.baeder-logos .frame{
		margin-bottom: 0;
	}
	.baeder-logos .ce-gallery .ce-row {
	    width: 100%;
	    border-bottom: 1px solid #fff;
	    float: none;
	}
	.baeder-logos img {
	    height: 40px;
	    top:0;
	}
	.slick-dotted.slick-slider {
	    margin-bottom: 17px;
	}
	.container-inhalt{
		padding:15px;
	}
	/*.teaser-startseite .oben-links > .frame:first-child{
		display: none;
	}*/
	.teaser-startseite .news-list-view .article .catImage img{
		height: 30px;
		width: auto;
	}
	.teaser-startseite .frame-type-textpic,
	.bildergalerie,
	.uebersicht-baeder .bad-teaser{
	    width: 100%;
	    margin-right:0 !important;
	}
	.frame{
		margin-bottom: 25px;
	}
	.startseite .oben,
	.startseite .mitte,
	.startseite .unten{
		margin-bottom: 15px;
	}
	footer{
		padding-bottom: 20px;
	}
	footer .balken {
	    height: 40px;
	}
	footer .logo {
	    left: 30px;
	    right: auto;
	    top: -13px;
	}
	footer img.logo {
	    height: 64px;
	}
	.uebersicht-baeder .bad-teaser .stoerer,
	.uebersicht-baeder .bad-teaser:nth-child(2n+2) .stoerer{
    	top: -10px;
    	left:-10px;
    	right: auto;
    }
    .uebersicht-baeder .container-inhalt .rechts .bad-layer {
	    width: 320px;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.bad1 {
	    top: 0;
	    left: -15px;
	    right: initial;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.bad2 {
        top: 220px;
    	left: -15px;
    	right: initial;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.bad3 {
		top: 30px;
		left: -15px;
		right: initial;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.strandbad {
	    top: 150px;
   		left: -15px;
   		right: initial;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.freibad {
	    top: 220px;
	    left: -15px;
	    right: initial;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer.baedergesellschaft {
	    top: 110px;
	    left: -15px;
	    right: initial;
	}
	.uebersicht-baeder .container-inhalt .rechts .bad-layer .header .close {
	    padding: 11px 13px;
	}
	.baeder-logos .ce-row a {
	    padding: 6px 0 7px 0;
	}
	.container-inhalt .links .frame{
		margin-bottom: 0;
	}
	/* Anfang horizontal Scrollbare Tabelle, wenn zu breit */
	.table-scrollable {
	  width: 100%;
	  overflow-y: auto;
	  padding-bottom:20px;
	}
	.table-scrollable:last-child{
		padding-bottom: 0;
	}

	.table-scrollable::-webkit-scrollbar {
	  -webkit-appearance: none;
	  width: 14px;
	  height: 14px;
	}

	.table-scrollable::-webkit-scrollbar-thumb {
	  border-radius: 8px;
	  border: 3px solid #fff;
	  background-color: rgba(0, 0, 0, .3);
	}
	.table-scrollable .colored-table .header{
		margin-top: 10px;
	}
	/* Ende */
	.navi_elem_id_108 img{
		margin-left: 48px;
	}
	.navi_elem_id_109 img{
		margin-left: -17px;
	}
	.fixed .container-kopf{
		padding-top: 67px;
	}
	.youtube-video-wrapper {
	    margin-top: -20px;
	}
	.youtube-video .hinweistext{
		padding:15px;
		width: calc(100% - 30px);
		font-size: 12px;
		line-height: 120%;
	}
	.youtube-video .hinweistext button{
		margin-top: 15px;
		padding:5px 15px;
	}
	.baeder-logos > li {
	    width: 100%;
	}
	.teaser-startseite .oben-rechts{
		flex-direction: column;
	}
	.teaser-startseite .oben-rechts .col{
		width: 100%;
	}
	.baeder-logos{
		display: none;
	}
}