/* MapRaiders frame pages (the 736 older guide, feature, how-to, comparison and legal pages) in the look of
   homepage version 3. Loaded after /design/v3-unterseite.css, which brings tokens, bar, plate, buttons and footer.
   The pages keep their markup and text; this file styles their old class vocabulary inside the plate (one rule
   per group, measured over all seven families on 2026-09-22) and the pieces rahmen_v3.mjs inserts: the niche line
   above the H1 (.nische), the table wrapper (.tabelle), the two-worlds block (.welten) and the two link rows in the
   footer (.sprachen: the page's translations, .weitere: the old menu's remaining link targets).
   Source: seo-strategy/vorlagen/rahmen_v3.css, written to /design/v3-rahmen.css by rahmen_v3.mjs. */

/* old wrappers collapse, the plate is the only column (a little wider than a hub: tables and grids) */
.plate.rahmen{width:min(960px,100% - 28px)}
.plate .mx,.plate .container,.plate .hero-content,.plate .nav-i{width:auto;max-width:none;margin:0;padding:0}
.plate .hero-glow{display:none}
.plate section,.plate .sec,.plate .hub-section,.plate .fr-sec,.plate .cta-sec,.plate .cta-section,.plate .cta-block,.plate .text-sec,
.plate .comp-sec,.plate .steps-sec,.plate .benefits-sec,.plate .faq-sec,.plate .faq-section,.plate .about-sec,.plate .content-sec{margin:0;padding:0;background:none;border:0}
.plate section+section,.plate section+div,.plate div+section{margin-top:34px}
.plate .rv,.plate .reveal{opacity:1!important;transform:none!important;transition:none!important}
.plate svg{display:none}  /* the old templates' inline icons (arrows, envelopes, chevrons): decoration only */
.plate hr{border:0;border-top:1px solid rgba(20,18,19,0.09);margin:26px 0}
.plate img{border:1px solid rgba(20,18,19,0.14)}

