/* ----- MAX-WIDTH: 1800PX ----- */
@media (max-width:1800px){
	#oben {
		padding: 0 56px;
		width: calc(100% - 112px);
	}
}

@media (max-width: 1740px){
	#footer{
		display: flex;
		padding: 40px 5%;
		justify-content: space-between;
		width: 90%;
	}

	#footer .tx_cn-columns > .row {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		width: 100%;
		gap: 1rem;
	}
}

/* ----- MAX-WIDTH: 1600PX ----- */
@media (max-width:1600px){
	#header .ce-bodytext p.text-center {
		left: 54px;
	}
}

/* ----- MAX-WIDTH: 1500PX ----- */
@media (max-width:1500px){
	.farbe3 table {
		width: 100%;
	}

	#header .ce-bodytext p.text-center {
		width: auto;
		min-height: auto;
		padding: 60px 30px;
		font-size: 50px;
	}
}

@media (max-width: 1350px){
	#inhaltsbereich > .frame > .rahmen, #footer > .frame > .rahmen {
		float: none;
		clear: none;
		max-width: 90%;
		padding: 0 5%;
		margin: 0;
	}

	#inhaltsbereich > .frame + .frame:not(.tx_cn-multicontent) {
		margin-top: 40px;
	}

	#header .headertext {
		bottom: -10px;
		left: 5%;
		width: 90%;
	}

	h3{
		margin: 0;
	}
}

/* ----- MAX-WIDTH: 1250PX ----- */
@media (max-width:1250px){
	.startheader h2#platzhirsch, .startheader h2#surfer {
		margin-top: 25%;
	}

	.frame-flipbox .tx_cn-columns[data-cols="1"] > .row {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	#inhaltsbereich:not(.sub) .frame-flipbox .tx_cn-columns[data-cols="1"] > .row > .col-100:last-child {
		margin-left: 5% !important;
	}
}

@media (max-width:1200px){
	#hauptnavi li a {
		padding: 30px 10px !important;
	}

	#hauptnavi li.active a {
		font-size: 24px !important;
	}
}

@media (max-width:1100px){
	#hauptnavi li a {
		padding: 30px 7px !important;
	}

	#hauptnavi li.active a {
		font-size: 20px !important;
	}
}

/* ----- MAX-WIDTH: 1044PX ----- */
@media (max-width:1044px){
/* -- TICKER -- */
	.ticker {
		float: left;
		left: 0px !important;
		margin: 0px 0px 0px 20px !important;
		position: relative;
		width: 80% !important;
	}

	.feature-buttons {
		bottom: 25%;
	}

	.nachoben, .suche, .nachunten  {
		width: 45px;
		height: 45px;
		background-size: 100% auto !important;    
	}	  	  	

	#hauptnavi li.active a {
		font-size: 26px;
	}


	#hauptnavi li a {			
		padding: 30px 10px;			
		font-size: 14px;	
	}	

	.startheader h1, .startheader h2 {		
		font-size: 40px;
		/*text-shadow: 1px 1px 0 #fff;*/		
	} 	

	.filtergalerie .filterbild {
		width: 24%;
	}  

	.filtergalerie .filterbild img{
		width: 100%;
		height: auto;
	}

	.filtergalerie .csc-textpic-image .csc-textpic-caption {
		font-size: 14px;
	}

	.fadebox_button {
		width: 60px;
		background-size: 100% auto;
		right: -120px;
	}

	.boxhoehe li {
		width: 30%;
		margin: 3px 0.25%;
	}

	.farbe3 .c50r, .farbe3 .c50l, .farbe1 .c50l,.farbe1 .c50r  {
		width: 96%;
	}

	#footer .c20l {
		width: 40%;
	}

	#footer .c60l {
		width: 35%;
	}

	#ui-accordion-jfmulticontent_c366-header-0, #ui-accordion-jfmulticontent_c366-panel-0 {
		display: none;
	}

	#header .headertext {
		display: none;
	}
}

