body{
  overflow-x:hidden;
}

@keyframes pulseOpacity {
  0%   { opacity: 1; }
  50%  { opacity: 0.3; }
  100% { opacity: 1; }
}

.blinking {
  animation: pulseOpacity 2s infinite ease-in-out;
}
.app_buttons{
  background-image:linear-gradient(45deg, #cdcdcd, transparent, #cdcdcd);
  cursor:pointer; 
  text-align:center; 
  border:solid 1px; 
  border-radius:1vw;
  width:13vw;
  flex:1;
}

.app_buttons:hover{
  background-image:linear-gradient(45deg, transparent, #cdcdcd, transparent);
}

.border_blue{
  border-radius: 15px;
  border: 5px solid transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #4facfe, #00f2fe) border-box;
}
#produkte_container::-webkit-scrollbar {
  width: 15px;
}

#produkte_container::-webkit-scrollbar-track {
    border-left: 2px solid #20ffbd;
}

#produkte_container::-webkit-scrollbar-thumb {
  background: #888;
  border-radius:10px;
  box-shadow: inset 1px 0 0 #20ffbd;
  background-clip: content-box;
}

.raum_button_container{
  display:flex; 
  grid-row:1; 
  grid-column:1/3; 
  grid-gap:1vw;
}

.raum_container{
  padding:2vh 2vw; 
  width:100vw; 
  height:auto;
  font-size: 2em;
}

.raum_info_container{
  display:grid; 
  grid-template-columns:70% 30%; 
  grid-template-rows:auto 3vh 23vh; 
  margin-top:2vh;
}
#such_container{
  grid-column:1; 
  grid-row:3; 
  grid-template-rows:3vh 20vh;
  grid-template-columns:95% 2vw;
}
#produkte_detail{
  grid-column:2; 
  grid-row:3;
}
@media (orientation: portrait) {
  .raum_info_container{
    grid-template-columns:100%;
    grid-template-rows:auto 3vh 23vh 23vh; 
    margin-top:2vh;
  }
  #produkte_detail{
    grid-column:1; 
    grid-row:4;
  }
  .raum_button_container{
    flex-direction: column;
    width: 100%;
    align-items:center;
    grid-gap:1vh;
  }
  .app_buttons{
    width:80%;
  }

}