/* Der Seitenrahmen kommt bewusst vollständig aus dem Shop-Theme. */
.porst-advisor { color: #555; font-family: inherit; }
.porst-advisor__lead { max-width: 800px; margin: 0 0 30px; font-size: 16px; line-height: 1.6; }
.porst-advisor__chooser { margin: 0 0 36px; }
.porst-advisor__chooser h2, .porst-advisor__recommendations > h2 { margin: 0 0 17px; }
.porst-advisor__motives { display: flex; flex-wrap: wrap; border: 1px solid #dedede; }
.porst-advisor__motive { position: relative; flex: 1 1 150px; min-height: 54px; padding: 14px 12px; border: 0; border-right: 1px solid #dedede; background: #fafafa; color: #555; cursor: pointer; font-family: inherit; font-size: 14px; line-height: 1.25; text-align: center; }
.porst-advisor__motive:last-child { border-right: 0; }
.porst-advisor__motive:hover, .porst-advisor__motive:focus, .porst-advisor__motive.is-active { background: #f3f3f3; color: #c84d52; outline: 0; }
.porst-advisor__motive.is-active::after { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: #c84d52; content: ''; }
.porst-advisor__recommendations { padding: 0 0 25px; }
.porst-advisor__empty { display: none; margin: 0; color: #777; }
.porst-advisor__empty.is-visible { display: block; }
.porst-advisor__recommendation { display: grid; grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr); gap: 32px; align-items: start; padding: 0 0 32px; margin-bottom: 32px; border-bottom: 1px solid #dedede; }
.porst-advisor__recommendation[hidden] { display: none; }
.porst-advisor__image { display: block; background: #f5f5f5; }
.porst-advisor__image img { display: block; width: 100%; height: 290px; object-fit: cover; }
.porst-advisor__slider { min-width: 0; }
.porst-advisor__slides { overflow: hidden; }
.porst-advisor__slide { display: none; width: 100%; margin: 0; }
.porst-advisor__slide.is-active { display: block; }
.porst-advisor__slider-controls { display: flex; align-items: center; justify-content: center; gap: 13px; padding-top: 10px; }
.porst-advisor__slider-button { width: 32px; height: 30px; border: 1px solid #c84d52; background: #fff; color: #c84d52; cursor: pointer; font-size: 22px; line-height: 22px; }
.porst-advisor__slider-button:hover, .porst-advisor__slider-button:focus { background: #c84d52; color: #fff; outline: 0; }
.porst-advisor__slider-count { min-width: 34px; color: #666; font-size: 13px; text-align: center; }
.porst-advisor__recommendation-copy { padding-top: 2px; }
.porst-advisor__recommendation h3 { margin: 0 0 16px; font-size: 27px; line-height: 1.2; }
.porst-advisor__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.porst-advisor__tags span { padding: 6px 9px; border: 1px solid #d2d2d2; color: #666; font-size: 12px; text-transform: uppercase; }
.porst-advisor__intro { max-width: 555px; margin: 0; line-height: 1.58; }
.porst-advisor__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 24px; }
.porst-advisor__product-link { display: inline-block; padding: 11px 24px; border: 1px solid #c84d52; color: #c84d52; font-weight: 600; text-decoration: none; }
.porst-advisor__product-link:hover, .porst-advisor__product-link:focus { background: #c84d52; color: #fff; text-decoration: none; }
.porst-advisor__contact-link { color: #555; text-decoration: underline; text-underline-offset: 3px; }
.porst-advisor__contact-link:hover { color: #c84d52; }
@media (max-width: 767px) {
  .porst-advisor__motive { flex-basis: 50%; border-bottom: 1px solid #dedede; }
  .porst-advisor__recommendation { grid-template-columns: 1fr; gap: 22px; }
  .porst-advisor__image img { height: 245px; }
  .porst-advisor__recommendation h3 { font-size: 24px; }
}