/* enna Design System v1.5.0, synced 2026-10-31.
 * Source: https://claude.ai/artifact/P7mTXKHUAQnUoCv5ukSHyh
 * Values and Button rules copied from tokens.json and components/bundle.css. */
.enna-app-detail,.enna-cs__topics-title,.enna-cp-footer,.enna-app-cards,.enna-card-comparison,.enna-card-saving,.enna-card-shipping{
  --color-action-primary:var(--color-brand-enna-blau);
  --color-brand-weiss:#ffffff;
  --color-brand-enna-blau:#28345a;
  --color-brand-enna-grau:#f0eef7;
  --color-text-secondary:var(--color-blau-80);
  --color-blau-80:#535d7b;
  --color-blau-20:#d4d6de;
  --spacing-xs:8px;
  --spacing-s:12px;
  --spacing-m:16px;
  --spacing-mm:20px;
  --spacing-mmm:24px;
  --spacing-ll:32px;
  --radius-normal:12px;
  --radius-card:16px;
  --size-button-height-primary:52px;
  --font-family-body:Inter, sans-serif;
  --font-family-display:Sentient, Georgia, serif;
  --font-size-app-14:14px;
  --font-size-app-16:16px;
  --font-size-app-20:20px;
  --font-size-app-32:32px;
  --font-weight-bold:700;
  --shadow-primary:0 0 4px rgba(40, 52, 90, 0.4);
  --shadow-soft-tint:0 0 8px rgba(40, 52, 90, 0.05);
  --duration-fast:150ms;
  --focus-width:3px;
  --focus-color:var(--color-brand-enna-blau);
  --focus-offset:2px;
}

