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

	.swiper-arrows {
		display: none;
	}

}

@media only screen and (max-width: 1440px) { 
	.menu {
		padding-block: 100px 0;
	}
	.tmpl-inhalt .main {
		padding-inline: 80px 0;
	}
	
	
}

@media only screen and (max-width: 1280px) { 
	.widget--news .wrapper {
			padding-right: 0%;
		}
	.widget .mod-news .mod-news-lst{
		flex-wrap: wrap;
	}

	.widget .mod-news .mod-entry{
		flex: 0 0 calc(50% - var(--layout-grid-gutter));
	}
	
	.cards__lst {
		flex-wrap: wrap;
	}

	.cards__item{
		flex: 0 0 calc(50% - var(--layout-grid-gutter));
	}

}


@media only screen and (max-width: 1200px) { 
	.header {
		background-color: var(--clr-primary);
	}
	.header .wrapper {
		justify-content: space-between;
	}
	.header .logo {
		position: relative;
		top: 1em;
		height: unset;
		flex: 0 0 30%;
	}
	.mainnav {
		display: none;
	}
	.mobilenav {
		display: block;
	}
	.contentnav {
		display: none;
	}

	.header-service > .metanav {
		display: none;
	}

	.header-service > .mandantennav {
		display: none;
	}

	.tmpl-home .service-container .wrapper{
		margin-block-start: 0;
		padding-block-start: 32px;
	}
	.tmpl-inhalt .main {
		flex: 0 0 100%;
		padding-inline: 80px 80px;
	}
	.widget--events .mod-entry-date-day {
		display: none;
	}
	.widget--events .mod-entry {
		padding-inline: 24px;
	}
	.widget--events .events-container {
		margin-inline-start: min(4vw, 150px);
	}
	
}


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

	.quicklinks__lst{
		flex-wrap: wrap;
	}

	.quicklinks__item{
		flex: 0 0 50%;
	}

	.searchform {
		width: 100%;
	}
	.quicklinks {
		padding-inline: 48px;
	}

}



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

	.tmpl-inhalt .main {
		flex: 0 0 100%;
		padding-inline: 0px;
	}

}

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

	.textslider .swiper-slide__content {
		left: 0;
		position: static;
		width: 100%;
	}

	.widget .mod-news .mod-entry{
		flex: 0 0 calc(100% - var(--layout-grid-gutter));
		padding-inline: 24px;
		padding-block: 0 24px;
	}

	.cards__item{
		flex: 0 0 calc(100% - var(--layout-grid-gutter));
		
	}

	.card__txt {
		padding-inline: 24px;
		padding-block: 0 24px;
	}

}


@media only screen and (max-width: 768px) { 
	.mod-katabox {
		display: block;
	}

	.mod-katabox .katabox__icon {
		margin-block-end: 24px;
	}

	.mod-katabox {
		padding-block: 24px;
		padding-inline: 24px;
	}

	.widget--events .widget__header {
		grid-column: 2 / span 2;
	}

	.widget--events .events-container {
		grid-row: 2	;
		grid-column: 2 / span 2;
		margin-inline-start: 0;
		margin-block: 0;
		padding-block-end: 6vw;
	}

	.widget--events .events-bgimage {
		display: none;
	}

}

@media only screen and (max-width: 700px) { 
	
	.kennzahlen__item {
		flex: 0 0 50%;
		margin-block-end: 48px;
	}
	
	.kennzahlen__list svg {
		font-size: 56px;
	}
	
}



@media only screen and (max-width: 32.5em) { /* 520/16 */

	.searchform__input {
		padding-block: 16px;
		padding-inline: 32px;
	}

	.quicklinks__item {
		padding-inline: 24px;
		padding-block: 24px;
		flex: 0 0 100%;
	}




	/* =global
	--------------------------------------------------------------- */
	.wrapper {
		width: 90%;
	}

	/* =reset layout
	--------------------------------------------------------------- */
	.mainnav, .subnav, .main, .sidebar  {
		width: 100%;
	}

	/* =header
	--------------------------------------------------------------- */

	/* =mainnav
	--------------------------------------------------------------- */

	/* =content
	--------------------------------------------------------------- */
	.wrapper--content {
		display: block;
	}
	
	/* =subnav
	--------------------------------------------------------------- */


	/* =sidebar
	--------------------------------------------------------------- */
	

	/* =footer
	--------------------------------------------------------------- */
	.footer address p {
		flex: 0 0 50%;
		}

	
	/* MARK: =utility
	--------------------------------------------------------------- */
	.alignleft,
	.alignright,
	.aligncenter {
		float: none;
		display: block;
		max-width: 100%;
		margin: 1.5em 0;
	}
	.aligncenter > figure {
		display: table;
		width: auto;
	}
	.aligncenter figcaption {
		display: table-caption;
		caption-side: bottom;
	}

	.table-responsive {
		border-inline-end: 1px solid #dcdfde;
		border-block-end: 0;
	}

	[class*="col-"] {
		float: none;
		width: 100%;
		margin-inline-start: 0;
	}

}