.zitat {
  display: block;
  width: 80%;
  max-width: 900px;
  margin: 20px auto;
  padding: 3% 25px;
  background-color: #222222;
  background: url("/wp-content/uploads/2023/04/zitate-img.jpg"); 
  background-clip: padding-box; 
  overflow: hidden;    
  border-radius: 10px;
  box-shadow: var(--shadow-img);

  font-size: 1.1em;
  font-style: oblique;
  color: #ffffff;
  text-shadow:
    1px 1px 1px #545454,
    1px -1px 1px #545454,
    -1px 1px 1px #545454,
    -1px -1px 1px #545454;
  line-height: 1.4;
  min-height: 150px;
  text-align: left;

  transform: translateZ(0);  
}

/* Blockquote-Inhalt */
.zitat blockquote {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1em !important;
  font-style: normal !important;
  color: #ffffff !important;
  line-height: 1.5;
}

/* Autor + Lebensdaten */
.zitat p.zitat-verfasser {
  margin-top: 0.5em;
  font-size: 0.9em !important;
  color: #ffffff;
  text-shadow:
    1px 1px 1px #545454,
    1px -1px 1px #545454,
    -1px 1px 1px #545454,
    -1px -1px 1px #545454;
}
.zitat p.zitat-verfasser cite {
  font-weight: 700;
  font-style: normal;
}
.zitat p.zitat-verfasser .lebensdaten {
  opacity: 0.85;
  font-weight: 400;
  margin-left: 0.25em;
}

/* Kleinere Bildschirme */
@media (max-width: 480px) {
  .zitat {
    width: 90%; 
    margin: 12px auto;
    padding: 16px 18px;
  }
}

/* Option: fluide Variante mit Seiten-Gutter statt max-width */
.zitat.zitat--fluid{
        max-width: none;
        width: calc(100% - 2 * var(--page-gutter, 15px));
        margin-left: var(--page-gutter, 15px);
        margin-right: var(--page-gutter, 15px);
}

.zitat::before,
.zitat::after{ content:""; margin-right: .25em; }

.zitat blockquote{
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 1em !important;
        font-style: normal !important;
        color: #ffffff !important;
        line-height: 1.5;
}
.zitat blockquote::before{
    content:"\00A0\f205";
    display:inline-block;
    -webkit-font-smoothing:antialiased;
        font: normal 1.5em "dashicons";
        vertical-align: bottom;
        transform: rotate(180deg);
        color:#fb0308;
        margin-right:.15em;
}
.zitat blockquote::after{
        content:"\00A0\f205";
        -webkit-font-smoothing:antialiased;
        font: normal 1.5em "dashicons";
        vertical-align: top;
        color:#fb0308;
        margin-left:.15em;
}

.zitat p.zitat-verfasser{
        padding: 0;
        margin-top: .5em;
        font-size: .9em !important;
        color: #ffffff;
        text-shadow:
          1px 1px 1px #545454,
          1px -1px 1px #545454,
          -1px 1px 1px #545454,
          -1px -1px 1px #545454;
}
.zitat p.zitat-verfasser cite{ font-weight:700; font-style:normal; }
.zitat p.zitat-verfasser .lebensdaten{ opacity:.85; font-weight:400; margin-left:.25em; }

@media (max-width: 480px){
    .zitat{
          padding: 16px 18px;                /* kompakter auf schmalen Screens */
          margin: 12px auto;
    }
    .zitat blockquote::before,
    .zitat blockquote::after{ font-size:1.2em; }
}