@media (max-width: 1280px) { /*## burger ein! */

	#container { /*  die totale seite   */
		width:calc(100% - 40px);
		margin-left:20px;
		margin-right:20px;
	}
	
	#navidesk {
  		width: 300px;
  	}
  	
	#article {
		width: calc(100% - 300px);
	}
		
	#logo {
		margin-top: 2rem;
 	}

	
		
}

@media (max-width: 1150px){ /*## burger ein! */
	
	.masonry9{
	//	grid-template-columns: repeat(3, 1fr); /* Erstellt 3 gleich breite Spalten */
	}
}


@media (max-width: 1023px){ /*## burger ein! */
	
	#container { /*  die totale seite   */
		width:calc(100% - 20px);
		margin-left:10px;
		margin-right:10px;
	}
	
	#logo {
		margin-top: 1rem;
 	}

	
	#navidliste, #navidesk{  
		display: none; 
	}
	
	#navimobil nav .active {
		color:black;
		// text-decoration:underline;
	}

	#burger{  
		display:block;
	}
	
	#article {
		width:100% ;
	}
	
	/* vo LINKS DAS GANZE wieder runter*/
	.fancybox-caption-wrap{
	 	 bottom:20px;
	 }
	 
	.fancybox-stage {
	  left: 0;
	  right: 0;
	}
	
	.fancybox-navigation .fancybox-button--arrow_left {
	  left: 0;
	}
	/* vo LINKS DAS GANZE wieder runter*/
	
	.slickcaption{
		margin-top:0rem;
	}
	
	.masonry9{
		grid-template-columns: repeat(4, 1fr); /* Erstellt 3 gleich breite Spalten */
		gap: 20px; 
	}
	
}


@media (max-width: 840px){ /*# */
	.masonry9{
		grid-template-columns: repeat(3, 1fr); /* Erstellt 3 gleich breite Spalten */
	}
}	


@media (max-width: 767px){ /*# */
	
	#container { /*  die totale seite   */
		width:calc(100% - 10px);
		margin-left:5px;
		margin-right:5px;
	}
		
	.frflex div{
		width:100%;
		margin-right:0;
	}

	.ctcolumns2, .ctcolumns3{
		width: 100%;
		margin-right:0;
	}
	
	/* frontendediting wenn man angemeldet ist */
	
	.fronteditform .w860{
		display:block;
	}
	
	.fronteditform .w375, .fronteditform  .w276{
		width:100%;
		margin-right:0;
	}
	
	/* frontendediting wenn man angemeldet ist */
	
	.ctc2, .ctc3,.ctc4, .ctc5{
		width: 100%;
		margin-right:0;
	}
	
	.formgenzeile {
		width:98%;
		margin-right:0;
	}
	
	.zeiletoflexdivs{
		flex-direction:column;
	}
	
	.zeiletoflexdivs div{
		width:100% !important;
	}
	
	.stichwortebereich{
		width:calc(100% - 30px);
		// height:24px;
		// overflow:hidden;	
	}
	
	.dlvor {
		width:20%;
		margin-right:2%;
	}
	
	.dlnach {
		max-width:78%;
	}

	
	.archivelwrap{
		width:48%;
		margin-right:2%;
	}
	
	.testclass{
		-webkit-aspect-ratio:1/2 !important;
		aspect-ratio:1/2 !important;
		object-fit:cover;
		object-position: 90% 20%;
		width:20% !important;
	}

	.teaserbldwrap{
		width:32%;
		margin-right:1%;
	}
	
	
	#footer .ctc3, #footer .ctc2, #footer .ctc1 {
		margin-bottom:1rem;
	}

	#suche input{
		width: calc(100% - 50px);	
	}

}
 	
	
@media (max-width: 600px){ /*## */
	.suchefeld{
		margin-bottom:1rem;
	}
	
	.masonry9{
		grid-template-columns: repeat(2, 1fr); /* Erstellt 3 gleich breite Spalten */
		gap: 10px; 
	}	
}

@media (max-width: 479px){ /*##ipad hoch*/

#burger {
  right: -15px;
}
 
.navimliste{/*mobil*/
    padding-top:0px;
}

#sucheworteundtitel{
	margin-left:10px;
	margin-top:10px;
	min-height:10px;
	margin-bottom:0px;
	width:90%;
	border:0px solid;
}
 

#logo h5{ 
	font-size:1.9rem;
}
 

.meddetail, .meddetail img{
	width:100%;
}

.teaserbldwrap{
	width:48%;
	margin-right:2%;
}

}

@media (max-width: 320px){ /*##ipad hoch*/
	.masonry9{
		grid-template-columns: repeat(1, 1fr); /* Erstellt 3 gleich breite Spalten */
		gap: 0px; 
	}
}