@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.clear{ clear:both; border:0; opacity:0; height:0; font-size:0; visibility: hidden; }

/* =====================  kalibrierung  ===================== */
body{ font-family: "Montserrat", sans-serif; line-height: 140%;}
p{}
a{}
a:hover{}
h1{ }
h2{ }
h3{ }

.head{position: relative; overflow: hidden;}

.log{position: absolute; width: 100%; height: 100%; z-index: 99; width: 100%; height: 100%; display: inline-table; top: 0;}
.log div{display: table-cell; vertical-align: middle; text-align: center;}
.log div a{background: url(../Images/burger2.svg) no-repeat center center; background-size: contain; display: inline-block; width: 60%; height: 60%;}

.content{max-width: 1024px; margin: 50px auto; padding: 40px;}

form{margin-top: 50px;}
form label{display: none;}
form input, form textarea{display: block; padding: 5px 10px; margin: 5px 0; width: 100%; box-sizing: border-box;}
form textarea{min-height: 80px;}

   .bg {
  animation:slide 8s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #cacaca 50%, #edf8ff 50%);
  bottom:0;
  left:-50%;
  opacity:.5;
  position:absolute;
  right:-50%;
  top:0;
  z-index:9;
  opacity: 0.2;
}

.bg2 {
  animation-direction:alternate-reverse;
  animation-duration:12s;
}

.bg3 {
  animation-duration:16s;
}

@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(720deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(720deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(720deg); 
        transform:rotate(720deg); 
    } 
}