@media (max-width:1000px){
	#oben {
		padding: 0 24px;
		width: calc(100% - 48px);
		min-height: 92px;
		align-items: center;
	}

	#oben .frame-type-textmedia {
		position: static;
	}

	#oben .rahmen {
		gap: 16px;
	}

	#oben .ce-textpic {
		padding: 18px 14px;
	}

	#oben .ce-textpic img {
		width: 190px;
		height: auto;
	}

	#oben .mob_button {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		margin-left: auto;
		width: 58px;
		height: 58px;
		/* border: 2px solid var(--gelb); */
		cursor: pointer;
		background: transparent;
	}

	#oben .mob_button span,
	#oben .mob_button span::before,
	#oben .mob_button span::after {
		content: "";
		display: block;
		width: 24px;
		height: 2px;
		background: var(--uweiss);
		transition: transform 0.2s ease, opacity 0.2s ease;
	}

	#oben .mob_button span {
		position: relative;
	}

	#oben .mob_button span::before {
		position: absolute;
		top: -8px;
		left: 0;
	}

	#oben .mob_button span::after {
		position: absolute;
		top: 8px;
		left: 0;
	}

	#oben.nav-open .mob_button span {
		background: transparent;
	}

	#oben.nav-open .mob_button span::before {
		top: 0;
		transform: rotate(45deg);
	}

	#oben.nav-open .mob_button span::after {
		top: 0;
		transform: rotate(-45deg);
	}

	#oben ul.hnavi {
		display: none;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		position: absolute;
		top: 100%;
		right: 0;
		width: 400px;
		margin: 0;
		padding: 12px 0 18px;
		background: #00142e;
		border-top: 4px solid var(--gelb);
		box-shadow: 0 18px 40px rgba(0, 20, 46, 0.22);
	}

	#oben.nav-open ul.hnavi {
		display: flex;
	}

	#oben ul.hnavi > li {
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}

	#oben ul.hnavi > li:last-child {
		border-bottom: 0;
	}

	#oben ul.hnavi > li > a {
		display: block;
		padding: 18px 24px;
		font-size: 24px;
	}

	#oben ul.hnavi > li > a::before,
	#oben ul.hnavi > li > a::after {
		display: none;
	}

	#oben ul.hnavi > li.ifsub > a {
		padding-right: 58px;
	}

	#oben ul.hnavi > li.ifsub > a::after {
		display: block;
		left: auto;
		right: 24px;
		bottom: auto;
		top: 50%;
		width: 12px;
		height: 12px;
		border-right: 2px solid var(--gelb);
		border-bottom: 2px solid var(--gelb);
		background: transparent;
		transform: translateY(-70%) rotate(45deg);
		transition: transform 0.2s ease;
	}

	#oben ul.hnavi > li.subnav-open > a::after {
		transform: translateY(-25%) rotate(-135deg);
	}

	#oben ul.hnavi > li > ul.unavi {
		display: none;
		position: static;
		width: auto;
		margin: 0;
		padding: 0 24px 18px;
		background: transparent;
		box-shadow: none;
	}

	#oben ul.hnavi > li:hover > ul.unavi,
	#oben ul.hnavi > li:focus-within > ul.unavi {
		display: none;
	}

	#oben ul.hnavi > li.subnav-open > ul.unavi {
		display: block;
	}

	#oben ul.hnavi > li > ul.unavi > li {
		border-bottom: 1px solid rgba(255, 221, 0, 0.35);
		padding: 12px 0;
	}

	#oben ul.hnavi > li > ul.unavi > li > a {
		color: var(--uweiss);
		font-size: 18px;
	}

	.frame-layout-32 .ce-textpic {	
    	flex-direction: column;
	}

	#footer .tx_cn-columns > .row {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	#inhaltsbereich > .tx_cn-multicontent, #inhaltsbereich > div.tx_cn-multicontent {
		margin: 0;
		padding: 40px 0;
	}

	#header{
		margin-top: 90px;
	}
}

