#Info-Container {
  position         : absolute;
  width            : 260px;
  min-height       : 100px;
  background-color : white;
  box-sizing       : border-box;
  padding          : 28px;
  border-bottom    : solid rgb(204, 204, 204) 1px;
  border-right     : solid rgb(204, 204, 204) 1px;
  border-top       : solid rgb(204, 204, 204) 1px;
  left             : 0px;
  top              : 100px;
  transform        : translateX(-260px);
  transition       : all 0.5s;
  color            : rgb(132,160,173);
}

#Info-Container[shown], #Info-Container:hover {
  transform        : translateX(0px);
}

#Info-Container::after {
  content                       : "_";
  padding-left                  : 4px;
  color                         : rgba(102, 153, 204,0);
  display                       : inline-block;
  overflow                      : hidden;
  position                      : absolute;
  height                        : 100%;
  left                          : 100%;
  top                           : -32px;
  width                         : 32px;
  opacity                       : 0;
  transition                    : opacity 0.5s;
  background-image              : url("../../img/info_button.svg");
  background-size               : 70% auto;
  background-repeat             : no-repeat;
  background-position           : center 8px;
}

#Info-Container[shown]::after, #Info-Container:hover::after  {
  opacity : 1;
}

#Info-Container div:first-of-type {
  min-height : 60px;
}

#Info-Container div:last-of-type {
  color      : #FFED00;
  background : rgb(160,160,160);
  padding    : 28px;
  margin     : 28px -28px -28px -28px;
}

#DSGVO-Links {
  position  : absolute;
  left      : 10px;
  bottom    : 10px;
  z-index   : 1000;
}

#DSGVO-Links a, #DSGVO-Links span {
  color     : rgb(80,80,80);
  font-size : 12px;
}

.Delete-Button {
  position      : absolute;
  width         : 23px;
  height        : 23px;
  border-radius : 50%;
  cursor        : pointer;
  transition    : opacity 0.5s, transform 0.25s;
  opacity       : 0;
  background    : #FFED00 url(../../img/close.svg) no-repeat center/75%;
  transform     : translate(-11.5px, -11.5px);
}

.Delete-Button[style] {
  opacity : 1;
}

.Delete-Button:hover, .Delete-Button:active {
  transform : translate(-11.5px, -11.5px) scale(1.3,1.3);
}