/*Akkordeon - Main-Kopf - Abstände zwischen Titel und Inhalt */

.customakkordeon-head-title{
	font-weight: 600;
}
.customakkordeon-head-container{
	cursor: pointer;
}
@media screen and (min-width: 400px) and (max-width: 772px){
.customakkordean-content-inter-container{
	max-width: 85%;	
}	
}
@media screen and (max-width: 400px){
.customakkordean-content-inter-container{
	max-width: 90%;		
}	
}
/*@keyframes display-none {
    0% {
     transform: translatey(-100%);
	transform: scale(1);
	position: relative;
	opacity: 1;
    }    
    100% {
     	transform: translatey(0%);
	transform: scale(0);
	position: absolute;
	opacity: 0;
    }
  }
@keyframes display-block {
    0% {
    transform: translatey(0%);
	transform: scale(0);
	position: absolute;
	opacity: 0;
    }    
    100% {
    transform: translatey(-100%);
	transform: scale(1);
	position: relative;
	opacity: 1;
    }
  }*/
.display-none{
	/*animation: 0.6s ease-in-out 0.1s forwards display-none;*/
	/*transform: translatey(100%);*/
	transform: scale(0);	
	position: absolute;
	opacity: 0;
	transition-property: all;
	transition-duration: 300ms;
}
.display-block{
	/*animation: 0.6s ease-in-out 0.1s forwards display-block;*/
	/*transform: translatey(-100%);*/
	transform: scale(1);	
	position: relative;
	opacity: 1;
	transition-property: all;
	transition-duration: 300ms;
}
/*/////*/
/*animation Hover auf Container und animation auf 2 children (icon+link)*/
@keyframes change-by-hover {
    0% {
      	fill: #F27259;
		color: #F27259;	
		text-decoration: none;
		text-underline-offset: none;
    }    
    100% {
     	fill: #BD5F4D;
		color: #BD5F4D;	
		text-decoration: underline 2px;
		text-underline-offset: 6px;
    }
  }

.icon-make-hover-effect, .text-make-hover-effect h2, .icon-make-hover-effect path{
	animation: 0.4s ease-in-out 1 forwards change-by-hover;  		
}

@keyframes change-by-hover-return {
    0% {
      fill: #BD5F4D;	
		color: #BD5F4D;	
		text-decoration: underline 2px;
		text-underline-offset: 6px;
    }    
    100% {
      fill: #F27259;	
		color: #F27259;	
		text-decoration: none;
		text-underline-offset: none;
    }
  }

.icon-delete-hover-effect, .text-delete-hover-effect h2{	
	animation: 0.4s ease-in-out forwards change-by-hover-return; 	
}
/*/////*/

/*menu hover circle effect on li element*/
.make-hover-menu-li a::before{
	opacity: 0 !important;
	content:" ";	
	width: 10px;
	min-height:10px;
	min-width:10px;
	height: 10px;
	border-radius: 50%;
	background-color: #F27259 !important;
	position: absolute;
	top: 80%;
	left:50%;	
	/*transform: translate(120px, -40%);*/
}
.make-hover-menu-li a:hover:before{
	opacity: 1 !important;
}
@media screen and (max-width: 910px){
	.make-hover-menu-li a:hover:before{
	opacity: 0 !important;
}
}

/*Pfeil Fixed*/
.newElementPfeil1{
	width: 6vh;
	height: 6vh;
	background-color: #FCF1EA;	
	border-radius: 50px;
	position: fixed;
	bottom: 1.3vw;
	right: 1.3vw;
	z-index: 999;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1,5vh 2vh;
}
#pfeil-to-top{
	display:none;	
}
#pfeil-to-bottom{
	display:flex;		
}