body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@media screen
{
	/* ******************** Reset ******************** */

	html,
	body,
	div,
	span,
	applet,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	a,
	abbr,
	acronym,
	address,
	big,
	cite,
	code,
	del,
	dfn,
	em,
	font,
	img,
	ins,
	kbd,
	q,
	s,
	samp,
	small,
	strike,
	strong,
	sub,
	sup,
	tt,
	var,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	form,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	article,
	aside,
	canvas,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section,
	summary,
	time,
	mark,
	audio,
	video
	{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}

	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section
	{
		display: block;
	}

	:focus
	{
		outline: 0;
	}

	ol,
	ul
	{
		list-style: none;
	}

	table
	{
		border-collapse: separate;
		border-spacing: 0;
	}

	caption,
	th,
	td
	{
		text-align: left;
	}

	#main ul
	{
		margin: 0 0 20px 30px;
		padding-left: var(--marginMinAbstand);
	}

	#main .txtBild ul
	{
		padding-left: 10px;
	}

	#main ul.level_1,
	#main ul.level_2
	{
		margin: 0 0 20px 30px;
	}

	#main ul.level_1 > li
	{
		margin: 0 0 20px 0;
	}

	#main ul li
	{
		list-style: disc;
		padding-left: 0;
	}

	blockquote::before,
	blockquote::after,
	q::before,
	q::after
	{
		content: "";
	}

	blockquote,
	q
	{
		quotes: "" "";
	}

	html
	{
		box-sizing: border-box;
	}

	*,
	*::before,
	*::after
	{
		box-sizing: inherit;
	}


	/* ******************** Farben ******************** */

	:root
	{
		--farbe01: rgba(0, 51, 96, 1);
		--farbe02: rgba(0, 158, 227, 1);
		--farbe03: rgba(197, 211, 1, 1);
		--farbe04: rgba(244, 150, 17, 1);

		--farbeTable0: rgba(229, 233, 240, 1);
		--farbeTable1: rgba(204, 213, 226, 0.8);
		--farbeTable2: rgba(179, 191, 213, 0.8);
	}

	.weiß
	{
		color: white;
	}


	/* ******************** Schriftgrößen/-arten ******************** */
	/* https://fontawesome.com/search */

	:root
	{
		--font01: "MerriweatherSansRegular";
		--font02: "MerriweatherSansExtraBold";
		--font11: "FontAwesomeRegular";
		--font12: "FontAwesomeSolid";
		--font13: "FontAwesomeBrands";

		--fontSizeH1: 54px;
		--fontSizeH2: 34px;
		--fontSizeH3: 22px;
		--fontSizeB1: 22px;
		--fontSizeB2: 18px;
		--fontSizeB3: 16px;

		--fontLineH1: 64px;
		--fontLineH2: 46px;
		--fontLineH3: 30px;
		--fontLineB1: 34px;
		--fontLineB2: 28px;
		--fontLineB3: 24px;
	}

	@font-face
	{
		font-family: "MerriweatherSansRegular";
		src: url("../../files/V2/fonts/MerriweatherSans-Regular.woff2") format("woff2"),
			url("../../files/V2/fonts/MerriweatherSans-Regular.woff") format("woff"),
			url("../../files/V2/fonts/MerriweatherSans-Regular.ttf") format("truetype");
	}

	@font-face
	{
		font-family: "MerriweatherSansExtraBold";
		src: url("../../files/V2/fonts/MerriweatherSans-ExtraBold.woff2") format("woff2"),
			url("../../files/V2/fonts/MerriweatherSans-ExtraBold.woff") format("woff"),
			url("../../files/V2/fonts/MerriweatherSans-ExtraBold.ttf") format("truetype");
	}

	@font-face
	{
		font-family: "FontAwesomeRegular";
		src: url("../../files/V2/fonts/fa-regular-400.woff2") format("woff2"),
			url("../../files/V2/fonts/fa-regular-400.ttf") format("truetype");
	}

	@font-face
	{
		font-family: "FontAwesomeSolid";
		src: url("../../files/V2/fonts/fa-solid-900.woff2") format("woff2"),
			url("../../files/V2/fonts/fa-solid-900.ttf") format("truetype");
	}

	@font-face
	{
		font-family: "FontAwesomeBrands";
		src: url("../../files/V2/fonts/fa-brands-400.woff2") format("woff2"),
			url("../../files/V2/fonts/fa-brands-400.ttf") format("truetype");
	}

	p
	{
		margin-bottom: 20px;
	}

	em
	{
		font-style: italic;
	}

	h1
	{
		font-family: var(--font02);
		font-size: var(--fontSizeH1);
		line-height: var(--fontLineH1);
		text-align: left;
	}

	h2
	{
		font-family: var(--font02);
		font-size: var(--fontSizeH2);
		line-height: var(--fontLineH2);
		text-align: left;
		margin-top: var(--marginElementOben);
		margin-bottom: 40px;
		padding-left: 50px;
	}

	h3
	{
		font-family: var(--font02);
		font-size: var(--fontSizeH3);
		line-height: var(--fontLineH3);
		text-align: left;
		margin-bottom: 15px;
		padding-left: 50px;
	}

	h4
	{
		text-align: left;
		margin-bottom: 10px;
		padding-left: 50px;
	}

	video
	{
		width: 100%;
	}

	.body1
	{
		font-family: var(--font01);
		font-size: var(--fontSizeB1);
		line-height: var(--fontLineB1);
		text-align: left;
	}

	.body2
	{
		font-family: var(--font01);
		font-size: var(--fontSizeB2);
		line-height: var(--fontLineB2);
		text-align: left;
	}

	.body3
	{
		font-family: var(--font01);
		font-size: var(--fontSizeB3);
		line-height: var(--fontLineB3);
		text-align: left;
	}

	.bodyFett
	{
		font-family: var(--font02);
	}

	a
	{
		text-decoration: underline;
		white-space: nowrap;
		color: black;
	}

	a[href$=".doc"].icon,
	a[href$=".docx"].icon
	{
		padding: 0 0 1px 20px;
		background: url(../../files/V2/gfx/icons/doc.png) no-repeat;
	}

	a[href$=".exe"].icon
	{
		padding: 0 0 1px 20px;
		background: url(../../files/V2/gfx/icons/exe.png) no-repeat;
	}

	a[href$=".pdf"].icon
	{
		padding: 0 0 1px 20px;
		background: url(../../files/V2/gfx/icons/pdf.png) no-repeat;
	}

	a[href$=".xls"].icon,
	a[href$=".xlsx"].icon
	{
		padding: 0 0 1px 20px;
		background: url(../../files/V2/gfx/icons/xls.png) no-repeat;
	}

	a[href$=".zip"].icon
	{
		padding: 0 0 1px 20px;
		background: url(../../files/V2/gfx/icons/zip.png) no-repeat;
	}

	.abstandElementUnten
	{
		margin-bottom: var(--marginElementUnten) !important;
	}

	.abstandElementUntenKlein
	{
		margin-bottom: var(--marginMinAbstand) !important;
	}

	.downloadBereich a[title]::before
	{
		content: "";
		display: block;
		border-top: 2px solid #000;
		margin: 10px 0;
	}

	.downloadBereich p:last-of-type a[title]::after
	{
		content: "";
		display: block;
		border-top: 2px solid #000;
		margin: 10px 0;
	}

	.downloadBereich a[title]
	{
		background-image: url('../../files/V2/gfx/icons/downloadInaktivT.png');
		background-repeat: no-repeat;
		background-position: right top 1em;
		/* padding-right: -30px; */
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.downloadBereich a[title]:hover
	{
		text-decoration: underline;
		background-image: url('../../files/V2/gfx/icons/downloadAktivT.png');
	}

	.downloadBereich p,
	.txtBild.downloadBereich p
	{
		margin-bottom: 0;
	}

	strong
	{
		font-weight: bold;
	}

	.zentriert
	{
		text-align: center;
	}

	.error
	{
		color: var(--farbe04);
		font-weight: bold;
	}

	.confirm.message
	{
		color: #0c0;
		font-weight: bold;
	}


	/* ******************** Grundstruktur ******************** */

	:root
	{
		--marginMinAbstand: 50px;
		--marginElementOben: 100px;
		--marginElementRechts: 266px;
		--marginElementUnten: 130px;
		--marginElementLinks: 266px;
		--marginBildUnten: 30px;
	}

	body
	{
		background-color: #fafafa;
		font-family: var(--font01);
		font-size: var(--fontSizeB2);
		line-height: var(--fontLineB2);
		color: black;
	}

	html
	{
		height: 100%;
		overflow-y: scroll;
	}

	#wrapper
	{
		width: 1366px;
		margin: 0 auto;
		background-color: white;
	}

	#header
	{
		position: sticky;
		top: 0;
		background-color: white;
		z-index: 100;
	}

	#container
	{
		padding-left: 0;
		padding-right: 0;
	}

	#footer
	{
		margin-top: 150px;
		margin-left: -45px;
	}

	.hidden
	{
		display: none;
	}

	.clearfix
	{
		clear: both;
	}

	h1.ueberschrift
	{
		display: inline-block;
		color: white;
		background-color: var(--farbe02);
		padding: 20px 35px;
		margin: var(--marginMinAbstand) var(--marginMinAbstand) 0 var(--marginMinAbstand);
		hyphens: auto;
	}

	h2.ueberschrift
	{
		margin-left: var(--marginElementLinks);
		margin-right: var(--marginElementRechts);
	}

	table td,
	th
	{
		padding: 5px 10px;
		border-bottom: 1px solid white;
		border-right: 1px solid white;
		vertical-align: top;
		transition: all 0.3s ease;
		hyphens: auto;
	}

	table tr:nth-child(even) td
	{
		background: var(--farbeTable0);
	}

	table th,
	tr:nth-child(odd) td
	{
		background: var(--farbeTable1);
	}

	table tr:hover td
	{
		background: var(--farbeTable2);
		transition: all 0.3s ease;
	}

	video
	{
		padding-left: var(--marginMinAbstand);
		padding-right: var(--marginMinAbstand);
	}

	.ce_text,
	.ce_gallery,
	.ce_html,
	.ce_player,
	.mod_bildnachweise,
	.mod_newslist,
	.mod_newsreader,
	.mod_search,
	.mod_sitemap
	{
		margin: var(--marginElementOben) var(--marginElementRechts) var(--marginElementUnten) var(--marginElementLinks);
		clear: both;
	}

	.kleinerAbstand
	{
		margin-bottom: calc(var(--marginElementUnten) / 2);
	}

	.mod_bildnachweise .zeile:hover
	{
		background-color: var(--farbeTable2);
	}

	.mod_bildnachweise .zelle
	{
		padding: 4px 5px 0 5px;
	}

	.mod_sitemap li.homeSeite.sibling.first
	{
		margin-bottom: 5px !important;
	}

	.mod_sitemap li.submenu.sibling.last
	{
		list-style-type: none !important;
	}

	.mod_sitemap ul.level_2 li
	{
		margin-bottom: 5px;
	}

	.content-gallery ::marker
	{
		list-style: none;
	}
	
	.content-text p
	{
		margin-left: var(--marginMinAbstand);
		margin-right: var(--marginMinAbstand);
	}

	.infofeld
	{
		margin: var(--marginElementOben) var(--marginMinAbstand) var(--marginMinAbstand) var(--marginMinAbstand);
		padding: 80px;
		background-color: var(--farbe02);
		color: white;
	}

	.infofeld h2
	{
		margin-top: 0;
		padding-left: 0;
	}

	.infofeld p
	{
		font-size: var(--fontSizeB1);
		margin-bottom: 9px;
		margin-left: 0;
	}

	.infofeld a
	{
		display: inline-block;
		margin-top: 31px;
		font-family: var(--font02);
		color: white;
		background-color: var(--farbe01);
		font-size: var(--fontSizeB3);
		border: 2px solid var(--farbe01);
		border-radius: 28px;
		padding: 14px 28px;
		cursor: pointer;
		text-decoration: none;
		text-align: center;
	}

	.infofeld a:hover
	{
		background-color: var(--farbe02);
		border: 2px solid white;
	}

	.bildLinks50
	{
		float: left;
		margin-bottom: var(--marginBildUnten);
		margin-left: var(--marginMinAbstand);
	}

	.bildLinks50 img
	{
		width: 617px;
		height: 450px;
	}

	.bildRechts50
	{
		float: right;
		margin-bottom: var(--marginBildUnten);
		margin-right: var(--marginMinAbstand);
	}

	.bildRechts50 img
	{
		width: 617px;
		height: 450px;
	}

	.bildMitte
	{
		display: inline-block;
		margin: 0 var(--marginMinAbstand) var(--marginBildUnten) var(--marginMinAbstand);
		text-align: center;
	}

	.bildMitte h2
	{
		padding-left: 216px;
	}

	.bildMitte img
	{
		width: 100%;
		height: auto;
	}

	.bildMitteKlein
	{
		margin: 0 var(--marginMinAbstand) var(--marginBildUnten) var(--marginMinAbstand);
		text-align: center;
	}

	.bildMitteKlein h2
	{
		padding-left: 216px;
	}

	.bildMitteKlein img
	{
		width: auto;
		height: auto;
	}

	.txtBild,
	.txtBildRechts,
	.txtBildGroß,
	.txtTextLinks,
	.txtTextRechts
	{
		margin: 0 var(--marginMinAbstand) 0 var(--marginMinAbstand);
	}

	.txtBild img,
	.txtBildGroß img
	{
		width: 100%;
		height: auto;
		max-width: 618px;
	}

	.txtBild h2,
	.txtBildGroß h2
	{
		/* padding-left: 216px; */
		padding-left: 0;
	}

	.txtBild h3,
	.txtBild p,
	.txtBildGroß h3,
	.txtBildGroß p
	{
		margin-left: 648px;
	}

	.txtBild h3
	{
		padding-left: 0;
	}

	.txtBild ul,
	.txtBildGroß ul
	{
		margin-left: 668px !important;
	}

	.txtBildRechts h3,
	.txtBildRechts p
	{
		padding-left: 0;
	}

	.txtTextLinks span
	{
		background-color: var(--farbe01);
		height: 618px;
		width: 618px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 94px 75px;
		margin-right: var(--marginMinAbstand);
		float: left;
	}

	.txtTextRechts span
	{
		background-color: var(--farbe01);
		height: 618px;
		width: 618px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 94px 75px;
		margin-left: var(--marginMinAbstand);
		float: right;
	}

	.txtTextLinks span h1,
	.txtTextRechts span h1
	{
		text-align: center;
		color: white;
		padding-bottom: 51px;
		hyphens: auto;
	}

	.txtTextLinks span h2,
	.txtTextRechts span h2
	{
		text-align: center;
		color: var(--farbe02);
		margin-bottom: 0;
	}

	.txtTextLinks > h1,
	.txtTextLinks > h2,
	.txtTextLinks > h3,
	.txtTextLinks > p
	{
		margin-left: 648px;
		hyphens: auto;
	}

	.txtTextRechts > h1,
	.txtTextRechts > h2,
	.txtTextRechts > h3,
	.txtTextRechts > p
	{
		text-align: right;
		margin-right: 648px;
		hyphens: auto;
	}

	#divUeberuns
	{
		margin: 0 calc(var(--marginMinAbstand) - 40px) var(--marginElementUnten) var(--marginLinksRechts);
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#divUeberuns .imgRaster
	{
		width: 402px;
		height: 402px;
		cursor: pointer;
		margin-right: 30px;
		margin-bottom: 30px;
	}

	#divUeberuns .imgRasterHoverPfeil
	{
		z-index: 60;
		position: absolute;
		user-select: none;
		font-size: var(--fontSizeB3);
	}

	#divUeberuns .imgRasterHoverPfeil::after
	{
		content: "";
		display: block;
		position: absolute;
		top: 120px;
		right: 20px;
		width: 30px;
		height: 22px;
		background-image: url(../../files/V2/gfx/icons/pfeil_mehr-infos.svg);
		background-size: cover;
	}

	#divUeberuns .imgRasterHoverText
	{
		z-index: 50;
		display: none;
		position: absolute;
		user-select: none;
		background-color: var(--farbe01);
		padding: 64px 20px 20px 20px;
		cursor: pointer;
		color: white;
		font-size: var(--fontSizeB3);
		text-align: left;
		/* hyphens: auto; */
	}

	#divUeberuns .imgRasterHoverText::after
	{
		content: "";
		display: block;
		position: absolute;
		top: 20px;
		right: 20px;
		width: 22px;
		height: 22px;
		background-image: url(../../files/V2/gfx/icons/menuX.svg);
		background-size: cover;
	}

	#divUeberuns .imgRasterHoverName
	{
		z-index: 51;
		display: none;
		position: absolute;
		user-select: none;
		color: white;
		font-family: var(--font02);
		font-size: var(--fontSizeH3);
		line-height: var(--fontLineH3);
	}


	/* ******************** Header ******************** */

	#header a
	{
		text-decoration: none;
	}

	#divBurger
	{
		width: 80px;
		height: 80px;
		background-color: var(--farbe01);
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		background-image: url(../../files/V2/gfx/icons/menuBurger.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: auto;
		color: white;
	}

	#divHeaderRechts
	{
		text-align: right;
		line-height: 80px;
	}

	#divHeaderRechts input
	{
		font-family: var(--font01);
		font-size: var(--fontSizeB2);
		border-radius: 18px;
		border: 2px solid var(--farbe01);
		width: 191px;
		height: 36px;
		padding-left: 15px;
		padding-right: 35px;
		margin-left: 20px;
		background: url(../../files/V2/gfx/icons/lupe.svg) no-repeat right 15px center;
	}

	#divHeaderRechts input::placeholder
	{
		color: #777;
		opacity: 1;
	}

	#avusLogo
	{
		width: 136px;
		padding-top: 15px;
		margin-left: 40px;
		margin-right: 20px;
		display: inline-block;
		vertical-align: top;
	}


	/* ******************** Footer ******************** */

	#footer a
	{
		text-decoration: none;
	}

	.footerFlex
	{
		display: flex;
	}

	.footerFlex .links
	{
		display: flex;
		margin-left: 45px;
		align-items: center;
		flex-direction: column;
		justify-content: flex-end;
		padding-bottom: 72px;
		background-image: url(../../files/V2/gfx/Services_Kreiselement.png);
		background-position: center top;
		background-size: 364px 299px;
		background-repeat: no-repeat;
		flex-shrink: 0;
	}

	#avusKreis
	{
		position: absolute;
		bottom: 0;
		width: 364px;
		height: 299px;
		color: #fff;
	}

	#avusKreis h3
	{
		font-size: 24px;
		margin-bottom: 1em;
	}

	.footerFlex .mitte
	{
		margin-left: 446px;
		margin-bottom: 51px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}

	.footerFlex .rechts
	{
		flex: 1;
		margin-left: 35px;
		margin-right: var(--marginMinAbstand);
		margin-bottom: 51px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-end;
	}

	.footerFlex .rechts div
	{
		text-align: right;
	}

	.footerFlex .footerTrenner
	{
		height: 20px;
	}

	#scrollToTopButton
	{
		position: fixed;
		bottom: 150px;
		right: calc(100% / 2 - 663px);
	}

	#scrollToTopButton:hover
	{
		content: url("../../files/V2/gfx/icons/back-to-top-hover.svg");
	}


	/* ******************** Navigation ******************** */

	#navMainVerstecken
	{
		position: absolute;
		display: none;
		background-color: #fafafa;
		z-index: 999;
		width: 400px;
		height: 100vh;
		top: 0;
		left: -400px;
	}

	#navMainClose
	{
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 990;
		display: none;
	}

	#divBurgerClose
	{
		width: 80px;
		height: 80px;
		background-color: var(--farbe01);
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		background-image: url(../../files/V2/gfx/icons/menuX.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: auto;
	}

	#header div.nav_main
	{
		position: absolute;
		display: none;
		background-color: var(--farbe01);
		color: white;
		z-index: 998;
		padding: 30px 30px 30px 60px;
		width: 400px;
		min-height: 763px;
		top: 0;
		left: -400px;
	}

	#header div.nav_main span
	{
		color: white;
	}

	#header div.nav_main nav ul li
	{
		margin-bottom: 1em;
	}

	#header div.nav_main nav ul li.navMainAbstand
	{
		margin-top: 4em;
	}

	#header div.nav_main a span:hover
	{
		/*
		text-decoration: underline;
		text-decoration-color: var(--farbe02);
		text-decoration-thickness: 3px;
		*/
		border-bottom: 3px solid var(--farbe02);
	}

	#header div.nav_main li.nurMobil,
	#footer.nurMobil
	{
		display: none;
	}

	.menuAnker
	{
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-start;
		gap: 20px;
	}

	.buttonAnker
	{
		font-family: var(--font02);
		color: white;
		background-color: var(--farbe02);
		font-size: var(--fontSizeB2);
		border: 2px solid var(--farbe02);
		border-radius: 28px;
		padding: 14px 28px;
		cursor: pointer;
	}

	.buttonAnker:hover
	{
		background-color: var(--farbe01);
		border: 2px solid var(--farbe01);
	}

	a.linkHeader
	{
		margin-left: 20px;
	}

	a.sucheHeaderMobile
	{
		border: 2px solid var(--farbe01);
		border-radius: 28px;
		margin-left: 20px;
		padding: 6px 8px;
		display: none;
	}

	a.sucheHeaderMobile > img
	{
		vertical-align: sub;
	}

	.linkButtonHeader
	{
		font-family: var(--font02);
		color: white;
		background-color: var(--farbe04);
		font-size: var(--fontSizeB3);
		border: 2px solid var(--farbe04);
		border-radius: 36px;
		padding: 8px 18px;
		cursor: pointer;
		margin-left: 20px;
		text-decoration: none;
	}

	.linkButtonFooter
	{
		font-family: var(--font02);
		color: white;
		background-color: var(--farbe02);
		font-size: var(--fontSizeB3);
		border: 2px solid var(--farbe02);
		border-radius: 36px;
		padding: 8px 18px;
		cursor: pointer;
		margin-left: 20px;
		text-decoration: none;
		line-height: 1.2em;
	}


	/* ******************** Galerie ******************** */

	.ce_gallery
	{
		margin: 0;
	}

	.ce_gallery h2
	{
		padding-left: 15px;
	}

	.ce_gallery ul
	{
		list-style: none;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 !important;
	}

	.ce_gallery ul > li
	{
		list-style: none !important;
		margin-bottom: 7px;
	}

	.ce_gallery figure
	{
		/* border: 1px dashed black; */
		width: 270px;
		height: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 2px;
	}

	.ce_gallery figure img
	{
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
	}

	.ce_gallery.logos
	{
		margin: calc(var(--marginElementUnten) * -1 - 15px + 60px) calc(var(--marginElementRechts) - 15px) var(--marginElementUnten) calc(var(--marginElementLinks) - 15px);
	}

	.ce_gallery.logos ul
	{
		justify-content: start;
	}

	.ce_gallery.logos ul > li
	{
		margin-bottom: 0;
	}

	.ce_gallery.logos figure
	{
		/* border: 1px dashed black; */
		width: 186px;
		height: 80px;
		margin: 15px;
	}


	/* ******************** Slider Home ******************** */

	.ce_sliderStart.sliderHome
	{
		height: 683px;
		text-align: center;
		/* margin-bottom: var(--marginElementUnten); */
	}

	.ce_sliderStart.sliderHome a
	{
		text-decoration: none;
	}

	.ce_sliderStart.sliderHome .content-slider img
	{
		object-fit: cover;
		height: 683px;
	}

	.ce_sliderStart.sliderHideControl .slider-menu
	{
		visibility: hidden;
	}

	.ce_sliderStart.sliderHome .slider-control a.slider-prev
	{
		visibility: hidden;
	}

	.ce_sliderStart.sliderHome .slider-control .slider-menu
	{
		position: relative;
		width: auto;
		left: 0;
		margin-left: 0;
		top: -50px;
		font-size: 35px;
	}

	.ce_sliderStart.sliderHome .slider-control .slider-menu b
	{
		float: left;
		padding: 0;
	}

	.ce_sliderStart.sliderHome .slider-control .slider-menu b.active
	{
		color: var(--farbe04);
	}

	.ce_sliderStart.sliderHome .slider-control a.slider-next
	{
		visibility: hidden;
	}

	.ce_sliderStart.sliderHome:hover .slider-control a.slider-prev::after
	{
		visibility: visible;
		font-family: var(--font12);
		font-size: 80px;
		content: '\0f0d9';
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		width: 100px;
		height: 0;
		top: -342px;
		left: 0;
		opacity: 0.5;
	}

	.ce_sliderStart.sliderHideControl:hover .slider-control a.slider-prev::after
	{
		visibility: hidden;
	}

	.ce_sliderStart.sliderHome:hover .slider-control a.slider-next::after
	{
		visibility: visible;
		font-family: var(--font12);
		font-size: 80px;
		content: '\0f0da';
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		width: 100px;
		height: 0;
		top: -342px;
		right: 0;
		opacity: 0.5;
	}

	.ce_sliderStart.sliderHideControl:hover .slider-control a.slider-next::after
	{
		visibility: hidden;
	}

	.ce_sliderStart.sliderHome figcaption h1
	{
		margin-bottom: calc(var(--fontSizeH1) * -1 + 20px);
	}

	.sliderImageText
	{
		height: 100vh;
	}

	.sliderAvusImage
	{
		float: left;
		width: 683px;
		height: 683px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 4px;
	}

	.sliderAvusImage img
	{
		object-fit: fill !important;
	}

	.sliderAvusText
	{
		width: 683px;
		height: 683px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-color: var(--farbe01);
		padding: 94px 75px;
	}

	.sliderAvusText a
	{
		white-space: normal;
	}

	.sliderAvusText h1
	{
		text-align: center;
		color: white;
		padding-bottom: 51px;
		/* hyphens: auto; */
	}

	.sliderAvusText h2
	{
		text-align: center;
		color: var(--farbe02);
		margin-bottom: 0;
	}


	/* ******************** News ******************** */

	/* Vorschau Liste */
	.mod_newslist h2 a
	{
		text-decoration: none;
		white-space: normal;
	}

	.mod_newslist .image_container
	{
		float: left;
		padding-right: 40px;
		padding-bottom: 50px;
	}

	.mod_newslist .image_container img
	{
		width: 200px;
		height: auto;
	}

	.mod_newslist .newslistText
	{
		float: left;
		width: calc(100% - 240px);
		padding-bottom: 50px;
	}

	.mod_newslist .more
	{
		margin-top: -10px;
	}

	.mod_newslist .noLink .more
	{
		display: none;
	}

	.mod_newslist .noLink h2,
	.mod_newslist .noLink img,
	.mod_newslist .noLink a
	{
		pointer-events: none;
		cursor: default;
	}

	.mod_newslist .newslistText .ce_text
	{
		margin: 0 0 20px 0;
	}

	.mod_newslist div.ce_text.bildLinks.block p,
	.mod_newslist div.ce_text.bildLinks.block h3
	{
		margin-left: 180px;
	}

	.mod_newslist div.ce_text.bildLinks.block h3
	{
		margin-bottom: 50px;
	}

	.mod_newslist div.ce_text.bildLinks.block ul
	{
		margin-left: 210px !important;
	}

	/* Seitennavigation */
	.mod_newslist .pagination p
	{
		float: left;
		padding-top: 0;
		padding-bottom: 0;
	}

	.mod_newslist .pagination ul,
	.pagination li
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.mod_newslist .pagination ul
	{
		float: right;
	}

	.mod_newslist .pagination li
	{
		float: left;
		display: block;
	}

	/* alle Items */
	.mod_newslist .pagination a,
	.pagination span
	{
		display: block;
		padding: 5px;
		text-decoration: none;
	}

	/* alle Nummern */
	.mod_newslist .pagination a.link,
	.pagination span,
	.pagination .active
	{
		padding-left: 10px;
		position: relative;
	}

	.mod_newslist .pagination a.link::before,
	.pagination span::before,
	.pagination span::before,
	.pagination .active::before
	{
		content: "·";
		position: absolute;
		left: 0;
		font-weight: bold;
	}

	/* aktiver Punkt */
	.mod_newslist .pagination .active
	{
		display: block;
		padding: 5px;
		font-weight: bold;
		text-decoration: none;
		color: var(--farbe02);
	}

	/* erste Nummer wieder zurücksetzen */
	.mod_newslist .pagination li[class] + li a.link,
	.pagination li:first-child a.link,
	.pagination li[class] + li span,
	.pagination li:first-child span
	{
		padding-left: 5px;
	}

	.mod_newslist .pagination li[class] + li a.link::before,
	.pagination li:first-child a.link::before,
	.pagination li[class] + li span::before,
	.pagination li:first-child span::before
	{
		display: none;
	}

	/* Detailansicht */
	.mod_newsreader .ce_text
	{
		margin: 0 0 20px 0;
		float: left;
	}

	.mod_newsreader .ce_gallery
	{
		padding-top: 30px;
	}

	.mod_newsreader .ce_text .image_container
	{
		float: left;
		padding: 3px 50px 50px 0;
	}

	.mod_newsreader .ce_text .image_container img
	{
		width: 400px;
		height: auto;
	}

	.mod_newsreader .back
	{
		background: var(--farbe4);
		transition: background 0.3s ease;
		text-align: center;
		width: 100px;
		margin: 30px auto 0 auto;
	}

	.mod_newsreader .back:hover
	{
		background: var(--farbe4h);
	}

	.mod_newsreader .back a
	{
		font-family: var(--font02);
		color: white;
		background-color: var(--farbe02);
		font-size: var(--fontSizeB3);
		border: 1px solid var(--farbe02);
		border-radius: 18px;
		padding: 8px 18px;
		cursor: pointer;
		display: block;
	}

	.mod_newsreader h1
	{
		margin-bottom: 1em;
	}


	/* ******************** Login / Logout ******************** */

	.loginfeld
	{
		padding: 80px 216px;
		background-color: var(--farbe01);
		color: white;
	}

	.mod_login input,
	.mod_lostPassword input
	{
		width: 402px;
		height: 50px;
		border: 2px solid #ccc;
		border-radius: 25px;
		outline: none;
		background-color: var(--farbe01);
		color: white;
		margin-bottom: 20px;
		padding-left: 25px;
		font-family: var(--font01);
		font-size: var(--fontSizeB3);
		line-height: var(--fontLineB3);
	}

	.mod_login input::placeholder,
	.mod_lostPassword input::placeholder
	{
		color: white;
		opacity: 1;
	}

	.mod_login .pwvergessenLogin
	{
		margin: 20px 0 40px 0;
	}

	.mod_login .pwvergessenLogin div:nth-child(2)
	{
		text-align: right;
	}

	.mod_login .buttonAnker:hover,
	.mod_lostPassword .buttonAnker:hover
	{
		background-color: var(--farbe01);
		border: 2px solid white;
	}

	.mod_lostPassword .zurueck
	{
		margin: 20px 0 64px 0;
	}

	.mod_lostPassword label
	{
		display: none;
	}

	.mod_login hr
	{
		margin: 10px 0;
		border: 1px solid black;
	}

	.mod_login .login_info
	{
		float: left;
		line-height: 50px;
		display: contents;
	}

	.mod_login button
	{
		float: right;
		margin-top: 5px;
	}


	/* ******************** Kontakt ******************** */

	.divFirmensitz
	{
		display: flex;
		justify-content: space-between;
	}

	.divFirmensitz div
	{
		/* border: 1px solid #ccc; */
		box-sizing: border-box;
		white-space: nowrap;
	}

	.divFirmensitz a
	{
		text-decoration: underline;
	}

	.divAnsprechpartner
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 var(--marginMinAbstand) var(--marginElementUnten) var(--marginMinAbstand);
	}

	.divAnsprechpartner a
	{
		text-decoration: underline;
		color: white;
	}

	.divAnsprechpartner .divPerson
	{
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
		/* white-space: nowrap; */
		hyphens: auto;
		margin-top: 30px;
	}

	.divAnsprechpartner .divPerson div
	{
		box-sizing: border-box;
		width: 309px;
		height: 309px;
	}

	.divAnsprechpartner .divPerson div:nth-child(2)
	{
		background-color: var(--farbe01);
		color: white;
		padding: 40px 30px 0 30px;
	}

	#kontaktForm .formbody
	{
		display: flex;
		flex-wrap: wrap;
	}

	#kontaktForm a
	{
		text-decoration: underline;
	}

	#kontaktForm input[type="text"],
	#kontaktForm input[type="email"],
	#kontaktForm input[type="tel"],
	#kontaktForm select
	{
		width: 402px;
		height: 50px;
		border: 2px solid #ccc;
		border-radius: 25px;
		outline: none;
		color: black;
		margin-bottom: 20px;
		padding-left: 25px;
	}

	#kontaktForm select
	{
		width: 100%;
	}

	#kontaktForm textarea
	{
		width: 100%;
		height: 234px;
		border: 2px solid #ccc;
		border-radius: 5px;
		outline: none;
		color: black;
		margin-bottom: 20px;
		padding: 20px 25px;
		font-family: var(--font01);
		font-size: var(--fontSizeB3);
		line-height: var(--fontLineB3);
	}

	#kontaktForm input[type="text"]::placeholder,
	#kontaktForm input[type="email"]::placeholder,
	#kontaktForm input[type="tel"]::placeholder,
	#kontaktForm textarea::placeholder
	{
		color: black;
		opacity: 1;
	}

	#kontaktForm input.captcha
	{
		width: 4em;
	}

	#kontaktForm select::-ms-expand
	{
		display: none;
	}

	#kontaktForm select
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: white url(../../files/V2/gfx/icons/avus-dropdown.svg) no-repeat right center;
	}

	#kontaktForm select option
	{
		background-color: var(--farbe01);
		color: white;
		padding: 5px;
		border: 1px solid whie;
	}

	#kontaktForm .select label
	{
		display: block;
		font-family: var(--font02);
		font-size: var(--fontSizeH3);
		line-height: var(--fontLineH3);
		text-align: left;
		margin-bottom: 10px;
	}

	#kontaktForm button
	{
		font-family: var(--font02);
		color: white;
		background-color: var(--farbe01);
		font-size: var(--fontSizeB2);
		border: 2px solid var(--farbe01);
		border-radius: 28px;
		margin-top: 10px;
		padding: 14px 28px;
		cursor: pointer;
	}

	#kontaktForm button:hover
	{
		color: var(--farbe01);
		background-color: transparent;
	}

	#kontaktForm .widget-container.rechts
	{
		margin-left: auto;
	}

	#kontaktForm .widget-container.mitte
	{
		margin-top: 60px;
	}


	/* ******************** Suche ******************** */

	#divHeaderRechts > div
	{
		display: inline-table;
	}

	.mod_search p.header,
	.mod_search p.info,
	.mod_search p.url
	{
		margin-bottom: var(--marginMinAbstand);
	}

	.mod_search p.header strong
	{
		color: var(--farbe02);
	}

	.mod_search p.info
	{
		font-style: italic;
	}

	.mod_search h3 > span.relevance
	{
		font-size: 80%;
	}

	.mod_search a
	{
		text-decoration: underline;
	}

	.mod_search div.formbody
	{
		display: flex;
		margin-bottom: 20px;
	}

	.mod_search mark.highlight
	{
		background-color: var(--farbe02);
	}

	.mod_search input[type="search"]
	{
		width: 402px;
		height: 50px;
		border: 2px solid #ccc;
		border-radius: 25px;
		outline: none;
		color: black;
		padding-left: 25px;
	}

	.mod_search button
	{
		font-family: var(--font02);
		color: white;
		background-color: var(--farbe01);
		font-size: var(--fontSizeB2);
		border: 2px solid var(--farbe01);
		border-radius: 28px;
		margin-left: 20px;
		padding: 14px 28px;
		cursor: pointer;
	}

	.mod_search button:hover
	{
		color: var(--farbe01);
		background-color: transparent;
	}


	/* ******************** AGBs ******************** */

	.agb h3,
	.agb§ h3
	{
		margin-bottom: 2em;
	}

	.agb ol
	{
		list-style-type: none;
		counter-reset: section;
		margin-bottom: var(--marginMinAbstand);
	}

	.agb li strong,
	.agb§ li strong,
	.agb§ ol li ol li strong
	{
		display: inline-block;
		margin-bottom: 1em;
	}

	.agb li
	{
		counter-increment: section;
		margin-bottom: 1em;
	}

	.agb > ol > li > ol > li
	{
		display: flex;
		align-items: flex-start;
	}

	.agb > ol > li::before
	{
		font-weight: bold;
	}

	.agb li::before
	{
		content: counters(section, ".") " ";
		font-weight: normal;
		margin-right: 1em;
	}

	.agb§ ol
	{
		list-style-type: none;
		counter-reset: section1;
		margin-bottom: var(--marginMinAbstand);
	}

	.agb§ li
	{
		counter-increment: section1;
		margin-bottom: 1em;
	}

	.agb§ > ol > li > ol > li
	{
		counter-increment: section2;
	}

	.agb§ > ol > li > ol > li > ol > li
	{
		counter-increment: section3;
		display: flex;
		align-items: flex-start;
	}

	.agb§ > ol > li::before
	{
		content: "§ " counters(section1, ".") " ";
		font-weight: bold;
		margin-right: 1em;
	}

	.agb§ > ol > li > ol > li::before
	{
		content: counters(section2, ".") " ";
		font-weight: normal;
		margin-right: 1em;
	}

	.agb§ > ol > li > ol > li > ol > li::before
	{
		content: counters(section2, ".") "." counters(section3, ".") " ";
		font-weight: normal;
		margin-right: 1em;
	}


	/* ******************** Bildnachweise ******************** */

	.mod_bildnachweise .tabelle
	{
		display: table;
	}

	.mod_bildnachweise .zeile
	{
		display: table-row;
	}

	.mod_bildnachweise .zeile:hover
	{
		background-color: var(--farbe1h);
	}

	.mod_bildnachweise .zelle
	{
		display: table-cell;
		padding-right: 20px;
		vertical-align: middle;
	}
}



/* ************************************************************ Tablett ************************************************************ */
/* ************************************************************ Tablett ************************************************************ */
/* ************************************************************ Tablett ************************************************************ */

@media only screen and (max-width: 1365px)
{
	/* ******************** Schriftgrößen/-arten ******************** */

	:root
	{
		--fontSizeH1: 44px;
		/* 54px */
		--fontSizeH2: 30px;
		/* 34px */
		--fontSizeH3: 18px;
		/* 22px */
		--fontSizeB1: 18px;
		/* 22px */
		--fontSizeB2: 15px;
		/* 18px */
		--fontSizeB3: 13px;
		/* 16px */

		--fontLineH1: 54px;
		/* 64px */
		--fontLineH2: 40px;
		/* 46px */
		--fontLineH3: 25px;
		/* 30px */
		--fontLineB1: 30px;
		/* 34px */
		--fontLineB2: 24px;
		/* 28px */
		--fontLineB3: 20px;
		/* 24px */
	}

	:root
	{
		--marginMinAbstand: 30px;
		--marginElementOben: 0;
		--marginElementRechts: 50px;
		--marginElementUnten: 60px;
		--marginElementLinks: 50px;
		--marginBildUnten: 20px;
	}

	h1.ueberschrift
	{
		padding: 10px 15px;
		margin: var(--marginMinAbstand) var(--marginMinAbstand) var(--marginMinAbstand) var(--marginMinAbstand);
	}

	h2
	{
		margin-bottom: var(--marginMinAbstand);
	}

	.downloadBereich a[title]
	{
		background-position: right top 1.2em;
		background-size: 1.4em;
	}


	/* ******************** Grundstruktur ******************** */

	#wrapper
	{
		/* background-color: lightblue; */
		width: 100%;
	}

	#footer
	{
		margin-top: 110px;
	}

	p
	{
		margin-bottom: 10px;
	}

	.txtBild img,
	.txtBildGroß img
	{
		width: 100%;
		height: auto;
		max-width: 480px;
	}

	.bildMitte h2
	{
		padding-left: 0;
	}

	.txtBild h2,
	.txtBildGroß h2
	{
		padding-left: 0;
	}

	.txtBild h3,
	.txtBild p,
	.txtBildGroß h3,
	.txtBildGroß p
	{
		margin-left: 500px;
		hyphens: auto;
	}

	.txtBild ul,
	.txtBildGroß
	{
		margin-left: 15px !important;
		hyphens: auto;
	}


	/* ******************** Header ******************** */

	.infofeld
	{
		padding: 50px;
	}


	/* ******************** Footer ******************** */

	.footerFlex .links
	{
		background-size: 182px 150px;
		padding-bottom: 10px;
		background-position: center bottom;
	}

	#avusKreis
	{
		width: 182px;
		height: 150px;
	}

	#avusKreis h3
	{
		font-size: 14px;
		margin-bottom: 0.5em;
	}

	#avusKreis p
	{
		margin-bottom: 25px;
	}

	.footerFlex .mitte
	{
		white-space: nowrap;
	}

	.footerFlex .mitte
	{
		margin-bottom: 0;
		margin-left: 250px;
	}

	.footerFlex .rechts
	{
		margin-bottom: 0;
		margin-left: 15px;
	}

	.footerFlex .mitte p,
	.footerFlex .rechts p
	{
		margin-bottom: 15px;
	}

	#scrollToTopButton
	{
		position: fixed;
		bottom: 100px;
		right: 10px;
		width: 45px;
	}


	/* ******************** Navigation ******************** */

	.linkButtonHeader
	{
		border-radius: 36px;
		padding: 8px 18px;
	}


	/* ******************** Slider Home ******************** */

	.ce_sliderStart.sliderHome
	{
		height: calc(100vw / 2);
	}

	.ce_sliderStart.sliderHome .content-slider img
	{
		height: calc(100vw / 2);
	}

	.ce_sliderStart.sliderHome .slider-control .slider-menu
	{
		top: -30px;
	}

	.ce_sliderStart.sliderHome:hover .slider-control a.slider-prev::after
	{
		top: calc(100vw / 4 * -1);
	}

	.ce_sliderStart.sliderHome:hover .slider-control a.slider-next::after
	{
		top: calc(100vw / 4 * -1);
	}

	.sliderAvusImage
	{
		width: calc(100vw / 2);
		height: calc(100vw / 2);
	}

	.sliderAvusText
	{
		width: calc(100vw / 2);
		height: calc(100vw / 2);
		padding: 30px;
	}

	.sliderAvusText h1
	{
		font-size: 200%;
		line-height: 1.3em;
		padding-bottom: 30px;
	}

	.sliderAvusText h2
	{
		font-size: 150%;
		line-height: 1.3em;
	}


	/* ******************** Login / Logout ******************** */

	.loginfeld
	{
		padding: 80px 125px;
		max-width: 650px;
		margin-left: auto;
		margin-right: auto;
	}


	/* ******************** Kontakt ******************** */

	.divFirmensitz
	{
		max-width: 800px;
	}

	#kontaktForm .formbody
	{
		max-width: 650px;
	}

	#kontaktForm input[type="text"],
	#kontaktForm input[type="email"],
	#kontaktForm input[type="tel"],
	#kontaktForm select
	{
		width: 300px;
	}

	#kontaktForm input.captcha
	{
		width: 4.75em;
	}

	#kontaktForm select
	{
		width: 100%;
	}
}



/* ************************************************************ Handy ************************************************************ */
/* ************************************************************ Handy ************************************************************ */
/* ************************************************************ Handy ************************************************************ */

@media only screen and (max-width: 700px)
{
	/* ******************** Schriftgrößen/-arten ******************** */

	:root
	{
		--fontSizeH1: 28px;
		/* 54px */
		--fontSizeH2: 22px;
		/* 34px */
		--fontSizeH3: 16px;
		/* 22px */
		--fontSizeB1: 16px;
		/* 22px */
		--fontSizeB2: 16px;
		/* 18px */
		--fontSizeB3: 16px;
		/* 16px */

		--fontLineH1: 45px;
		/* 64px */
		--fontLineH2: 31px;
		/* 46px */
		--fontLineH3: 24px;
		/* 30px */
		--fontLineB1: 24px;
		/* 34px */
		--fontLineB2: 24px;
		/* 28px */
		--fontLineB3: 24px;
		/* 24px */
	}

	:root
	{
		--marginMinAbstand: 25px;
		--marginElementOben: 0;
		--marginElementRechts: 40px;
		--marginElementUnten: 50px;
		--marginElementLinks: 40px;
		--marginBildUnten: 20px;
		--marginLinksRechts: 20px;
	}

	h1.ueberschrift
	{
		padding: 14px 14px;
		line-height: 1em;
		margin: var(--marginMinAbstand) var(--marginLinksRechts) var(--marginMinAbstand) var(--marginLinksRechts);
	}

	h2
	{
		margin-bottom: var(--marginMinAbstand);
	}

	.infofeld a
	{
		border-radius: 28px;
		padding: 7px 14px;
		white-space: unset;
	}

	.downloadBereich a[title]
	{
		background-position: right top 1.4em;
		background-size: 1.6em;
	}


	/* ******************** Grundstruktur ******************** */

	#wrapper
	{
		/* background-color: yellow; */
		min-width: 340px;
	}

	#header
	{
		height: 70px;
	}

	#divBurger
	{
		width: 70px;
		height: 70px;
	}

	#footer
	{
		margin-top: 75px;
	}

	h2.ueberschrift
	{
		margin-left: var(--marginLinksRechts);
		margin-right: var(--marginLinksRechts);
	}

	.mobileAusblenden
	{
		display: none !important;
	}

	.txtBild img,
	.txtBildGroß img
	{
		max-width: 100%;
	}

	.ce_text,
	.ce_gallery,
	.ce_html,
	.ce_player,
	.mod_bildnachweise,
	.mod_newslist,
	.mod_newsreader,
	.mod_search,
	.mod_sitemap
	{
		margin: var(--marginElementOben) var(--marginLinksRechts) calc(var(--marginMinAbstand) * 1.5) var(--marginLinksRechts);
	}

	.bildLinks50
	{
		float: none;
		margin-left: var(--marginMinAbstand);
		margin-right: var(--marginMinAbstand);
		margin-bottom: var(--marginBildUnten);
		text-align: center;
	}

	.bildLinks50 img
	{
		max-width: 620px;
		width: 66%;
		height: auto;
	}

	.bildRechts50
	{
		float: none;
		margin-left: var(--marginMinAbstand);
		margin-right: var(--marginMinAbstand);
		margin-bottom: var(--marginBildUnten);
		text-align: center;
	}

	.bildRechts50 img
	{
		max-width: 620px;
		width: 66%;
		height: auto;
	}

	.bildMitte
	{
		margin: 0 var(--marginLinksRechts) var(--marginBildUnten) var(--marginLinksRechts);
	}

	.bildMitte img
	{
		width: 100%;
		height: auto;
	}

	.txtBild,
	.txtBildGroßm,
	.txtTextLinks,
	.txtTextRechts
	{
		margin: 0 var(--marginLinksRechts) var(--marginElementUnten) var(--marginLinksRechts);
	}

	.txtBild figure.float_left,
	.txtBildGroß figure.float_left
	{
		margin-right: 0;
	}

	.txtBild figure.float_right,
	.txtBildGroß figure.float_right
	{
		margin-left: 0;
	}

	.txtBild img,
	.txtBildGroß img
	{
		margin-bottom: 15px;
	}

	.txtBild figure,
	.txtBildGroß figure
	{
		float: none;
	}

	.txtBild h3,
	.txtBild p,
	.txtBildGroß h3,
	.txtBildGroß p
	{
		margin-left: 0;
		hyphens: none;
	}

	.txtBild ul,
	.txtBildGroß ul
	{
		hyphens: none;
	}

	.txtTextLinks span
	{
		height: auto;
		width: 100%;
		max-height: 618px;
		max-width: 618px;
		padding: 47px 36px;
		margin-bottom: var(--marginMinAbstand);
	}

	.txtTextRechts span
	{
		height: auto;
		width: 100%;
		max-height: 618px;
		max-width: 618px;
		padding: 47px 36px;
		margin-bottom: var(--marginMinAbstand);
	}

	.txtTextLinks > h1,
	.txtTextLinks > h2,
	.txtTextLinks > h3,
	.txtTextLinks > p
	{
		margin-left: 0;
	}

	.txtTextRechts > h1,
	.txtTextRechts > h2,
	.txtTextRechts > h3,
	.txtTextRechts > p
	{
		text-align: left;
		margin-right: 0;
	}

	#divUeberuns .imgRaster
	{
		width: 302px;
		height: 302px;
		cursor: pointer;
		margin-right: 30px;
		margin-bottom: 30px;
	}

	#divUeberuns .imgRasterHoverPfeil
	{
		z-index: 60;
		position: absolute;
		user-select: none;
		font-size: var(--fontSizeB3);
	}

	#divUeberuns .imgRasterHoverPfeil::after
	{
		content: "";
		display: block;
		position: absolute;
		top: 120px;
		right: 20px;
		width: 30px;
		height: 22px;
		background-image: url(../../files/V2/gfx/icons/pfeil_mehr-infos.svg);
		background-size: cover;
	}

	#divUeberuns .imgRasterHoverText
	{
		z-index: 50;
		display: none;
		position: absolute;
		user-select: none;
		background-color: var(--farbe01);
		padding: 64px 20px 20px 20px;
		cursor: pointer;
		color: white;
		font-size: 13px;
		line-height: 1.4em;
		text-align: left;
		/* hyphens: auto; */
	}

	#divUeberuns .imgRasterHoverText::after
	{
		content: "";
		display: block;
		position: absolute;
		top: 20px;
		right: 20px;
		width: 22px;
		height: 22px;
		background-image: url(../../files/V2/gfx/icons/menuX.svg);
		background-size: cover;
	}

	#divUeberuns .imgRasterHoverName
	{
		z-index: 51;
		display: none;
		position: absolute;
		user-select: none;
		color: white;
		font-family: var(--font02);
		font-size: var(--fontSizeH3);
		line-height: var(--fontLineH3);
	}


	/* ******************** Header ******************** */

	.infofeld
	{
		padding: 25px;
	}

	#txtSuche
	{
		display: none;
	}

	#divHeaderRechts
	{
		line-height: 70px;
	}

	#divHeaderRechts .ce_form
	{
		display: none;
	}

	a.sucheHeaderMobile
	{
		display: inline;
		padding: 6px 15px;
		margin-left: 10px;
	}

	#avusLogo
	{
		width: 100px;
		padding-top: 0;
		margin-top: -7px;
		margin-left: 10px;
		margin-right: 10px;
		vertical-align: middle;
	}


	/* ******************** Footer ******************** */

	#footer
	{
		position: relative;
	}

	#footer a
	{
		color: white;
	}
	
	#footer .unterhalb-halbkreis
	{
		/* width: 100%; */
		margin-top: -7px;
	}

	#footer .text-im-vordergrund
	{
		position: absolute;
		top: 0;
		z-index: 2;
		padding-top: calc(100% / 3);
		padding-left: calc(var(--marginLinksRechts) + 45px);
		color: white;
	}

	#footer .footerTrenner30
	{
		height: 30px;
	}

	#footer .footerTrenner
	{
		height: 50px;
	}

	#scrollToTopButton
	{
		position: fixed;
		bottom: 10px;
		right: 10px;
		width: 55px;
		z-index: 10;
	}

	/* ******************** Navigation ******************** */

	#header div.nav_main
	{
		position: fixed;
		padding: 30px 30px 30px 60px;
		height: 100%;
		width: 100%;
		left: -300px;
		font-size: 133%;
	}

	#header div.nav_main nav ul li
	{
		margin-bottom: 1.2em;
	}

	#header div.nav_main li.nurMobil,
	#footer.nurMobil
	{
		display: block;
	}

	#footer.nurDesktop
	{
		display: none;
	}

	.menuAnker
	{
		gap: 10px;
	}

	.buttonAnker
	{
		border-radius: 28px;
		padding: 10px 22px;
	}

	.linkButtonHeader
	{
		border-radius: 28px;
		padding: 7px 14px;
		margin-left: 10px;
	}

	.linkButtonFooter
	{
		border-radius: 25px;
		padding: 10px 22px;
		margin-left: 10px;
	}

	.linkButtonFooter:first-child
	{
		margin-left: 0;
	}


	/* ******************** Suche ******************** */

	.mod_search div.formbody
	{
		display: block;
	}

	.mod_search input[type="search"]
	{
		width: 100%;
		height: 33px;
		margin-bottom: 10px;
		padding-left: 15px;
	}

	.mod_search div.formbody button
	{
		padding: 7px 14px;
		margin-left: 0;
	}


	/* ******************** Login / Logout ******************** */

	.loginfeld
	{
		padding: 30px 20px;
	}

	.mod_login input,
	.mod_lostPassword input
	{
		width: 100%;
		height: 42px;
		margin-bottom: 10px;
		padding-left: 15px;
	}

	.mod_login .pwvergessenLogin
	{
		display: block !important;
		margin: 20px 0 20px 0;
	}

	.mod_login .pwvergessenLogin div:nth-child(2)
	{
		margin-top: 1.5em;
		text-align: left;
	}

	.mod_login hr
	{
		margin: 5px 0;
	}

	.mod_login button
	{
		margin-top: 10px;
		float: left;
	}


	/* ******************** Kontakt ******************** */

	.divFirmensitz
	{
		display: block;
	}

	.divFirmensitz div
	{
		margin-bottom: var(--marginMinAbstand);
		max-width: 250px;
	}

	.divFirmensitz div img
	{
		margin-left: 0 !important;
	}

	.divAnsprechpartner
	{
		margin: 0 var(--marginLinksRechts) var(--marginElementUnten) var(--marginLinksRechts);
	}

	.divAnsprechpartner .divPerson
	{
		margin-top: 15px;
		display: block;
	}
	
	.divAnsprechpartner .divPerson div
	{
		width: 100%;
		height: auto;
		display: contents;
	}

	.divAnsprechpartner .divPerson div:nth-child(2)
	{
		padding: 30px 20px;
		overflow: hidden;
		display: block;
		height: auto;
		margin-top: -7px;
		margin-bottom: 10px;
	}

	#kontaktForm input[type="text"],
	#kontaktForm input[type="email"],
	#kontaktForm input[type="tel"],
	#kontaktForm select,
	#kontaktForm textarea
	{
		width: calc(100vw - var(--marginElementRechts));
		/* max-width: 500px; */
		height: 33px;
		margin-bottom: 10px;
		padding-left: 15px;
	}

	#kontaktForm input.captcha
	{
		width: 3.25em;
	}

	#kontaktForm textarea
	{
		height: 180px;
		padding: 10px 15px;
	}

	#kontaktForm select
	{
		background: white url(../../files/V2/gfx/icons/avus-dropdown.svg) no-repeat right center;
		background-size: 33px;
	}

	#kontaktForm .widget-container.rechts
	{
		margin-left: 0;
	}

	#kontaktForm .widget-container.mitte
	{
		margin-top: 20px;
	}


	/* ******************** Galerie ******************** */

	.ce_gallery figure
	{
		/* border: 1px dashed black; */
		width: 150px;
	}

	.ce_gallery.logos
	{
		margin: calc(var(--marginElementUnten) * -1 - 15px + 60px) calc(var(--marginLinksRechts) - 15px) var(--marginElementUnten) calc(var(--marginLinksRechts) - 15px);
	}

	.ce_gallery.logos figure
	{
		width: calc((100vw - var(--marginLinksRechts) - 20px) / 3);
		min-width: 100px;
		height: auto;
		margin: 5px;
	}


	/* ******************** Slider Home ******************** */

	.ce_sliderStart.sliderHome
	{
		height: auto;
	}

	.ce_sliderStart.sliderHome .content-slider img
	{
		height: 100vw;
	}

	.ce_sliderStart.sliderHome .slider-control .slider-menu
	{
		top: calc(100vw * -1 - 12px);
		background-color: white;
		border-radius: 12px;
		padding-top: 2px;
		padding-left: 12px;
		padding-right: 12px;
	}

	.ce_sliderStart.sliderHome .slider-control .slider-menu b
	{
		color: var(--farbe01);
	}

	.ce_sliderStart.sliderHome:hover .slider-control a.slider-prev::after
	{
		top: calc(100vw * -1 - 9px);
		display: none;
	}

	.ce_sliderStart.sliderHome:hover .slider-control a.slider-next::after
	{
		top: calc(100vw * -1 - 9px);
		display: none;
	}

	.sliderAvusImage
	{
		width: 100vw;
		height: 100vw;
		margin-top: 3px;
		margin-bottom: -4px;
	}

	.sliderAvusText
	{
		width: 100vw;
		height: 100vw;
		padding: 30px;
	}

	.sliderAvusText h1
	{
		/* font-size: 300%; */
		font-size: 28px;
		line-height: 1.3em;
		padding-bottom: 30px;
	}

	.sliderAvusText h2
	{
		/* font-size: 200%; */
		font-size: 22px;
		line-height: 1.3em;
	}


	/* ******************** News ******************** */

	.mod_newslist .image_container
	{
		float: none;
		padding-right: 0;
		padding-bottom: 5px;
	}

	.mod_newslist .image_container img
	{
		width: 150px;
	}

	.mod_newslist .newslistText
	{
		float: none;
		width: auto;
		padding-bottom: 30px;
	}

	.mod_newslist .newslistText h2
	{
		margin-bottom: 15px;
	}

	.mod_newslist .pagination ul
	{
		margin-left: 0 !important;
	}

	.mod_newsreader .ce_text .image_container
	{
		float: none;
		padding: 3px 0 30px 0;
	}
}
@media screen
{
	/* ******************** Farben ******************** */

	:root
	{
		--farbe02: rgba(197, 211, 1, 1);
		--farbe03: rgba(0, 158, 227, 1);
	}

	/* pay easy in Grün */
	.mod_navigation ul.level_2 li.first span
	{
		color:rgba(197, 211, 1, 1) !important;
	}
}