/* Media: Preisliste für Platzierungen (deutsch, passwortgeschützt). Baut auf exchange-premium.css auf. */

/* Schlanker Kopf und Fuß */
.navbar-min .container_nav-min{grid-template-columns:1fr auto}
.navbar-min .nav-right{display:flex}
.footer-min{padding:40px var(--gutter)}
.footer-min .container{padding:0}
.footer-min-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;font-size:13px;color:var(--footer-muted)}
.footer-min .brand svg{width:120px}
.footer-min-links{display:flex;gap:24px}
.footer-min-links a{color:#fff}
.footer-min-links a:hover{opacity:.7}

/* Zugang */
.media-gate{min-height:calc(100vh - 220px);display:flex;align-items:center;border:0;
  background-image:radial-gradient(1200px 500px at 50% -10%,rgba(255,255,255,.9),transparent 70%)}
.gate-card{max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:48px;box-shadow:var(--lift)}
.gate-card h1{font-size:clamp(30px,3vw,40px);margin-top:4px}
.gate-card .lede{font-size:16px;margin-top:16px}
.gate-card .notice{margin-top:24px;border-radius:10px}
.gate-form{display:flex;gap:10px;margin-top:28px}
.gate-form input{flex:1;min-width:0;font:inherit;font-size:16px;padding:14px 20px;border:1px solid rgba(25,25,25,.25);border-radius:58px;background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.gate-form input:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 4px rgba(25,25,25,.07)}
.gate-help{font-size:14px;color:var(--ink-3);margin-top:20px}
.gate-help a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}

