/* Die Preisseite beginnt direkt mit den Tarifen. */
.page-preise #brand-tarife{
  padding-top:clamp(86px,9vw,138px);
}

/* Weiße Tarifkarten mit einem klaren dunkelgrünen Schlagschatten. */
.page-preise .pricing-grid{
  gap:clamp(28px,3vw,46px);
}
.page-preise .pricing-grid>.price-card{
  background:#fff!important;
  border:1px solid rgba(31,78,49,.28)!important;
  box-shadow:9px 11px 0 #1f4e31;
}
.page-preise .plan-common{
  width:100%;
  min-height:150px;
  padding:24px 0;
  border-bottom:1px solid rgba(31,78,49,.22);
}
.page-preise .plan-common-label,
.page-preise .plan-difference-label{
  display:block;
  margin-bottom:11px;
  color:#1f4e31;
  font:500 13px/1.45 var(--font-body);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.page-preise .plan-fit-label{
  display:block!important;
  margin-bottom:11px;
  color:#1f4e31;
  font:500 13px/1.45 var(--font-body);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.page-preise .plan-common p,
.page-preise .plan-fit p{
  max-width:none;
  font:400 15px/1.7 var(--font-body);
  text-wrap:pretty;
}
.page-preise .plan-fit{
  min-height:142px;
  padding:24px 0;
  border-bottom:1px solid rgba(31,78,49,.22);
}
.page-preise .plan-difference{
  display:flex;
  flex:1;
  width:100%;
  flex-direction:column;
  padding-top:24px;
}
.page-preise .plan-difference ul{
  margin:0 0 32px;
}
.page-preise .price-auto-switch-note{
  max-width:900px;
  margin:40px auto 0;
  padding:0 12px;
  color:#1f4e31;
  font:400 13px/1.65 var(--font-body);
  text-align:center;
}

@media(max-width:1100px) and (min-width:801px){
  .page-preise .plan-common{min-height:192px}
  .page-preise .plan-fit{min-height:180px}
}
@media(max-width:800px){
  .page-preise #brand-tarife{padding-top:78px}
  .page-preise .pricing-grid>.price-card{box-shadow:7px 9px 0 #1f4e31}
  .page-preise .plan-common,
  .page-preise .plan-fit{min-height:0}
}

/* The consolidated pricing FAQ is visible. Duplicate explanatory sections have
   been removed from the source, rather than hidden through sibling selectors. */

/* Every pricing note follows the same mint panel layout. */
.page-preise .pricing-good-to-know .wrap{max-width:1120px}
.page-preise .pricing-good-to-know h2{width:100%;max-width:none;padding:0;margin:0 0 48px;text-align:left;text-wrap:balance}
.page-preise .pricing-good-to-know dl{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
.page-preise .pricing-note-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;padding:28px 32px;border:0;border-radius:18px;background:#eef5ef;scroll-margin-top:100px}
.page-preise .pricing-note-row dt{max-width:24ch;margin:0;font:500 18px/1.4 var(--font-body);color:#1f4e31;text-wrap:balance}
.page-preise .pricing-note-row dd{margin:0;min-width:0}
.page-preise .pricing-note-row p{margin:0;max-width:none;font:400 15px/1.65 var(--font-body);color:#1f4e31;text-wrap:pretty}
.page-preise #zusatzfunktionen dd ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:0;padding:0;list-style:none;font:400 15px/1.55 var(--font-body);color:#1f4e31}
.page-preise #zusatzfunktionen dd li{position:relative;padding:0 0 0 23px;margin:0}
.page-preise #zusatzfunktionen dd li::before{content:"✓";position:absolute;left:0;top:0;font-weight:500}
.page-preise .pricing-good-to-know .actions{justify-content:flex-start;margin-top:40px}
@media(max-width:900px){
 .page-preise .pricing-note-row{grid-template-columns:1fr;gap:16px;padding:28px}
 .page-preise .pricing-note-row dt{max-width:none}
}
@media(max-width:650px){
 .page-preise .pricing-good-to-know h2{margin-bottom:30px}
 .page-preise .pricing-note-row{padding:24px 20px}
 .page-preise #zusatzfunktionen dd ul{grid-template-columns:1fr;gap:14px}
 .page-preise .pricing-good-to-know .btn{white-space:normal;text-align:center}
}

/* Corresponding pricing rows share their height across all three cards. */
@media(min-width:801px){
 .page-preise .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(8,auto);column-gap:clamp(28px,3vw,46px);row-gap:0;max-width:none}
 .page-preise .pricing-grid>.price-card{display:grid;grid-template-rows:subgrid;grid-row:1 / span 8;row-gap:0;align-content:normal}
 .page-preise .price-card[data-plan="grow"]{grid-column:1}
 .page-preise .price-card[data-plan="scale"]{grid-column:2}
 .page-preise .price-card[data-plan="enterprise"]{grid-column:3}
 .page-preise .plan-common,.page-preise .plan-fit{min-height:0}
 .page-preise .price-card>.term{min-height:0;margin-bottom:0}
 .page-preise .price-card>.btn{align-self:stretch;margin:0;display:flex;align-items:center;justify-content:center}
}

/* The existing plan finder is available before choosing a pricing card. */
.page-preise .pricing-plan-finder{margin:0 0 38px;scroll-margin-top:100px}
.page-preise .pricing-plan-finder .fit-invite{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 32px;align-items:center;margin:0;padding:24px 30px;border:1px solid rgba(31,78,49,.2);border-radius:18px;background:#fff;color:#1f4e31}
.page-preise .pricing-plan-finder .fit-invite strong{grid-column:1;font:500 19px/1.4 var(--font-body)}
.page-preise .pricing-plan-finder .fit-invite p{grid-column:1;margin:0;font:400 15px/1.6 var(--font-body);max-width:none}
.page-preise .pricing-plan-finder .fit-open{grid-column:2;grid-row:1 / span 2;white-space:nowrap}
.page-preise .pricing-plan-finder [hidden]{display:none!important}
@media(max-width:650px){
 .page-preise .pricing-plan-finder .fit-invite{grid-template-columns:1fr;gap:10px;padding:24px 20px}
 .page-preise .pricing-plan-finder .fit-open{grid-column:1;grid-row:auto;margin-top:8px;justify-self:start;white-space:normal;text-align:left}
}