/* @override 
	https://owv.buero-wilhelm.de/typo3conf/ext/se_v12/Resources/Public/Css/responsive.css?* */

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

:root {
	--padd-page-lr: 5%;
}

}


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

:root {
	--padd-page-lr: 40px;
	--padd-topnav-lr: 15px;
	--padd-mainnav-lr: 15px;
	--padd-footernav-lr: 15px;
	--width-logo: 162px;
}

.frame-smallwidth {
	width: 100%;
	padding-left: calc(var(--padd-page-lr) * .75);
	padding-right: calc(var(--padd-page-lr) * .75);
}

#header.scroll #headerlogo a img {
	width: calc(var(--width-logo) * .85);
}

}

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

:root {
	--padd-btn: 15px 25px 15px 25px;
	--height-footerbg: 100px;
}

div.container_4col {
	grid-template-columns: 1fr 1fr;
}

.footertop {
	grid-template-columns: 1fr var(--size-backtop);
	grid-row-gap: 0;
}

.footercol2 {
	grid-row: 2;
}

.footercol3 {
	grid-row: 3;
}

.footercol4 {
	grid-column: 2 / 3;
	grid-row: 3;
}

footer::before {
	top: 4px;
	background-size: 1280px var(--height-footerbg);
}

.footerbottom {
	padding-bottom: calc(var(--padd-footer-tb) * 1);
}



}

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

:root {
	--fontsize-1: 16px;
	--fontsize-2: 18px;
	--fontsize-5: 36px;
	--font-hI: normal var(--fontweight-regular) var(--fontsize-5)/var(--lineheight-h) var(--font-special);
	--font-hII: normal var(--fontweight-regular) var(--fontsize-4)/var(--lineheight-h) var(--font-special);
	--font-hIII: normal var(--fontweight-regular) var(--fontsize-4)/var(--lineheight-h) var(--font-special);
	--font-footer-h: normal var(--fontweight-regular) var(--fontsize-3)/var(--lineheight-p) var(--font-special);
	--font-btn: normal var(--fontweight-medium) var(--fontsize-1)/var(--lineheight-nav) var(--font-special);
}

.flexslider {
	margin-bottom: calc(var(--padd-section-tb) * .75);
}

div.container_2col_3366,
div.container_2col_6633,
div.container_2col,
div.container_2col_imgtxt,
div.container_2col_txtimg,
div.container_3col,
div.container_4col {
	grid-template-columns: 1fr;
}

div.container_2col_imgtxt .container_col:nth-child(1),
div.container_2col_txtimg .container_col:nth-child(1),
div.container_2col_imgtxt .container_col:nth-child(2),
div.container_2col_txtimg .container_col:nth-child(2) {
	grid-column: 1 / 2;
}

div.container_2col_imgtxt .container_col:nth-child(1) {
	grid-row: 2;
}

.article div.news-date,
.article div.news-teaser div p a {
    font-size: var(--fontsize-1);
}

.article div.news-teaser div p a::before,
.article div.news-teaser div p a::after {
    width: 15px;
    height: 20px;

}

}

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

:root {
	--padd-page-lr: 20px;
	--padd-section-tb: 60px;
	--height-footerbg: 70px;
	--font-hIII: normal var(--fontweight-regular) var(--fontsize-3)/var(--lineheight-h) var(--font-special);
}

.frame-smallwidth {
	width: 100%;
	padding-left: calc(var(--padd-page-lr) * 0);
	padding-right: calc(var(--padd-page-lr) * 0);
}

.flexslider .slides li {
	position: relative;
	padding-bottom: 65%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ 
}

.footertop {
	padding-top: calc(var(--padd-footer-tb) * 4.5);
}

footer::before {
	background-size: 860px var(--height-footerbg);
}

.footerwrap {
	grid-template-columns: 1fr;
	padding-top: 10px;
}

.footercopyright {
	display: none;
}

#header #headerbottom,
#header.scroll #headerbottom {
	height: calc(var(--height-mainnav) * .75);
}

#header #headerlogo a img,
#header.scroll #headerlogo a img {
	width: calc(var(--width-logo) * .7);
}

}


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

}

@media only screen and (max-width: 393px) { /* iPhone 15 */

}