html { background-color: #0; }
		@media only screen and (min-width: 1200px){
		            .ui-page {
		                width: 1200px !important;
		                margin: 0 auto !important;
		                position: relative !important;
		                border-right: 5px #0 outset !important;
		                border-left: 5px #0 outset !important;
		            }
		        }

	#first {
	  min-width: 320px;
	}

	.inhalt {
		margin: auto;
		max-width: 1100px;
	}

	.top-image-container {
		display: flex;
	}

	.header-item a {
		text-decoration: none;
	}

	.image-container {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}

	.imageundtext-container {
		display: flex;
		justify-content: flex-start;
	}

	.imgundtext img {
		margin-right: 10px !important; 
	}

	.imgundtext h3 {
		margin-top: 0px !important;
	}

	.bottom-container {
		display: flex;
		display: absolute;
		bottom: 0;
		height: 60px;
		background-image: url("grafiken/wand1200.jpg");
		align-items: center;
		justify-content: flex-end;
	}

	.bottom-item {
		margin-right: 10px;
	}

	.top-image {
		flex: 1;

	}

	.top-image img{
		width: 100%;
		height: 100%;
	}

	

	.header-container {
		display: flex;
		display: absolute;
		bottom: 0;
		height: 30px;
		background-image: url("grafiken/menue.jpg");
		background-color: #7f0416; 
		align-items: center;
	}

	.header-item {
		flex-grow: 1;
	}

	.text-container {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.text-item.drei {
		flex-basis: 33.33%;
	}

	.img_in_a_row {
	  width: 100%;
	  height: auto;
	  vertical-align: middle;
	}

	.pics_in_a_row {
		display: flex;
	}

	.pics_in_a_row > div:not(:last-child) {
	  margin-right: 1%;
	}

	.img1 { flex: 0.282; }
	.img2 { flex: 1.335; }
	.img3 { flex: 1.239; }
	.img4 { flex: 1.365; }
	.img5 { flex: 0.753; }
	.imgK1 { flex: 1.333; }
	.imgK2 { flex: 0.909; }
	.imgK3 { flex: 1.333; }
	.imgK4 { flex: 1.778; }
	.imgK5 { flex: 0.75; }
	.imgK6 { flex: 1.778; }
	.imgKon1 { flex: 0.619; }
	.imgKon2 { flex: 1.896; }



	/* 0st breakpoint - Menü im Burger */
		@media all and (min-width: 100px) {

			.header-container {
				visibility: hidden;
				height: 0px;
			}
			#menue {
				visibility: visible;
			}
			.headline {
				background-image: url("grafiken/wand1200.jpg");
				margin: 0px;
				padding-top: 5px;
				padding-bottom: 5px;
				color: white;
				font-size: 150%;
			}
			.imageundtext-container {
				flex-wrap: wrap;
			}
			.gruppenBild {
				width: 100%;
				height: auto;
			}
			.termine {
				padding-left: 50px;
				text-indent: -50px;
			}

			.ktermine {
				padding-left: 20px;
				text-indent: -20px;
			}
			.text-item p{
				font-size: smaller;
			}
			.tabelle {
				column-count: 1;
  				column-gap: 20px;
  				column-rule-color: black;
  				column-rule-width: 1px;
  				column-rule-style: dotted;
			}
			.ltermine {
				padding-left: 53px;
				text-indent: -53px;
			}

		}

	/* 1st breakpoint - Menü wird gezeigt */
		@media all and (min-width: 500px) {

			.header-container {
				visibility: visible;
				height: 30px;
			}
			#menue {
				visibility: hidden;
			}
			.headline {
				background-image: url("grafiken/wand1200.jpg");
				margin: 0px;
				padding-top: 10px;
				padding-bottom: 10px;
				color: white;
				font-size: 200%;
			}
			.imageundtext-container.personen {
				flex-wrap: nowrap;
			}
			.gruppenBild {
				width: auto;
				height: auto;
			}
			.tabelle {
				column-count: 2;
  				column-gap: 20px;
  				column-rule-color: black;
  				column-rule-width: 1px;
  				column-rule-style: dotted;
			}
			.ltermine {
				padding-left: 53px;
				text-indent: -53px;
			}
		}

	/* 2st breakpoint - Menü wird gezeigt */
		@media all and (min-width: 900px) {

			.imageundtext-container.gruppe {
				flex-wrap: nowrap;
			}
			p {
				font-size: larger;
			}
			li {
				font-size: larger;
			}
			.termine {
				padding-left: 117px;
				text-indent: -117px;
			}

			.ktermine {
				padding-left: 100px;
				text-indent: -100px;
			}
			.text-item p{
				font-size: 100%;
			}
			.tabelle {
				column-count: 3;
  				column-gap: 20px;
  				column-rule-color: black;
  				column-rule-width: 1px;
  				column-rule-style: dotted;
			}
			.ltermine {
				padding-left: 65px;
				text-indent: -65px;
			}
		}