/* @override 
	https://ufp25.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;
	--padd-section-tb: 100px;
	
	--height-mainnav: 80px;
	--width-logo: 480px;
	
	--fontsize-3: 18px;
	
	--font-h1: normal var(--fontweight-bold) var(--fontsize-10)/var(--lineheight-h) var(--font-standard);
	--font-h2: normal var(--fontweight-regular) var(--fontsize-8)/var(--lineheight-h) var(--font-standard);
	--font-h3: normal var(--fontweight-bold) var(--fontsize-8)/var(--lineheight-h) var(--font-standard);	
	--font-h4: normal var(--fontweight-regular) var(--fontsize-7)/var(--lineheight-h) var(--font-standard);
	--font-h5: normal var(--fontweight-bold) var(--fontsize-6)/var(--lineheight-h) var(--font-standard);
	/*--font-h6: normal var(--fontweight-bold) var(--fontsize-5)/var(--lineheight-h) var(--font-standard);	
	--font-news-h: normal var(--fontweight-bold) var(--fontsize-3)/var(--lineheight-h) var(--font-standard);*/
	
	--font-bodytext-intro: normal var(--fontweight-bold) var(--fontsize-6)/var(--lineheight-h) var(--font-standard);
	
	/*--font-portrait-h3: normal var(--fontweight-bold) var(--fontsize-4)/var(--lineheight-h) var(--font-standard);
	--font-portrait-p: normal var(--fontweight-regular) var(--fontsize-2)/var(--lineheight-p) var(--font-standard);*/
	
	--font-mainnav: normal var(--fontweight-bold) var(--fontsize-3)/var(--lineheight-nav) var(--font-standard);
	
	--font-accordion-h1: normal var(--fontweight-bold) var(--fontsize-5)/var(--lineheight-nav) var(--font-standard);
	--font-accordion-h2: normal var(--fontweight-bold) var(--fontsize-3)/var(--lineheight-nav) var(--font-standard);
	--font-accordion-p: normal var(--fontweight-regular) var(--fontsize-3)/var(--lineheight-p) var(--font-standard);	
	
}

section {
    background-size: 40px 40px;
    background-attachment: fixed;
}

.footertop {
	grid-template-columns: 1fr 1fr auto;
}

.footercol1 {
	grid-column: 1/4;
}

.footercol2 {
	grid-column: 1/2;
	padding-left: calc(var(--padd-footernav-lr) * 2);
}

.footercol3 {
	grid-column: 2/3;
}

.footercol4 {
	grid-column: 3/4;
}

.footercol2,
.footercol3,
.footercol4 {
	padding-top: 0;
}

.cd-top {
	width: 160px;
	height: 150px;
}

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

#backnav {
	padding-left: calc(calc(var(--padd-page-lr) * 1) - 0px);
	padding-right: calc(var(--padd-page-lr) * 2);
}

.frame-layout-6 {
	padding-left: calc(var(--padd-page-lr) * 1);
}

section.portrait {
	grid-template-columns: 290px 1fr;
}

#portrait-right {
	padding: var(--padd-page-lr);
}

#portrait-right .container_2col {
	grid-template-columns: 1fr;
}

#portrait-right .ce-bodytext p {
	font-size: var(--fontsize-2);
}

#portrait-right .frame {
	margin-bottom: calc(var(--padd-b-p) * 2);
}

.frame-layout-11 h5 {
	font-size: var(--fontsize-5);
}

}


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

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

h5,
header h5 {
	font: var(--font-h6);
}



.ce-bodytext p.smalltext,
.frame-layout-11 .ce-bodytext p {
	font-size: var(--fontsize-2);
}

.frame-layout-11 h1,
.frame-layout-11 h2,
.frame-layout-11 h3,
.frame-layout-11 h4,
.frame-layout-11 h5,
.frame-layout-11 h6,
.frame-layout-11 .ce-bodytext p.smalltext {
	padding-left: 20px;
}

div.container_2col_imgtxt .container_col:nth-child(2),
div.container_2col_txtimg .container_col:nth-child(1) {
	padding-top: 0px;
}

div.container_2col_imgtxt .container_col:nth-child(2),
div.container_2col_txtimg .container_col:nth-child(1),
div.container_2col_imgtxt .container_col:nth-child(1),
div.container_2col_txtimg .container_col:nth-child(2) {
	padding-right: 0px;
	padding-left: 0px;
}

