/* Styles für Artikel Werbung*/
/* Pfeile */
.fzAktuellesBox .artnavbtn {
  color: var(--Farbe-FraZ-Pink);
  border: var(--Farbe-FraZ-Pink) 1px solid;
  background-color:var(--Farbe-FraZ-Pink-BG);
  font-size: 25px;
  max-height: fit-content;
  min-width: 29px;
  max-width: 29px;
  border-radius: 4px;
  padding: 1px 1px;
  cursor: pointer;
  align-self: center;
  z-index: 10;
  transition: background-color 0.2s;
}
.fzAktuellesBox .artnavbtn.artprev {
  justify-self: left;
}
.fzAktuellesBox .artnavbtn.artnext {
  justify-self: right;
}

.fzAktuellesBox div.ArtSlideHead {
  grid-template-columns: 5% 90% 5%;
  display:grid;
}


.fzAktuellesBox .fzNoButtons div.ArtSlideHead {
    display:block;}

.fzAktuellesBox .artnavbtn:hover 
  { background-color:  #FFC1FF;}

.fzAktuellesBox .fzNoButtons Button
  { display:none;}

@media screen and (max-width: 730px) 
{
  .fzAktuellesBox div.ArtSlideHead {
    grid-template-columns: 10% 80% 10%;
  }
}