html *
{ border-radius:20px;
   color: #000 ;
   font-family: italic;
}
body{background: rgb(255, 255, 255);
    background: radial-gradient(circle, rgb(180, 180, 180) 0%, rgb(255, 255, 255) 100%);
    margin: 0;
    font-family: "Lucida Console", "Courier New", monospace;
  }
.header-om{    
 
  border-radius:20px;
  font-family: Open Sans,Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 400;
  box-sizing: border-box;
  display: block;
  z-index: 1280;
  -webkit-box-shadow: 0 0 1px 1px rgb(255, 255, 255),0 3px 1px 0 rgb(255, 255, 255);
  position: sticky;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
}
.header-bg-color{width: 100%; -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0); 
  background: linear-gradient(0deg, rgb(223, 223, 223) 0%, rgb(241, 241, 241) 47%, rgb(223, 223, 223) 100%);
}
.impressum-background{
  background: rgb(255,255,255);
background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(216, 216, 216) 47%, rgb(189, 189, 189) 100%);
}

.footer-background{
  background: rgb(255,255,255);
background: linear-gradient(0deg, rgb(228, 228, 228) 0%, rgb(255, 255, 255) 47%, rgb(230, 229, 229) 100%);
border-radius:20px;
}

#logo{
  width: 270px;
  height: 170px;
  border-radius: 10px;
  left: 100%;
  margin-left:1%;
}

.font-Arial{
  font-family: Arial!important;
}
#logo2{
  font-family: "Times New Roman", Times, serif;
  background-color: #D5E4FB;
  border-radius: 5px;
 
}
.span1{
  color:#49cc2b; -webkit-text-stroke: 0.5px black;
}
.span2{
  -webkit-text-stroke: 0.5px #616161;
}
#first{
  display: none;
}
#second{
  display: none;
}
#third {
  display: none;
}
#fourth{
  display: none;
}
#five{
  display: block;
}

button {
  outline: none;
}

#x{display: flex;
  width: 100%;
}

#down{
  width: 100px;
  height: 100px;
  /* float: right; */
  background: rgba(0, 128, 0, 0.3);
  overflow: auto;
  padding-left: inherit;
}

@media(max-width:767px) {
  #x{
  display: block;
  }

  .container-fluid{
    padding-left: 0px;
  }
  .xxx{
    padding-left:0%;
  }
  body{
    width: 90%;
    height: 100%;
  }
  #x{
    height: 100%;
  }
}
.radial-bg-color {
  background: radial-gradient(circle, rgb(255 255 255) 0%, rgb(233 233 233) 100%);}

#xxxxx {
  background: radial-gradient(circle, rgb(221 221 221) 0%, rgb(255 255 255) 100%);
  
}
.xxxxxx{
  text-align: center;width: 100%
}

.image-11{
  transition: 1s;
  border-radius: 2%;
  width:80%;
  height: 80%;
  /* display: block; */
  margin-left: auto;
  margin-right: auto;
  /* width: 50%;*/
}

.display-flex{
  display: flex;
}
.S{
  height: 1000px;
}

.images-number:hover {
  animation: shake 2s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
#inside{
  color: #439c2f;
}

.imagesThird{
    max-width: 100%;
}

.imagesThird2{
  max-width: 100%;
  width: 80%;
  height: 80%;
  display: flex;
  align-items: flex-end;
}

.divx {
  position: relative;
  animation: myfirst 7s linear 2s infinite alternate;
}
@keyframes myfirst {
  0%   {left:0px;}
  15%  { left:15px;}
  30%  { left:000px; }
  45%  { left:-15px; }
  60%   {left:0px;}
  75%  { left:15px;}
  90%  { left:000px; }
  100%  { left:-15px; }
}

.impr-bg-colour{
    background: rgb(255,255,255);
    background: linear-gradient(
0deg
, rgb(233 233 233) 0%, rgb(235 233 233) 47%, rgb(255 254 254) 100%);
}


#hr-om{
  color: #4FD830!important;
  height: 4px;
  margin-bottom:0px ;

 
}