/* Hero */
.media-hero{padding:88px 0 64px;border:0}
.media-hero h1{max-width:24ch;hyphens:manual}
.media-hero .lede{max-width:62ch}
.m-terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:56px 0 0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.m-terms>div{padding:22px 24px;border-right:1px solid var(--line)}
.m-terms>div:last-child{border-right:0}
.m-terms dt{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.m-terms dd{margin:8px 0 0;font-size:15px;font-weight:600;line-height:1.45;color:var(--ink)}

/* Stärkste Seiten */
.media-featured{padding-top:72px}
.m-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.m-card{display:flex;flex-direction:column;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;
  box-shadow:0 1px 2px rgba(22,24,18,.04);transition:border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}
.m-card:hover{border-color:#bfc3b6;box-shadow:var(--lift);transform:translateY(-3px)}
.m-card-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.m-card h3{font-size:21px;letter-spacing:-.02em;word-break:break-word}
.m-card h3 a span{color:var(--ink-3);font-size:.8em;transition:transform .25s var(--ease);display:inline-block}
.m-card h3 a:hover span{transform:translate(2px,-2px)}
.m-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:16px 14px;padding-top:18px;border-top:1px solid var(--line)}
.m-stat{display:flex;flex-direction:column;gap:4px;min-width:0}
.m-stat-v{white-space:nowrap;font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}
.m-stat-v .m-dim{font-size:16px}
.m-stat-l{font-size:12px;line-height:1.35;color:var(--ink-3)}
.m-card-foot{margin-top:auto;display:flex;align-items:baseline;gap:10px;padding-top:18px;border-top:1px solid var(--line)}
.m-price{font-size:26px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.m-per{font-size:13px;color:var(--ink-3)}
.m-explicit{font-size:13px;line-height:1.5;color:var(--ink-2);background:#f3f4ef;border-radius:10px;padding:10px 12px}

/* Tabelle */
.m-table-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.m-table{width:100%;border-collapse:collapse;font-size:15px}
.m-table th,.m-table td{padding:16px 24px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.m-table thead th{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);background:#fafaf7}
.m-table tbody tr:last-child>*{border-bottom:0}
.m-table tbody tr{transition:background .2s}
.m-table tbody tr:hover{background:#fafaf7}
.m-table tbody th{font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}
.m-table tbody th a:hover{text-decoration:underline;text-underline-offset:3px}
.m-table td{color:var(--ink-2)}
.m-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.m-strong{color:var(--ink)!important;font-weight:700}
.m-dim{color:var(--ink-3);font-weight:500}
.m-flag{display:inline-block;margin-left:10px;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--ink-2);border:1px solid var(--line);border-radius:58px;padding:2px 10px;vertical-align:1px}
.m-source{font-size:13px;color:var(--ink-3);margin-top:16px;max-width:none}

/* Ablauf und Regeln */
.m-rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.media-fine .register{margin-top:0}
.media-fine .register .desc a{text-decoration:underline;text-underline-offset:3px}

@media (max-width:1150px){
  .m-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m-terms{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m-terms>div:nth-child(2){border-right:0}
  .m-terms>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media (max-width:767px){
  .media-hero{padding:56px 0 40px}
  .gate-card{padding:32px 24px;border-radius:20px}
  .gate-form{flex-direction:column}
  .m-grid,.m-terms{grid-template-columns:1fr}
  .m-terms>div{border-right:0;border-bottom:1px solid var(--line)}
  .m-terms>div:last-child{border-bottom:0}
  .m-rules-grid{grid-template-columns:1fr;gap:32px}
  /* Tabelle als Liste */
  .m-table thead{display:none}
  .m-table,.m-table tbody,.m-table tr,.m-table th,.m-table td{display:block;width:100%}
  .m-table tr{padding:18px 20px;border-bottom:1px solid var(--line)}
  .m-table tbody tr:last-child{border-bottom:0}
  .m-table th,.m-table td{padding:3px 0;border:0;text-align:left}
  .m-table tbody th{font-size:16px;margin-bottom:6px}
  .m-table td{display:flex;justify-content:space-between;gap:16px;font-size:14px}
  .m-table td::before{content:attr(data-label);color:var(--ink-3);font-weight:400}
  .m-table .num{text-align:right}
  .m-flag{display:table;margin:6px 0 0}
  .footer-min-row{flex-direction:column;align-items:flex-start}
}

/* Verkaufsseite (25.09. mittags): Screenshots, Auswahl, Nischenseiten, Auswahl-Leiste */
.m-card{padding:0;overflow:hidden;gap:0}
.m-card-body{display:flex;flex-direction:column;gap:18px;padding:24px 26px 26px;flex:1}
.m-shot{aspect-ratio:16/10;overflow:hidden;background:#e9ebe4;border-bottom:1px solid var(--line)}
.m-shot img,.m-tile-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .6s var(--ease)}
.m-card:hover .m-shot img,.m-tile:hover .m-tile-shot img{transform:scale(1.025)}
.m-card-foot{justify-content:space-between;align-items:center}
.m-card-foot>div{display:flex;align-items:baseline;gap:10px}
.m-pick{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;user-select:none;
  border:1px solid rgba(25,25,25,.22);border-radius:58px;padding:7px 14px 7px 10px;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}
.m-pick:hover{border-color:var(--ink)}
.m-pick input{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0;border:1.5px solid rgba(25,25,25,.45);border-radius:50%;display:grid;place-content:center;transition:all .2s}
.m-pick input::after{content:"";width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg);opacity:0}
.m-pick:has(input:checked){background:var(--ink);border-color:var(--ink);color:#fff}
.m-pick input:checked{border-color:#fff;background:transparent}
.m-pick input:checked::after{opacity:1}
.m-pick input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.m-card.is-picked,.m-tile.is-picked{border-color:var(--ink);box-shadow:var(--lift)}
.m-table tr.is-picked{background:#f3f4ef}
.m-pick-cell{text-align:right;width:1%}
.media-all{padding-top:72px}
.media-niche{padding-top:72px}
.m-intro{max-width:62ch;color:var(--ink-2);margin:-12px 0 28px;font-size:16px}
.m-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.m-tile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}
.m-tile:hover{border-color:#bfc3b6;box-shadow:var(--lift);transform:translateY(-2px)}
.m-tile-shot{aspect-ratio:16/10;overflow:hidden;background:#e9ebe4;border-bottom:1px solid var(--line)}
.m-tile-body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}
.m-tile .m-cat{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.m-tile h3{font-size:16px;letter-spacing:-.01em;word-break:break-word}
.m-tile h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.m-tile-foot{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.m-tile-stats{font-size:13px;color:var(--ink-2);margin-top:2px}
.m-price-sm{font-size:18px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.m-source{padding-top:24px;padding-bottom:8px}
.m-cart{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(25,25,25,.96);color:#f5f5f1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 -12px 32px -12px rgba(0,0,0,.35);padding:14px 0;animation:m-up .3s var(--ease)}
.m-cart[hidden]{display:none}
.m-cart-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.m-cart-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;font-size:15px}
.m-cart-info strong{font-size:16px}
.m-cart-info s{opacity:.55;margin-right:6px}
#m-cart-sum{font-weight:700;font-variant-numeric:tabular-nums}
.m-cart-hint{font-size:13px;color:#c9d3bf}
.m-cart .btn{background:#f5f5f1;color:#191919;border-color:#f5f5f1;min-height:46px;width:auto}
.m-cart .btn:hover{background:#fff;border-color:#fff}
body.has-cart .footer-min{padding-bottom:110px}
@keyframes m-up{from{transform:translateY(100%)}to{transform:none}}
@media (max-width:1150px){.m-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){
  .m-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .m-tile-foot{flex-direction:column;align-items:flex-start}
  .m-card-foot{flex-wrap:wrap;gap:12px}
  .m-cart-row{flex-direction:column;align-items:stretch;gap:10px}
  .m-cart .btn{width:100%}
  .m-pick-cell{text-align:left;width:auto;padding-top:8px!important}
  .m-table td.m-pick-cell::before{content:none}
}
@media (prefers-reduced-motion:reduce){.m-cart{animation:none}.m-card:hover .m-shot img,.m-tile:hover .m-tile-shot img{transform:none}}

/* Öffentlicher Teil vor dem Login (25.09. nachmittags) */
.media-public{padding-bottom:72px}
.m-public-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:64px;align-items:center}
.media-public .gate-card{margin:0;max-width:none;padding:36px}
.gate-title{font-size:26px;letter-spacing:-.02em;margin-top:2px}
.gate-sub{font-size:15px;color:var(--ink-2);margin-top:10px}
.media-formats{padding-top:72px}
.m-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.m-formats article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.m-formats h3{font-size:20px;margin-bottom:10px}
.m-formats p{font-size:15px;color:var(--ink-2)}
.m-faq details{border-top:1px solid var(--line);padding:18px 0}
.m-faq details:last-child{border-bottom:1px solid var(--line)}
.m-faq summary{font-size:17px;font-weight:650;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.m-faq summary::-webkit-details-marker{display:none}
.m-faq summary::after{content:"+";font-weight:400;color:var(--ink-3)}
.m-faq details[open] summary::after{content:"−"}
.m-faq p{margin-top:10px;font-size:15px;line-height:1.65;color:var(--ink-2);max-width:62ch}
@media (max-width:991px){.m-public-grid{grid-template-columns:1fr;gap:40px}.m-formats{grid-template-columns:1fr}}