/* PET13 V1.3.2: ausführliche App-Bereiche im bestätigten Kartenstil.
   Ausschließlich die App-Detailseite nutzt diese Regeln. Originalpalette und
   zentrale helle Markentöne kommen aus markenfarben.css; keine neue Mischpalette.
   Desktop: vier gleich hohe Rasterzeilen nach dem längsten tatsächlichen Inhalt.
   Mobil: natürliche Höhe ohne Beschnitt, innere Scrollflächen oder Fülltexte.
   Ankerabstand ergänzt die globale scroll-padding-top-Regel nur um 12px.
   !important überstimmt die erhaltene layout-system-Regel für alle main-[id]. */
body.p13-site[data-page="app"] .app-detail-intro{padding-bottom:42px}
body.p13-site[data-page="app"] .app-detail-intro .lead{max-width:700px}
.app-detail-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
/* Die vorhandene weiße Nebenbuttonregel ist sehr spezifisch. Diese ausschließlich
   lokalen Zustandsregeln sichern daher auch dort die geforderte Gold/Weiß-Paarung. */
@media(hover:hover){
 body.p13-site[data-page="app"] .app-detail-nav .btn.secondary:hover{background:var(--pet13-gold)!important;border-color:var(--pet13-gold)!important;color:var(--pet13-weiss)!important}
}
body.p13-site[data-page="app"] .app-detail-nav .btn.secondary:is(:active,:focus-visible){background:var(--pet13-gold)!important;border-color:var(--pet13-gold)!important;color:var(--pet13-weiss)!important}
body.p13-site .app-detail-nav .btn{font-size:13px;min-height:44px;padding:10px 15px}
body.p13-site[data-page="app"] .app-detail-stack{display:grid;gap:24px;grid-auto-rows:1fr;padding-bottom:4px;scroll-margin-top:12px!important}
body.p13-site[data-page="app"] .app-service-detail{display:grid;grid-template-columns:.88fr 1.12fr;gap:58px;padding:42px;border:1px solid color-mix(in srgb,var(--world) 15%,white);border-radius:30px;background:var(--world-soft);scroll-margin-top:12px!important;min-width:0}
.app-service-heading{min-width:0;align-self:start}
.app-service-heading .world-icon{display:block;width:70px;height:70px;object-fit:contain;margin-bottom:28px}
body.p13-site .app-service-heading .eyebrow{margin-bottom:20px}
body.p13-site .app-service-heading h2{font-size:clamp(29px,3.15vw,42px);margin:0 0 22px;line-height:1.15}
body.p13-site .app-service-heading .lead{font-size:17px;line-height:1.7;margin:0;max-width:410px}
body.p13-site .app-service-heading .app-scope{margin:28px 0 0;padding-top:19px;border-top:1px solid color-mix(in srgb,var(--world) 25%,white);max-width:400px;font-size:13px;line-height:1.65;color:var(--pet13-schwarz)}
.app-service-list{list-style:none;margin:0;padding:0;display:grid;grid-template-rows:repeat(4,1fr);min-width:0}
.app-service-list>li{padding:20px 0;border-bottom:1px solid color-mix(in srgb,var(--world) 19%,white);min-width:0}
.app-service-list>li:first-child{padding-top:0}
.app-service-list>li:last-child{border:0;padding-bottom:0}
body.p13-site .app-service-list h3{font-size:18px;line-height:1.4;letter-spacing:-.02em;margin:0 0 8px;font-weight:650;text-wrap:initial}
body.p13-site .app-service-list p{font-size:15px;line-height:1.7;margin:0;color:var(--pet13-muted)}
.app-premium-note{font-size:10px;line-height:1.5;font-weight:650;letter-spacing:.08em;text-transform:uppercase;display:block;margin:0 0 7px;color:var(--pet13-schwarz)}
body.p13-site .app-detail-close{padding-top:46px}
body.p13-site .app-detail-close .compact-premium{margin-top:0}
@media(max-width:1000px){
 body.p13-site[data-page="app"] .app-service-detail{gap:34px;padding:32px}
 body.p13-site .app-service-heading h2{font-size:32px}
}
@media(max-width:760px){
 body.p13-site[data-page="app"] .app-detail-intro{padding-bottom:26px}
 body.p13-site[data-page="app"] .app-detail-stack{gap:20px;grid-auto-rows:auto;scroll-margin-top:12px!important}
 body.p13-site[data-page="app"] .app-service-detail{grid-template-columns:minmax(0,1fr);gap:28px;padding:27px 22px;border-radius:24px;scroll-margin-top:12px!important}
 .app-service-heading .world-icon{width:58px;height:58px;margin-bottom:22px}
 body.p13-site .app-service-heading .eyebrow{margin-bottom:14px}
 body.p13-site .app-service-heading h2{font-size:31px;line-height:1.15;margin-bottom:18px}
 body.p13-site .app-service-heading .lead{font-size:16px}
 body.p13-site .app-service-heading .app-scope{margin-top:20px;padding-top:16px;font-size:12px}
 .app-service-list{grid-template-rows:none}
 .app-service-list>li{padding:19px 0}
 body.p13-site .app-service-list h3{font-size:17px}
 body.p13-site .app-service-list p{font-size:14px}
 .app-detail-nav{gap:8px;margin-top:23px}
 body.p13-site .app-detail-nav .btn{font-size:12px;padding:9px 12px}
 body.p13-site .app-detail-close{padding-top:30px}
}
@media(prefers-reduced-motion:reduce){.app-detail-nav a{scroll-behavior:auto}}