@import url('https://fonts.googleapis.com/css2?family=Mea+Culpa&family=Raleway:wght@400;500&display=swap');

.kartenlegensingle h1, .kartenlegensingle h1 a {
   font-family: 'Mea Culpa', 'Times New Roman', Times, serif;
   font-size: 80px; outline: 0; font-weight: normal; line-height: 140px; margin: 0px 0px 0px 0;
   color:#103A4F; text-align: center; 
}
.kartenlegensingle h1::first-letter, .kartenlegensingle h1 a::first-letter {
   font-size: 120px;
}
@media screen and ( max-width: 500px ) {
   .kartenlegensingle h1, .kartenlegensingle h1 a {
      font-size: 55px !important; line-height: 75px; margin-bottom: 10px 
   }
   .kartenlegensingle h1::first-letter, .kartenlegensingle h1 a::first-letter {
      font-size: 70px; 
   }
}

.kartenlegensingle figure img { margin: 0px auto 10px auto; display: block; cursor: pointer; }
.kartenlegensingle p { text-align:center; font-style: italic; color: rgba(0, 0, 0, 0.63) }
.kartenlegensingle p.button { padding: 20px 20px 20px 20px; margin: 10px 5px 5px 0 } 
.kartenlegencontainer { margin-top: 20px }
.kartenlegencontainer img { width:calc(100% / 8.6); margin:0; padding:0; cursor: pointer; text-align:center;  }
@media screen and ( max-width: 500px ) {
   .kartenlegencontainer img { width:calc(100% / 9) !important; }
}
@media screen and ( max-width: 330px ) {
   .kartenlegencontainer img { width:calc(100% / 10) !important; }
}


@-webkit-keyframes leftpulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes leftpulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.leftpulse {
  -webkit-animation-name: leftpulse;
  animation-name: leftpulse;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}