html{
	font-size: 16px;
	overflow: hidden;
}
body{
	font-family: aria, sans-serif;
	color: white;
	background-color: #1C2E30;
	/*background-color:  #395c7d;*/
	/*background-image: url(./DuoHG_1.png);*/
	/*background-blend-mode: overlay;*/
	/*background-size: contain;*/
	/*background-repeat: repeat;*/
	/*background-position: center;*/
	overflow-y: auto;
	scrollbar-color: #4F0600 #ffffff20;
	scrollbar-width: thin;
}
p {
	margin-top: 0;
	margin-bottom: 0.8cqw;
}
a{
 color: white;
}
a:hover {
	color: #E5E3A7;
}
.MenueMantel{
	/*container-type: inline-size;*/
	position: fixed;
	top: 0;
	left:  0;			/*für Zentrierung*/
	right: 0;			/*für Zentrierung*/
	margin: auto;	/*für Zentrierung*/
	padding-top: .4rem;
	padding-bottom: .2rem;
	max-width: 60rem;
	width: 98%;
	z-index: 10;
	background: transparent;
			/*border: 2px dotted yellow;*/
}
.Menuemain{
	container-type: inline-size;	
	display: grid;
	gap: .5cqw;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;	
	grid-template-rows: clamp(1.5rem, 3cqw, 2rem);	
	background-color: transparent;
			/*border: 1px solid blue;*/
}
.navPunkt{
	/*container-type: inline-size;*/
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #4F0600;
	cursor: pointer;
	border: .1em solid #cccccc;
	border-radius: .5em;
}
.navPunkt:hover{
	border: solid .15em white;
}
.navPunktAktuell{
		/*container-type: inline-size;*/
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: transparent;
		border: solid .1em #cccccc;
		border-radius: .5em;
		cursor: default;
		
	}
.navPunkt_1{grid-column: 1/2;	grid-row: 1/2;}
.navPunkt_2{grid-column: 2/3;	grid-row: 1/2;}
.navPunkt_3{grid-column: 3/4;	grid-row: 1/2;}
.navPunkt_4{grid-column: 4/5;	grid-row: 1/2;}
.navPunkt_5{grid-column: 5/6;	grid-row: 1/2;}
.navPunkt_6{grid-column: 6/7;	grid-row: 1/2;}
.navLink{
	font-size: clamp(.7em, 2cqw, 2cqw); /* calc(1.2cqw + .3em); */
	text-decoration-line: none;
	color: white;
	/*border: 2px solid white;*/
	}
.Mantel{
	position: relative;
	container-type: inline-size;
	/*padding-top: 3.75cqw;*/
	padding-top:  clamp(1.7em, 3.5cqw, 2.5em);
	margin: auto;
	max-width: 1000px;
	height: 100svh;
	/*max-height: 80svh;*/
	overflow-y: auto;
	/*scrollbar-color: #4F0600 #ffffff30;*/
	scrollbar-width: thin;
	background-color: transparent;
			/*border: 2px dotted yellow;*/
}
main{
	/*container-type: inline-size;	*/
	display: grid;
	gap: .5cqw;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;	
	grid-template-rows: auto;
	background-color: transparent;
			/*border: 3px dashed blue;*/
}
/*.imgMantel {
	  position: relative;
	  container-type: inline-size;	
	}*/
.Bild{
	width: 100%;
	border: .5px solid white;
	border-top: none;
	border-left: none;
}

.Text{
	font-size: clamp(.7em, 1.8cqw, 1em);
	/*font-size: 2cqw;*/
	padding: 1cqw;
	overflow-y: auto;
	-webkit-hyphens: auto; 
	hyphens: auto;
	border-bottom: 2px dotted #5e8570;
	scrollbar-width: thin;
}
.betont{
	font-size: clamp(.75em, 2cqw, 1.1em);
}
::-webkit-scrollbar{
	width: 8px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #4f0a0b; 
  border-radius: 4px;}
::-webkit-scrollbar-thumb {
  background: #225e62; 
  border-radius: 10px;
}
.TextKlein{
	font-size: clamp(7px, 1.5cqw, 14px);
	text-shadow: 0.05em 0.05em black;
	text-align: left;
}
.TextMitt{
	font-size: clamp(13px, 1.7cqw, 16px);
	text-shadow: 0.05em 0.05em black;
	text-align: left;
}
.TextGros{
	font-size: clamp(16px, 2.4cqw, 19px);
	text-shadow: 0.05em 0.05em black;
	text-align: left;
}
#kontaktimpr {
	position: relative;
	width: 80cqw;
	height: auto;
	padding: 5%;
	/*margin-bottom: 2cqw;*/
			/*border: 1px solid white;*/
}
#kontaktimpr p{
	width: 60%;
}
.kontaktimprHGBild{
	position: absolute;
	right: 2%;
	top: 8%;
	height: 70cqw;
	opacity: .8;
	z-index: -1;
	
}
.kontaktTitel {
	padding: 1cqw 3cqw .5cqw 0;
	height: clamp(16px, .75cqw, 24px);
	/*font-size: 120%; von class Text*/
}