/*
- Produktanimation -
*/


body {
	scroll-behavior: smooth;
}

fieldset.Show {
	border: 3px solid black;
	border-radius: 0px;
	margin-bottom: 10px;
	opacity: 1;
	height: auto;
}
fieldset.Hide {
	border: 3px solid black;
	border-radius: 0px;
	margin-bottom: 10px;
	opacity: 1;
	height: auto;
	display: none;
}
fieldset.FadeIn {
    max-height: 550px;
    border: 3px solid black;
	border-radius: 0px;
	margin-bottom: 10px;
	opacity: 1;
	height: auto;
	animation-name: in;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
}
fieldset.FadeOut {
    max-height: 550px;
    border: 3px solid black;
	border-radius: 0px;
	margin-bottom: 10px;
	opacity: 1;
	height: auto;
	animation-name: out;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
}
@keyframes in {
  0% {
    opacity: 0;
	display: none;
        height: 0px
  }
  1% {
    display: block;    
    transform: scaleY(0);
    height: 0px;
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
    height: 370px;
  }
}
@keyframes out {
  0% {
    opacity: 1;
    height: 550px;
  }
  1% {
    transform: scaleY(1);
    height: 550px;
  }
  100% {
    opacity: 0;
	display: none;
    transform: scaleY(0);
    height: 0px;
  }
}