main { 
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#karten {
  position: relative;
  min-height: 30rem;
}

#basicMap {
  width: calc(100% - 4rem);
  height: calc(100% - 4rem);

  position: absolute;
  left: 2rem;
  top: 2rem;
}

body:has( #basicMap:hover ) {
  overflow: hidden;
}

#karte {
  /*object-fit: none;*/
  object-position: top;

  position: absolute;
  left: 0;
  top: 0;
}

#ersatzkarte {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}