/* The illustrative sequence supports the explanation without dominating it. */
body.pr-aai #main_page_wrapper .pr-studio-grid { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(28px,4vw,56px); }
body.pr-aai #main_page_wrapper .pr-composition { width:100%;max-width:440px;justify-self:end;box-shadow:0 8px 24px #103d5308; }
body.pr-aai #main_page_wrapper .pr-composition-head { padding:18px 20px; }
body.pr-aai #main_page_wrapper .pr-composition-head strong { font-size:15px; }
body.pr-aai #main_page_wrapper .pr-tracks { padding:4px 20px; }
body.pr-aai #main_page_wrapper .pr-track { padding:13px 0;gap:10px;grid-template-columns:20px minmax(0,1fr) 64px; }
body.pr-aai #main_page_wrapper .pr-track strong { font-size:14px;margin-bottom:0; }
body.pr-aai #main_page_wrapper .pr-track > div > span { display:none; }
body.pr-aai #main_page_wrapper .pr-track .pr-wave { width:64px;height:24px;gap:2px; }
body.pr-aai #main_page_wrapper .pr-track .pr-wave i { width:2px;max-height:22px;flex-shrink:1; }
body.pr-aai #main_page_wrapper .pr-music-note { margin:0 20px;padding:13px 0;gap:10px; }
body.pr-aai #main_page_wrapper .pr-music-note strong { font-size:12px; }
body.pr-aai #main_page_wrapper .pr-music-note span { font-size:11px; }
body.pr-aai #main_page_wrapper .pr-composition figcaption { padding:12px 20px;font-size:10px; }
@media(max-width:900px) {
 body.pr-aai #main_page_wrapper .pr-studio-grid { grid-template-columns:minmax(0,1fr); }
 body.pr-aai #main_page_wrapper .pr-composition { max-width:none;justify-self:stretch; }
 body.pr-aai #main_page_wrapper .pr-composition-head { padding:14px 16px; }
 body.pr-aai #main_page_wrapper .pr-composition-head > div > svg,body.pr-aai #main_page_wrapper .pr-composition-head .pr-language { display:none; }
 body.pr-aai #main_page_wrapper .pr-composition-head span { margin-bottom:3px; }
 body.pr-aai #main_page_wrapper .pr-composition-head strong { font-size:14px; }
 body.pr-aai #main_page_wrapper .pr-tracks { padding:3px 16px; }
 body.pr-aai #main_page_wrapper .pr-track { padding:9px 0;grid-template-columns:20px minmax(0,1fr);gap:8px; }
 body.pr-aai #main_page_wrapper .pr-track strong { font-size:13px;line-height:1.4;margin:0; }
 body.pr-aai #main_page_wrapper .pr-track > div > span,body.pr-aai #main_page_wrapper .pr-track .pr-wave { display:none; }
 body.pr-aai #main_page_wrapper .pr-music-note { margin:0 16px;padding:10px 0; }
 body.pr-aai #main_page_wrapper .pr-music-note svg,body.pr-aai #main_page_wrapper .pr-music-note span,body.pr-aai #main_page_wrapper .pr-composition figcaption { display:none; }
}

