body {
  	font-family: Arial, sans-serif;
  	font-size: 14px;
  	line-height: 1.2;
  	color: #333;
  	background-color: #fff;
  	overflow-x: scroll;
  	padding-left: 20px;
  	padding-right: 20px;
	margin-left: 5%;
	margin-right: 5%;
}

h2 {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.1;
	color: #000;
	margin-top: 20px;
	margin-bottom: 10px;
}

@media only screen and (min-width: 1024px) {
  h2 {
    font-size: 36px;
  }
}

h3 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 10px;
	margin-bottom: 10px;
}

.logo {
	text-align: center;
	margin-top: 20px;
}

.link {
	text-decoration: none;
}

.bild-container img {
  width: 100%;
  height: auto;
  display: block;
}

.IndexOverhead {
	margin-top: 0px;
	margin-bottom: 40px;	
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;	
	max-width: 100%;	
	background-color: #DEDEDE;
	min-height: 1px;
	text-align: center;
}

.motto {
	margin-top: 0px;
	margin-bottom: 15px;	
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;	
	max-width: 100%;	
	background-color: #FFF;
	min-height: 1px;
	font-size: 16px;
	text-align: center;	
}

@media only screen and (min-width: 1024px) {
  .motto {
    font-size: 20px;
  }
}

.text_container {
	margin-top: 0px;
	margin-bottom: 15px;	
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;	
	max-width: 100%;	
	background-color: #FFF;
	min-height: 1px;
	text-align: center;	
}

.impressum {
	width: 100%;
	margin-top: 30px;
	text-align: left;
}

.grid-container {
	display: grid;
  	gap: 1rem;
  	grid-template-areas:
		"id"
    	"left"
    	"right";
	font-size: 16px;
	margin-top: 10px;
}

/* Bereichszuweisung */
.id {
  	grid-area: id;
	text-align: center;
	font-weight: bold;
}

.left {
  	grid-area: left;
	text-align: center;
}

.right {
  	grid-area: right;
	text-align: center;
}

/* Ab einer bestimmten Breite nebeneinander anzeigen */
@media only screen and (min-width: 1024px) {
	.grid-container {
    	grid-template-columns: 1fr 1fr 1fr;
    	grid-template-areas: "id left right";

  	}
	.id {
		text-align: right;
	}
	.left {
		text-align: left;
	}
	.right {
		text-align: left;
	}
}

.qr {
	height: 100px;
	width: 100px;
}

.spacer {
	height:20px;
}

.spacer_bottom {
	height: 40px;
}