@charset "UTF-8";
/* CSS Document */

/*Schriftbibliothek*/

/*Schriftbibliothek*/

@font-face {
    font-family: 'typo_serif_extrabold';
    src: url('fonts/Neuton-Extrabold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'typo_serif_bold';
    src: url('fonts/Neuton-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'typo_serif_light';
    src: url('fonts/Neuton-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'typo_serif_regular';
    src: url('fonts/Neuton-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'typo_serif_ultralight';
    src: url('fonts/Neuton-Extralight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*die serifenlosen Schriften */

@font-face {
  font-family: "typo_sans_extrabold";
  src: url("fonts/uraniabla.otf") format("truetype");  
  font-style: normal;
  font-weight:normal; }
@font-face {
  font-family: "typo_sans_bold";
  src: url("fonts/uraniabol.otf") format("truetype");
  font-style: normal;
  font-weight:normal; }
@font-face {
  font-family: "typo_sans_semibold";
  src: url("fonts/uraniamed.otf") format("truetype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "typo_sans_regular";
  src: url("fonts/uraniareg.otf") format("truetype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "typo_sans_light";
  src: url("fonts/uraniaxlig.otf") format("truetype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "typo_sans_thin";
  src: url("fonts/uraniathi.otf") format("truetype");
  font-style: normal;
  font-weight: normal; }

 

/*Abschalten der Standardformatierungen */

a:href {
	color: none;
 	text-decoration: none;
 	font-weight: none;
	}

a:link {
 	color: none;
 	text-decoration: none;
 	font-weight: none;
	}

a:visited {
 	color: none;
 	text-decoration: none;
 	font-weight:none;
	}
	
a:focus {
 	color: none;
 	text-decoration: none;
	}

a:hover {
 	color: none;
 	text-decoration: none;
	font-weight:none;
	}

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

button {
	margin:0;
	padding:0;
}

/*globale Formatierungen für Farbe*/

:root {
	--globalBrueckenGruen: rgba(117,165,133,1);
		--globalTransBrueckenGruen8: rgba(117,165,133,.8);
		--globalTransBrueckenGruen6: rgba(117,165,133,.6);
	--globalBrueckenGruenDunkel: rgba(80,100,80,1);
	--globalSchwarz: rgba(5,5,5,1);
		--globalTransSchwarz: rgba(5,5,5,.9);
	--globalAnthrazit: rgba(12,10,10,1);
		--globalTransAnthrazit: rgba(12,10,10,0.7);
		--globalTransAnthrazit5: rgba(12,10,10,0.5);	
	--globalDunkelgrau: rgba(27,40,54,1);
	--globalTransDunkelgrau: rgba(27,40,54, 0.85);
	--globalGrau: rgba(153,153,153,1);
		--globalTransGrau: rgba(153,153,153,0.8);
	--globalGrau2: rgba(77,77,77,1);
 	--globalHellgrau: rgba(200,200,200,1);
	--globalTransHellgrau: rgba(200,200,200,0.3);
	--globalTransHellgrau2: rgba(200,200,200,0.6);
	--globalWarmGrau: rgba(96,71,72,1);
	--globalRot: rgba(255,51,102,1);
		--globalTransRot: rgba(255,51,102,0.8);
	--globalRot2: rgba(204,0,0,1);
		--globalTransRot2: rgba(204,0,0,0.8);
	--globalGelb: rgba(255,150,0,1);
		--globalTransGelb: rgba(255,150,0,0.8);
	--globalViolett: rgba(204,0,204,1);
		--globalTransViolett: rgba(204,0,204,0.8);
		--globalTransViolett4: rgba(204,0,204,0.4);
		--globalTransViolett1: rgba(204,0,204,0.1);
	--globalDunkelrot: rgba(199,18,4,1);
	--globalMagenta: rgba(255,51,204,1);
		--globalTransMagenta: rgba(255,51,204,0.8);
		--globalTransMagenta4: rgba(255,51,204,0.4);
		--globalTransMagenta2: rgba(255,51,204,0.2);
	--globalOcker: rgba(204,102,0,1);
		--globalTransOcker: rgba(204,102,0,0.8);
	--globalCyan: rgba(0,153,204,1);
	--globalGruen: rgba(0,128,64,1);
		--globalTransGruen: rgba(0,128,64,0.75);
	--globalDunkelgrün: rgba(51,102,51,1);
	--globalSmaragdGruen:rgba(0,65,90,1);
		--globalTransSmaragdGruen:rgba(0,65,90,.7);
		--globalTransSmaragdGruen4:rgba(0,65,90,.4);
		--globalTransSmaragdGruen2:rgba(0,65,90,.2);
	--globalBlau: rgba(0,64,128,1);
		--globalTransBlau: rgba(0,64,128,0.75);
	--globalKoenigsViolett:rgba(102,0,153,1);
	--globalHimbeere:rgba(255,111,207,1);
	--globalBraun:rgba(128,0,0,1);
	--globalAltWeiß: rgba(255,250,236,1);
		--globalTransAltWeiß: rgba(255,250,236,0.8);
		--globalTransAltWeiß6: rgba(255,250,236,0.6);
		--globalTransAltWeiß1: rgba(255,250,236,0.1);
		--globalTransAltWeiß0: rgba(255,250,236,0);
	--globalSignalGelb: rgba(249,253,12,1);
	--globalSignalOrange: rgba(249,167,11,1);
	--globalSignalGruen: rgba(33,255,171,1);
	--globalWeiß: rgba(250,250,250,1);
	--globalTransWeiß9: rgba(250,250,250,0.9); 
	--globalTransWeiß8: rgba(250,250,250,0.8); 
	--globalTransWeiß7: rgba(250,250,250,0.7);
	--globalTransWeiß6: rgba(250,250,250,0.6); 
	--globalTransWeiß5: rgba(250,250,250,0.5);
	--globalTransWeiß4: rgba(250,250,250,0.4);
	--globalTransWeiß2: rgba(250,250,250,0.2);
	--globalTransWeiß1: rgba(250,250,250,0.1);
	
	
	/*Farben für die Hintergründe der Beiträge*/
	--globalHintergrund1: rgba(102,102,153,1);
	--globalHintergrund2: rgba(153,102,51,1);
	--globalHintergrund3: rgba(213,167,32,1);
	--globalHintergrund4: rgba(153,102,102,1);
	--globalHintergrund4: rgba(204,153,0,1);
	--globalHintergrund5: rgba(237,184,239,1);
	--globalHintergrund6: rgba(102,51,102,1);
	--globalHintergrund7: rgba(204,102,153,1);
	--globalHintergrund8: rgba(204,204,102,1);
	--globalHintergrund9: rgba(102,153,102,1);
	--globalHintergrund10: rgba(178,169,193,1);

}

/* globale Formatierung der Farbwerte für den manuellen Darkmode */ 

[data-user-color-scheme=dark] {
	--globalSchwarz: rgba(250,250,250,1);
	--globalDunkelgrau: rgba(224,215,201,1);
	--globalTransDunkelgrau: rgba(255,249,206,0.75);
	--globalHellgrau: rgba(55,55,55,1);
	--globalTransHellgrau: rgba(55,55,55,0.3);
	--globalTransHellgrau2: rgba(55,55,55,0.6);
	--globalHintergrundweiß: rgba(31,10,0,1);
	--globalHintergrundweiß2: rgba(40,40,40,.4);
	--globalWeiß: rgba(31,10,0,1);
	--globalTransWeiß6: rgba(31,10,0,0.6);
	--globalTransWeiß8: rgba(250,250,250,0.4);
	--globalMenueWeiß: rgba(250,250,250,0.4);
	--globalAltWeiß: rgba(255,249,206,1);
	--globalTransAltWeiß: rgba(255,249,206,0.75);
	--globalTransAltWeiß1: rgba(25,25,25,1);
	--globalTransAltWeiß6: rgba(25,25,25,.4);
	--globalWeiß: rgba(10,10,10,1);
	--globalSmaragdGruen:rgba(73,126,147,1);
	}
	
	

/* globale Formatierung der Farbwerte für den automatischen Darkmode */
@media (prefers-color-scheme:dark) {
	:root {
		--color-mode:"dark";
	}
	
	
	:root:not([data-user-color-scheme]) {
	--globalSchwarz: rgba(250,250,250,1);
	--globalDunkelgrau: rgba(224,215,201,1);
	--globalTransDunkelgrau: rgba(255,249,206,0.75);
	--globalHellgrau: rgba(55,55,55,1);
	--globalTransHellgrau: rgba(55,55,55,0.3);
	--globalTransHellgrau2: rgba(55,55,55,0.6);
	--globalHintergrundweiß: rgba(31,10,0,1);
	--globalHintergrundweiß2: rgba(40,40,40,.4);
	--globalWeiß: rgba(31,10,0,1);
	--globalTransWeiß6: rgba(31,10,0,0.6);
	--globalTransWeiß8: rgba(250,250,250,0.4);
	--globalMenueWeiß: rgba(250,250,250,0.4);
	--globalAltWeiß: rgba(255,249,206,1);
	--globalTransAltWeiß: rgba(255,249,206,0.75);
	--globalTransAltWeiß1: rgba(25,25,25,1);
	--globalTransAltWeiß6: rgba(25,25,25,.4);
	--globalWeiß: rgba(10,10,10,1);
	--globalSmaragdGruen:rgba(73,126,147,1);
	}
}

/*Standardelemente*/

html {
	background-color:transparent;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
	}

body {
	position:relative;		
	box-sizing:border-box;
	display:block;
	top:0;
	margin:0 auto;
	padding:0;
	width:100%;
	height:auto;
	cursor:url("Pics/mouse_pointer.svg") 50 50, auto;
	z-index:1;
	}
	
/*Umschalter auf die mobile Version, wenn von Mobilen die Standardversion aufgerufen wird*/

.versionsumschalter {
	position:fixed;
	display:none;
	align-items:center;
		-webkit-align-items:center;
	justify-content:center;
	top:0;
	left:0;
	width:100%;
	height:10vh;
	border-bottom:solid .1vh var(--globalGrau);
	background-color:var(--globalTransDunkelgrau);
	backdrop-filter:blur(10px);
		-webkit-backdrop-filter:blur(10px);
	z-index:100;
	} 
	.versionsumschalter a {
		font-family:"typo_sans_bold";
		font-size:3vmax;
		line-height:100%;
		color:var(--globalTransWeiß8);
		text-align:center;
		}
	@media (max-width:1024px) {
		.versionsumschalter {
			display:flex;
			}
		}	
	
/* Formatierung der Navigation */


.navigationContainer {
	cursor:inherit;
	position:absolute;
	display:flex;
	box-sizing:border-box;
	flex-direction:column;
	align-items:flex-start;
	top:0;
	left:0;
	width:0;
	height:100vh;
	margin:0;
	padding:0;
	padding-top:20vh;
	background-color:var(--globalTransAnthrazit);
	background-image:url(Pics/intro_start_ohneLogo.jpg);
	background-position:bottom center;
	background-size:cover;
	background-blend-mode:multiply;
	overflow:hidden;
	z-index:10;
	}
	
	
.navigationContainerVerschieben {
	cursor:inherit;
	position:fixed;
	display:flex;
	box-sizing:border-box;
	top:0;
	left:0;
	width:40vw;
	heigth:100vh;
	margin:0;
	padding:0;
	padding-top:20vh;
	padding-left:3vw;
	background-color:var(--globalTransAnthrazit);
	background-image:url(Pics/intro_start_ohneLogo.jpg);
	background-position:bottom center;
	background-size:cover;
	background-blend-mode:multiply;
	justify-content:flex-start;
	align-items:flex-end;
	flex-direction:column;
	z-index:10;
	transition:all 1s ease-out;
	}

.navigationContainerAktiviert {
	cursor:inherit;
	position:relative;
	display:block;
	box-sizing:border-box;
	top:0;
	left:0;
	width:100%;
	heigth:100%;
	margin:0;
	padding:0;
	padding-left:5vw;
	z-index:10;
	transition:all .5s ease-out;
	}

.navigationContainerItem {
	cursor:inherit;
	position:relative;
	display:flex;
	box-sizing:border-box;
	flex:1 0 auto;
	order:0;
	top:0;
	left:0;
	width:auto;
	height:auto;
	margin:0;
	margin-bottom:3vh;
	padding:0;
	padding-top:3vh;
	font-family:"typo_sans_extrabold";
	font-size:2.5rem;
	line-height:110%;
	color:var(--globalAltWeiß);
	opacity:1;
	transform:translateX(-5vw);
	transition:all 0.75s ease-out;
	z-index:2;
	}
.navigationContainerItem img {
	cursor:inherit;
	position:relative;
	top:1.75vh;
	mix-blend-mode:soft-light;
	transition:all .75s ease-out;
		}
	
	.navigationContainerItem a {
	  cursor:inherit;
	  position:absolute;
	  display:inline-block;
	  width:auto;
	  height:auto;
	  margin:0;
	  padding:0;
	  color:inherit;
	  text-decoration:none;
	  text-align:left;
	  transition:all 0.75s ease-out;
	  }
	.navigationContainerItem:hover a {
		cursor:inherit;
		color:var(--globalTransWeiß1);
		}
	.navigationContainerItem:hover a img {
		cursor:inherit;
		opacity:.3;
		}
		.navigationContainerItem hinweis {
		  cursor:inherit;
		  position:relative;
		  display:inline-block;
		  top:-2vmax;
		  left:-10vw;
		  width:auto;
		  height:auto;
		  margin:0;
		  padding-top:-1.5vh;
		  padding-bottom:1vh;
		  text-align:left;
		  vertical-align:text-bottom;
		  font-family:"typo_sans_regular";
		  font-size:1.5rem;
		  line-height:100%;
		  border-bottom:solid thin var(--globalAltWeiß);
		  opacity:0;
		  transition:all 0.75s ease-out;
		  }
		.navigationContainerItem:hover hinweis {
			cursor:inherit;
			top:-2vmax;
			left:0;
			color:var(--globalAltWeiß);
			border-bottom:solid thin var(--globalAltWeiß);
			opacity:1;
	  
		}
		
	.navigationContainerItem button {
	  cursor:inherit;
	  cursor:pointer;
	  position:relative;
	  display:inline-block;
	  float:left;
	  top:-.5vmin;
	  width:auto;
	  height:auto;
	  margin-left:2vmin;
	  padding:0;
	  font-size:inherit;
	  font-family:inherit;
	  color:inherit;
	  border:none;
	  background-color:transparent;
	  transition:all 0.75s ease-out;
	  }
		

	/*Das Navigationsmenue wurde bereits animiert und bleibt jetzt statisch */
	.navigationContainerItemAktiv {
	  cursor:inherit;
	  display:inline-block;
	  flex:0 1 auto;
	  order:0;
	  width:25vw;
	  height:auto;
	  margin:0;
	  padding:0;
	  padding-top:2vh;
	  font-family:"PT Serif";
	  font-size:1.5vh;
	  line-height:90%;
	  color:var(--globalBrueckenGruen);
	  }
	  .navigationContainerItemAktiv img {
		  cursor:inherit;
		  widht:10vw;
		  height:7vh;
	  }
	.navigationContainerItemAktiv a {
	  cursor:inherit;
	  position:relative;
	  width:auto;
	  height:auto;
	  margin:0;
	  padding:0;
	  color:var(--globalWeiß);
	  text-decoration:none;
	  text-align:left;
	  transition:all 0.75s ease-out;
	  }
	.navigationContainerItemAktiv:hover a {
 		cursor:inherit;
		color:var(--globalTransHellgrau);
		}
		.navigationContainerItemAktiv hinweis {
		  cursor:inherit;
		  position:relative;
		  display:inline-block;
		  top:0;
		  left:-1vw;
		  width:auto;
		  height:auto;
		  margin:0;
		  margin-top:-25vh;
		  padding-top:-0.5vh;
		  padding-bottom:1vh;
		  text-align:left;
		  font-family:"PT Mono Bold";
		  font-size:1vh;
		  line-height:100%;
		  color:var(--globalWeiß);
		  border-bottom:solid thin var(--globalWeiß);
		  opacity:0;
		  transition:all 0.75s ease-out;
		  }
		.navigationContainerItemAktiv:hover hinweis {
			cursor:inherit;
			top:0;
			left:0;
			color:var(--globalWeiß);
			border-bottom:solid thin var(--globalWeiß);
			opacity:1;
		}

/*Navigationselemente einblenden*/

.fadeInNav {
		cursor:inherit;
		opacity:1;
		width:15vw;
		background-color:var(--globalTransAltWeiß);
	}


.fadeInNavItem {
		cursor:inherit;
		opacity:1;
		transform:translateX(0);
		display:block;
	}
		

/*das Hamburger-Menü-Icon*/

.navMenueHamburgerIcon {
	cursor:inherit; 
	position:fixed;
	display:grid;
	align-items:center;
	justify-content:center;
	top:8vh;
	left:1.75vmin;
	width:3vmin;
	height:3vmin;
	margin:0;
	padding:.75vmin;
	text-align:center;
	border-radius:50%;
	background-color:transparent;
	mix-blend-mode:difference;
	cursor:pointer;
	animation:fadeIn 2s ease-out;
	transition:all .5s ease-out;
	z-index:15;}
	@keyframes fadeIn {
		0% {
			transform:translateX(-5vw);
			opacity:0;
			}
		100% {
			opacity:1;
			transform:translateX(0;)
			}
		
		}

	.navMenueHamburgerIcon strich {
		cursor:inherit;
		width:.5vmin;
		height:.5vmin;
		border-radius:50%;
		background-color:var(--globalAltWeiß);
		transition: 1s;
		transform-origin:center;}
		
	.navMenueHamburgerIcon:hover {
		cursor:inherit;
		background-color:var(--globalHellgrau);
		border-color:var(--globalAnthrazit);
		box-shadow:0px 0px 0px 8px rgba(102,102,102,0.4);
		}
	.navMenueHamburgerIcon:hover strich {
		cursor:inherit;
		width:2vmin;
		border-radius:0;
		background-color:var(--globalAnthrazit);
		}
			
	.navMenueHamburgerIcon.aktiv {
		cursor:inherit;
		position:relative;
		display:grid;
		align-items:center;
		justify-content:center;
		top:8vh;
		height:4vh;
		width:4vh;
		padding:.75vmin;
		border-radius:50%;
		background-color:var(--globalAltWeiß);
		box-shadow:0px 0px 5px var(--globalTransDunkelgrau);
		opacity:1;
		mix-blend-mode:normal;
		transform:rotate(3645deg);
		transition:all 1s ease-out;
		overflow:hidden;
		z-index:15;
		}
	.navMenueHamburgerIcon.aktiv strich {
		cursor:inherit;
		width:10vmin;
		height:2vmin;
		margin:auto;
		border-radius:0;
		background-color:var(--globalAnthrazit);
		transition:all .85s ease-out;
		transform-origin:center;
		}

	.navMenueHamburgerIcon.aktiv strich:nth-child(1) {
		margin-top:1vmin;
		}
	.navMenueHamburgerIcon.aktiv strich:nth-child(2) {	
		width:0;
		opacity:0;}
	.navMenueHamburgerIcon.aktiv strich:nth-child(3) {
		margin-top:-5vmin;
		transform:rotate(90deg);
		}
	.navMenueHamburgerIcon.aktiv:hover {
		cursor:inherit;
		background-color:var(--globalAnthrazit);
		box-shadow:0px 0px 5px var(--globalSchwarz);
		
		}
	.navMenueHamburgerIcon.aktiv:hover strich {
		cursor:inherit;
		left:0;
		background-color:var(--globalAltWeiß);
		}

/* HamburgerMenue einblenden */

.fadeInNavHamburgerMenue {
		cursor:inherit;
		opacity:1;
		transform:translateX(0);
	}
	



.sprunganker {  /*Haltemarke für die Seitenbewegung*/
	position:relative;
	top:-5vh;
}


/*Formatierung der Inhalte auf der Startseite*/


	
.startSeiteLogoContainer {
	cursor:inherit;
	position:absolute;
	display:inline-block;
	box-sizing:border-box;
	float:none;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	margin:0;
	padding:0;
	z-index:2;
	}
	
		
/* Startansicht des Titels*/

.startSeiteLogo {
	cursor:inherit;
	position:absolute;
	display:inline-block;
	width:100vw;
	height:100vh;
	margin:0;
	padding:0;
	mix-blend-mode:screen;
	background-color:transparent;
	opacity:0;
	transition:all 1s ease-out;
	z-index:2;
	}
	.startSeiteLogo img {
		cursor:inherit;
		position:relative;
		display:block;
		margin:0 auto;
		width:100%;
		height:100%;
		object-fit:cover;
		}
		.startSeiteLogo img:hover {
			cursor:inherit;
		}

.startSeiteHeadlineContainer {
	cursor:inherit;
	position:absolute;
	display:inline-block;
	box-sizing:border-box;
	float:none;
	width:100vw;
	height:100vh;
	margin:0;
	padding:0;
	background-size:cover;
	opacity:0;
	transition:all .5s ease-out;
	cursor:url('Pics/mouse_pointer.svg'), auto;
	z-index:2;
	}
	
.startSeiteHeadline  {
	cursor:inherit;
	position:relative;
	top:5vh;
	left:0;
	width:100vw;
	height:8vmax;
	margin:0;
	padding:0;
	padding-bottom:1vmin;
	font-family:"typo_sans_extrabold";
	font-size:7.5vmax;
	line-height:105%;
	letter-spacing:-.4vmax;
	color:transparent;
	background-image: linear-gradient(80deg, var(--globalAltWeiß) 20%, var(--globalBraun) 85%);
		background-image: -moz-linear-gradient(80deg, var(--globalAltWeiß) 20%, var(--globalBraun) 85%);
		background-image: -webkit-linear-gradient(60deg, var(--globalAltWeiß) 20%, var(--globalBraun) 85%);
	background-clip:text;
		-webkit-background-clip:text;
	text-align:left;
	word-break:break-all;
	white-space:no-wrap;
	overflow:hidden;
	mix-blend-mode:difference;
	animation:typeIn 3s steps(26) forwards;
	animation-delay:8s;
	transition:all 1.5s ease-out;
	cursor:inherit;
	z-index:3;
	}
	.startSeiteHeadline a {
		cursor:inherit;
		width:0;
		color:inherit;
		text-decoration:none;
		transition:all ease-out .5s;
		cursor:inherit;
		}
	.startSeiteHeadline a:hover {
		cursor:inherit;
		letter-spacing:.3vmax;
		font-family:"typo_sans_light";
		font-variant-ligatures:none;
		color:var(--globalTransViolett4);
		cursor:inherit;
		}
		
	/*Animation für den Schreibmaschineneffekt */
	 @keyframes typeIn {
			  from { width: 0;}
			  to   { width: 30ch;}
			  }
	
.startSeiteHeadlineKalender  {
	cursor:inherit;
	position:absolute;
	bottom:5vh;
	left:0;
	width:100vw;
	height:5.5vmax;
	margin:0;
	padding:0;
	padding-bottom:1vmin;
	font-family:"typo_sans_extrabold";
	font-size:5vmax;
	line-height:105%;
	letter-spacing:-.4vmax;
	color:transparent;
	background-image: linear-gradient(80deg, var(--globalAltWeiß) 20%, var(--global) 85%);
		background-image: -moz-linear-gradient(80deg, var(--globalAltWeiß) 20%, var(--globalBraun) 85%);
		background-image: -webkit-linear-gradient(60deg, var(--globalAltWeiß) 20%, var(--globalBraun) 85%);
	background-clip:text;
		-webkit-background-clip:text;
	text-align:left;
	word-break:break-all;
	white-space:no-wrap;
	overflow:hidden;
	mix-blend-mode:difference;
	animation:typeIn 3s steps(30) forwards;
	animation-delay:8s;
	transition:all 1.5s ease-out;
	z-index:3;
	}
	.startSeiteHeadlineKalender a {
		cursor:inherit;
		width:0;
		color:inherit;
		text-decoration:none;
		transition:all ease-out .5s;
		}
	.startSeiteHeadlineKalender a:hover {
		cursor:inherit;
		letter-spacing:.3vmax;
		font-family:"typo_sans_light";
		font-variant-ligatures:none;
		color:var(--globalTransViolett4);
		}	
	
	

.startSeiteStandards {
	cursor:inherit;
	position:relative;
	float:left;
	top:55vh;
	width:auto;
	height:auto;
	margin-left:1vmin;
	padding:0;
	font-family:"typo_sans_light";
	font-size:1rem;
	line-height:100%;
	color:var(--globalAltWeiß);
	background-color:transparent;
	text-align:left;
	z-index:3;
	}
	.startSeiteStandards a {
		cursor:inherit;
		text-decoration:none;
		letter-spacing:0rem;
		color:inherit;
		transition:all .5s ease-out;
		}
		.startSeiteStandards a:hover {
			cursor:inherit;
			letter-spacing:.1rem;
			color:var(--globalWeiß);
			border-bottom:solid 1px var(--globalWeiß);
			}
	
	.datum {
        cursor:inherit;
		position:fixed;
		display:inline-block;
		float:none;
		top:0;
		left:10%;
		width:85%;
		height:auto;
		margin:0;
		padding:0;
		padding-top:1vh;
		font-family:"typo_sans_bold";
		font-size:.75vmin;
		letter-spacing:0;
		line-height:100%;
		color:var(--globalDunkelgrau);
		z-index:5;
		}

/* Umschalter für den Dark-Mode */

.theme-switch-wrapper {
    cursor:inherit;
	position:absolute;
	top:.5vmin;
	right:1vw;
	display: flex;
	align-items: center;
	height:auto;
	margin:0;
	padding:0;
	z-index:5;
}

.theme-switch-wrapper bezeichner {
      cursor:inherit;
	  padding-right:.5vw;
	  padding-left:.5vw;
	  font-family:"typo_sans_bold";
	  font-size:.75vmin;
	  letter-spacing:0;
	  line-height:100%;
	  color:var(--globalDunkelgrau);
  }

.theme-switch {
  cursor:inherit;
  display: inline-block;
  position: relative;
  width: 4vmin;
  height: 1.5vmin;
}

.theme-switch input {
  cursor:inherit;
  display:none;
}

.slider {
  cursor:inherit;
  position: absolute;
  cursor: pointer;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  transition: .4s;
  border:solid .1vh var(--globalTransDunkelgrau);
}

.slider:before {
  cursor:inherit;
  position: absolute;
  left: .35vh;
  top: .25vh;
  height: .75vh;
  width: .75vh;
  border:solid .07vh var(--globalTransDunkelgrau);
  background-color:var(--globalTransHellgrau);
  content: "";
  transition: .4s;
}

input:checked + .slider {
  cursor:inherit;
  background-color: var(--globalTransDunkelgrau);
}

input:checked + .slider:before {
  cursor:inherit;
  top: .3vh;
  border: var(--globalWeiß);
  background-color: var(--globalWeiß);
  transform: translateX(2.5vh);
}

.slider.round {
  cursor:inherit;
  border-radius: 1.75vh;
}

.slider.round:before {
  cursor:inherit;
  border-radius: 50%;
}

	
/* Formatierungen für die Verweise auf den Inhaltsseiten*/
.mainContainer {
	cursor:inherit;
	position:fixed;
	display:flex;
	top:0;
	left:0;
	width:100vw;
	height:100%;
	background-color:transparent;
	overflow-y:scroll;
	transition:all 1s ease-out;
	}
	.mainContainerVerschieben {
		cursor:inherit;
		left:40vw;
		width:60vw;
		background-color:var(--globalTransDunkelgrau);
		filter:blur(2px);
		}

.contentSeiteStandards {
	cursor:inherit;
	position:fixed;
	float:left;
	bottom:6vh;
	width:auto;
	height:auto;
	margin-left:1vmin;
	padding:0;
	font-family:"typo_sans_light";
	font-size:.75rem;
	line-height:100%;
	color:var(--globalTransAnthrazit);
	background-color:transparent;
	text-align:left;
	animation:fadeIn2 1s ease-out; /*animation wird bei standardheadlines definiert */
	z-index:2;
	}
	.contentSeiteStandards a {
cursor:inherit;
		position:relative;
		float:left;
		margin-right:1vmin;
		text-decoration:none;
		letter-spacing:0rem;
		color:inherit;
		transition:all .5s ease-out;
		}
		.contentSeiteStandards a:hover {
cursor:inherit;
			letter-spacing:.1rem;
			color:var(--globalAltWeiß);
			border-bottom:solid 1px var(--globalAltWeiß);
			}

@keyframes fadeIn2 {
		0% {
			transform:translateX(5vw);
			opacity:0;
			}
		100% {
			opacity:1;
			transform:translateX(0;)
			}
		
		}

.contentSeiteLogoContainer {
	cursor:inherit;
	position:fixed;
	display:inline-block;
	float:none;
	top:1vmin;
	left:1.75vmin;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	cursor:pointer;
	animation:fadeIn 1s ease-out;
	mix-blend-mode:difference;
	z-index:15;
	}

	Logo {
cursor:inherit;
		display:flex;
		align-items:center;
		width:auto;
		height:5vmin;
		margin-left:1vmin;
		padding:0;
		font-family:"typo_sans_regular";
		font-size:1rem;
		line-height:100%;
		color:var(--globalViolett);
		background-color:transparent;
		z-index:2;
		}
		Logo img {
cursor:inherit;
			margin:0 auto;
			width:auto;
			height:5vmin;
			}
		Logo a {
cursor:inherit;
			margin-left:2vmin;
			padding-bottom:.2rem;
			text-decoration:none;
			letter-spacing:0rem;
			color:inherit;
			transition:all .5s ease-out;
			}
			Logo a:hover {
cursor:inherit;
				letter-spacing:.1rem;
				color:var(--globalTransDunkelgrau);
				border-bottom:solid 1px var(--globalTransDunkelgrau);
				}
			}


.contentSeiteContentContainer {
cursor:inherit;
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	float:none;
	width:100%;
	min-height:100%;
	max-height:auto;
	margin:0;
	padding:0;
	background-color:var(--globalAltWeiß);
	overflow:scroll;
	transition:all .5s ease-out;
	
	}

.contentSeiteHeadlineNormal {
cursor:inherit;
	position:absolute;
	display:block;
	box-sizing:border-box;
	float:left;
	top:0;
	width:100%;
	height:100vh;
	margin:0 auto;
	padding-top:20%;
	padding-left:10%;
	font-size:15vmin;
	font-family:"typo_serif_extrabold";
	text-transform:lowercase;
	letter-spacing:-.05rem;
	line-height:100%;
	hyphens:auto;
		-webkit-hyphens:auto;
	color:transparent;
	background-image: linear-gradient(80deg, var(--globalAltWeiß) 20%, var(--globalBraun) 85%);
		background-image: -moz-linear-gradient(80deg, var(--globalAltWeiß) 20%, var(--globalBraun) 85%);
		background-image: -webkit-linear-gradient(60deg, var(--globalAltWeiß) 20%, var(--globalBraun) 85%);
	background-clip:text;
		-webkit-background-clip:text;
	transition:all 1.25s ease-out;
	animation:fadeIn4 .75s ease-out;
	z-index:2
	}
	.contentSeiteHeadlineNormal::after {
cursor:inherit;
		position:absolute;
		content:'';
		top:0;
		left:0;
		width:100%;
		height:100vh;
		background-image:url(Pics/intro_start_ohneLogo.jpg);
		mix-blend-mode:difference;
		z-index:1;
		}	
	@keyframes fadeIn4 {
		0% {
			transform:translateY(5vw);
			opacity:0;
			}
		100% {
			opacity:1;
			transform:translateX(0;)
			}
		
		}
	
	.contentSeiteHeadlineNormal Vorspann {
cursor:inherit;
		width:60%;
		heigth:auto;
		margin-left:4%;
		font-size:60%;
		font-family:"typo_sans_extrabold";
		text-transform:none;
		line-height:120%;
		color:inherit;
		
		}
	.contentSeiteHeadlineNormal up {
		cursor:inherit;
		font-family:"typo_sans_extrabold";
		text-transform:uppercase;
		
		}

.contentSeiteHeadlineKlein {
	cursor:inherit;
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	float:left;
	top:5vh;
	width:100%;
	heigth:auto;
	margin-left:10vw;
	font-size:5vmin;
	font-family:"typo_serif_extrabold";
	letter-spacing:-.05rem;
	text-transform:none;
	line-height:100%;
	color:var(--globalMagenta);
	text-stroke:.5px var(--globalWeiß);
		-webkit-text-stroke:.5px var(--globalWeiß);
	text-shadow:0px 0px 4px var(--globalTransWeiß8);
	transition:all .05s ease-out;
	animation:fadeIn .5s ease-out; /*animation wird beim Hamburger-Icon definiert */
	z-index:2;
	}
	.contentSeiteHeadlineKlein Vorspann {
		cursor:inherit;
		width:60%;
		heigth:auto;
		margin-left:4%;
		font-size:60%;
		font-family:"typo_sans_extrabold";
		text-transform:lowercase;
		line-height:120%;
		color:inherit;
		
		}
	.contentSeiteHeadlineKlein up {
		cursor:inherit;
		font-family:"typo_sans_extrabold";
		text-transform:uppercase;
		
		}
	
.contentSeiteHeadlineGroß {
	cursor:inherit;
	position:relative;
	top:20vh;
	left:1vw;
	width:100vw;
	heigth:auto;
	font-size:calc(4vw + 4vh + 2vmin);
	font-family:"typo_sans_extrabold";
	line-height:100%;
	padding-bottom:2vh;
	color:transparent;
	background-image: linear-gradient(80deg, var(--globalAltWeiß) 20%, var(--globalMagenta) 85%);
		background-image: -moz-linear-gradient(80deg, var(--globalAltWeiß) 20%, var(--globalMagenta) 85%);
		background-image: -webkit-linear-gradient(60deg, var(--globalAltWeiß) 20%, var(--globalMagenta) 85%);
	background-clip:text;
		-webkit-background-clip:text;
	word-break:break-all;
	white-space:nowrap;
	overflow:hidden;
	animation:typeIn2 3s steps(35) forwards; /*animation wird für die Typo auf der Startseite definiert */
	transition:all .5s ease-out;
	opacity:.9;
	z-index:2;
	}
	/*Animation für den Schreibmaschineneffekt */
	 @keyframes typeIn2 {
			  from { width: 0;}
			  to   { width: 35ch;}
			  }

.contentSeiteGrundtext {
	cursor:inherit;
	position:relative;
	display:inline-block;
	float:left;
	top:2vmin;
	width:100%;
	heigth:auto;
	padding-left:40%;
	font-size:3vmin;
	font-family:"typo_sans_regular";
	line-height:120%;
	color:var(--globalTransAltWeiß);
	animation:fadeIn2 .5s ease-out; /*nutzt die für das Hamburger-Icon definierte Animation */
	z-index:2;
	}
	.contentSeiteGrundtext a neu {
		cursor:inherit;
		position:relative;
		display:inline-block;
		width:5vw;
		margin-left:-6vw;
		font-family:"typo_sans_bold";
		font-size:1vmin;
		color:var(--globalBrueckenGruenDunkel); 
		}
	.contentSeiteGrundtext a {
		cursor:inherit;
		position:relative;
		display:block;
		margin-right:1vmin;
		font-size:inherit;
		line-height:inherit;
		text-decoration:none;
		letter-spacing:0rem;
		color:inherit;
		transition:all .5s ease-out;
		}
		.contentSeiteGrundtext a:hover {
			cursor:inherit;
			letter-spacing:.1rem;
			color:inherit;
			border-bottom:solid 1px var(--globalTransAltWeiß);
			opacity:.6;
			}
			.contentSeiteGrundtext a hinweis {
			  cursor:inherit;
			  width:auto;
			  margin-left: 3vmin;
			  padding:0;
			  font-family: "typo_sans_bold";
			  font-size:60%;
			  text-transform:uppercase;
			  color:var(--globalBrueckenGruen);
			  opacity:0;
			  transition:all 0.5s ease-in-out;}
			  .contentSeiteGrundtext a:hover hinweis{
					  cursor:inherit;
					  letter-spacing:.1rem;
					  color:var(--globalBrueckenGruen);
					  opacity:1;
					  }

.contentSeiteKapitel {
	cursor:inherit;
	position:relative;
	float:left;
	top:2vmin;
	width:auto;
	heigth:auto;
	margin-left:10%;
	font-size:2.5vmin;
	font-family:"typo_sans_regular";
	line-height:120%;
	color:var(--globalAltWeiß);
	mix-blend-mode:difference;
	animation:fadeIn .25s ease-out; /*nutzt die für das Hamburger-Icon definierte Animation */
	z-index:1;
	
	}



/* Formatierung der Bildergalerie */

.Bildergalerie {
	cursor:inherit;
	position:fixed;
	display:flex;
	flex-wrap:wrap;
	box-sizing:border-box;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	margin:0 auto;
	padding:0;
	align-items:center;
	object-fit:cover;
	overflow:hidden;
	background-color: var(--globalHellgrau);
	background-image: radial-gradient(var(--globalTransDunkelgrau) 22%, transparent 27%);
	background-image: -webkit-radial-gradient(var(--globalTransDunkelgrau) 22%, transparent 27%);
	background-size: 0.16vmax 0.16vmax;
	background-position: 0.175vh 0, 0 0.175vh;
	transition:all 1s ease-out;
	z-index:0;
	}
		
.Bild {	/* Bilder sind beim Laden ausgeblendet */
 	cursor:inherit;
	position:relative;
	left:0;
	display:grid;
	margin:0 auto;
	width:100vw;
	height:100vh;
	z-index:0;
	}
	.Bild img{
		cursor:inherit;
		position:relative;
		box-sizing:border-box;
		object-position:center center;
		object-fit:cover;
		width:100vw;
		height:100vh;
		transition:all .05s ease-out;
		}
		.deckend {
		  cursor:inherit;
		  opacity:1;
		  }	
		  
	.halbesBild { /*für den Aufruf von vorherigem und nächstem Beitrag */
		position:relative;
		display:inline-block;
		box-sizing:border-box;
		float:left;
		left:0;
		top:0;
		width:50%;
		height:100vh;
		margin:0;
		padding:0;
		overflow:hidden;
		}		  
		
	.Bild video {
		cursor:inherit;
		position:relative;
		box-sizing:border-box;
		object-position:center center;
		object-fit:cover;
		width:100vw;
		height:100vh;
		}
	.Bild beschreibung {
		cursor:inherit;
		position:absolute;
		display:inline-block;
		box-sizing:border-box;
		bottom:.5vh;
		left:40vmin;
		width:calc(100vw - 40vmin);
		height:4vh;
		padding:1% 1% 1% 1%;
		font-size:1.5vmin;
		font-family:"typo_sans_regular";
		line-height:120%;
		text-align:left;
		color:var(--globalMagenta);
		text-shadow:0 0 10px var(--globalTransDunkelgrau);
		text-decoration:none;
		background:var(--globalTransAltWeiß6);
		transition:all .25 ease-out;
		animation:fadeIn3 1.5s ease-out;
		overflow:hidden;
		z-index:5;
		}
		@keyframes fadeIn3 {
		0% {
			transform:translateY(5vh);
			opacity:0;
			}
		100% {
			opacity:1;
			transform:translateY(0);
			}
		
		}
	.Bild button {
		cursor:inherit;
		position:relative;
		display:block;
		cursor:pointer;
		margin-right:1vmin;
		font-size:inherit;
		font-family:inherit;
		line-height:100%;
		text-align:inherit;
		text-decoration:none;
		border:none;
		letter-spacing:0rem;
		color:inherit;
		background:none;
		transition:all .25s ease-out;
		}
		.Bild button:hover {
			cursor:inherit;
			letter-spacing:.1rem;
			color:var(--globalTransMagenta);
			border-bottom:solid 1px var(--globalTransMagenta);
			}
			
	.Bild tooltipp {
		cursor:inherit;
		position:absolute;
		display:inline-block;
		top:0;
		left:0;
		width:auto;
		height:auto;
		margin-top:20%;
		margin-left:40%;
		font-size:1.5vmin;
		font-family:"typo_sans_light";
		line-height:100%;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		background:none;
		border:none;
		letter-spacing:0rem;
		color:var(--globalAltWeiß);
		opacity:.85;
		transition:all .25s ease-out;
		}
		.Bild tooltipp symbol {
			cursor:inherit;
			position:relative;
			display:table-cell;
			box-sizing:border-box;
			width:10vmin;
			height:10vmin;
			margin:0 auto;
			margin-left:25%;
			padding:1vmin;
			font-size:8vmin;
			color:var(--globalTransMagenta4);
			background-color:var(--globalAltWeiß);
			border-radius:50%;
			transform:rotate(25deg);
			vertical-align:middle;
			}
		
.fadein { /* Startbilder einblenden */
	  animation-name: fadein;
	  animation-duration: 1.5s;
	  z-index:0;
	  }
	
	@keyframes fadein {
	  0% {filter: grayscale(100%);
		  transform: scale(0.95,0.95);
		  opacity: 0}
	  100% {transform: scale(1,1);
	  		opacity: 1;}
	}
	
.fadeout {
	opacity:.4;
	transform: scale(2,2);
	filter:grayscale(.8) blur(15px);
	}


.wimmelBild {	/* Formatierung für das Wimmelbild */
 	cursor:inherit;
	position:relative;
	left:0;
	display:flex;
	flex-shrink:1;
	flex-grow:1;
	margin:0 auto;
	width:25%;
	height:50%;
	font-family:"typo_sans_bold";
	background-color:var(--globalTransMagenta);
	filter: grayscale(100%);
	transform: scale(0.95,0.95);
	opacity: 0;
	transition:all .75s ease-out;
	z-index:10;
	}
	.wimmelBild img {
		cursor:inherit;
		position:absolute;
		object-position:center center;
		object-fit:cover;
		width:100%;
		height:100%;
		margin:1%;
		filter:blur(5px);
		mix-blend-mode:multiply;
		transition:all .75s ease-out;
		}
	.wimmelBild headline {
		cursor:inherit;
		position:relative;
		display:inline-block;
		top:6.5vh;
		width:80%;
		height:auto;
		margin-left:10%;
		color:var(--globalWeiß);
		font-size:2rem;
		text-align:right;
		}	
	.wimmelBild beschreibung {
		cursor:inherit;
		position:absolute;
		display:inline-block;
		bottom:4.5vh;
		left:0;
		width:80%;
		height:auto;
		margin-left:10%;
		font-family:inherit;
		line-height:120%;
		text-align:left;
		color:var(--globalMagenta);
		text-shadow:0 0 10px var(--globalTransDunkelgrau);
		text-decoration:none;
		z-index:15;
		}
	.wimmelBild button {
		cursor:inherit;
		position:relative;
		display:block;
		box-sizing:border-box;
		cursor:pointer;
		top:85%;
		width:99%;
		height:15%;
		margin-left:1%;
		padding-left:10%;
		font-size:1.5vmin;
		font-family:inherit;
		line-height:100%;
		text-align:left;
		text-decoration:none;
		background:var(--globalTransHellgrau);
		border:none;
		border-top:solid 1px var(--globalTransWeiß2);
		letter-spacing:0rem;
		color:var(--globalAltWeiß);
		transition:all .5s ease-out;
		z-index:10;
		}
		.wimmelBild button:hover + img {
			cursor:inherit;
			opacity:.9;
			filter:blur(0);	
			mix-blend-mode:normal;
			}
		 .wimmelBild button:hover {
			cursor:inherit;
			letter-spacing:.1rem;
			font-variant-ligatures:none;
			color:var(--globalTransAnthrazit);
			border-bottom:solid 1px var(--globalTransAnthrazit);
			background-image: linear-gradient(270deg, var(--globalTransAltWeiß1) 0%, var(--globalTransAltWeiß) 80%);
			background-image: -moz-linear-gradient(270deg, var(--globalTransAltWeiß1) 0%, var(--globalTransAltWeiß) 80%);
			background-image: -webkit-linear-gradient(270deg, var(--globalTransAltWeiß1) 0%, var(--globalTransAltWeiß) 80%);
			backdrop-filter:blur(5px);
				-webkit-backdrop-filter:blur(5px);
			}
			
		.fadeinWimmelbild {
			filter:grayscale(0);
			transform: scale(1,1);
	  		opacity: 1;
			}
			
		
/*Formatierung für den Neu-Button im jeweiligen Bereich*/
neu {
		  cursor:inherit;
		  position:absolute;
		  display:table-cell;
		  float:none;
		  box-sizing:border-box;
		  top:5%;
		  left:42%;
		  width:2.5vw;
		  height:2.5vw;
		  margin:0 auto;
		  padding-top:.75vw;
		  font-family:"typo_serif_bold";
		  font-size:.75vw;
		  letter-spacing:normal;
		  line-height:100%;
		  text-align:center;
		  text-transform:uppercase;
		  vertical-align:text-bottom;
		  color:var(--globalAltWeiß);
		  border:solid .01vmax var(--globalAltWeiß);
		  border-radius:50%;
		  box-shadow:0 0 25px 10px var(--globalTransDunkelgrau);
		  background-color:var(--globalViolett);
		  background-image: linear-gradient(270deg, var(--globalCyan) 10%, var(--globalViolett) 90%);
			background-image: -moz-linear-gradient(270deg, var(--globalCyan) 10%, var(--globalViolett) 90%);
			background-image: -webkit-linear-gradient(270deg, var(--globalCyan) 10%, var(--globalViolett) 90%);
		  mix-blend-mode:normal;
		  transform:rotate(18deg);
		  transition:all .75s ease-out;
		  z-index:20;
		  }


/*Schaltflächen für das horizontale Scrollen der Bilder*/

.nachlinks {
	cursor:inherit;
	position:absolute;
	cursor:pointer;
	width:2vw;
	height:2vw;
	float:none;
	top: 0%;
	left:0%;
	margin: 50vh 3% auto;
	padding:0;
	padding-left:9px;
	border:solid 0.2vw var(--globalAltWeiß);
	border-radius:50%;
	font-family:"Lato Light Sans";
	font-size:1.5vmax;
	color:var(--globalAltWeiß);
	text-align:left;
	vertical-align:central;
	background: var(--globalTransAnthrazit);
	mix-blend-mode:difference;
	transition: background-color 0.5s ease-in-out;
	z-index:13;
	}
	.nachlinks:hover {
		cursor:inherit;
		mix-blend-mode:overlay;
		box-shadow:0 0 4px 4px var(--globalHellgrau);
		}
.nachrechts {
	cursor:inherit;
	position:absolute;
	cursor:pointer;
	width:2vw;
	height:2vw;
	float:none;
	top:0%;
	right:0%;
	margin-top: 50vh;
	margin-right: 3%;
	padding:0;
	padding-right:9px;
	border:solid 0.2vw var(--globalAltWeiß);
	border-radius:50%;
	font-family:"Lato Light Sans";
	font-size:1.5vmax;
	color:var(--globalAltWeiß);
	text-align:right;
	vertical-align:central;
	background: var(--globalTransAnthrazit);
	mix-blend-mode:difference;
	transition: background-color 0.5s ease-in-out;
	z-index:13;
	}
	.nachrechts:hover {
		cursor:inherit;
		mix-blend-mode:overlay;
		box-shadow:0 0 4px 4px var(--globalHellgrau);
		}

/* Formatierung für Button-Element */
.button1 {
	cursor:inherit;
	position:relative;
	cursor:pointer;
	display:inline-block;
	width:auto;
	height:auto;
	float:none;
	top: 0%;
	left:0%;
	margin:0;
	margin-right:1vw;
	margin-top:10vh;
	margin-bottom:10vh;
	padding:10px;
	border:solid 1px var(--globalMagenta);
	font-family:"typo_sans_light";
	font-size:50%;
	color:var(--globalBrueckenGruen);
	text-align:left;
	text-transform:uppercase;
	vertical-align:central;
	background:transparent;
	backdrop-filter:blur(5px);
		-webkit-backdrop-filter:blur(5px);
	transition: background-color 0.5s ease-in-out;
	z-index:13;
	}
	.button1:hover {
		cursor:inherit;
		mix-blend-mode:overlay;
		color:var(--globalAltWeiß);
		box-shadow:0 0 4px 4px var(--globalHellgrau);
		background-color:var(--globalTransBrueckenGruen6);
		}

.button2 {
	cursor:inherit;
	position:absolute;
	display:inline-block;
	width:20vmin;
	height:4vmin;
	float:none;
	top:calc(94.5vh - 4vmin);
	left:0;
	margin:0;
	padding:15px;
	border:solid 1px var(--globalMagenta);
	font-family:"typo_sans_semibold";
	font-size:20%;
	letter-spacing:.1vmin;
	color:var(--globalAltWeiß);
	text-align:center;
	text-transform:uppercase;
	text-stroke:0;
		-webkit-text-stroke:0;
	text-shadow:none;
	vertical-align:central;
	background-color:var(--globalTransMagenta);
	transition:all 0.5s ease-out;
	z-index:13;
	}
	.button2:hover {
		cursor:inherit;
		mix-blend-mode:overlay;
		box-shadow:0 0 4px 4px var(--globalTransDunkelgrau);
		background-color:var(--globalTransMagenta4);
		}
	.button2:nth-of-type(1) {
		cursor:inherit;
		margin-left:-10vw;
		}
	.button2:nth-of-type(2) {
		cursor:inherit;
		margin-left:calc(-10vw + 20vmin);
		background-color:var(--globalTransAltWeiß6);
		border-color:var(--globalTransMagenta);
		color:var(--globalTransMagenta);
		}

/* Formatierung für die Infobox */
		
.infoboxIcon {
	cursor:inherit; 
	position:fixed;
	display:inline-block;
	bottom:60vh;
	right:3vw;
	width:3vmax;
	height:3vmax;
	padding:0;
	box-sizing:border-box;
	color:var(--globalWeiß);
	font-family:"typo_sans_bold";
	font-size:.9vmax;
	text-align:center;
	border-radius:50%;
    border:solid 0.25vmax var(--globalTransGrau);
	background-color:var(--globalTransAnthrazit);
    cursor:pointer;
	opacity:0;
	transform:translateY(30vh);
	transition:all .85s ease-out;
	z-index:7;
	}
	
	.infoboxIcon:hover {
		cursor:inherit;
		color:var(--globalTransGrau);
		background-color:var(--globalAltWeiß);
		border-color:var(--globalViolett);
		box-shadow:0px 0px 0px 8px rgba(102,102,102,0.4);}
	.infoboxIcon tooltipp {
		cursor:inherit;
		position:relative;
		top:-2vh;
		right:5vw;
		width:auto;
		display:inline-block;
		margin: 0 auto;
		padding:0;
		font-family: "typo_sans_regular";
		font-size:0.6vmax;
		color:var(--globalGrau);
		white-space:nowrap;
		opacity:0;
		transition:all 0.75s ease-in-out;}
		.infoboxIcon:hover tooltipp{
			cursor:inherit;
			right:8vw;
			opacity:1;}
		.infoboxIcon.aktiv {
			cursor:inherit;
			position:fixed;
			display:inline-block;
			bottom:35vh;
			color:var(--globalAltWeiß);
			background-color:var(--globalAltWeiß);
			border-color:var(--globalViolett);
			box-shadow:0 0 5px 3px var(--globalGrau);
			opacity:1;
			transition:all 1.35s ease-in-out;
			z-index:7;
			}

		.infoboxIcon.aktiv:hover {
			cursor:inherit;
			background-color:var(--globalViolett);
			border-color:var(--globalAltWeiß);
			}


/* Animation des Infoboxicons */

.fadeinfoboxIcon {
		cursor:inherit;
		opacity:.8;
		transform:translateY(0);
	}

/* Die Einblendinfobox */

.infoBox {
	cursor:inherit;
	position:fixed;
	display:inline-block;
	box-sizing:border-box;
	float:none;
	bottom:0;
	left:0;
	width:100vw;
	height:.5vh;
	margin:0;
	padding-left:10vw;
	padding-right:15vw;
	font-family:"typo_serif_regular";
	font-size:140%;
	line-height:160%;
	hyphens: auto;
		-ms-hyphens: auto;
		-webkit-hyphens: auto;
	text-align:left;
	text-rendering:optimizeLegability;
	color:transparent;
	background-color:var(--globalTransMagenta);
	backdrop-filter:blur(10px);
		-webkit-backdrop-filter:blur(10px);
	overflow:hidden;
	opacity:.3;
	z-index:6;
	transition:all 0.75s ease-out;
	}
	.infoBox a {
		cursor:inherit;
		color:transparent;
		text-decoration:none;
		padding-bottom:1px;
		border-bottom:solid thin inherit;
		}
	.infoBox dachmarke {
		cursor:inherit;
		position:relative;
		display:block;
		margin-top:2vh;
		font-family:"typo_sans_extrabold";
		font-size:80%;
		line-height:120%;
		text-transform:uppercase;
		}
	.infoBox anmerkung {
		cursor:inherit;
		position:relative;
		display:block;
		margin-top:2vh;
		font-family:"typo_sans_bold";
		font-size:110%;
		line-height:120%;
		}
		.infoBox anmerkung a {
			cursor:inherit;
			color:transparent;
			text-decoration:none;
			padding-bottom:1px;
			border-bottom:solid thin inherit;
			}
	.infoBox img {
		cursor:inherit;
		position:relative;
		display:inline-block;
		top:1vh;
		width:auto;
		height:10vh;
		border: solid .1vmax var(--globalWeiß);
		}

		/* fallback für Browser die backdrop-filter nicht unterstützen */
					@supports not (backdrop-filter: blur(10px);) {
				 	 .infoBox {
						  cursor:inherit;
						  background-color:var(--globalMagenta);
					  	}
					}
				
		
	.infoBoxEinblenden{
		cursor:inherit;
		position:fixed;
		display:inline-block;
		height:70vh;
		padding-top:2vw;
		font-size:200%;
		line-height:160%;
		hyphens: auto;
		-ms-hyphens: auto;
		-webkit-hyphens: auto;
		color:var(--globalAltWeiß);
		box-shadow:0px -150px 150px var(--globalTransDunkelgrau);
		background-color:var(--globalTransBrueckenGruen6);
		background-image: linear-gradient(280deg, var(--globalTransMagenta) 5vh, var(--globalTransAltWeiß1) 75vh);
		background-image: -moz-linear-gradient(280deg, var(--globalTransMagenta) 5vh, var(--globalTransAltWeiß1) 75vh);
		background-image: -webkit-linear-gradient(270deg, var(--globalTransMagenta) 5vh, var(--globalTransAltWeiß1) 75vh);
		backdrop-filter:blur(10px);
			-webkit-backdrop-filter:blur(10px);
		opacity:1;
		overflow:scroll;
		transition:all .75s ease-out;
		}
		.infoBoxEinblenden a {
			cursor:inherit;
			color:var(--globalAltWeiß);
			text-decoration:none;
			padding-bottom:1px;
			border-bottom:solid thin var(--globalAltWeiß);
			}
		.infoBoxEinblenden dachmarke {
			cursor:inherit;
			position:relative;
			display:block;
			margin-top:2vh;
			font-family:"typo_serif_extrabold";
			font-size:80%;
			line-height:120%;
			text-transform:uppercase;
			}
		.infoBoxEinblenden anmerkung {
			cursor:inherit;
			display:block;
			margin-top:2vh;
			font-family:"typo_sans_bold", typo_sans_bold;
			font-size:80%;
			line-height:120%;
			}
			.infoBoxEinblenden anmerkung a {
			  cursor:inherit;
			  color:var(--globalAltWeiß);
			  text-decoration:none;
			  padding-bottom:1px;
			  border-bottom:solid thin var(--globalAltWeiß);
			  }
	
			/* fallback für Browser die backdrop-filter nicht unterstützen */
					@supports not (backdrop-filter: blur(10px);) {
				 	 .infoBoxEinblenden {
						  cursor:inherit;
						  background-color:var(--globalTransAltWeiß);
					  	}
					}
	

		
/*Formatierungen für den Dokumentfuß */

.footerbox {
	cursor:inherit;
	position:fixed;
	display:none;
  	left:calc 50%;
	bottom:0;
	width:1024px;
	margin:0 auto;
	border-top:solid .4vh var(--globalWeiß);
	opacity:0;
	background-blend-mode:multiply;
	background-color:transparent;
	transition:all ease-out .5s;
	z-index:11;
	}
	@media (max-width:1020px) {
		.footerbox {
			width:100%;
			}
		
		}

.footer {
	cursor:inherit;
	position:fixed;
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap:.2vmax;
	grid-auto-flow:column;
	box-sizing:border-box;
	top:0;
	left:0;
	width:1024px;
	height:100%;
	margin: 0 auto;
	padding-top:15vh;
	padding-bottom:5vh;
	background-color:var(--globalTransDunkelgrau);
	overflow:hidden;
	z-index:11;
	}
	@media (max-width:1020px) {
		.footer {
			width:100%;
			grid-gap:1%;
			padding-left:2%;
			padding-right:6%;
			}
		
		}

	footernote {
		cursor:inherit;
		position:relative;
		display:inline-block;
		top:0;
		left:0;
		width:100%;
		height:auto;
		box-sizing:border-box;
		margin:0 auto;
		padding:0;
		padding-left:10%;
		font-family: "PT Mono", PT Mono;
		font-size:1.5vmax;
		line-height:90%;
		color:var(--globalWeiß);
		opacity:1;
		z-index:12;
		}
		@media (max-width:1020px) {
			footernote {
				padding-left:1%;
				font-size:.5rem;
				}
			
			}
	footernote a {
		  cursor:inherit;
		  position:absolute;
		  display:block;
		  top:0;
		  left:0;
		  width:100%;
		  height:auto;
		  margin:0 auto;
		  padding:0;
		  padding-left:18%;
		  box-sizing:border-box;
		  font-family: "PT Mono", PT Mono;
		  color:var(--globalGrau);
		  text-decoration:none;
		  text-align:left;
		  overflow:hidden;
		  transition:all .5s ease-out;
		  }
		  @media (max-width:1020px) {
			footernote a {
				padding-left:5%;
				}
				
			}
		  footernote a:hover {
			  cursor:inherit;
			  color:var(--globalTransViolett);}
		  footernote hervorgehoben {
			  cursor:inherit;
			  position:relative;
			  display:block;
			  box-sizing:border-box;
			  width:100%;
			  heigth:auto;
			  padding-top:2vh;
			  padding-bottom:2vh;
			  font-family: "PT Mono Bold",  PT Mono Bold;
			  font-size:2vmax;
			  text-align:left;
		  	  }
			  @media (max-width:1020px) {
				footernote hervorgehoben {
					font-size:.7rem;
					}		
				}
	footerinstaicon {
		cursor:inherit;
		position:relative;
		grid-column:2;
		align-self:end;
		justify-self:end;
		width:100%;
		height:100%;
		}
		@media (max-width:1020px) {
			footerinstaicon {
				width:10%;
				height:auto;
				}
			}
		footerinstaicon a {
			cursor:inherit;
			position:absolute;
			display:block;
			align-self:start;
			justify-self:start;
			width:100%;
			height:20vh;
			margin:0 auto;
			padding:0;
			box-sizing:border-box;
			font-family: "PT Mono", PT Mono;
			font-size:0.8rem;
			line-height:90%;
			color:var(--globalGrau);
			text-decoration:none;
			text-align:start;
			overflow:hidden;
			}
			@media (max-width:1020px) {
				footerinstaicon a {
					overflow:visible;
					}
				}
			footerinstaicon a > hinweis {
				cursor:inherit;
				position:absolute;
				right:15vw;
				padding-top:2vh;
				opacity:0;
				margin-bottom:2vh;
				transition:all .5s ease-out;
				}
				@media (max-width:1020px) {
					footerinstaicon a > hinweis {
						right:10vw;
						}
					}

			footerinstaicon a > img {
				cursor:inherit;
				position:relative;
				top:0;
				left:75%;
				width:auto;
				height:100%;
				opacity:.7;
				transition:all ease-out .5s;
				}
				@media (max-width:1020px) {
					footerinstaicon a > img {
						left:0;
						}
					}
				a:hover img {
					cursor:inherit;
					opacity:1;
					}
				a:hover hinweis {
					cursor:inherit;
					opacity:1;
					}