/*
$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop
*/
.ce_citation {
  background-color: #8AA390;
  margin: clamp(5rem, 3.45rem + 6.55vw, 10rem) 0;
}
@media (min-width: 37.5rem) {
  .ce_citation {
    background-color: #F6F8F4;
  }
}
@media (min-width: tablet-small) {
  .ce_citation {
    background-color: #F6F8F4;
  }
}
.ce_citation .inside {
  padding: 2.5rem 0;
}
@media (min-width: 37.5rem) {
  .ce_citation .inside {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #8AA390;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    padding-left: 10vw;
    padding-right: 10vw;
    border-radius: 0.5rem;
  }
}
@media (min-width: tablet-small) {
  .ce_citation .inside {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #8AA390;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    padding-left: 10vw;
    padding-right: 10vw;
    border-radius: 0.5rem;
  }
}
.ce_citation .inside .citation-text {
  display: flex;
  flex-direction: column;
  align-self: center;
}
.ce_citation .inside .citation-text svg {
  align-self: flex-end;
  display: inline-block;
  width: 1.75rem;
  height: auto;
}
@media (min-width: 37.5rem) {
  .ce_citation .inside .citation-text svg {
    width: 2.75rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: tablet-small) {
  .ce_citation .inside .citation-text svg {
    width: 2.75rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 120rem) {
  .ce_citation .inside .citation-text svg {
    width: 3.75rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: full-hd) {
  .ce_citation .inside .citation-text svg {
    width: 3.75rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 160rem) {
  .ce_citation .inside .citation-text svg {
    width: 4.75rem;
    margin-bottom: 3rem;
  }
}
.ce_citation .inside .citation-text h3 {
  font-size: 1.875rem;
  font-size: clamp(1.875rem, 1.75vw + 1.75vh + .5rem, 5.5rem);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.3;
  color: #F6F8F4;
  text-align: left;
  text-transform: none;
}
.ce_citation .inside .citation-text p {
  font-size: 1rem;
  font-size: clamp(1rem, .7125vw + .7125vh, 1.65rem);
  font-weight: 300;
  line-height: 1.6;
  color: #F6F8F4;
}
.ce_citation .inside .citation-text h3 a, .ce_citation .inside .citation-text p a {
  position: relative;
  display: inline-block;
  color: #38485D;
  text-decoration: none;
  z-index: 1;
  padding: 0 0.063rem;
  transition: color ease 300ms;
  color: #F6F8F4;
}
.ce_citation .inside .citation-text h3 a::after, .ce_citation .inside .citation-text p a::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 0.25rem;
  left: 0;
  bottom: 0;
  background-color: #DCDC00;
  transition: all ease 300ms;
}
@media (min-width: 80rem) {
  .ce_citation .inside .citation-text h3 a:hover, .ce_citation .inside .citation-text p a:hover {
    color: white;
  }
  .ce_citation .inside .citation-text h3 a:hover::after, .ce_citation .inside .citation-text p a:hover::after {
    height: 95%;
  }
}
@media (min-width: tablet-desktop) {
  .ce_citation .inside .citation-text h3 a:hover, .ce_citation .inside .citation-text p a:hover {
    color: white;
  }
  .ce_citation .inside .citation-text h3 a:hover::after, .ce_citation .inside .citation-text p a:hover::after {
    height: 95%;
  }
}
.ce_citation .inside .citation-text .citation-autor {
  display: inline-block;
  font-size: 1rem;
  font-size: clamp(1rem, .7125vw + .7125vh, 1.65rem);
  font-weight: 300;
  line-height: 1.6;
  color: #F6F8F4;
  border-top: 0.063rem solid rgba(210, 220, 193, 0.64);
  margin-top: 3.25rem;
  padding-top: 1rem;
}
.ce_citation.has-quotes p:before {
  color: #F6F8F4;
  font-size: 1rem;
  content: "„";
}
.ce_citation.has-quotes p:after {
  color: #F6F8F4;
  font-size: 1rem;
  content: "“";
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%22%2C%22sources%22%3A%5B%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Famag.abnahme-server.de%5C%2Fhttpdocs%5C%2Fweb%5C%2Fbundles%5C%2Falbringsmuellerbasic%5C%2Fcss%5C%2Fincludes%5C%2F_mixins.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Famag.abnahme-server.de%5C%2Fhttpdocs%5C%2Fweb%5C%2Fbundles%5C%2Falbringsmuellerbasic%5C%2Fcss%5C%2Felements%5C%2Fce_citation.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Famag.abnahme-server.de%5C%2Fhttpdocs%5C%2Fweb%5C%2Fbundles%5C%2Falbringsmuellerbasic%5C%2Fcss%5C%2Fincludes%5C%2F_variables.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Famag.abnahme-server.de%5C%2Fhttpdocs%5C%2Fweb%5C%2Fbundles%5C%2Falbringsmuellerbasic%5C%2Fcss%5C%2Fincludes%5C%2F_typography.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACEA%3BEACI%2CkBC2BW%3BED1BX%3B%3BADmCI%3BECrCR%3BIAKQ%2CkBCYW%3B%3B%3BAF2EX%3BEC5FR%3BIAKQ%2CkBCYW%3B%3B%3BADTf%3BEACI%3B%3BAD4BA%3BEC7BJ%3BIAIQ%3BIACA%3BIACA%3BIACA%2CkBCaG%3BIDZH%3BIACA%3BIACA%3BIACA%3BIACA%2CeCqBI%3B%3B%3BAFmDR%3BECpFJ%3BIAIQ%3BIACA%3BIACA%3BIACA%2CkBCaG%3BIDZH%3BIACA%3BIACA%3BIACA%3BIACA%2CeCqBI%3B%3B%3BADlBR%3BEACI%3BEACA%3BEACA%3B%3BAAEA%3BEACI%3BEACA%3BEACA%3BEACA%3B%3BADKR%3BECTI%3BIAOQ%3BIACA%3B%3B%3BADwDZ%3BEChEI%3BIAOQ%3BIACA%3B%3B%3BAD2CZ%3BECnDI%3BIAYQ%3BIACA%3B%3B%3BADmDZ%3BEChEI%3BIAYQ%3BIACA%3B%3B%3BAD6CZ%3BEC1DI%3BIAiBQ%3BIACA%3B%3B%3BAAIR%3BEEhBR%3BEACA%3BEACA%2CaDzBkB%3BEC0BlB%3BEACA%3BEFcY%2COCnCG%3BEDoCH%3BEACA%3B%3BAAGJ%3BEEgCR%3BEACA%3BEACA%2CaDjFgB%3BECkFhB%3BEFjCY%2COC1CG%3B%3BAD%2BCH%3BED8IZ%3BEACA%3BEACA%2COE%5C%2FKe%3BEFiLf%3BEAOA%3BEACA%3BEACA%3BECzJgB%2COCjDD%3B%3BAF4Mf%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2CkBElMM%3BEFmMN%3B%3BAA5KA%3BEAgLA%3BIAMI%3B%3BEAEA%3BIACI%3B%3B%3BAAvJR%3BEA8IA%3BIAMI%3B%3BEAEA%3BIACI%3B%3B%3BAC7KJ%3BEACI%3BEEkBZ%3BEACA%3BEACA%2CaDjFgB%3BECkFhB%3BEFnBY%2COCxDG%3BEDyDH%3BEACA%3BEACA%3B%3BAAMR%3BEACI%2COClEO%3BEDmEP%3BEACA%3B%3BAAGJ%3BEACI%2COCxEO%3BEDyEP%3BEACA%22%7D */