div.container_2col_txtimg .ce-bodytext p a.shortlink,
div.container_2col_txtimg .ce-bodytext p a.shortlink {
	margin-top: 10px;
}

}




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

:root {
	--padd-btn: 15px 20px 15px 20px;
	--padd-section-tb: 80px;
	
	/*--padd-b-h: 20px;
	--padd-b-p: 10px;*/
	
	--size-headercta: 50px;
	
	
	
	--font-btn: normal var(--fontweight-bold) var(--fontsize-1)/var(--lineheight-nav) var(--font-standard);
	--font-bodytext: normal var(--fontweight-regular) var(--fontsize-3)/var(--lineheight-p) var(--font-standard);
	--font-bodytext-footer: normal var(--fontweight-regular) var(--fontsize-2)/var(--lineheight-p) var(--font-standard);
	--padd-footertop-tb: calc(var(--padd-section-tb) * .5) 0px 0px 0px;
	
	--font-footernav: normal var(--fontweight-bold) var(--fontsize-1)/var(--lineheight-nav) var(--font-standard);
}

#header {
	display: none;
}

#burgernav {
	display: block;
}

#headernav ul.level-1 {
	display: none;
}

#headerlogowrap {
    align-items: center; /* Vertikal zentriert */
}

#headerlogo a {
	padding-bottom: 0px;
}

#headerbottom {
	align-items: center;
}

#sticky-wrap.scroll #headerlogo a img {
	/*width: calc(var(--width-logo) * 1);*/
}



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


footer {
	padding-left: 0;
	padding-right: 0;
}

.footertop {
	grid-template-columns: 1fr;
	padding-left: var(--padd-page-lr);
	padding-right: var(--padd-page-lr);	
	padding-bottom: var(--gridgap-row);
}

.footertop .ce-bodytext p a.shortlink,
.footertop .ce-bodytext ul li a.shortlink {
	margin-top: 0px;
}

.footerbottom {
	padding-left: var(--padd-page-lr);
	padding-right: var(--padd-page-lr);
	background-color: var(--color-white);
	/*padding-bottom: calc(var(--padd-footerbottom-tb) * .5);*/
}

.footernav {
	/*padding-bottom: calc(var(--padd-footerbottom-tb) * .25);*/
}

.footercol1,
.footercol2,
.footercol3,
.footercol4 {
	grid-column: 1/2;
}

.footercol2,
.footercol3 {
	padding-left: calc(var(--padd-footernav-lr) * 2);
}

.footercol3 .ce-bodytext figure.table table.contenttable tbody tr td:first-child {
	width: 110px;
}

.footercol4 {
	padding-left: calc(var(--padd-footernav-lr) * .75);
}

.footercol4 {
	padding-top: var(--padd-b-p);
	padding-bottom: var(--padd-b-p);
}


.footerright,
.footerright a,
footer ul li,
footer ul li a {
	color: var(--color-masterIV-75);
}


.news-list-view {
	gap: calc(var(--gridgap-row) * .5);
}

.frame-layout-12 h5,
.frame-layout-12 header h5 {
	font-size: var(--fontsize-4);
}




/* @group newsticker */

.jctkr-wrapper {
	height: 60px;
}

.jctkr-wrapper ul li {
	line-height: 60px; /* has to be same like .jctkr-wrapper*/
	padding-left: 40px;
	padding-right: 40px;
}

/* @end */

}

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

:root {
	--padd-section-tb: 60px;
	
	--font-h1: normal var(--fontweight-bold) var(--fontsize-7)/var(--lineheight-h) var(--font-standard);
	--font-h2: normal var(--fontweight-regular) var(--fontsize-6)/var(--lineheight-h) var(--font-standard);
	--font-h3: normal var(--fontweight-bold) var(--fontsize-5)/var(--lineheight-h) var(--font-standard);	
	--font-h4: normal var(--fontweight-regular) var(--fontsize-4)/var(--lineheight-h) var(--font-standard);
	--font-h5: normal var(--fontweight-bold) var(--fontsize-3)/var(--lineheight-h) var(--font-standard);
	--font-h6: normal var(--fontweight-bold) var(--fontsize-3)/var(--lineheight-h) var(--font-standard);	
	
	--font-bodytext-intro: normal var(--fontweight-bold) var(--fontsize-5)/var(--lineheight-h) var(--font-standard);
	--size-accordionicon: 30px;
	--font-backnav: normal var(--fontweight-regular) var(--fontsize-2)/var(--lineheight-nav) var(--font-standard);
	--font-topnav: normal var(--fontweight-bold) var(--fontsize-1)/var(--lineheight-nav) var(--font-standard);
	
	--font-accordion-h1: normal var(--fontweight-bold) var(--fontsize-4)/var(--lineheight-nav) var(--font-standard);
	--font-accordion-h2: normal var(--fontweight-bold) var(--fontsize-2)/var(--lineheight-nav) var(--font-standard);
	--font-accordion-p: normal var(--fontweight-regular) var(--fontsize-2)/var(--lineheight-p) var(--font-standard);
}