/* Complete reference logos, with crossfades that stay inside their cells. */
body.pr-aai #main_page_wrapper .referenz-trust-flipboard { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px; }
body.pr-aai #main_page_wrapper .referenz-slot { width:100%;min-width:0;height:58px;grid-template-columns:minmax(0,1fr);grid-template-rows:58px; }
body.pr-aai #main_page_wrapper .referenz-slot > span { width:100%;height:100%;min-width:0;min-height:0;padding:4px;box-sizing:border-box; }
body.pr-aai #main_page_wrapper .referenz-slot img { display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain; }
body.pr-aai #main_page_wrapper .referenz-enter,body.pr-aai #main_page_wrapper .referenz-fade-in { animation:aai-reference-in .7s both; }
body.pr-aai #main_page_wrapper .referenz-fade-out { animation:aai-reference-out .7s both; }
@keyframes aai-reference-in { from{opacity:0}to{opacity:1} }
@keyframes aai-reference-out { from{opacity:1}to{opacity:0} }
@media(max-width:700px) {
 body.pr-aai #main_page_wrapper .referenz-trust-flipboard { grid-template-columns:repeat(4,minmax(0,1fr));gap:16px; }
}
@media(max-width:540px) {
 body.pr-aai #main_page_wrapper .referenz-trust { padding-top:24px;padding-bottom:24px; }
 body.pr-aai #main_page_wrapper .referenz-trust-flipboard { grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px; }
 body.pr-aai #main_page_wrapper .referenz-slot { height:46px;grid-template-rows:46px; }
}
@media(prefers-reduced-motion:reduce) {
 body.pr-aai #main_page_wrapper .referenz-slot > span { animation:none;transform:none;opacity:1; }
}
/* Every package includes a visible buying action on a narrow screen. */
@media(max-width:1024px) {
 #main_page_wrapper .aai-pt-swipe { display:none; }
 #main_page_wrapper .aai-pt-scroll { overflow:visible;border:0;background:transparent;box-shadow:none; }
 #main_page_wrapper .aai-pt-table { display:block;min-width:0;width:100%;border:0; }
 #main_page_wrapper .aai-pt-table thead { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
 #main_page_wrapper .aai-pt-table tbody { display:grid;grid-template-columns:minmax(0,1fr);gap:14px; }
 #main_page_wrapper .aai-pt-table .aai-pt-row { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;padding:18px;border:1px solid #d5e4ed;border-radius:12px;background:#fff; }
 #main_page_wrapper .aai-pt-table .aai-pt-row.aai-pt-best { background:#edf8f5;border-color:#9dcebd; }
 #main_page_wrapper .aai-pt-table .aai-pt-row > :is(th,td) { display:block;width:auto;padding:0;border:0;min-width:0;text-align:left; }
 #main_page_wrapper .aai-pt-table .aai-pt-name { grid-column:1 / -1;font-size:18px;line-height:1.5; }
 #main_page_wrapper .aai-pt-table .aai-pt-badge { font-size:9px;vertical-align:middle;margin-left:8px; }
 #main_page_wrapper .aai-pt-table .aai-pt-fall { display:none; }
 #main_page_wrapper .aai-pt-table td:nth-child(2) { grid-column:1;grid-row:2;font-size:14px;align-self:center; }
 #main_page_wrapper .aai-pt-table td:nth-child(2)::after { content:' Ansagen'; }
 #main_page_wrapper .aai-pt-table tr:first-child td:nth-child(2)::after { content:' Ansage'; }
 #main_page_wrapper .aai-pt-table td:nth-child(3) { grid-column:2;grid-row:2;text-align:right; }
 #main_page_wrapper .aai-pt-table td:nth-child(3) strong { font-size:22px;line-height:1.4; }
 #main_page_wrapper .aai-pt-table td:nth-child(4) { grid-column:2;grid-row:3;text-align:right;font-size:12px; }
 #main_page_wrapper .aai-pt-table td:nth-child(4)::after { content:' je Ansage'; }
 #main_page_wrapper .aai-pt-table td:nth-child(5) { grid-column:1;grid-row:3;align-self:center;font-size:12px; }
 #main_page_wrapper .aai-pt-table td:nth-child(5)::after { content:' Ersparnis'; }
 #main_page_wrapper .aai-pt-table tr:first-child td:nth-child(5) { display:none; }
 #main_page_wrapper .aai-pt-table .aai-pt-buy { grid-column:1 / -1;margin-top:6px; }
 #main_page_wrapper .aai-pt-table .aai-pt-cart { display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;box-sizing:border-box;padding:10px 14px;font-size:13px; }
 #main_page_wrapper .aai-pt-table .aai-pt-cart span { display:inline; }
}
@media(min-width:680px) and (max-width:1024px) {
 #main_page_wrapper .aai-pt-table tbody { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
/* The dialog action area stays in view while the full terms remain scrollable. */
.aai-ulm .aai-ulm-card { display:flex;flex-direction:column;max-height:calc(100dvh - 40px);padding:0;overflow:hidden; }
.aai-ulm .aai-ulm-card > .aai-ulm-h { flex:none;margin:0;padding:24px 26px 18px; }
.aai-ulm .aai-ulm-body { flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 26px 18px; }
.aai-ulm .aai-ulm-actions { flex:none;padding:16px 26px 18px;background:#fff;border-top:1px solid #d5e4ed;box-shadow:0 -5px 14px #12476b08; }
.aai-ulm .aai-ulm-actions .aai-ulm-row { margin:0; }
.aai-ulm .aai-ulm-actions .aai-ulm-note { font-size:11px;margin:8px 0 0;line-height:1.4; }
.aai-ulm .aai-ulm-actions .aai-ulm-cancel { margin-top:10px; }
body:has(> .aai-ulm.is-open) { overflow:hidden; }
@media(max-width:600px) {
 .aai-ulm { padding:12px; }
 .aai-ulm .aai-ulm-card { max-height:calc(100dvh - 24px);border-radius:16px; }
 .aai-ulm .aai-ulm-card > .aai-ulm-h { font-size:22px;padding:20px 18px 14px;line-height:1.3; }
 .aai-ulm .aai-ulm-body { padding:0 18px 14px; }
 .aai-ulm .aai-ulm-body .aai-ulm-p,.aai-ulm .aai-ulm-body .aai-ulm-facts,.aai-ulm .aai-ulm-body .aai-ulm-fair { font-size:14px;line-height:1.55; }
 .aai-ulm .aai-ulm-actions { padding:12px 18px max(12px,env(safe-area-inset-bottom)); }
 .aai-ulm .aai-ulm-actions .aai-ulm-row { display:flex;flex-wrap:nowrap;gap:8px; }
 .aai-ulm .aai-ulm-actions :is(.aai-ulm-cta,.aai-ulm-ghost) { display:flex;align-items:center;justify-content:center;flex:1;min-height:44px;padding:10px;font-size:13px;line-height:1.4; }
 .aai-ulm .aai-ulm-actions .aai-ulm-cancel { margin-top:7px;font-size:12px; }
}

/* Compact reference logos: intrinsic proportions, fixed visual bounds. */
body.pr-aai #main_page_wrapper .referenz-trust { padding-top:24px;padding-bottom:24px; }
body.pr-aai #main_page_wrapper .referenz-slot { height:40px;grid-template-rows:40px; }
body.pr-aai #main_page_wrapper .referenz-slot img { width:auto;height:auto;max-width:112px;max-height:32px; }
@media(max-width:540px) {
 body.pr-aai #main_page_wrapper .referenz-slot img { max-width:96px;max-height:30px; }
}