@media (max-width:980px){
	.frame-layout-32 .ce-textpic {
		flex-direction: column;
		gap: 40px;
	}

	.frame-layout-32 .ce-gallery {
		flex-basis: auto;
		max-width: 100%;
	}

	.page15 .frame-klasse .rahmen {
		flex-direction: column;
		gap: 20px;
	}

	.page15 .frame-klasse .ce-textpic {
		width: 100%;
	}
}

@media (max-width:950px){

	.logo {
		width: 190px !important;
		top: 39px !important;
	}

	.button_mobil {
		display: block;
		float: left;
		clear: both;
		width: 100%;
		text-align: center;
/* missing image asset commented out: 		background: url(../images/menue-einblenden.png) left top no-repeat; */
		width: 35px;
		height: 24px;
		/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);  */  
		margin: 20px 0px 10px 10px;
		cursor: pointer;
	}

	.mobil_kontakt {
		display: block;
	}

	.funk_mobil {
		display: none;
	}

	.sprache_mobil {
		width: 50px;
		height: 10px;
		float: left;
		margin: 0px 0px 0px 25px;  
	}

	#hauptnavi {
		margin: 0px 0px 15px 0px !important;
		display: none;
	}

	#navigation {
		width: 100%;
		float: left;
		clear: both;
	}

	#hauptnavi li {
		float: left;
		clear: both;
		display: block;
		width: 100%;
		margin: 3px 0px 0px 0px;
		padding: 0px;
	}

	#hauptnavi li.active {
		margin: 3px 0px 0px 0px;
	}

	#hauptnavi li a {
		width: 100%;
		text-align: center;
		padding: 10px 0 !important;
		border: 1px solid #333;
		background: #000000;
		background: rgba(0,0,0,0.8);
		text-align: center;
		float: left;
		clear: both;
		display: block;
		font-size: 16px !important;
	}

	#hauptnavi li.active a, #hauptnavi li:hover a {
		border: 1px solid #333;
		background: #ED1C24;
		color: #fff;
		line-height: 18px !important;
		padding: 10px 0 !important;
	}

	#fadebox {
		display: none;
	}
}

/* ----- MAX-WIDTH: 820PX ----- */
@media (max-width:820px){
	body {
		background: #5A5A5A !important;
	}

	#lightbox .inhalt_normal, #cboxContent, #cboxLoadedContent {
		background: #A6C711;
		margin: 0;
	}

	#lightbox .zentriert {
		width: 100%;
	}

	#lightbox .subcr .zentriert {
		width: 90%;
		margin: 5px 0 0 5%
	}

	#lightbox h3  {
		color: #FFFFFF;
		text-align: center;
	}

	#lightbox p  {
		color: #FFFFFF
	}

	#lightbox .subcr {
		padding: 0 1em;
	}

	.nr-1 .inhalt {
		margin-top: 0px !important; 
	}  

	.farbe1 .c50l, .farbe1 .c50r {
		width: 96%;
	}

	.filtergalerie .filterbild {
		width: 30%;
	}

	.filtergalerie ul {
		width: 100%;
	}

	.filtergalerie li {
		width: 23%;
	}

	#footer .c40r {
		width: 100%;
		padding-top: 20px;
		border-top: 1px dotted #FFF;
		margin-top: 10px;
	}

	.startheader .csc-textpic-image .csc-textpic-caption {
		width: 100%;
		margin-left: 0%;
	}

	.startheader h1, .startheader h2 {
		font-size: 30px;
	}

	.farbe3 .c50r, .farbe3 .c50l, .farbe1 .c50l,.farbe1 .c50r  {
		width: 96%;
	}

	h1, h2 {
		font-size: 30px !important;
		margin-bottom: 20px !important;
	}

	h3 {
		font-size: 25px !important;
	}

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

	.ui-accordion .ui-state-default .ui-icon {
		height: 25px;
		width: 25px;
		background-size: 100% auto !important;
	}

	.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
		margin-top: -13px;
	}

	.arrow_next_bottom {
		display: none;
	}

	#c397 li {