/* page head: badge line, title, lead, back link */
.plate .hero,.plate .feat-hero,.plate .page-hero,.plate .about-hero,.plate .contact-hero{text-align:center}
.plate .h-badge,.plate .hero-badge,.plate .badge,.plate .pricing-pill,.plate .feature-tag,.plate .diff{display:inline-block;font:400 .72rem/1.3 var(--display);
  letter-spacing:.22em;text-transform:uppercase;color:#e0400f;border:1px solid rgba(20,18,19,0.14);padding:6px 10px;margin:0 6px 16px 0;background:none}
.plate .sec-label,.plate .section-label,.plate .fr-label{display:block;font:400 .72rem/1.3 var(--display);letter-spacing:.24em;text-transform:uppercase;color:#e0400f;margin:36px 0 0}
.plate .sec-label+h2,.plate .section-label+h2,.plate .fr-label+*{margin-top:8px;border-top:0;padding-top:0}
.plate h1 em,.plate h2 em,.plate h3 em{font-style:normal;color:#e0400f}
.plate h1>span:not(.nische){color:#e0400f}
.plate .kicker.nische{margin-bottom:10px;text-align:inherit;line-height:1.7;letter-spacing:.22em}
.plate .lead,.plate .hero p,.plate .feat-hero p,.plate .page-hero p,.plate .about-hero p,.plate .contact-hero p,.plate .hero-sub,.plate .subtitle{font-size:1.1rem;color:#141213;max-width:64ch;margin:0 auto 18px}
.plate .back-link,.plate .back-lnk,.plate .breadcrumb{display:inline-block;margin:6px 0 0;font:400 .74rem/1.4 var(--display);letter-spacing:.16em;text-transform:uppercase;color:#3a3536;text-decoration:none}
.plate .back-link:hover,.plate .back-lnk:hover{color:#e0400f}
.plate h3{font-size:1.05rem;margin:22px 0 8px;color:#141213}
.plate strong{color:#141213}
.plate ol{margin:0 0 16px;padding-left:1.3em;color:#141213}
.plate blockquote,.plate .trigger-quote{margin:18px 0;padding:14px 20px;border-left:2px solid rgba(242,70,27,0.45);color:#141213;font-style:italic}

/* tables */
.plate .table-wrap,.plate .tabelle{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0 22px}
.plate table{width:100%;border-collapse:collapse;margin:0;font-size:.95rem}
.plate th,.plate td{padding:10px 12px;border-bottom:1px solid rgba(20,18,19,0.08);text-align:left;vertical-align:top;color:#141213}
.plate th{font:700 .74rem/1.3 var(--display);letter-spacing:.12em;text-transform:uppercase;color:#e0400f}
.plate .feat-name,.plate .feature-name{font-weight:600;color:#141213}
.plate .check,.plate .check-icon{color:#1e7a3c}.plate .cross,.plate .cross-icon{color:#c3321b}.plate .na{color:#3a3536}

/* grids and cards */
.plate .features-grid,.plate .benefits-grid,.plate .steps-grid,.plate .cluster-grid,.plate .games-grid,.plate .game-grid,.plate .cards,.plate .contact-grid,
.plate .roadmap-grid,.plate .tech-grid,.plate .styles-grid,.plate .shot-grid,.plate .comparison-grid,.plate .grid,.plate .roles,.plate .games,.plate .guides,.plate .benefits{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:16px 0 22px}
.plate .feat-card,.plate .benefit-card,.plate .step-card,.plate .cluster-card,.plate .game-card,.plate .card,.plate .contact-card,.plate .roadmap-card,.plate .tech-card,
.plate .style-card,.plate .shot-card,.plate .comp-card,.plate .role-card,.plate .tips-box,.plate .tips,.plate .value-card,.plate .stat-card,.plate .usecase,.plate .benefit,
.plate .role,.plate .geo-own,.plate .geo-tldr,.plate .comp-strengths{border:1px solid rgba(20,18,19,0.14);background:rgba(255,255,255,0.52);padding:18px 20px;margin:0 0 14px;box-shadow:none;border-radius:0}
.plate [class*="grid"]>*,.plate .cards>*,.plate .roles>*,.plate .games>*,.plate .guides>*,.plate .benefits>*{margin:0}
.plate .feat-card h3,.plate .benefit-card h3,.plate .step-card h3,.plate .cluster-card h3,.plate .game-card h3,.plate .card h3,.plate .contact-card h3,.plate .roadmap-card h3,
.plate .tech-card h3,.plate .style-card h3,.plate .comp-card h3,.plate .role-card h3,.plate .card h2{margin-top:0;border-top:0;padding-top:0}
.plate .card h2{margin-bottom:10px}
.plate .card-icon,.plate .b-icon,.plate .g-icon,.plate .s-icon,.plate .v-icon,.plate .w-icon,.plate .role-icon,.plate .cluster-card-icon,.plate .icon,.plate .stat-icon,
.plate .game-icon,.plate .usecase-icon,.plate .faq-icon,.plate .faq-q svg,.plate .role-badge{display:none}
.plate .card p:last-child,.plate .feat-card p:last-child,.plate .benefit-card p:last-child{margin-bottom:0}

/* numbered steps */
.plate .steps,.plate .steps-list,.plate .mig-steps{margin:14px 0 22px;padding:0;list-style:none}
.plate .step,.plate .mig-step{display:flex;gap:16px;margin:0 0 14px;align-items:flex-start;border:0;background:none;padding:0}
.plate .step-num,.plate .step-n,.plate .mig-num{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;background:#ff8452;color:#141213;
  font:700 1rem/1 var(--display);border:1px solid rgba(20,18,19,0.14)}
.plate .step-card .step-num,.plate .step-card .step-n{margin-bottom:12px}
.plate .step-body,.plate .step-text,.plate .mig-body{flex:1}
.plate .step-body h3,.plate .step-text h3{margin-top:4px}

/* FAQ: always open, no script */
.plate .faq-list,.plate .faq{margin:10px 0 20px}
.plate .faq-item{border-bottom:1px solid rgba(20,18,19,0.08);padding:14px 0;background:none;border-radius:0}
.plate .faq-q{font:700 1rem/1.4 var(--display);letter-spacing:.03em;color:#141213;cursor:default;padding:0}
.plate .faq-a{margin-top:8px;color:#141213;display:block!important;max-height:none!important;opacity:1!important;padding:0}
.plate .disclosure{margin-top:8px}

/* founder card */
.plate .fr-card{border:1px solid rgba(20,18,19,0.14);background:rgba(255,255,255,0.52);padding:22px 24px;margin:12px 0 8px;display:block}
.plate .fr-quote{font-size:1.05rem;font-style:italic;color:#141213}
.plate .fr-role,.plate .fr-pill{margin-top:10px;font:400 .72rem/1.3 var(--display);letter-spacing:.18em;text-transform:uppercase;color:#e0400f}

/* closing call: link row, note, buttons like the hubs' .btn */
.plate .cta-sec,.plate .cta-section,.plate .cta-block{text-align:center}
.plate .cta-sec h2,.plate .cta-section h2,.plate .cta-block h2{text-align:center}
.plate .links-row,.plate .cta-group,.plate .links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:14px 0}
.plate .links-row a,.plate .links a{display:inline-block;padding:10px 14px;border:1px solid rgba(20,18,19,0.14);text-decoration:none;color:#141213;font-size:.92rem}
.plate .links-row a:hover,.plate .links a:hover{background:rgba(242,70,27,0.14)}
.plate .cta-note{font-size:.92rem;color:#3a3536}
.plate .btn-p,.plate .btn-primary,.plate .cta-btn,.plate .cta-button,.plate .btn-w,.plate .btn-cs,.plate .btn-secondary,.plate .cta-btn-inv,.plate .secondary{
  display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:6px 26px;margin:6px 4px;cursor:pointer;
  font:700 .92rem/1.2 var(--display);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;text-align:center;
  border:12px solid transparent;border-image:url(/assets/buehne/mapraiders-knopf-hell.webp) 44 fill / 12px stretch;color:#141213;background:none;border-radius:0;box-shadow:none;
  filter:drop-shadow(0 6px 8px rgba(40,22,12,0.19));transition:transform .18s cubic-bezier(.3,1.6,.5,1),filter .18s ease;-webkit-tap-highlight-color:transparent}
.plate .btn-secondary,.plate .cta-btn-inv,.plate .secondary{border-image-source:url(/assets/buehne/mapraiders-knopf-dunkel.webp);color:#141213}
.plate .btn-p:hover,.plate .btn-primary:hover,.plate .cta-btn:hover,.plate .cta-button:hover{filter:drop-shadow(0 9px 12px rgba(40,22,12,0.2)) brightness(1.07)}
.plate .btn-p:active,.plate .btn-primary:active,.plate .cta-btn:active,.plate .cta-button:active{transform:translateY(2px) scale(.988);filter:drop-shadow(0 1px 1px rgba(40,22,12,0.18)) brightness(.9);transition-duration:.05s}
.plate .btn-p svg,.plate .cta-btn svg{margin-right:.4em}

/* share row */
.plate .mr-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:30px 0 0;padding-top:18px;border-top:1px solid rgba(20,18,19,0.09);font-size:.9rem;color:#3a3536}
.plate .mr-share__btn{border:1px solid rgba(20,18,19,0.14);padding:6px 12px;text-decoration:none;color:#141213;font-size:.88rem;background:none}
.plate .mr-share__btn:hover{background:rgba(242,70,27,0.14)}

/* HTML sitemap and legal pages */
.plate .jump{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0 20px}
.plate .n{color:#3a3536;font-size:.85rem;font-weight:400;margin-left:8px}
.plate .about-body{max-width:none}
.plate .roadmap-card .tag{margin-bottom:8px}

/* the two-worlds block (E21): kicker, heading, one paragraph, two app captures, four hub links */
.plate .welten{margin-top:44px;padding-top:30px;border-top:1px solid rgba(20,18,19,0.09);text-align:center}
.plate .welten h2{border-top:0;padding-top:0;margin:14px 0 12px}
.plate .welten>p{max-width:64ch;margin:0 auto 22px}
.plate .welten-paar{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;margin:0 0 26px;padding:0;list-style:none;text-align:left}
.plate .welten-paar li{margin:0}
.plate .welten-paar img{width:100%;border:1px solid rgba(242,70,27,0.45);box-shadow:0 0 0 3px rgba(40,22,12,0.26),0 0 0 4px rgba(40,22,12,0.26),0 24px 40px -20px rgba(40,22,12,0.26)}
.plate .welten .weiter{text-align:center}
.plate .welten .weiter{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
.plate .welten .weiter a{letter-spacing:.06em;font-size:.74rem;overflow-wrap:anywhere;hyphens:auto}

/* the feature pages carry one-off widgets (layer bars, attack flows, leaderboard mockups, multiplier rows): generic
   fallbacks by class suffix, so each becomes a plain card, step or label instead of an unstyled heap */
.plate [class$="-icon"],.plate .mr-share__icon,.plate .echo-ring{display:none}
.plate [class$="-grid"],.plate [class$="-list"]:not(ul):not(ol),.plate .mechanic-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:16px 0 22px}
.plate .comp-list,.plate .steps-list,.plate .faq-list{display:block}
.plate [class$="-card"],.plate [class$="-block"],.plate .mult-item,.plate .lb-entry,.plate .layer-bar,.plate .lb-tab{border:1px solid rgba(20,18,19,0.14);background:rgba(255,255,255,0.52);padding:16px 18px;margin:0 0 12px;border-radius:0;box-shadow:none}
.plate .mult-item,.plate .lb-entry,.plate .layer-bar{display:flex;align-items:center;justify-content:space-between;gap:14px}
.plate .mult-val,.plate .lb-val,.plate .l-status{font:700 .9rem/1.2 var(--display);color:#e0400f;white-space:nowrap}
.plate [class$="-step"]{display:flex;gap:16px;align-items:flex-start;margin:0 0 14px;padding:0;border:0;background:none}
.plate [class$="-num"],.plate .rank{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;background:#ff8452;color:#141213;font:700 1rem/1 var(--display);border:1px solid rgba(20,18,19,0.14)}
.plate [class$="-step"] h3,.plate [class$="-step"] h4{margin:6px 0 6px}
.plate [class$="-tag"],.plate [class$="-label"]:not(.mr-share__label):not(.sec-label):not(.section-label):not(.fr-label){display:inline-block;font:400 .7rem/1.3 var(--display);letter-spacing:.18em;text-transform:uppercase;color:#e0400f;margin:0 6px 6px 0}
.plate .game-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px}
.plate .game-meta,.plate .game-detail{color:#3a3536;font-size:.92rem}
.plate .faq-question{font:700 1rem/1.4 var(--display);letter-spacing:.03em;color:#141213;margin-top:14px}
.plate .faq-answer{margin-top:6px;color:#141213}
.plate .cluster-link{display:inline-block;margin-top:8px;font:700 .78rem/1.3 var(--display);letter-spacing:.12em;text-transform:uppercase;color:#e0400f;text-decoration:none}
.plate h4{font-family:var(--display);font-weight:700;letter-spacing:.04em;font-size:.98rem;color:#141213;margin:14px 0 6px}

/* language row under the footer links: the page's own translations */
footer .sprachen{width:min(1040px,100% - 56px);margin:22px auto 0;font-size:.86rem;color:#5d5557;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline}
footer .sprachen span{margin-right:6px}
footer .sprachen a{color:#3a3536;text-decoration:none}footer .sprachen a:hover{color:#e0400f}
footer .weitere{margin-top:26px}

@media (max-width:760px){
  .plate.rahmen{width:min(960px,100% - 16px);padding-inline:18px}
  /* tables keep their columns and scroll inside .tabelle; the faded right edge says "there is more" */
  .plate .tabelle{mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  .plate table{font-size:.88rem;min-width:560px}.plate th,.plate td{padding:8px 8px}
  .plate .step{gap:12px}
  /* long single words (Geschaeftsbedingungen, Datenschutzerklaerung) must break instead of leaving the plate */
  .plate h1,.plate h2,.plate h3{overflow-wrap:anywhere;hyphens:auto}
  .plate h1{font-size:clamp(1.25rem,5.8vw,2.2rem)}
}

/* sitemap: each language folds (Gemini round 2, 22.09.) */
.rahmen-sitemap details{border-top:1px solid rgba(20,18,19,0.14);padding:6px 0}
.rahmen-sitemap summary{cursor:pointer;list-style:none}
.rahmen-sitemap summary::-webkit-details-marker{display:none}
.rahmen-sitemap summary h2{display:inline-flex;align-items:baseline;gap:12px;margin:10px 0}
.rahmen-sitemap summary h2::before{content:'+';font:700 1.1rem/1 var(--display);color:#5d5557;width:1em}
.rahmen-sitemap details[open] summary h2::before{content:'−'}
.rahmen-sitemap summary:focus-visible{outline:2px solid rgba(242,70,27,0.45);outline-offset:4px}
.rahmen-sitemap ul.produkt a{font-weight:700}

/* ============ GLASS (René 28.09.2026), restyle preview _ablage/2026-09-27/restyle ============ */
/* glass (René 28.09.2026): cards, badges and tables of the old templates inside the plate */
.plate .feat-card,.plate .benefit-card,.plate .step-card,.plate .cluster-card,.plate .game-card,.plate .card,.plate .contact-card,.plate .roadmap-card,.plate .tech-card,
.plate .style-card,.plate .comp-card,.plate .role-card{border:0!important;border-radius:18px!important;background:rgba(255,255,255,.62)!important;box-shadow:var(--glas-rand)!important;color:var(--tinte)}
.plate .h-badge,.plate .hero-badge,.plate .badge,.plate .pricing-pill,.plate .feature-tag,.plate .diff{border:0;border-radius:999px;background:rgba(242,70,27,.12);color:var(--o3);font-weight:600}
.plate .sec-label,.plate .section-label,.plate .fr-label{color:var(--o3);font-weight:600}
.plate h1 em,.plate h2 em,.plate h3 em,.plate h1>span:not(.nische){color:var(--o2)}
.plate table{border-radius:14px;overflow:hidden}
.plate th{background:rgba(20,16,16,.85);color:#fff}
.plate hr{border-top-color:rgba(20,18,19,.12)}
.plate .btn-p,.plate .btn-primary,.plate .cta-btn,.plate .cta-button,.plate .btn-w,.plate .btn-cs,.plate .btn-secondary,.plate .cta-btn-inv,.plate .secondary{border:0!important;border-image:none!important;border-radius:999px;min-height:48px;padding:10px 24px;display:inline-flex;align-items:center;justify-content:center;
  font:600 1rem/1.2 var(--display);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:#fff;background:var(--orange);box-shadow:var(--orange-schatten);text-shadow:0 1px 2px rgba(120,20,0,.4);filter:none}
.plate .btn-w,.plate .btn-cs,.plate .btn-secondary,.plate .cta-btn-inv,.plate .secondary{color:var(--tinte);background:var(--milch);box-shadow:var(--milch-schatten);text-shadow:none}
.plate .btn-p:hover,.plate .btn-primary:hover,.plate .cta-btn:hover,.plate .cta-button:hover,.plate .btn-w:hover,.plate .btn-secondary:hover{filter:none;transform:translateY(-2px)}
footer .sprachen{color:#a89f9b}footer .sprachen a{color:#ece6e2}footer .sprachen a:hover{color:#ff9a6e}
/* steps whose number box also carries a label (some translations): a card with the label as a pill on top */
.plate .step:has(>h3){display:block;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.62);box-shadow:var(--glas-rand)}
.plate .step:has(>h3)>.step-n{display:inline-flex;width:auto;height:auto;min-height:30px;padding:4px 14px;border-radius:999px;margin-bottom:8px;font:600 .88rem/1.2 var(--display);letter-spacing:.04em;background:rgba(242,70,27,.12);color:#c2410c}
.plate .step:has(>h3)>h3{margin:0 0 6px}