html { 
  background-image: url("images/lein.png") 
  background-repeat: repeat;
}

a {
  color: #8B008B;
  /* box-shadow: inset 5px 5px 0 0 grey;*/
  padding: .25em 0;
  text-decoration: none;
  transition: all .5s;
}

a:hover,
a:focus {
  color: #FF1493;
  /* box-shadow: inset -2px -2px  2px  #8B008B;*/
}


h1 {
font-size: 1.25em;
  border: thin solid transparent;
  color: #FF1493;
}

h2 {
  font-size: 1.0em;
  color: #FF1493;
  background-color: white;
  border: thin solid;
  text-align: center;
}

h3 {
  font-size: 0.75em;
  color: purple;
  background-color: white;
  border: thin solid;
  text-align: center;
}

/* INFOTEXT */
h8 {
  font-size: 0.75em;
  color: #8B008B;
  background-color: white;
  text-align: center;
}

/* COPYRIGHT */
h9 {
  font-size: 0.75em;
  color: #FF1493;
  background-color: white;
  text-align: center;
}


p,
table,
ul { 
  font-size: 1.25em;
  color: #8B008B;
  background-color: white;
  /*border: thin solid;*/
  text-align: center;
}



tbody:hover,
tbody:focus {
  /*box-shadow: inset 0 -30px 0 #E6E6FA;*/
}


ul ul { 
  font-size: inherit; 
  color: #8B008B;
  background-color: white;
  border: thin solid;
  text-align: center;
}

img {
  width: 100%;
  height: auto;
  image-rendering: crisp-edges;
}

@media (min-width: 25em) {
  img {
    width: 50%;
    float: right;
    margin: 0 0 1em 1em;
    image-rendering: crisp-edges;
  }
}

@media (min-width: 50em) {
  img {
    width: 25%;
    image-rendering: crisp-edges;
  }
}

.fill {
  object-fit: fill;
}

.contain {
  object-fit: contain;
}

.cover {
  object-fit: cover;
}

.none {
  object-fit: none;
}

.scale-down {
  object-fit: scale-down;
}

.rund {
 object-fit: cover;
 object-position: 50% 0;
 border-radius: 50%;
 width: 15em;
 height: 15em;
}

.vergleich {
 object-fit: cover;
 object-position: 50% 100%;
 border-radius: 50%;
 width: 15em;
 height: 15em;
}