.to_menu {
	_display: none;
}
.to_menu {
	width: calc(var(--button-size) * 1.5);
	width: calc(var(--button-size) * 1.5);
	aspect-ratio: 1/1;
	border-radius:100rem;
	background-color: #d51030;
	/* position: absolute; */
	bottom: 0px;
	/* right: 30px; */
	color: #fff;
	text-align: center;
	margin: 0vh 0;
	/* z-index: 999; */
	_width: 100%;
	margin: 40px auto;
	align-items: left;
	/* justify-self: center; */
	/* align-self: center; */
	display: flex;
	
}
.to_menu:after{
  content:'';
}
.to_menu a {
	color: #fff;
	text-decoration: none;
}
/*
#back_btn.button{
  cursor: pointer;
  display: flex;
  align-items: center;
  background:transparent!important;
  text-transform:uppercase;
  text-indent:10px;
  color:black;
  position: relative;
  font-weight: bolder;
  width: max-content;
}
*/
.to_menu:after{
  content: '';
  width: calc(var(--button-size) * 1.5);
  height: calc(var(--button-size) * 1.5);
  background-repeat: no-repeat;
  background: round;
  transition: all .3s ease;
  background-color: white;
  color: #000;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg id="pfeil-icon" class="pfeil" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><polygon display="inline" style="enable-background:accumulate; fill:white;" points="70.6,47.6 47.6,24.6 36.1,36.1 59.1,59.1 36.1,82.1 47.6,93.6 70.6,70.6 82.1,59.1"/></svg>');
  transform: rotate(270deg);
  background-size: var(--button-size);
  transition: all .3s ease-in-out;
  position:relative;
  top:0px;
}
.to_menu:hover:after{
  top:-8px;
  transition: all .3s ease-in-out;
}









footer {
	container-name: footerContainer;
	container-type: inline-size;
	padding:0px 30px;margin-top:30px;
}
.footerNavigation{
	border-top: 1px solid var(--lineColor);
	padding-top:1rem;
}
.footerNav menu{
	display: flex;
	flex-direction: row;
	gap:1rem;
	margin:0;
	padding:0;
	margin-bottom:1rem;
	flex-wrap: wrap;
	
}
.footerNavElement{
	text-transform:uppercase;
	list-style: none;
	cursor: pointer;
}
.footerNavElement a{
	text-decoration: none;
	_color:var(--backgroundGrey);
	transition: all .5s ease-in-out;
	cursor: pointer;
}
.footerNavElement a:hover{
	color:var(--semmel-red);		
}

.copyrightbox{
	font-size: clamp(.6rem, 1vw + .4rem, .8em);	
}


li.footerNavElement a {
	color: black;
	font-weight:400;
	transition:all .5s ease-in-out;
}

@container footerContainer ( min-width: 100px ) {
	.footerNav menu{
		flex-direction: column;
		gap:0rem;
		
	}
}
@container footerContainer ( min-width: 800px ) {
	.footerNav menu{
		flex-direction: row;
		gap:1rem;
		column-gap: 1em;
		row-gap: 0;
	}
}

/* SOCUIAL MEDIA  */

.socialMedia{
	container-name: socialMediaContainer;
	container-type: inline-size;
	padding:30px 0px;
	/* SUCHCONTAINER VARS 
	--bottomGap: .5vh;	
	*/
}
.socialMediaHeader {
	margin-bottom: var(--header-margin);
}
.socialMediaContent{
	display: grid;
	gap:3rem;
	
}
.iconListe{
	display: flex;
	flex-direction: row;
	gap:.5rem;
	position: relative;
}

@container socialMediaContainer ( min-width: 200px ) {
	.socialMediaContent{
		grid-template-rows: 1fr 1fr;
	}
	.socialMediaLinks{
		padding-top:2rem;
		border-top: 1px solid var(--lineColor);
	}
	.socialMediaSubTitel {
		margin-bottom: 1rem;
	}
}
@container socialMediaContainer ( min-width: 800px ) {
	.socialMediaContent {
		grid-template-columns: 3fr 2fr;
		gap:10vw;
		max-height: 208px;
	}
	.socialMediaLinks {
		padding-top:0rem;
		border-top: 0px solid var(--lineColor);
		
	}
	.socialMediaSubTitel {
		margin-bottom: 2rem;
	}
	
}