/* Минималистичный белый дизайн. Геометрия масонри — как у peakpx: колонка 304, зазор 18 (см. app.js) */
:root{--bg:#fff;--fg:#111;--mut:#8a8a8a;--line:#ececec;--ph:#f5f5f5;--gap:18px;color-scheme:light}
*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:2560px;margin:0 auto;padding:0 16px}

/* шапка */
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px)}
.top-in{display:flex;align-items:center;gap:28px;height:68px}
.logo{font-weight:800;font-size:22px;letter-spacing:-.03em;white-space:nowrap;line-height:1}.logo span{color:var(--mut);font-weight:400}
.q{flex:1;position:relative;min-width:0}
.q .qi{position:absolute;left:14px;top:50%;width:17px;height:17px;margin-top:-8.5px;fill:none;stroke:var(--mut);stroke-width:2;stroke-linecap:round;pointer-events:none}
.q input{width:100%;height:42px;border:1px solid transparent;border-radius:10px;padding:0 14px 0 40px;background:#f1f1f1;color:var(--fg);font:inherit;outline:0;transition:background .15s,border-color .15s;-webkit-appearance:none;appearance:none}
.q input::placeholder{color:var(--mut)}.q input:hover{background:#ececec}
.q input:focus{background:#fff;border-color:#d6d6d6}
.q input::-webkit-search-cancel-button{opacity:.4}
/* гамбургер + выезжающее меню категорий */
.burger{flex:none;width:42px;height:42px;border:0;border-radius:10px;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;margin-right:-8px;transition:background .15s}
.burger:hover{background:#f1f1f1}
.burger span{display:block;width:20px;height:1.75px;background:var(--fg);border-radius:2px;transition:transform .2s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.75px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.75px) rotate(-45deg)}
.navbg{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.18)}
.nav{position:fixed;top:0;right:0;bottom:0;z-index:31;width:min(320px,86vw);background:#fff;overflow-y:auto;padding:72px 28px 32px;box-shadow:-12px 0 40px rgba(0,0,0,.08);display:flex;flex-direction:column}
.nav[hidden],.navbg[hidden]{display:none}
.nav-h{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-bottom:10px}
.nav a{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;font-size:15px;border-bottom:1px solid #f4f4f4;transition:color .15s}
.nav a:hover{color:var(--mut)}.nav a b{font-weight:400;font-size:12px;color:var(--mut)}
.nav .nav-all{font-weight:600;margin-bottom:6px}
body.nav-open{overflow:hidden}
.top{z-index:32}

/* заголовки */
.crumbs{padding-top:28px;color:var(--mut);font-size:15px;letter-spacing:0}.crumbs a{transition:color .15s}.crumbs a:hover{color:var(--fg)}
.hero{padding:12px 0 30px}
.hero h1{margin:0 0 8px;font-size:clamp(24px,2.6vw,34px);font-weight:600;letter-spacing:-.025em;line-height:1.15}
.hero p{margin:0;color:var(--mut);font-size:17px}
main>.hero:first-child{padding-top:40px}
.h2{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:64px 0 20px}

/* фильтр категорий — текстом */
.chips{display:flex;gap:22px;overflow-x:auto;padding:0 0 28px;scrollbar-width:none;border-bottom:1px solid var(--line);margin-bottom:28px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;border:0;background:none;color:var(--mut);padding:0 0 2px;font:inherit;font-size:13px;cursor:pointer;border-bottom:1px solid transparent;transition:color .15s}
.chip:hover{color:var(--fg)}.chip b{font-weight:400;font-size:11px;margin-left:3px;opacity:.7}
.chip.on{color:var(--fg);border-bottom-color:var(--fg)}

/* сетка коллекций */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:34px var(--gap);padding-bottom:40px}
.card{display:grid;grid-template-columns:1fr auto;gap:0 8px;align-items:baseline}
.card .ph{grid-column:1/-1;display:block;aspect-ratio:7/4;overflow:hidden;background:var(--ph);margin-bottom:10px}
.card img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .25s}
.card:hover img{opacity:.85}
.ct{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn{color:var(--mut);font-size:12px;font-variant-numeric:tabular-nums}
.empty{color:var(--mut);padding:40px 0}

/* масонри: без JS — CSS columns, с JS — абсолютные позиции по известным пропорциям */
.masonry{columns:304px;column-gap:var(--gap)}
.tile{display:block;position:relative;margin-bottom:var(--gap);break-inside:avoid;overflow:hidden;background:var(--ph)}
.tile img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}.tile img.ok{opacity:1}
.tile .res{position:absolute;left:10px;bottom:10px;font-size:11px;font-weight:500;line-height:1;color:#fff;background:rgba(0,0,0,.5);padding:5px 7px;border-radius:5px;font-variant-numeric:tabular-nums;pointer-events:none;transition:opacity .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.tile .cap{position:absolute;left:10px;bottom:38px;right:60px;font-size:13px;font-weight:600;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .15s;pointer-events:none}
.tile .dl{position:absolute;right:10px;bottom:10px;width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.18);opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s,background .15s;cursor:pointer}
.tile .dl svg{width:20px;height:20px;fill:none;stroke:#111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tile .dl:hover{background:#f1f1f1}
.tile:hover .cap,.tile:hover .dl,.tile:focus-within .dl{opacity:1;transform:none}
.tile::after{content:"";position:absolute;inset:auto 0 0 0;height:70px;background:linear-gradient(transparent,rgba(0,0,0,.28));opacity:0;transition:opacity .15s;pointer-events:none}
/* Startseite: kein Verlauf unten beim Hover (12.10.2026) */
@media (hover:none){.tile .dl{opacity:1;transform:none;width:34px;height:34px;right:8px;bottom:8px}.tile .dl svg{width:17px;height:17px}}
.masonry.js{columns:auto;position:relative;margin:0 auto}.masonry.js .tile{position:absolute;margin:0;top:0;left:0}
main:has(#m) .crumbs,main:has(#m) .hero,main:has(#m) .h2,main:has(#m) .grid,main:has(#m) .chips,main:has(#m) .empty{max-width:var(--gw,none);margin-left:auto;margin-right:auto}

/* лайтбокс — белый */
.lb{position:fixed;inset:0;z-index:50;background:rgba(255,255,255,.98);display:flex;align-items:center;justify-content:center}
.lb[hidden]{display:none}
.lb img{max-width:calc(100vw - 140px);max-height:calc(100vh - 110px);object-fit:contain;box-shadow:0 2px 30px rgba(0,0,0,.08)}
.lb button{position:absolute;background:none;color:var(--fg);border:0;width:48px;height:48px;font-size:28px;font-weight:300;line-height:1;cursor:pointer;opacity:.5;transition:opacity .15s}
.lb button:hover{opacity:1}
.lb .x{top:10px;right:12px}.lb .p{left:12px;top:50%;margin-top:-24px}.lb .n{right:12px;top:50%;margin-top:-24px}
.lb .meta{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:var(--mut);font-size:12px;font-variant-numeric:tabular-nums}
.lb .meta a{color:var(--fg);border-bottom:1px solid var(--line)}

.foot{color:var(--mut);font-size:12px;padding:32px 16px 48px;margin-top:40px;border-top:1px solid var(--line)}

@media (max-width:600px){
  :root{--gap:8px}
  .top-in{height:60px;gap:10px}.logo{font-size:18px}.q input{height:40px}
  .grid{grid-template-columns:repeat(2,1fr);gap:24px 10px}.masonry{columns:2}
  .chips{gap:18px;padding-bottom:20px;margin-bottom:20px}
  .lb img{max-width:100vw;max-height:calc(100vh - 120px)}.lb .p,.lb .n{top:auto;bottom:8px;margin:0}.lb .meta{bottom:24px}
}
body:has(#m) .top .wrap,body:has(#m) .foot{max-width:calc(var(--gw,100%) + 32px)}

/* теги-чипы под H1: ссылки на соседние коллекции */
.tags{display:flex;flex-wrap:nowrap;gap:10px;margin:-6px 0 32px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 0,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 0,#000 calc(100% - 48px),transparent)}
.tags::-webkit-scrollbar{display:none}
.tags.scrolled{-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent)}
.tags.end{-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px);mask-image:linear-gradient(90deg,transparent,#000 48px)}
.tags a{flex:none;background:#f1f1f1;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:500;line-height:1.3;white-space:nowrap;transition:background .15s}
.tags a:hover{background:#e6e6e6}
main:has(#m) .tags{max-width:var(--gw,none);margin-left:auto;margin-right:auto}
@media (max-width:600px){.tags{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:-10px -16px 20px;padding:0 16px}.tags::-webkit-scrollbar{display:none}
  main:has(#m) .tags{max-width:none;margin-left:-16px;margin-right:-16px}}
/* эффект увеличения при наведении — только десктоп (мышь); края плитки на месте, приближается картинка */
.tile img{transition:opacity .4s,transform .45s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover) and (pointer:fine){.tile:hover img{transform:scale(1.06)}}
.tile:focus-visible{outline:3px solid #111;outline-offset:3px}
/* «Ähnliche Sammlungen» — крупная сетка в колонку масонри (304 / 18) */
.grid.big{grid-template-columns:repeat(auto-fill,minmax(304px,1fr));gap:36px var(--gap)}
.grid.big .ph{margin-bottom:12px}
.grid.big .ct{font-size:17px;font-weight:600}.grid.big .cn{font-size:14px}
@media (max-width:600px){.grid.big{grid-template-columns:repeat(2,1fr);gap:24px 10px}.grid.big .ct{font-size:15px}.grid.big .cn{font-size:13px}}
/* меню: главные пункты, разделитель, служебные ссылки */
.nav .nav-main{font-weight:600;font-size:17px;border-bottom:1px solid #f4f4f4}
.nav .nav-h{margin-top:22px}
.nav-sep{height:1px;background:var(--line);margin:18px 0 8px}
.nav .nav-foot{font-size:13px;color:var(--mut);border:0;padding:5px 0}.nav .nav-foot:hover{color:var(--fg)}

/* --- Suche: Vorschläge unter dem Kopf-Suchfeld */
.sug{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.08);padding:6px;max-height:min(70vh,520px);overflow:auto;z-index:40}
.sug a{display:flex;align-items:center;gap:12px;padding:7px 8px;border-radius:8px;color:var(--fg)}
.sug a:hover,.sug a.on{background:#f3f3f3}
.sug img{width:64px;height:40px;object-fit:cover;border-radius:6px;background:var(--ph);flex:none}
.sug span{display:flex;flex-direction:column;min-width:0}.sug b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sug small{color:var(--mut);font-size:12px}
.sug .msg{padding:8px 10px;color:var(--mut);font-size:13px}.sug .msg a{display:inline;padding:0;color:var(--fg);text-decoration:underline}.sug .msg b{color:var(--fg);font-weight:500}
.sug a.all{justify-content:center;color:var(--mut);font-size:13px;border-top:1px solid var(--line);border-radius:0 0 8px 8px;margin-top:4px;padding:10px}
.sug a.all:hover{color:var(--fg)}
/* --- Suchseite /suche/ */
.srch-note a{color:var(--fg);text-decoration:underline}
.srch-img{padding-bottom:40px}.srch-img>p{color:var(--mut);margin:-6px 0 18px}
.srch-img .masonry{columns:304px;column-gap:var(--gap)}
.more{display:block;margin:10px auto 0;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 22px;font:inherit;cursor:pointer;color:var(--fg)}.more:hover{background:#f5f5f5}
/* «Ähnliche Sammlungen»: Boards – Collage aus 3 Bildern, runde Ecken, Name + Anzahl darunter */
.boards{gap:34px var(--gap)}
.board{display:block;color:var(--fg)}
.bd-ph{display:grid;grid-template-columns:2fr 1fr;gap:3px;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--ph);isolation:isolate}
.bd-ph.one{grid-template-columns:1fr}
.bd-side{display:grid;grid-template-rows:1fr 1fr;gap:3px;min-height:0}
.bd-ph img{width:100%;height:100%;min-height:0;object-fit:cover;display:block;background:var(--ph);transition:filter .2s}
.board:hover .bd-ph img{filter:brightness(.9)}
.bd-t{display:block;margin-top:12px;font-size:16px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-n{display:block;margin-top:2px;font-size:13px;color:var(--mut);font-variant-numeric:tabular-nums}
@media (max-width:600px){.boards{gap:22px 10px}.bd-ph{border-radius:12px;gap:2px}.bd-side{gap:2px}.bd-t{font-size:14px;margin-top:8px}.bd-n{font-size:12px}}
/* Fußzeile: © links, Rechtliches rechts */
.foot{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap}
.foot-nav{display:flex;gap:22px;flex-wrap:wrap}.foot-nav a{color:var(--mut);transition:color .15s}.foot-nav a:hover{color:var(--fg)}
/* --- Menü (Hamburger) v2: ohne Trennlinien, weiche Hover-Flächen, Einblenden von rechts */
.navbg{background:rgba(17,17,17,.22);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:nfade .2s ease}
.nav{width:min(360px,88vw);padding:84px 20px 28px;box-shadow:-24px 0 60px rgba(0,0,0,.10);animation:nslide .26s cubic-bezier(.2,.8,.2,1)}
@keyframes nslide{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
@keyframes nfade{from{opacity:0}to{opacity:1}}
.nav a{border:0;padding:9px 12px;margin:0 -2px;border-radius:10px;font-size:15px;transition:background .15s,color .15s}
.nav a:hover{background:#f4f4f4;color:var(--fg)}
.nav .nav-main{border:0;font-size:22px;font-weight:700;letter-spacing:-.02em;padding:6px 12px}
.nav .nav-main:hover{background:none;color:var(--mut)}
.nav .nav-h{margin:26px 12px 8px;font-size:11px;font-weight:600;letter-spacing:.12em;color:#aaa}
.nav a b{font-size:11px;font-weight:500;color:#999;background:#f4f4f4;border-radius:999px;padding:2px 8px;font-variant-numeric:tabular-nums;transition:background .15s}
.nav a:hover b{background:#fff}
.nav-sep{height:0;background:none;margin:auto 0 0}
.nav .nav-foot{display:inline-flex;font-size:13px;color:var(--mut);padding:6px 12px;border-radius:999px}
.nav .nav-foot:hover{background:#f4f4f4;color:var(--fg)}
.nav-foot-row{display:flex;flex-wrap:wrap;gap:2px;margin-top:28px}
@media (prefers-reduced-motion:reduce){.nav,.navbg{animation:none}}
/* --- Logo: Zeichen + Wortmarke */
.logo{display:inline-flex;align-items:center;gap:10px;font-size:inherit;letter-spacing:0;line-height:1}
.logo-mk{width:32px;height:32px;flex:none;border-radius:9px;box-shadow:0 4px 14px rgba(232,93,155,.28);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.logo:hover .logo-mk{transform:rotate(-6deg) scale(1.05)}
.logo-wm{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
.logo-wm b{font-size:21px;font-weight:800;letter-spacing:-.045em;color:var(--fg)}
.logo-wm i{font-style:normal;font-size:17px;font-weight:400;letter-spacing:-.01em;color:var(--fg)}
@media (max-width:600px){.logo-wm i{display:none}.logo-mk{width:30px;height:30px}.logo-wm b{font-size:20px}}
/* --- Logo v2 (12.10.2026): schwarzes eHD-Quadrat + «Wallpapers» in HD-Größe */
.logo{gap:9px}
.logo-mk{width:40px;height:40px;border-radius:10px;box-shadow:none}
.logo:hover .logo-mk{transform:none}
.logo .logo-wm{display:block;font-size:19px;font-weight:800;letter-spacing:-.025em;color:var(--fg);line-height:1}
@media (max-width:600px){.logo-mk{width:36px;height:36px}.logo .logo-wm{font-size:17px}}
/* --- Textseiten (Nutzungsbedingungen, DMCA, Über uns) */
.prose{max-width:720px;padding-bottom:56px;font-size:16px;line-height:1.7;color:#222}
.prose .lead{font-size:19px;line-height:1.6;color:var(--fg);margin:0 0 28px}
.prose h2{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:36px 0 10px;color:var(--fg)}
.prose p{margin:0 0 14px}.prose ul,.prose ol{margin:0 0 14px;padding-left:22px}.prose li{margin:0 0 8px}
.prose a{color:var(--fg);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#bbb}.prose a:hover{text-decoration-color:var(--fg)}
.prose mark{background:#fff3c4;padding:1px 4px;border-radius:4px}
.prose .stand{margin-top:36px;color:var(--mut);font-size:14px}
/* Download-Icon einmal im CSS statt SVG in jeder Kachel (17.10.2026) */
.tile .dl::before{content:"";width:20px;height:20px;background:#111;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m0 0-4.5-4.5M12 15l4.5-4.5M5 19.5h14'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m0 0-4.5-4.5M12 15l4.5-4.5M5 19.5h14'/%3E%3C/svg%3E") center/contain no-repeat}
@media (hover:none){.tile .dl::before{width:17px;height:17px}}
/* --- Kachel ohne Extra-Markup (17.10.2026): Auflösung aus data-w/data-h, Download-Kreis als ::after; Klick = Download */
.tile[data-w]::before{content:attr(data-w) "×" attr(data-h);position:absolute;z-index:1;left:10px;bottom:10px;font-size:11px;font-weight:500;line-height:1;color:#fff;background:rgba(0,0,0,.5);padding:5px 7px;border-radius:5px;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.tile[data-w]::after{content:"";inset:auto 10px 10px auto;width:40px;height:40px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m0 0-4.5-4.5M12 15l4.5-4.5M5 19.5h14'/%3E%3C/svg%3E") center/20px no-repeat;box-shadow:0 2px 10px rgba(0,0,0,.18);opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s;z-index:1}
.tile[data-w]:hover::after,.tile[data-w]:focus-visible::after{opacity:1;transform:none}
@media (hover:none){.tile[data-w]::after{opacity:1;transform:none;width:34px;height:34px;inset:auto 8px 8px auto;background-size:17px}}
.tile[data-w]{cursor:pointer}   /* Kachel ohne href (div) – Klick = Download */
/* --- Teilen-Knöpfe links neben «N Hintergrundbilder …» (Icons einmal im CSS, Pfade wie superwallpaper) */
.hero p.sub{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.share{display:inline-flex;gap:6px}
.sh{width:30px;height:30px;border-radius:50%;background:#f1f1f1;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}
.sh:hover{background:#e4e4e4}
.sh::before{content:"";width:15px;height:15px;background:#555;transition:background .15s}
.sh:hover::before{background:#111}
.sh-pin::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5.4 0 0 5.4 0 12c0 5.1 3.2 9.4 7.6 11.2-.1-.9-.2-2.4 0-3.4.2-.9 1.4-6 1.4-6s-.4-.7-.4-1.8c0-1.7 1-2.9 2.2-2.9 1 0 1.5.8 1.5 1.7 0 1-.7 2.6-1 4-.3 1.2.6 2.2 1.8 2.2 2.1 0 3.8-2.2 3.8-5.5 0-2.9-2.1-4.9-5-4.9-3.4 0-5.4 2.6-5.4 5.2 0 1 .4 2.1.9 2.7.1.1.1.2.1.3l-.3 1.4c0 .2-.2.3-.4.2-1.5-.7-2.4-2.9-2.4-4.7 0-3.8 2.7-7.3 7.9-7.3 4.2 0 7.4 3 7.4 6.9 0 4.1-2.6 7.5-6.2 7.5-1.2 0-2.4-.6-2.8-1.4l-.7 2.9c-.3 1-1 2.3-1.5 3.1 1.1.4 2.3.6 3.5.6 6.6 0 12-5.4 12-12S18.6 0 12 0z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5.4 0 0 5.4 0 12c0 5.1 3.2 9.4 7.6 11.2-.1-.9-.2-2.4 0-3.4.2-.9 1.4-6 1.4-6s-.4-.7-.4-1.8c0-1.7 1-2.9 2.2-2.9 1 0 1.5.8 1.5 1.7 0 1-.7 2.6-1 4-.3 1.2.6 2.2 1.8 2.2 2.1 0 3.8-2.2 3.8-5.5 0-2.9-2.1-4.9-5-4.9-3.4 0-5.4 2.6-5.4 5.2 0 1 .4 2.1.9 2.7.1.1.1.2.1.3l-.3 1.4c0 .2-.2.3-.4.2-1.5-.7-2.4-2.9-2.4-4.7 0-3.8 2.7-7.3 7.9-7.3 4.2 0 7.4 3 7.4 6.9 0 4.1-2.6 7.5-6.2 7.5-1.2 0-2.4-.6-2.8-1.4l-.7 2.9c-.3 1-1 2.3-1.5 3.1 1.1.4 2.3.6 3.5.6 6.6 0 12-5.4 12-12S18.6 0 12 0z'/%3E%3C/svg%3E") center/contain no-repeat}
.sh-fb::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M24 12.07C24 5.4 18.63 0 12 0S0 5.4 0 12.07C0 18.1 4.39 23.1 10.13 24v-8.44H7.08v-3.49h3.05V9.41c0-3.02 1.79-4.69 4.53-4.69 1.31 0 2.68.24 2.68.24v2.97h-1.51c-1.49 0-1.96.93-1.96 1.89v2.25h3.33l-.53 3.49h-2.8V24C19.61 23.1 24 18.1 24 12.07z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M24 12.07C24 5.4 18.63 0 12 0S0 5.4 0 12.07C0 18.1 4.39 23.1 10.13 24v-8.44H7.08v-3.49h3.05V9.41c0-3.02 1.79-4.69 4.53-4.69 1.31 0 2.68.24 2.68.24v2.97h-1.51c-1.49 0-1.96.93-1.96 1.89v2.25h3.33l-.53 3.49h-2.8V24C19.61 23.1 24 18.1 24 12.07z'/%3E%3C/svg%3E") center/contain no-repeat}
.sh-x::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.9 1.2h3.7l-8.1 9.2L24 22.8h-7.4l-5.8-7.6-6.7 7.6H.4l8.6-9.9L0 1.2h7.6l5.2 6.9 6.1-6.9zm-1.3 19.4h2L6.5 3.3H4.3l13.3 17.3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.9 1.2h3.7l-8.1 9.2L24 22.8h-7.4l-5.8-7.6-6.7 7.6H.4l8.6-9.9L0 1.2h7.6l5.2 6.9 6.1-6.9zm-1.3 19.4h2L6.5 3.3H4.3l13.3 17.3z'/%3E%3C/svg%3E") center/contain no-repeat}
.sh-tg::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.9 3.6l-3.6 17c-.27 1.2-.98 1.5-1.98.93l-5.47-4.03-2.64 2.54c-.3.3-.54.54-1.1.54l.4-5.56 10.1-9.13c.44-.4-.1-.6-.68-.22L5.45 13.1.08 11.4c-1.17-.36-1.2-1.17.24-1.73L22.4 1.9c.97-.36 1.82.22 1.5 1.7z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.9 3.6l-3.6 17c-.27 1.2-.98 1.5-1.98.93l-5.47-4.03-2.64 2.54c-.3.3-.54.54-1.1.54l.4-5.56 10.1-9.13c.44-.4-.1-.6-.68-.22L5.45 13.1.08 11.4c-1.17-.36-1.2-1.17.24-1.73L22.4 1.9c.97-.36 1.82.22 1.5 1.7z'/%3E%3C/svg%3E") center/contain no-repeat}
.sh-rd::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5.37 0 0 5.37 0 12s5.37 12 12 12 12-5.37 12-12S18.63 0 12 0zm5.8 13.4c.02.17.03.35.03.53 0 2.7-3.14 4.88-7.02 4.88s-7.02-2.18-7.02-4.88c0-.19.01-.37.04-.55a1.76 1.76 0 1 1 1.94-2.87 8.6 8.6 0 0 1 4.68-1.48l.89-4.18a.37.37 0 0 1 .44-.28l2.9.62a1.24 1.24 0 1 1-.15.72l-2.55-.54-.79 3.73a8.6 8.6 0 0 1 4.6 1.48 1.76 1.76 0 1 1 2.01 2.82zM8.1 12.4a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5zm7.8 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5zm-1.9 4.28a.37.37 0 0 0-.52 0 3.6 3.6 0 0 1-2.24.6 3.6 3.6 0 0 1-2.23-.6.37.37 0 1 0-.53.52c.77.77 2.24.83 2.76.83.53 0 2-.06 2.76-.83a.37.37 0 0 0 0-.52z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5.37 0 0 5.37 0 12s5.37 12 12 12 12-5.37 12-12S18.63 0 12 0zm5.8 13.4c.02.17.03.35.03.53 0 2.7-3.14 4.88-7.02 4.88s-7.02-2.18-7.02-4.88c0-.19.01-.37.04-.55a1.76 1.76 0 1 1 1.94-2.87 8.6 8.6 0 0 1 4.68-1.48l.89-4.18a.37.37 0 0 1 .44-.28l2.9.62a1.24 1.24 0 1 1-.15.72l-2.55-.54-.79 3.73a8.6 8.6 0 0 1 4.6 1.48 1.76 1.76 0 1 1 2.01 2.82zM8.1 12.4a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5zm7.8 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5zm-1.9 4.28a.37.37 0 0 0-.52 0 3.6 3.6 0 0 1-2.24.6 3.6 3.6 0 0 1-2.23-.6.37.37 0 1 0-.53.52c.77.77 2.24.83 2.76.83.53 0 2-.06 2.76-.83a.37.37 0 0 0 0-.52z'/%3E%3C/svg%3E") center/contain no-repeat}
.hero p.sub .share{order:1;margin-left:auto}   /* Teilen-Knöpfe am rechten Rand */
@media (hover:none),(max-width:600px){.tile[data-w]::after{opacity:1;transform:none;background-color:rgba(255,255,255,.5);box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}   /* Mobil: Download-Kreis halbtransparent */
@media (max-width:600px){.hero p.sub .share{order:1;flex-basis:100%;margin-left:0}}   /* Mobil: Teilen-Knöpfe in eigener Zeile, links */
.board{min-width:0}
@media (max-width:600px){.grid.big.boards{grid-template-columns:repeat(2,minmax(0,1fr))}}   /* Mobil: zwei gleich breite Spalten, lange Namen sprengen die Spalte nicht */
/* Startseite: Teilen-Knöpfe wie in den Sammlungen rechts neben der Unterzeile, nur Desktop */
@media (max-width:600px){.hero p.sub.hs .share{display:none}}