/* missing image asset commented out: 		background: url(../images/haha.png) left top no-repeat; */
		min-height: 41px;
		padding: 0px 0 0 40px;
		margin-bottom: 30px;
		font-size: 16px;
		background-size: auto 25px;
	}

	#c397 li:nth-child(even) {
		margin-left: 40px;
	}
}
/* ----- MAX-WIDTH: 820PX ----- */


/* ----- MAX-WIDTH: 730PX ----- */
@media (max-width:730px){
	.nachunten, .nachoben, .suche {
		width: 40px;
		height: 40px;    
	}

	.sprache {
		display: none;
	}

	.weiss {
		height: 50px !important;
	}
	.bereiche {
		margin-top: 0px !important;
	}

	.logo {
		top: 29px !important;
	}

	.ticker {
		width: 95% !important;
		margin: 0px 0px 4px 10px !important;
	}

	.ticker .tickertext {
		font-size: 10px !important;
		height: 28px !important;      
	}

	.footerinhalt .inhalt_normal .zentriert {
		width: 92%;
	}

	.inhalt {
		margin-top: 0px !important;
	}

	.owltext .owl-item .zentriert {
		width: 88%;
		padding: 0 6%;
	}

	.arrow_next_bottom {
		display: none;
	}

	.startheader .owl-controls {
		top: 160px;
	}

	.filtergalerie .csc-textpic-image .csc-textpic-caption {
		font-size: 12px;
	}

	#lightbox iframe {
		width: 100%;
	}

	.farbe3 .c50r, .farbe3 .c50l, .farbe1 .c50l, .farbe1 .c50r {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}

	.c16l, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l,.c16r, .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c62r, .c66r, .c75r, .c80r {
		width: 100%;
		float: left;
		clear: both;
		margin: 0px ;
	}

	#footer .c20l {
		width: 100%;
	}

	.subcl {
		padding: 0px;
		margin: 0px
	}

	.subcr {
		padding: 0;
		margin: 0px; 
	}


	.ui-accordion h3 {
		font-size: 14px !important;
		padding-right: 9% !important;
	}

	#footer .c16l, #footer .c20l, #footer .c25l, #footer .c33l, #footer .c40l, #footer .c38l, #footer .c50l, #footer .c60l, #footer .c62l, #footer .c66l, #footer .c75l, #footer .c80l, #footer .c16r, #footer .c20r, #footer .c25r, #footer .c33r, #footer .c40r, #footer .c38r, #footer .c50r, #footer .c60r, #footer .c62r, #footer .c66r, #footer .c75r, #footer .c80r {
		clear: both !important;
		float: left !important;
		margin: 10px 0 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}

	#footer .csc-menu {
		text-align: left !important;
		border-top: 1px dotted #FFFFFF !important;
		padding-top: 20px !important
	}

	#footer .c40r {
		border-top: 0px;
	}

	#footer .subcr {
		padding: 0px !important;
	}


	.c99l .csc-textpic-imagewrap {
		width: 100%;
	}

	.c99l .csc-textpic-text {
		margin-left: 0;
	}

	#header .ce-bodytext p.text-center {
		width: auto;
		min-height: auto;
		padding: 30px 10px;
		font-size: 30px;
	}

}
/* ----- MAX-WIDTH: 730PX ----- */

@media (max-width:700px){
	#tx_cookies {
		top: 10vh;
		max-height: 80vh;
		overflow: auto;
	}
}

