body {
		margin: auto;
		background: #F2F2F3;
		padding: 0px;
	}

	html {
		scroll-behavior: smooth;
	}

	.startbild img {
		width: 100%;
		height: 100%;
	}

	/*  Anfang Hamburgermenü*/
	ul {
		background-color: #900000;
		margin: 0;
		padding: 0;
		display: none;
		list-style: none;
		color: white;
	}

	/* Test ab hier*/
	nav {
		font-size: clamp(1rem, 8vw + -2rem, 2rem);
		position: sticky;
		top: 1px;
	}

	nav li {
		/*display:inline-block;        */
		color: #fff;
		/* weiß*/
		margin-left: -3px;
	}

	nav a {
		display: block;
		padding: 0.8rem;
		color: rgb(251, 250, 250, );
		/*sehr hellen Grau, das fast weiß*/
		background: #90000;
		/* rot*/
		border: none;
		box-shadow: 0 4px 10px #060a4d inset;
		/* dunkler, satter Blauton*/
		transition: all .25s ease-in;
	}





	nav .aktiv {
		background: #cc0000;
		color: white;
		text-decoration: underline;

	}

	a {
		color: white;
		text-decoration: none;
	}

	li:hover {
		color: white;
		background-color: #CC0000;
		/*#c51d1f;  */
		text-decoration: underline;
		transition: 0.7s;
	}

	#click:checked~nav ul {
		display: block;
	}

	#click {
		display: none;
	}

	#click:checked~label .zweiham {
		opacity: 0;
	}

	#click:checked~label .einsham {
		transform: rotate(-45deg);
		top: 40px;
		transition: transform 0.5s;
	}

	#click:checked~label .dreiham {
		transform: rotate(45deg);
		top: 40px;
		transition: transform 0.5s;
	}

	.linie {
		width: 80px;
		height: 8px;
		background-color: white;
		border-radius: 4px;
		position: absolute;
	}

	.einsham {
		top: 16px;
	}

	.zweiham {
		top: 40px;
	}

	.dreiham {
		top: 64px;
	}

	.rahmen {
		width: 80px;
		height: 88px;
		background-color: #900000;
		/* rgb(206,106,107); */
		border-radius: 4px;
		margin: 0px;
		padding-left: 10px;
		padding-right: 10px;
		position: relative;
		cursor: pointer;
	}

	/*Ende Hamburgermenü*/


	@media (max-width: 800px) {
		.linie {
			width: 60px;
			height: 6px;
			border-radius: 2px;
		}

		.rahmen {
			width: initial;
			/*60px; */
			height: 66px;
			border-radius: 0px;
			margin: 0px;
		}

		.einsham {
			top: 12px;
		}

		.zweiham {
			top: 30px;
		}

		.dreiham {
			top: 48px;
		}

		#click:checked~label .einsham {
			top: 30px;
		}

		#click:checked~label .dreiham {
			top: 30px;
		}

		li {
			border-top: 1px solid white;
		}

		#click:checked~nav ul {
			animation: move 0.7s forwards;
		}

		@keyframes move {
			0% {
				width: 0;
			}

			100% {
				width: 100%
			}
		}
	}

	/* Ende max-width 800px */
	/* anfang große Bildschirme */
	@media (min-width:800px) {
		.rahmen {
			display: none;
		}

		ul {
			display: flex;
			text-decoration: none;
			justify-content: center;
			font-size: clamp(1rem, 3vw, 1.4rem);
			background-color: #990000;
			/*   height: clamp(1rem, 4.5vw, 2.4rem); */
			color: white;
			padding: 0;
			border-bottom: 1px solid white;
		}

		li {
			width: 100%;
			border-right: 1px solid white;
			/*display:flex;               */
			text-decoration: none;
			justify-content: center;
			align-items: center;
			font-size: clamp(1rem, 3vw, 1.4rem);
		}

		li:first-child {
			border-left: 1px solid white;
		}
	}

	img {
		display: flex;
		margin: 0 auto;
		width: 80%;
	}

	h1 {
		color: #006;
	}

	p {
		color: #006;
		margin: 20px;
	}

	article {
		width: 70%;
		background-color: white;
		margin: auto;
		text-align: center;
		padding: 20px;
	}

	/* ab hier Test  */

	.flex-container {
		max-width: 70%;
		margin: 0 auto;
		display: block;
		width: auto;
	}

	#slideshow_wrapper {

		background: transparent;
		/*position: relative;
	/*width-height:100%; 	*/
		aspect-ratio: 1 / 1;
		/*height: 100%; */
		/*max-height: 100vh; */
		box-sizing: border-box;
		position: relative;
	}

	.slideshow {
		list-style: none;
		/*width: 100%; */
		height: 80%;
		/*100%; 
	margin:10px;   */
		padding: 10px;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		position: sticky;
		background-color: #F2F2F3
	}

	.slideshow li {
		/*width: 100%;
	height: 100%; */
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		color: transparent;
		background-size: cover;
		background-position: 50% 50%;
		opacity: 0;
	}

	.slideshow li:nth-child(odd) {
		animation: slideShowC1 50s linear infinite 0s;
	}

	.slideshow li:nth-child(even) {
		animation: slideShowC2 50s linear infinite 0s;
	}

	@keyframes slideShowC1 {
		0% {
			opacity: 0;
			transform: scale(1.1) rotate(-1.5deg);
		}

		2% {
			opacity: 1;
		}

		10% {
			opacity: 1;
		}

		12% {
			opacity: 0;
			transform: scale(1.3) rotate(1.5deg);
		}
	}

	@keyframes slideShowC2 {
		0% {
			opacity: 0;
			transform: scale(1.3) rotate(1.5deg);
		}

		2% {
			opacity: 1;
		}

		10% {
			opacity: 1;
		}

		12% {
			opacity: 0;
			transform: scale(1.1) rotate(-1.5deg);
		}

	}

	.slideshow li:nth-child(1) {
		background-image: url(DSC00206.webp);
		animation-delay: 0s;
	}

	.slideshow li:nth-child(2) {
		background-image: url(DSC01754.webp);
		animation-delay: 5s;
	}

	.slideshow li:nth-child(3) {
		background-image: url(DSC01892.webp);
		animation-delay: 10s;
	}

	.slideshow li:nth-child(4) {
		background-image: url(DSC02026.webp);
		animation-delay: 15s;
	}

	.slideshow li:nth-child(5) {
		background-image: url(DSC03001.webp);
		animation-delay: 20s;
	}

	.slideshow li:nth-child(6) {
		background-image: url(DSC00073.webp);
		animation-delay: 25s;
	}

	.slideshow li:nth-child(7) {
		background-image: url(DSC03303.webp);
		animation-delay: 30s;
	}

	.slideshow li:nth-child(8) {
		background-image: url(DSC03296.webp);
		animation-delay: 35s;
	}

	.slideshow li:nth-child(9) {
		background-image: url(DSC03537.webp);
		animation-delay: 40s;
	}

	.slideshow li:nth-child(10) {
		background-image: url(DSC03326.webp);
		animation-delay: 45s;
	}


	/*   footer Anfang */

	.footer-navi {
		display: flex;
		margin: 0 auto;
	}

	.footer-navi li {
		width: 100%;
		font-size: clamp(1rem, 3vw, 1.4rem);
		display: inline-block;
		justify-content: center;
		align-items: center;
		background: #990000;
	}

	.footer-navi a {
		display: block;
		color: white;
		text-align: center;
		text-decoration: none;
		padding: 1rem;
		border: none;
		box-shadow: 0 4px 10px #060a4d inset;
		transition: all .25s ease-in;
	}

	.footer-navi a:hover {
		background: #cc0000;
		color: white;
		text-decoration: underline;
		transition: 0.7s;
	}

	.footer-navi .aktiv {
		background: #cc0000;
		color: white;
		text-decoration: underline;
	}

	/*  footer Ende  */
	.flex-container4 {
		max-width: 70%;
		margin: 0 auto;
		display: block;
		width: auto;
	}


	.flex-container {
		max-width: 70%;
		background-color: white;
		flex-flow: row wrap;
		justify-content: space-around;
		padding: 20px;
		list-style: none;
	}

	.flex-item1 {
		background: white;
		padding: 20px;
		line-height: 30px;
		color: #006;
		font-size: 1.4em;
	}

	.bilder .innen {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
		justify-content: center;
		align-content: center;
		grid-row-gap: 5px;
		grid-column-gap: 1px;
	}

	.innen img {
		margin: 0 auto;
		width: 95%;
	}

	.flex-item2 {
		background: white;
		padding: 20px;
		line-height: 30px;
		color: #006;
		font-size: 1.4em;
	}

	.flex-item3 {
		background: white;
		padding: 20px;
		line-height: 30px;
		color: #006;
		font-size: 1.4em;
		margin-bottom: 3rem;
	}

	address p a {
		color: #006;
	}

	p a {
		color: #006;
		text-decoration: underline;
	}

	/*	Anfang Kontaktformular  */


	.kontaktformular {
		width: 100%;
		max-width: 850px;
		padding: 1.2rem;
		margin: auto;
		padding-top: 22px;
		padding-bottom: 1px;
	}

	.weiss {
		/*display: grid;	
	width: 700px;	*/
		height: auto;
		background-color: white;
		color: #006;
		padding: 40px;
	}

	.weiss2 {
		width: 500px;
		height: auto;
		margin: auto;
		background-color: #e0e0e0;
		color: #006;
		/*padding: 20px;  */
	}


	/* style common rows/grid */

	.kontaktformular .row {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin-bottom: 1.3rem;
		width: 100%;
	}

	.kontaktformular .row .col-sm-4 {
		flex-grow: 1;
		flex-basis: 0;
		margin: 0 .75rem;
		position: relative;
	}

	.kontaktformular .row .col-sm-4:first-child {
		margin-left: 0;
	}

	.kontaktformular .row .col-sm-4:last-child {
		margin-right: 0;
	}

	.kontaktformular .row .col-sm-8 {
		width: 100%;
		position: relative;
	}



	/* style common labels */

	.kontaktformular .row .control-label {
		color: #404040;
		margin-left: 2.2px;

	}



	/* style common fields */
	.kontaktformular .row input,
	.kontaktformular .row textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.kontaktformular .row .field {
		background-color: #f5f5f5;
		display: block;
		font-size: 14px;
		width: 100%;
		padding: .69rem .8rem .45rem .8rem;
		color: #006;
		margin-top: 3px;
		border: 1px solid #CCCCCC;
		border-radius: 1px;
		transition: border-color ease-in-out .15s;

	}

	.kontaktformular .row .field:hover,
	.kontaktformular .row .field:focus,
	.kontaktformular .row input[type="checkbox"]:hover,
	.kontaktformular .row input[type="checkbox"]:focus {
		border-color: #990000 !important;
		outline: 0 !important;
		box-shadow: none;
	}







	/* style textarea */

	.kontaktformular .row .textarea-label {
		color: #404040;
		margin-left: 2.2px;

	}



	.kontaktformular .row textarea {
		height: 1.7rem;

	}


	/* style selectbox */

	.kontaktformular .row .select-label {
		color: #404040;
		margin-left: 2.2px;

	}





	/* style rows with complex contents  */

	.kontaktformular .captcha-row,
	.kontaktformular .question-row,
	.kontaktformular .checkbox-row,
	.kontaktformular .upload-row {
		display: block;
		font-size: 14px;
		width: 100%;
		color: #555555;
		border: 0.0rem solid #dddddd;
		border-radius: 3px;
		transition: border-color ease-in-out .15s;

	}

	.kontaktformular .captcha-row .control-label,
	.kontaktformular .question-row .control-label,
	.kontaktformular .upload-row .control-label,
	.kontaktformular .checkbox-row .control-label {
		height: 100%;
		margin-top: 0;
	}

	.kontaktformular .captcha-row>div,
	.kontaktformular .question-row>div,
	.kontaktformular .checkbox-row>div {
		padding-bottom: .15rem;
	}

	.kontaktformular .captcha-row div div,
	.kontaktformular .question-row div div {
		width: 50%;
		padding: .75rem 0 .75rem 2px;
	}



	/* style upload-fields  */

	.kontaktformular .row input[type="file"] {
		width: calc(100% - 60px);
		height: 30px;
		margin: .2rem 0 .2rem 2px;
	}

	.kontaktformular .row .control-label+input[type="file"] {
		margin-top: .75rem;
	}

	.kontaktformular .row input[type="file"]:last-child {
		margin-bottom: .25rem;
	}



	/* style security-fields  */

	.kontaktformular .captcha-row .field,
	.kontaktformular .question-row .field {
		width: 100%;
		margin: .2rem 0 .2rem 0px;

	}

	.kontaktformular .row#answer .control-label {
		align-self: flex-start;
	}



	/* style checkbox-row  */

	.kontaktformular .checkbox-row {
		margin-bottom: -10px;
	}


	.kontaktformular .checkbox-row .checkbox-inline {
		display: block;
		padding: 0rem 0 0rem 0px;

	}

	.kontaktformular .checkbox-row .checkbox-inline a:hover,
	.kontaktformular .checkbox-row .checkbox-inline a:focus {
		color: #990000;
		/*#0025e2; */
		text-decoration: underline;
	}

	.kontaktformular .checkbox-row .checkbox-inline a,
	.kontaktformular .checkbox-row .checkbox-inline span {
		color: #006;
		text-decoration: none;
		line-height: 24px;
		padding-left: 10px;

	}

	.kontaktformular .checkbox-row .checkbox-inline span {
		color: inherit;
	}

	.kontaktformular .row input[type="checkbox"] {
		height: 30px;
		/*22px; */
		width: 30px;
		/*22px; */
		border: 2px solid #CCCCCC;
		border-radius: 4px;
		transition: border-color ease-in-out .15s;
		display: block;
		float: left;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
		margin-left: 0.5px;
	}

	.kontaktformular .row input:checked {
		background: url(../img/check-solid.svg) no-repeat center center;
		background-size: 75%;
	}



	/* style submit-button  */

	.kontaktformular .row .senden {
		width: 100%;
		font-size: 16px;
		font-weight: bold;
		height: 6;
		/*2.5rem;*/
		margin-top: calc(1rem/16*5);
		padding: .5rem .75rem;
		color: white;
		background-color: #990000;
		border: 1px solid transparent;
		/*border-color: yellow;  */
		border-radius: 6px;
	}

	.kontaktformular .row .senden:hover {
		background-color: #cc0000;
		border-color: #204d74;
		cursor: pointer;
	}





	/* style select-box for placeholders */

	.kontaktformular .row select {
		background-color: #fff;
		background: url(../img/chevron-down-solid.svg) no-repeat;
		background-position: right 3px center;
		background-size: 15px 10px;
		cursor: pointer;
	}

	.kontaktformular .row ::placeholder {
		color: grey;
		opacity: 0.7;
	}




	.kontaktformular .row select.unselected {
		color: #A6A6A6;
		border: 1px solid #CCCCCC;
		border-radius: 1px;
		transition: border-color ease-in-out .15s;
		background: url(../img/chevron-down-solid.svg) no-repeat;
		background-position: right 3px center;
		background-size: 15px 10px;
		cursor: pointer;


	}


	.kontaktformular .row select.field {
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		z-index: 1;
	}

	.kontaktformular .row select.field option[value=""][disabled] {
		display: none;
	}

	.kontaktformular .row select.field option {
		color: #555555;
	}

	.kontaktformular .row select.field option[value=""] {
		color: rgba(0, 0, 0, 0.4);
	}



	/* style errors */

	.kontaktformular .row .error .select-label {
		color: #404040;
		margin-left: 2.2px;
	}





	.kontaktformular .row .error .control-label {
		color: #404040;
		margin-left: 2.2px;
	}




	.kontaktformular .row .error .textarea-label {
		color: #404040;
		margin-left: 2.2px;
	}









	.kontaktformular .row .error .field,
	.kontaktformular .row .error .checkbox-inline input,
	.kontaktformular.kontaktformular-validate .row .field:invalid,
	.kontaktformular.kontaktformular-validate .row .checkbox-inline input:invalid {
		/* style invalid fields only if user wants to send the form (integrated via js) */
		background-color: #ffeaec;
		border-color: #eac0c5;
	}

	.kontaktformular .row .field:invalid,
	.kontaktformular .row .checkbox-inline input:invalid {
		/* remove browser-style for invalid fields */
		outline: none;
		box-shadow: none;
	}

	.kontaktformular .row .field:focus:valid,
	.kontaktformular .row .checkbox-inline input:focus:valid {
		background-color: #FFFFFF;
		border-color: #d9e8d5;
		outline: none;
		box-shadow: none;
	}

	.kontaktformular .row .error ::placeholder {
		color: rgba(219, 0, 7, 0.6);
	}

	.kontaktformular .row .error select.unselected {
		color: rgba(219, 0, 7, 0.4);
	}

	.kontaktformular .row .errormsg {
		color: #db0007;
		font-size: .75rem;
	}

	.kontaktformular .captcha-row.error_container,
	.kontaktformular .question-row.error_container,
	.kontaktformular .checkbox-row.error_container {
		margin-bottom: 2.7rem;

	}

	.kontaktformular .captcha-row .errormsg,
	.kontaktformular .question-row .errormsg {}

	.kontaktformular .checkbox-row .errormsg {
		display: block;
		position: absolute;
		left: 0;
		margin-bottom: -20px;
	}






	.kontaktformular .captcha-row.error_container .control-label,
	.kontaktformular .question-row.error_container .control-label,
	.kontaktformular .upload-row.error_container .control-label,
	.kontaktformular .checkbox-row.error_container .control-label {
		height: 100%;
		margin-top: 0;
		background: url(../img/border-right-red.png) bottom right no-repeat;
	}







	/* style for mobile */

	@media (max-width: 655px) {

		.kontaktformular {
			padding: 1px 1rem 1px 1rem;
			/* box-shadow: none; */
			margin-left: 15px;
			margin-top: 0px;
			margin-right: 15px;
			width: auto;
		}

		.kontaktformular .row {
			display: block;
			margin-top: 1rem;
		}

		.kontaktformular .row .col-sm-4 {
			flex-grow: 0;
			flex-basis: 0;
			margin: 0;
		}

		.kontaktformular .row .col-sm-4,
		.kontaktformular .row .col-sm-8 {
			margin-top: 1.5rem;
		}

		.kontaktformular .captcha-row .col-sm-8,
		.kontaktformular .question-row .col-sm-8,
		.kontaktformular .upload-row .col-sm-8,
		.kontaktformular .checkbox-row .col-sm-8 {
			margin-top: 0;
		}

	}



	/* style copyright */

	.copyright {
		color: #000000;
		font-size: 13px;
	}

	/*   Ende Formular    */