html, body {
  height: 100%;
  overflow-x: hidden;
}

#sticky-wrap {
	width: 100%;
	position: sticky;
	top: 0;
	will-change: transform;
	transform: translateZ(0); /* verhindert, dass Chrome ihn beim Scrollen „nach hinten“ schiebt */
}

#headerbottom,
#sticky-wrap.scroll #headerbottom {
	padding: calc(calc(var(--padd-b-h) * .5) +  8px) var(--padd-page-lr) calc(calc(var(--padd-b-h) * .5) +  8px) var(--padd-page-lr);*/
}



h2,
header h2 {
	padding-bottom: calc(var(--padd-b-h) * .5);
}

h3,
header h3 {
}

h4,
header h4 {
	padding-bottom: calc(var(--padd-b-h) * .5);
}

.frame-layout-11 h5 {
	font-size: var(--fontsize-4);
	padding-bottom: calc(var(--padd-b-h) * 0.125);
	padding-left: 0;
}

.frame-layout-12 h5,
.frame-layout-12 header h5 {
	font-size: var(--fontsize-5);
}


.ce-bodytext p.smalltext,
.frame-layout-11 .ce-bodytext p {
	padding-left: 0;
}

ul.tinyaccordion li.acc-li h6 {
	padding-right: calc(var(--padd-page-lr) * 1);
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: var(--fontsize-3);
	background-position-y: 18px;
}

ul.tinyaccordion h6 {
	padding-right: calc(var(--size-accordionicon) * 1.25);
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

#portrait-right h2,
#portrait-right header h2 {
}

#portrait-right h3,
#portrait-right header h3 {
	padding-bottom: calc(var(--padd-b-h) * .5);
}

.frame-layout-1 h3,
.frame-layout-1 header h3 {
	padding-bottom: calc(var(--padd-b-h) * .25);
}


div.container_2col_3366,
div.container_2col_6633,
div.container_2col_7722,
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,
div.container_2col_txtimg {
	margin-top: calc(var(--gridgap-row) * 2);
	margin-bottom: calc(var(--gridgap-row) * 2);
}

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_txtimg .container_col:nth-child(1),
div.container_2col_imgtxt .container_col:nth-child(2) {
	grid-row: 2;

}

.frame-layout-6 div.container_2col_imgtxt .container_col:nth-child(2),
.frame-layout-6 div.container_2col_txtimg .container_col:nth-child(1) {
	padding-top: calc(var(--padd-section-tb) * .5);
}


div.container_4col .ce-gallery {
	margin-bottom: 10px;
}


div.container_2col_7722 div.ce-column figure.image {
	text-align: center;
}

div.container_2col_7722 div.ce-column figure.image picture {
	display: inline-block;
}

div.container_2col_7722 img.image-embed-item {
	max-width: 120px;
}

.container_2col_imgtxt_offset,
.container_2col_txtimg_offset {
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	margin-top: calc(var(--padd-section-tb) * 0);
	margin-bottom: calc(var(--padd-section-tb) * 0);
}

.container_2col_imgtxt_offset .container_col:nth-child(1),
.container_2col_txtimg_offset .container_col:nth-child(2) {
	grid-column: 1 / 2;
	grid-row: 1;
}

.container_2col_imgtxt_offset .container_col:nth-child(2),
.container_2col_txtimg_offset .container_col:nth-child(1) {
	grid-column: 1 / 2;
	grid-row: 2;
	padding: var(--padd-page-lr);
}

section.portrait {
	grid-template-columns: 1fr;
	grid-row-gap: 0;
}

#portrait-left {
	padding-bottom: 0;
}

#backnav {
	padding-bottom: calc(var(--padd-section-tb) * .5);
}

#backnav a {
	padding-left: 15px;
}

