gmaps {
  display: var(--gmaps-display, block);
  width: var(--gmaps-width, 100%);
  height: var(--gmaps-height, 500px); }
  gmaps:not(.inited) {
    background-image: var(--gmaps-placeholder-image, url(./img/map-placeholder.jpg));
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    overflow: hidden; }
    gmaps:not(.inited):after {
      content: 'Karte laden';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: inline-block;
      border-radius: var(--button-border-radius, var(--border-radius, 0));
      border: var(--button-border-width, 0) solid var(--button-border-color, var(--primary-color));
      color: var(--button-color, #fff);
      background-color: var(--button-background-color, var(--primary-color));
      font-family: var(--button-font-family, var(--secondary-font, var(--primary-font)));
      font-size: var(--button-font-size, var(--p-font-size));
      line-height: var(--button-line-height, var(--p-line-height));
      font-weight: var(--button-font-weight, var(--p-font-weight));
      padding: var(--button-padding-top, var(--button-padding, 10px)) var(--button-padding-right, var(--button-padding, 30px)) var(--button-padding-bottom, var(--button-padding, 10px)) var(--button-padding-left, var(--button-padding, 30px));
      -webkit-text-decoration: var(--button-text-decoration, none);
              text-decoration: var(--button-text-decoration, none);
      text-transform: var(--button-text-transform, none);
      transition-duration: var(--button-transition-duration, background-color);
      transition-duration: var(--button-transition-duration, var(--transition-duration)); }
    gmaps:not(.inited) * {
      display: none !important; }