/* COLOR FIXES */
.pet-header .pet-menu button,
.pet-header .pet-menu-icon button {
  color: var(--color-header-text);
}

.pet-footer a {
  color: var(--color-footer-text);
}

.pet-explore-page .control-container .placeit-button {
  color: var(--color-button-text);
  background-color: var(--color-button-background);
  border: 1px solid var(--color-button-border);
}

.pet-explore-page .control-container .placeit-button[data-state="active"] {
  color: var(--color-button-text-active);
}

/* format lists in WIP */
wip-component ul {
  padding-left: 10px;
  font-size: 10pt;
}

/* Buttons Location etc. */
.pet-explore-page .pet-location-display .placeit-button {
  font-size: 8pt;
}

.pet-explore-page .pet-category-display .placeit-button {
  font-size: 8pt;
}

.pet-explore-page .pet-location-display {
  max-width: 95px;
}

.pet-explore-page .pet-category-display {
  width: unset;
  max-width: 95px;
}

.secondary[data-id="scn"]:before {
  content: "Siehe auch";
  text-align: center;
  display: block;
  width: 100%;
  color: var(--color-header-text);
  background: var(--color-header-background);
  margin-top: 10px;
  margin-bottom: 10px;
}

/* More space over detalls-button */ 
.pet-explore-page .location-container .placeit-button[data-id="details-button"] {
  margin-top: 12px;
  margin-bottom: 2px;
}

/* add Logo */
.pet-explore-page .pet-map-container:after {
  background-image: url('../img/AT26_Logo-placeit.png');
  background-size: 81px 101px;
  width: 83px; height: 103px;
  content: "";
  max-width: 100px;
  position: absolute;
  bottom: calc( var(--feature-count) + 20px );
  padding: 2px;
}