#backnav a::before {
	top: 1px;
}

.news-list-view {
	display: block;
}

.news-list-view .article {
	padding: calc(var(--padd-page-lr) * 1);
	margin-bottom: calc(var(--gridgap-row) * .5);
}

.ce-bodytext p a.shortlink,
.ce-bodytext ul li a.shortlink {
	margin-top: 10px;
	margin-bottom: 10px;
}

.frame-layout-12 div.ce-column figure {
	margin-top: 40px;
}

div.container_2col_6633 div.ce-column figure {
	padding-left: calc(var(--padd-page-lr) * 2);
	padding-right: calc(var(--padd-page-lr) * 2);
}

figcaption.image-caption {
	margin-bottom: 10px;
}

ul.tinyaccordion li.acc-li .acc-section div.frame div.ce-textpic div.ce-bodytext {
	padding-top: 10px;
}

}


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

.footerbottom {
	grid-template-columns: 1fr;
}

.footerright  {
	display: none;
}

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

}


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

:root {
	--width-logo: 170px;
}

#startsectionheadline .frame header {
	padding-right: calc(var(--padd-page-lr) * 0);
}

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


#backnav {
	padding-top: calc(var(--padd-section-tb) * .5);
}

#backnav {
	top: 80px;
}

}


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

:root {
	--padd-page-lr: 20px;
	
	--font-h1: normal var(--fontweight-bold) var(--fontsize-5)/var(--lineheight-h) var(--font-standard);
	--font-h2: normal var(--fontweight-regular) var(--fontsize-4)/var(--lineheight-h) var(--font-standard);
	--font-h3: normal var(--fontweight-bold) var(--fontsize-4)/var(--lineheight-h) var(--font-standard);	
	--font-h4: normal var(--fontweight-regular) var(--fontsize-3)/var(--lineheight-h) var(--font-standard);
	--font-h5: normal var(--fontweight-bold) var(--fontsize-3)/var(--lineheight-h) var(--font-standard);
	--font-h6: normal var(--fontweight-bold) var(--fontsize-2)/var(--lineheight-h) var(--font-standard);		
	
	--font-mobilemainnav: normal var(--fontweight-bold) var(--fontsize-4)/var(--lineheight-nav) var(--font-standard);
	--font-mobilesubnav: normal var(--fontweight-regular) var(--fontsize-3)/var(--lineheight-nav) var(--font-standard);
	--font-mobilefooternav: normal var(--fontweight-bold) var(--fontsize-0)/var(--lineheight-nav) var(--font-standard);
	
	--font-bodytext: normal var(--fontweight-regular) var(--fontsize-2)/var(--lineheight-p) var(--font-standard);
	
}

/*h1, h2, h3, h4, h5, h6 {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}*/

#mobilemainnav ul.level1 li {
  margin-bottom: 15px;
}

#mobilenav .dropdown-icon {
  margin-bottom: 7px;
}

#mobilemainnav ul.level2 {
	padding-top: 8px;
}

#mobilemainnav ul.level2 li a {
	margin-bottom: 4px;
	padding-bottom: 8px;
}

#mobilecta {
	padding-bottom: 40px;
}

#portrait-right .frame-type-table table td {
	display: block;
	width: 100%;
	padding: 0;
}

#portrait-right .frame-type-table table td:nth-child(even) {
	margin-bottom: 10px;
}

ul.tinyaccordion li.acc-li h6 {
	font-size: var(--fontsize-2);
	padding-right: calc(var(--padd-page-lr) * 1.75);
}

ul.tinyaccordion li.acc-li {
	padding-left: calc(var(--padd-page-lr) * 1);
	padding-right: calc(var(--padd-page-lr) * 1);
}

/* @group newsticker */

.jctkr-wrapper {
	height: 50px;
}

.jctkr-wrapper ul li {
	line-height: 50px; /* has to be same like .jctkr-wrapper*/
	padding-left: 30px;
	padding-right: 30px;
}

#startsectionheadline .frame {
	padding-bottom: 40px;
}


/* @end */

}

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

:root {
	/*--gridgap-row: 20px;*/
}

.cd-top {
	width: 124px;
	height: 116px;
}

.footercol2,
.footercol3 {
	padding-left: calc(var(--padd-footernav-lr) * 1.4);
}

.footercol4 {
	padding-left: calc(var(--padd-footernav-lr) * .3);
}

}