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

/* ------------------- Btn Class Generell --------------------------------------- */
.backhistoBut{
	position: relative;
	max-width:100%;
	height: 100%;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	padding-top: calc(10vw + 0px);
	padding-bottom: calc(10vw + 0px);
}

.BackBtn{
	background-color: transparent;
	border: none;
	border-style: none;
	
  	outline-style: none;
  	box-shadow: none;
  	text-decoration: none;
  	cursor: pointer;
	
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	
	-webkit-transform: all .6s ease-in-out;
	-moz-transform: all .6s ease-in-out;
	-ms-transform: all .6s ease-in-out;
	-o-transform: all .6s ease-in-out;
	transform: all .6s ease-in-out;
}


/* ------------------- MainMenuBtn --------------------------------------- */


.backHistoBtn{
	position: relative;
	width: calc(4vw + 0px);
	height:calc(4vw + 0px);
	
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background-color: transparent;
	border-color: aliceblue;
	border: 1px solid;
}


/* ------------------------------------------------------------------------ */

.backHistoBtn div{
	position: absolute;
	width:35%;
	height: 2px;
	border-radius: 4px;
	
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	
	-webkit-transform: all .2s ease-in-out;
	-moz-transform: all .2s ease-in-out;
	-ms-transform: all .2s ease-in-out;
	-o-transform: all .2s ease-in-out;
	transform: all .2s ease-in-out;
}

/* -------------------- Btn Elements -------------------------------------- */


.backHistoBtn div:nth-child(1){
	top:50%;
	transform: rotate(45deg);
}


.backHistoBtn div:nth-child(2){
	top:50%;
	transform: rotate(-45deg);
}


/* --------------------- Btn hover Elements -------------------------------- */


.backHistoBtn:hover div:nth-child(1){
	width:15%;
}


.backHistoBtn:hover div:nth-child(2){
	width:15%;
}


/* ===================================================================================================================== */
/* PageTitle */
/* ===================================================================================================================== */

/* ------------------- Modul Elm Content Wrap  --------------------------------------- */


/* ------------------- Modul Elm Textbox  --------------------------------------- */


/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */

@media screen and (max-width: 956px) {


/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */
}

@media screen and (max-width: 720px) {
.backhistoBut{
	padding-top:calc(15vw + 0px);
	padding-bottom:calc(15vw + 0px);
}
.backHistoBtn{
	width: calc(12vw + 0px);
	height:calc(12vw + 0px);
}
/* ------------------------------------------------------------------------ */

}