@import "./navigation.css";
@import "./cookiebanner.css";
@import "./fonts.css";
@import "./button.css";
@import "./kontaktform.css";
@import "./landing_page_content.css";
@import "./main_content.css";
@import "./Zertifizierungen.css";
@import "./wiredscore.css";
@import "./esg.css";
@import "./p-w-team.css";

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  overflow-x: hidden;
  scroll-behavior: smooth;

}
.no-scroll{
  overflow-y: hidden;
}
.anchor_navigation{
  display: block;
  height: 25px;
}
.cut_path_animation_2-row{
  clip-path: polygon(0% 0%, 0% 0%, 0% 50%, 100% 50%, 100% 100%, 100% 100%, 100% 50%, 0% 50%);
}
.cut_path_animation_1-row{
clip-path: polygon(50% 0%, 50% 0%, 50% 100%, 50% 100%);
}
.cut_path_animation_3-row{
  clip-path: polygon(0% 0%, 0% 0%, 0% 33%, 100% 33%, 100% 66%, 0% 66%, 0% 100%, 0% 100%, 0% 66%, 100% 66%, 100% 33%, 0% 33%);
}
.animate_clipping_1-row{
  animation: clipping-1 1s 1;
}
.animate_declip_1-row{
  animation: declip-1 1s 1;
}
.animate_clipping_2-row{
  animation: clipping-2 1s 1;
}
.animate_declip_2-row{
  animation: declip-2 1s 1;
}
.animate_clipping_3-row{
  animation: clipping-3 1s 1;
}
.animate_declip_3-row{
  animation: declip-3 1s 1;
}
@keyframes clipping-1 {
  0% {clip-path: polygon(50% 0%, 50% 0%, 50% 100%, 50% 100%);}
  100% {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
}
@keyframes declip-1 {
  0% {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
  100% {clip-path: polygon(50% 0%, 50% 0%, 50% 100%, 50% 100%);}
}
@keyframes clipping-2 {
  0% {clip-path: polygon(0% 0%, 0% 0%, 0% 50%, 100% 50%, 100% 100%, 100% 100%, 100% 50%, 0% 50%);}
  100% {clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 100% 50%, 100% 100%, 0% 100%, 0% 50%, 0% 50%);}
}
@keyframes declip-2 {
  0% {clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 100% 50%, 100% 100%, 0% 100%, 0% 50%, 0% 50%);}
  100% {clip-path: polygon(0% 0%, 0% 0%, 0% 50%, 100% 50%, 100% 100%, 100% 100%, 100% 50%, 0% 50%);}
}
@keyframes clipping-3 {
  0% {clip-path: polygon(0% 0%, 0% 0%, 0% 33%, 100% 33%, 100% 66%, 0% 66%, 0% 100%, 0% 100%, 0% 66%, 100% 66%, 100% 33%, 0% 33%);}
  100% {clip-path: polygon(0% 0%, 100% 0%, 100% 33%, 100% 33%, 100% 66%, 100% 66%, 100% 100%, 0% 100%, 0% 66%, 0% 66%, 0% 33%, 0% 33%);}
}
@keyframes declip-3 {
  0% {clip-path: polygon(0% 0%, 100% 0%, 100% 33%, 100% 33%, 100% 66%, 100% 66%, 100% 100%, 0% 100%, 0% 66%, 0% 66%, 0% 33%, 0% 33%);}
  100% {clip-path: polygon(0% 0%, 0% 0%, 0% 33%, 100% 33%, 100% 66%, 0% 66%, 0% 100%, 0% 100%, 0% 66%, 100% 66%, 100% 33%, 0% 33%);}
}