/* ----- MAX-WIDTH: 660PX ----- */
@media (max-width:660px){
	#header{
		max-height: 400px;
	}
	.filtergalerie .filterbild {
		width: 48%;
	}

	.filtergalerie li {
		width: 48%;
		margin: 0 0.25% 10px 
	}

	#footer .c20l {
		width: 49%;
	}

	.boxhoehe li {
		width: 46%;
	}

	#kontakt .c50l, #kontakt .c50r {
		width: 100%;
	}

	#kontakt .c50r .subcr {
		padding: 0;
		margin-top: 30px;
	}

	#c349 .c50l, #c349 .c50r {
		width: 100%;
	}

	#c349 .subcr {
		padding: 0px;
		margin-top: 15px;
	}

	#c397 li {
		font-size: 14px;
	}

	#c397 li:nth-child(even) {
		margin-left: 0 !important;
	}

	.frame-kachel .tx_cn-columns > .row,
	.tx_cn-columns > .row {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 30px;
	}

	.frame-flipbox .tx_cn-columns[data-cols="1"] > .row {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
		row-gap: 20px !important;
	}
}
/* ----- MAX-WIDTH: 660PX ----- */


/* ----- MAX-WIDTH: 550PX ----- */
@media (max-width:550px){
	.farbe3 table {
		width: 100%;
	}
}
/* ----- MAX-WIDTH: 550PX ----- */

/* ----- MAX-WIDTH: 500PX ----- */
@media (max-width:500px){
	body {
		font-size: 14px;
	}

	h1, h2 {
		font-size: 22px !important;
	}

	.farbe3 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
		right: 5px;
	}

	.suche, .nachoben, .nachunten {
		width: 30px;
		height: 30px;    
	}

	.iconsmartstyle {
		width: 50px !important; 
		height: auto !important;
		top: -25px;
	}

	.iconsmartstyle img {
		width: 100% !important;
		height: auto !important;
	}

	.ticker .tickertext {
		width: 100% !important;
	}

	.inhalt {
		margin-top: 0px !important;
	}

	.owltext .owl-item .zentriert {
		width: 80%;
		padding: 0 10%;
	}

	h1 {
		font-size: 30px;
	}

	.startheader .csc-textpic-image .csc-textpic-caption {
		top: 35%;
	}

	.startheader a.video {
		height: 50px;
		width: 50px;
		background-size: 100%;
	}

	.startheader h1, .startheader h2 {
		font-size: 30px;
	}

	#hauptnavi li a {
		padding: 5px 0 !important;
	}

	#hauptnavi li.active a, #hauptnavi li:hover a {
		padding: 5px 0 !important;
	}

	.owl-nav {
		display: none;
	}

	.owl-controls {
		bottom: -30px;
		top: auto;
		width: 100%;
		text-align: center;
	}

	.owl-dots {
		display: inline-block;
	}

	.owl-dots .active {
		background: #ED1C24;
	}

	.ui-accordion h3 {
		padding-right: 12% !important;
	}

	.startheader .csc-textpic-caption {
		display: none !important;
	}

	#footer {
		display: flex;
		padding: 40px 5%;
		justify-content: space-between;
		width: 90%;
		flex-direction: column;
	}
}
/* ----- MAX-WIDTH: 500PX ----- */

/* ----- MAX-WIDTH: 400PX ----- */
@media (max-width:400px){
	#header{
		max-height: 300px;
	}

	.erstes_single_bild {
		float: left;
		clear: both;
		width: 100%;
	}

	.erstes_single_bild .news-single-img {
		float: left;
		clear: both;
		width: 100%;
	}

	.zurueck, .weiter {
		font-size: 12px;
	}

	.ui-accordion h3 {
		padding-right: 15% !important;
	}

	#c396 div.csc-textpic-intext-right .csc-textpic-imagewrap {
		float: left !important;
		margin-bottom: 20px !important;
	}

	#oben ul.hnavi{
		width: 100%;
	}

	#header .ce-bodytext p.text-center {
		left: 5%;
		width: calc(90% - 40px);
	}

}

/* ----- MAX-WIDTH: 340PX ----- */
@media (max-width:340px){
	.nachoben, .suche, .nachunten {
		width: 30px;
		height: 30px;    
	}
}
/* ----- MAX-WIDTH: 340PX ----- */