:root	{
		--bg-color: rgb(0,170,180);		/* Hogrefe Grün */
		--2-color: rgb(231,255,0);		/* Hogrefe Gelb */
		--3-color: rgb(226,4,30);		/* Hogrefe Rot  */
		--4-color: rgb(234,234,234);	/* Hogrefe Weiß */
		--5-color: rgb(189,223,220);	/* Hogrefe MintGrau */
		--tK-color: rgb(255,147,0);		/* Hinweis: Oragne */
		--main-border-radius: 15px;
		--kasten-border-radius: 10px;
			}
html	{
			box-sizing: border-box;
		}			
*		{
			box-sizing: inherit;
		}
body	{
			background-color: var(--bg-color);
		}		
main	{
			display: flex;
			flex-flow: row wrap; 
			justify-content: center;
			width: auto;
			background-color:var(--4-color);
			margin: ;
			padding: 1rem;
			border-radius: var(--main-border-radius);
		}
aside	{
			box-sizing: border-box;
		}
h1		{
			font-family: Palatno, "Bodoni 72";
		}
			
h2	{
			background-color: var(--5-color);
			margin: 1rem -1rem;
			padding: 1.1em;
			font-family: Palatino, "Bodoni 72";
			font-size: 1.2em;
			border-top: 0.5px solid var(--3-color);
			border-bottom: 0.5px solid var(--3-color);
			}
			
h3	{
			font-family: Palatino, "Bodoni 72";
			text-decoration: none;
			font-size: 1.3em;
			color: var(--4-color);
			}
p	{
			margin: 1em;
			font-family: Palatno, "Bodoni 72";
			font-size: 1.2em;
			line-height: 1.4em; 
			}	
			
nav	{
			margin: ;
			}	
			
	
article	{
	width: 80%;
	padding: 10px;
	border: 0px solid black;
	background-color: rgb(255, 47, 148, 0.0);
	box-shadow: 5px 5px 5px rgb(169,169,169);
	}
	
.article	{
	position: -webkit-sticky;
	margin: 1rem;
	background-color: rgb(234,234,234);
	border-radius: 25px;
	z-index: 1;
	}
		
.overlay	{
			display: none;
			width: 0%;
		}

.overlay-content	{
			display: none;
			width: 0%;
		}

		
#mobileNav	{
				display: none;
		}
			
#noMobileNav	{
				display: none;
		}
		
.navmobile	{
	display: none;
}

#navmobile	{
	display: none;
}
		
.head	{
			position: -webkit-sticky;
			background-color: var(--bg-color);
			color: var(--4-color);
			/* margin: 1rem; */
			padding: 1.5rem;
			width: ;
			border: 2px solid var(--2-color);
			border-radius: var(--main-border-radius);
			box-shadow: 5px 10px 10px rgb(94,94,94);
			z-index: 3;
			}
			
.headFotos	{
			/* position: -webkit-sticky; */
			background-color: var(--bg-color);
			color: var(--4-color);
			/* margin: 1rem; */
			padding: 1.5rem;
			width: 30%;
			border: 2px solid var(--2-color);
			border-radius: var(--main-border-radius);
			box-shadow: 5px 10px 10px rgb(94,94,94);
			z-index: 3;
			}
			
.autorenFoto	{
			margin: 0rem;
			width: 32%;
			height: 25%;
			border-radius: 15px;
			}

.header	{
			position: -webkit-sticky;
			}
						
.titel	{
			font-variant: small-caps;
			font-size: 1em;
			}
			
.titelT	{
			font-size: 0.8em;
			margin-left: 1em;
			}
			
.kategorieH3	{
			background-color: var(--bg-color);
			margin: 2rem 0 1.5rem 0; 
			padding: 1.1em 1.5em 1.1em 1.5em;
			font-family: Palatino, "Bodoni 72";
			font-size: 1.2em;
			border: 2px solid var(--3-color);
			border-radius: var(--kasten-border-radius);
			box-shadow: 2px 6px 6px rgb(94,94,94);
			}			
			
.trigger	{
			line-height: 1.5rem;
			font-size: 1.1rem;
			font-family: helvetica;
			}

.triggerKasten	{
			background-color: var(--tK-color);
			padding: 1.2rem;
			border: 1px solid;
			border-radius: var(--kasten-border-radius);
			}
			
#hinw1	{
			
			}
			
.wrapper	{
		justefy-content: center;
		margin: 0 auto;
		padding: 0px;
		width: 80%;
		border: 0;
		border-radius: 15px 15px 15px 15px;
		box-shadow: 12px 12px 20px rgb(33,33,33,0.6);
			}
	
.soon	{
		
			}	
			
.li-soon	{
			color: rgb(147,81,0);
			text-decoration: none;
			list-style: none;
			background-color: rgb(254,255,255);
			margin: 0.5rem;
			padding: 0.2rem;
			border-radius: 5px;
			}

.ul-soon	{
			margin-top: 2rem;
			margin-bottom: 4rem;	
			background-color: rgb(255,212,120);
			}			
			
			
.z-index	{
		position: absolut;
		z-index: 25;
			}

/* __________BreackPoint 710px___________________ */

@media screen and (min-width: 710px)	{
		
		.autorenFoto	{
			margin: 0.5rem;
			width: 32%;
			height: 25%;
			border-radius: 15px;
			}
	}