h1 {
	color:var(--w) !important;
}

}
p{
    color:var(--pc);
    font-family: "titillium-web", sans-serif;
    font-weight: 400;
    font-style: normal;
}

div{
    color:var(--pc);
}

span{
    color:var(--pc);
    font-family: "titillium-web", sans-serif;
    font-weight: 400;
    font-style: normal;
}


.menue {
    background-color: var(--pc) !important;
}





.menue-title{
		background-color: var(--pc) !important;
}


.footer{
background-color: var(--pc) !important;
}

.footer-addon{
background-color: var(--pc) !important;

}


.timestep-menue{
	display: none !important;
}

.menue hr{
	display: none !important;
}

.menue-button{
	display: none !important;
}

.back-button{
  z-index: 999;
  font-size:0.5em;
  position: fixed;
  bottom: 1.5%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--pc);
  background-color: var(--wc);
}

.glossar-container{
	position:relative;
	width: 75%;
	height:auto;
	left: 12.5%;
	display: flex;
	flex-flow: column nowrap;
	overflow: auto;
	margin-top: 7%;
}

.glossar-container img{
	width: 40%;
	height: auto;
}

.glossar-container p{
	font-size: 0.7em;
	max-width: 40%;
}


.glossar-row{
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content:center ;
	width: 80%;
	margin-bottom:150px;
}


.methode-image{	
	position: sticky;
	overflow: hidden;
	object-fit: cover;
	min-width: 30%;
	height:90vH;
	width:auto;
	padding-right:50px;}

.detailed-content{
	overflow-y: auto;
	max-width:80%;
	height: auto;
	font-size: 1em;
}

.hide-scrollbar {
  overflow: auto;           /* Enable scrolling */
  scrollbar-width: none;    /* Firefox */
  -ms-overflow-style: none; /* IE & Edge (legacy) */
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;            /* Chrome, Safari, Opera */
}

.whitebar{
	width: 100vW;
	height: 7vH;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 999;
	background-color: white;
}

.references{
	font-size: 0.5em;
	z-index: 999;
	width:20%;
	height:100vH;
	position:fixed;
	right:-20%;
	top:0;
	background-color: var(--w);
	border-style: solid;
	border-left-width: 5px;
	color:var(--pc);
	display: flex;
	flex-flow: column nowrap;

}

.references a{
	padding:10px 50px;
	cursor: pointer;
	font-size: 1em;
	min-width: 100%;
}


.references h2{
	padding:50px;
	font-size: 1.5em;
}


.reference-button{
	background-color: var(--pc);
	width: 150px;
	height:40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform:rotate(-90deg);
	position:fixed;
	top:50%;
	right:calc(20% - 58px - 20%);
	cursor: pointer;
	padding:10px;
	color:var(--w);
	font-family: "prestige-elite-std", monospace;
  font-weight: 700;
  font-style: normal;
}