.enna-card-comparison,.enna-card-saving{display:block;font-size:var(--font-size-app-14);line-height:1.5;font-weight:400}
.enna-card-comparison{color:var(--color-text-secondary);margin-bottom:4px}
.enna-card-comparison del{opacity:1}
.enna-card-saving{color:var(--color-brand-enna-blau);margin-top:4px;font-weight:var(--font-weight-bold)}
.enna-card-shipping{font-size:var(--font-size-app-14);line-height:1.5;color:var(--color-text-secondary);margin:var(--spacing-s) 0}
.enna-cp-footer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-m);padding:var(--spacing-ll) 0;font-family:var(--font-family-body);text-align:center}
.enna-cp-footer .enna-card-shipping{margin:0}
body a.enna-card-store-link,body a.enna-app-detail__action{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-height:var(--size-button-height-primary);padding:var(--spacing-s) var(--spacing-mmm);border:0;border-radius:var(--radius-normal);background:var(--color-action-primary);color:var(--color-brand-weiss);font-family:var(--font-family-body);font-size:var(--font-size-app-16);font-weight:var(--font-weight-bold);line-height:1.5;letter-spacing:0;text-decoration:none;box-shadow:var(--shadow-primary);transition:background-color var(--duration-fast)}
body a.enna-card-store-link:hover,body a.enna-app-detail__action:hover{background:var(--color-blau-80);color:var(--color-brand-weiss);text-decoration:none}
body a.enna-card-store-link:focus-visible,body a.enna-app-detail__action:focus-visible,.enna-app-cards__open:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}
.enna-app-cards{margin:var(--spacing-mmm) 0 40px;color:var(--color-brand-enna-blau);scroll-margin-top:100px}
body .enna-app-cards > h2,body .enna-cs h2.enna-cs__topics-title{font-family:var(--font-family-display);font-size:var(--font-size-app-32);font-weight:var(--font-weight-bold);font-style:italic;line-height:1.2;margin:0 0 var(--spacing-s)}
body .enna-app-cards > p{font-size:var(--font-size-app-14);line-height:1.5;color:var(--color-text-secondary);margin:0 0 var(--spacing-m)}
.enna-app-cards__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-m);align-items:start}
.enna-app-cards__tile{min-width:0;border-radius:var(--radius-card);background:var(--color-brand-enna-grau)}
body .enna-app-cards button.enna-app-cards__open{display:block;width:100%;padding:0;border:0;background:transparent;box-shadow:none;cursor:pointer;color:var(--color-brand-enna-blau);text-decoration:none;border-radius:var(--radius-card);overflow:hidden;aspect-ratio:2067/1323}
body .enna-app-cards button.enna-app-cards__open:hover{box-shadow:var(--shadow-primary)}
body .enna-app-cards button.enna-app-cards__open img{display:block;width:100%;height:100%;object-fit:contain;border-radius:var(--radius-card);margin:0}
.enna-app-cards__label:not(.screen-reader-text){display:block;padding:var(--spacing-m);font-weight:var(--font-weight-bold)}
html.enna-card-modal-open{overflow:hidden}
body dialog.enna-app-detail{box-sizing:border-box;width:calc(100% - 48px);max-width:520px;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:0;border-radius:24px;background:var(--color-brand-weiss);color:var(--color-brand-enna-blau);font-family:var(--font-family-body);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 80px rgba(40,52,90,.24)}
.enna-app-detail::backdrop{background:rgba(40,52,90,.48)}
@media(prefers-reduced-motion:no-preference){
  .enna-app-detail[open]{--modal-offset:12px;animation:enna-modal-enter 220ms cubic-bezier(.2,.8,.2,1) both}
  .enna-app-detail[open]::backdrop{animation:enna-modal-backdrop-enter 220ms ease-out both}
  .enna-app-detail[open].is-closing{animation:enna-modal-leave 160ms ease-in both}
  .enna-app-detail[open].is-closing::backdrop{animation:enna-modal-backdrop-leave 160ms ease-in both}
  @media(max-width:600px){.enna-app-detail[open]{--modal-offset:32px}}
}
@keyframes enna-modal-enter{from{opacity:0;transform:translateY(var(--modal-offset))}to{opacity:1;transform:translateY(0)}}
@keyframes enna-modal-leave{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--modal-offset))}}
@keyframes enna-modal-backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes enna-modal-backdrop-leave{from{opacity:1}to{opacity:0}}
.enna-app-detail__content{position:relative;padding:56px 32px 32px}
body .enna-app-detail .enna-app-detail__close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:var(--color-brand-enna-grau);color:var(--color-brand-enna-blau);box-shadow:none;cursor:pointer}
body .enna-app-detail .enna-app-detail__close:hover{background:var(--color-blau-20)}
.enna-app-detail__close:focus-visible{outline:3px solid var(--color-brand-enna-blau);outline-offset:2px}
.enna-app-detail__content > img{display:block;width:240px;max-width:100%;height:auto;aspect-ratio:2067/1323;object-fit:contain;border-radius:var(--radius-card);margin:0 auto 24px}
body .enna-app-detail h2{font-family:var(--font-family-display);font-size:var(--font-size-app-32);font-weight:var(--font-weight-bold);line-height:1.2;margin:0 0 12px}
body .enna-app-detail p{font-size:var(--font-size-app-16);line-height:1.6;margin:0 0 20px}
body .enna-app-detail .enna-app-detail__hint{font-size:var(--font-size-app-14);color:var(--color-text-secondary)}
body .enna-app-detail__action{width:100%}
@media(max-width:600px){
  body dialog.enna-app-detail{width:100%;max-width:none;max-height:calc(100dvh - 24px);margin:auto 0 0;border-radius:24px 24px 0 0}
  .enna-app-detail__content{padding:56px 24px max(24px,env(safe-area-inset-bottom))}
  .enna-app-detail__content > img{width:200px;margin-bottom:20px}
}
body .enna-cs h2.enna-cs__topics-title{margin-bottom:var(--spacing-mmm);scroll-margin-top:100px}
@media(min-width:900px){.enna-app-cards__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:768px){.enna-cp-footer{padding:var(--spacing-mmm) 0}body .enna-cp-footer a.enna-card-store-link{width:100%}}

.enna-app-detail h2[tabindex="-1"]:focus{outline:none}
.enna-app-detail__close svg{flex-shrink:0}
/* Card-Store-Übersicht so breit wie die Kategorie-Archive (.enna-cc__inner: 1180px,
   16px Rand). Hello Elementor begrenzt Seiten sonst je Breakpoint auf 500 bis 1140px,
   auf Tablets also auf 600px, und der Store rückte zusätzlich 16px ein. */
html body.enna-card-store-page main.site-main{max-width:1180px;padding-inline:16px;box-sizing:border-box}
html body.enna-card-store-page .page-header .entry-title{max-width:none;margin-inline:0;padding-inline:0}
body.enna-card-store-page .enna-cs{max-width:none;padding-inline:0}