/* Marketing-Elemente. Gemeinsame Chip-/Panel-Klassen (dupliziert, damit die Familie allein lädt). */
.akt-sp-chips { display: flex; flex-wrap: wrap; gap: 6px; } .akt-sp-chips label { position: relative; } .akt-sp-chips input { position: absolute; opacity: 0; inset: 0; }
.akt-sp-chips span { display: inline-block; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface-2); color: var(--text-soft); font-size: var(--step--1); font-weight: 600; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.akt-sp-chips input:checked + span { background: var(--orange); color: var(--orange-ink); border-color: var(--orange); } .akt-sp-chips input:focus-visible + span { outline: 2px solid var(--orange); outline-offset: 2px; }
.akt-sp-check { display: inline-flex; gap: 8px; align-items: center; font-size: var(--step--1); color: var(--text-soft); cursor: pointer; } .akt-sp-check input { width: 18px; height: 18px; accent-color: var(--orange); }
.akt-sp-panel-eyebrow { font-size: var(--step--1); text-transform: uppercase; letter-spacing: .08em; color: var(--orange-text); font-weight: 600; margin: 0; }
.akt-sp-note { font-size: 12px; color: var(--muted); }
.akt-ed-tabs { display: flex; gap: 6px; margin-bottom: 12px; } .akt-ed-tabs button { border: 1px solid var(--line); background: var(--surface-2); color: var(--text-soft); font: inherit; font-weight: 600; border-radius: 999px; padding: 8px 16px; cursor: pointer; } .akt-ed-tabs button[aria-selected="true"] { background: var(--orange); color: var(--orange-ink); border-color: var(--orange); }
.akt-az-info { font-size: var(--step--1); color: var(--text-soft); margin: 10px 0 0; } .akt-az-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
/* Formulare (alle Marketing-Elemente) */
.akt-sn-form, .akt-az-form, .akt-pv-form, .akt-lp-form { display: grid; gap: 12px; align-content: start; }
.akt-sn-form label, .akt-az-form label, .akt-pv-form label, .akt-lp-form label { display: grid; gap: 4px; font-size: var(--step--1); font-weight: 600; }
.akt-sn-form label > span, .akt-az-form label > span, .akt-pv-form label > span, .akt-lp-form label > span { display: flex; justify-content: space-between; gap: 8px; } .akt-sn-form small, .akt-az-form em, .akt-pv-form em { font-weight: 400; color: var(--muted); font-style: normal; } .akt-az-form em.is-max { color: var(--danger); }
.akt-sn-form input, .akt-sn-form textarea, .akt-az-form input, .akt-az-form textarea, .akt-az-form select, .akt-pv-form textarea, .akt-lp-form input { font: inherit; font-weight: 400; color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 9px 12px; width: 100%; } .akt-sn-form input:focus, .akt-sn-form textarea:focus, .akt-az-form input:focus, .akt-az-form textarea:focus, .akt-pv-form textarea:focus, .akt-lp-form input:focus { outline: 2px solid var(--orange); outline-offset: 1px; }
.akt-az-form fieldset, .akt-lp-form fieldset { border: 0; padding: 0; margin: 0; } .akt-lp-check { display: grid; gap: 6px; } .akt-lp-form label.akt-sp-check { display: flex; align-items: center; gap: 8px; font-weight: 500; } .akt-lp-check legend { font-size: var(--step--1); font-weight: 600; margin-bottom: 4px; }
/* Kundenreise */
.akt-kr-head { margin-bottom: 14px; }
.akt-kr-stage { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(260px, 1fr); gap: 22px; align-items: start; } @media (max-width: 900px) { .akt-kr-stage { grid-template-columns: minmax(0, 1fr); } }
.akt-kr-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; counter-reset: kr; }
.akt-kr-steps button { width: 100%; display: grid; grid-template-columns: 34px 1fr; gap: 2px 12px; align-items: center; text-align: left; border: 1px solid var(--line); background: var(--surface-2); color: var(--text); font: inherit; border-radius: 12px; padding: 12px 14px; cursor: pointer; transition: border-color .2s, transform .15s; }
.akt-kr-steps button svg { grid-row: 1 / 3; color: var(--orange-text); } .akt-kr-steps b { font-size: var(--step-0); } .akt-kr-steps small { color: var(--text-soft); font-size: var(--step--1); }
.akt-kr-steps button:hover { border-color: var(--orange); } .akt-kr-steps button[aria-pressed="true"] { border-color: var(--orange); box-shadow: inset 0 0 0 1px var(--orange); transform: translateX(4px); }
.akt-kr-board { background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px 22px; position: sticky; top: 96px; } @media (max-width: 900px) { .akt-kr-board { position: static; } }
.akt-kr-board-head { margin: 0 0 12px; font-size: var(--step-1); font-weight: 800; } .akt-kr-board-head em { font-style: normal; font-weight: 400; color: var(--muted); font-size: var(--step--1); }
.akt-kr-services { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 6px; }
.akt-kr-services li { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--line); background: var(--surface); transition: opacity .3s, border-color .3s, transform .3s; }
.akt-kr-services li a { color: var(--text); font-weight: 600; text-decoration: none; font-size: var(--step--1); } .akt-kr-services li a:hover { color: var(--orange-text); }
.akt-kr-services li i { font-style: normal; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; }
.akt-kr-services li[data-w="3"] { border-color: var(--orange); transform: translateX(6px); } .akt-kr-services li[data-w="3"] i { background: var(--orange); color: var(--orange-ink); }
.akt-kr-services li[data-w="2"] i { background: rgba(255,102,0,.3); color: var(--text); } .akt-kr-services li[data-w="1"] i { background: var(--line); color: var(--text-soft); }
.akt-kr-services li.is-off { opacity: .35; }
.akt-kr-text { color: var(--text-soft); margin: 0 0 10px; } .akt-kr-legend { font-size: 11px; color: var(--muted); margin: 0; display: flex; gap: 10px; align-items: center; } .akt-kr-legend i { width: 14px; height: 8px; border-radius: 4px; display: inline-block; } .akt-kr-legend .w3 { background: var(--orange); } .akt-kr-legend .w2 { background: rgba(255,102,0,.3); } .akt-kr-legend .w1 { background: var(--line); }
.akt-kr-dl { margin: 0 0 12px; display: grid; gap: 10px; } .akt-kr-dl div { display: grid; gap: 2px; } .akt-kr-dl dt { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); } .akt-kr-dl dd { margin: 0; font-weight: 600; }
/* Snippet */
.akt-sn-stage { display: grid; grid-template-columns: minmax(260px, .9fr) minmax(0, 1.3fr); gap: 22px; align-items: start; } @media (max-width: 960px) { .akt-sn-stage { grid-template-columns: minmax(0, 1fr); } }
.akt-sn-examples { display: flex; gap: 6px; flex-wrap: wrap; margin: 0; } .akt-sn-examples button { border: 1px dashed var(--line); background: transparent; color: var(--text-soft); font: inherit; font-size: 12px; border-radius: 999px; padding: 5px 10px; cursor: pointer; } .akt-sn-examples button:hover { border-color: var(--orange); color: var(--orange-text); }
.akt-sn-previews { display: grid; gap: 16px; }
.akt-sn-device-label { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin: 0 0 6px; } .akt-sn-device-label span { text-transform: none; letter-spacing: 0; }
.sn-serp { background: #fff; color: #202124; border: 1px solid var(--line); border-radius: 12px; padding: 14px 18px; font-family: Arial, Helvetica, sans-serif; }
.sn-serp-desktop { max-width: 652px; } .sn-serp-mobile { max-width: 400px; }
.sn-site { display: flex; gap: 10px; align-items: center; margin-bottom: 4px; } .sn-fav { width: 26px; height: 26px; border-radius: 50%; background: #ff6600; flex: none; } .sn-site b { display: block; font-size: 14px; font-weight: 400; color: #202124; } .sn-site small { display: block; font-size: 12px; color: #4d5156; }
.sn-title { margin: 0 0 3px; font-size: 20px; line-height: 1.3; color: #1a0dab; font-weight: 400; overflow-wrap: anywhere; } .sn-serp-mobile .sn-title { font-size: 18px; }
.sn-desc { margin: 0; font-size: 14px; line-height: 1.58; color: #4d5156; } .sn-desc b, .sn-title b { font-weight: 700; color: inherit; }
.sn-meter { display: grid; grid-template-columns: 80px 1fr auto; gap: 10px; align-items: center; font-size: 11px; color: var(--muted); margin: 6px 0 0; } .sn-meter i { display: block; height: 6px; border-radius: 3px; background: var(--line); overflow: hidden; } .sn-meter b { display: block; height: 100%; width: 0; transition: width .3s; } .sn-meter b.is-ok { background: #3cb371; } .sn-meter b.is-over { background: var(--danger); } .sn-meter b.is-short { background: #d08a00; } .sn-meter em { font-style: normal; }
.akt-sn-status { color: var(--text-soft); margin: 14px 0 6px; }
/* SERP vs. KI */
.akt-sk-head { display: grid; gap: 10px; margin-bottom: 14px; }
.akt-sk-stage { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; } @media (max-width: 900px) { .akt-sk-stage { grid-template-columns: minmax(0, 1fr); } }
.akt-sk-stage[data-view="serp"] .akt-sk-ki, .akt-sk-stage[data-view="ki"] .akt-sk-serp { display: none; } .akt-sk-stage[data-view="serp"], .akt-sk-stage[data-view="ki"] { grid-template-columns: minmax(0, 1fr); }
.akt-sk-col-head { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin: 0 0 6px; }
.sk-box { background: #fff; color: #202124; border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; font-family: Arial, Helvetica, sans-serif; }
.sk-search { display: flex; align-items: center; gap: 8px; border: 1px solid #dadce0; border-radius: 999px; padding: 8px 14px; font-size: 14px; color: #202124; margin-bottom: 12px; background: #fff; } .sk-search i { margin-left: auto; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #4285f4; border-right-color: transparent; transform: rotate(-45deg); }
.sk-results { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; } .sk-results li { padding: 6px 8px; border-radius: 8px; border: 1px solid transparent; transition: background .2s, border-color .2s; } .sk-results small { display: block; font-size: 12px; color: #4d5156; } .sk-results b { display: block; font-size: 16px; font-weight: 400; color: #1a0dab; } .sk-results span { font-size: 13px; color: #4d5156; }
.sk-results li.is-lit, .sk-sources li.is-lit { background: rgba(255,102,0,.12); border-color: #ff6600; } .sk-results li.is-us b::after, .sk-sources li.is-us b::after { content: " · ihr"; font-size: 11px; color: #ff6600; font-weight: 700; }
.sk-ai { background: #f8f9ff; border: 1px solid #d2e3fc; border-radius: 12px; padding: 12px 14px; margin-bottom: 10px; } .sk-ai-label { margin: 0 0 6px; font-size: 12px; font-weight: 700; color: #1967d2; } .sk-ai-text { margin: 0 0 8px; font-size: 14px; line-height: 1.6; color: #202124; } .sk-ai-foot { margin: 0; font-size: 11px; color: #5f6368; } .sk-ai-foot span { color: #1967d2; }
.sk-sent { border-radius: 4px; padding: 1px 2px; cursor: help; outline: none; transition: background .2s; } .sk-sent sup { font-size: 10px; color: #1967d2; margin-left: 2px; } .sk-sent.is-on, .sk-sent:focus-visible { background: rgba(255,102,0,.18); }
.sk-sources { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; counter-reset: src; } .sk-sources li { counter-increment: src; display: grid; grid-template-columns: 20px 1fr; gap: 0 8px; padding: 6px 8px; border-radius: 8px; border: 1px solid #e8eaed; font-size: 12px; transition: background .2s, border-color .2s; } .sk-sources li::before { content: counter(src); color: #1967d2; font-weight: 700; grid-row: 1 / 3; } .sk-sources b { font-weight: 600; color: #202124; } .sk-sources small { color: #5f6368; } .sk-sources li.is-unused { opacity: .45; }
.akt-sk-hint { color: var(--text-soft); margin: 14px 0 6px; }
/* Anzeigen */
.akt-az-stage { display: grid; grid-template-columns: minmax(260px, .9fr) minmax(0, 1.1fr); gap: 22px; align-items: start; } @media (max-width: 960px) { .akt-az-stage { grid-template-columns: minmax(0, 1fr); } }
.akt-az-form [data-az-pane] { display: grid; gap: 12px; }
.akt-az-dev { margin-bottom: 10px; }
.az-g { background: #fff; color: #202124; border: 1px solid var(--line); border-radius: 12px; padding: 14px 18px; font-family: Arial, Helvetica, sans-serif; max-width: 652px; } .az-g[data-dev="mobile"] { max-width: 400px; }
.az-g-label { margin: 0 0 4px; font-size: 14px; font-weight: 700; color: #202124; } .az-g-title { margin: 4px 0 2px; font-size: 20px; color: #1a0dab; } .az-g[data-dev="mobile"] .az-g-title { font-size: 18px; } .az-g-desc { margin: 0 0 8px; font-size: 14px; color: #4d5156; line-height: 1.5; }
.az-g-links { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; color: #1a0dab; } .az-g[data-dev="mobile"] .az-g-links { flex-wrap: nowrap; overflow: hidden; } .az-g[data-dev="mobile"] .az-g-links li { white-space: nowrap; border: 1px solid #dadce0; border-radius: 999px; padding: 4px 10px; }
.az-m { background: #fff; color: #050505; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; max-width: 420px; font-family: Helvetica, Arial, sans-serif; } .az-m-head { display: flex; gap: 10px; align-items: center; padding: 10px 12px; } .az-m-head i { width: 36px; height: 36px; border-radius: 50%; background: #ff6600; } .az-m-head b { display: block; font-size: 14px; } .az-m-head small { color: #65676b; font-size: 12px; }
.az-m[data-place="instagram"] .az-m-head i { border-radius: 50%; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e1306c; } .az-m[data-place="instagram"] .az-m-text { order: 3; } .az-m[data-place="instagram"] .az-m-foot { order: 2; }
.az-m { display: flex; flex-direction: column; } .az-m-text { margin: 0; padding: 0 12px 10px; font-size: 14px; line-height: 1.4; } .pv-more, .az-m .pv-more { color: #65676b; }
.az-m-img { aspect-ratio: 4 / 5; background: repeating-linear-gradient(45deg, #e9e9e9, #e9e9e9 10px, #f4f4f4 10px, #f4f4f4 20px); display: grid; place-items: center; color: #888; font-size: 12px; } .az-m[data-ratio="11"] .az-m-img { aspect-ratio: 1; }
.az-m-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; background: #f0f2f5; } .az-m-foot small { display: block; color: #65676b; font-size: 11px; text-transform: uppercase; } .az-m-foot b { font-size: 14px; } .az-m-foot em { font-style: normal; background: #e4e6eb; border-radius: 6px; padding: 7px 12px; font-weight: 700; font-size: 13px; white-space: nowrap; }
/* Post-Vorschau */
.akt-pv-stage { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(0, 1fr); gap: 22px; align-items: start; } @media (max-width: 900px) { .akt-pv-stage { grid-template-columns: minmax(0, 1fr); } }
.akt-pv-form .akt-sp-chips { margin-top: 2px; }
.pv-card { background: #fff; color: #000; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; max-width: 420px; font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; } .pv-card[data-dev="desktop"] { max-width: 560px; }
.pv-head { display: flex; gap: 10px; align-items: center; padding: 12px; } .pv-head i { width: 44px; height: 44px; border-radius: 50%; background: #ff6600; } .pv-head b { display: block; font-size: 14px; } .pv-head small { color: #666; font-size: 12px; }
.pv-card[data-pf="instagram"] .pv-head i { width: 34px; height: 34px; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e1306c; } .pv-card[data-pf="instagram"] { display: flex; flex-direction: column; } .pv-card[data-pf="instagram"] .pv-img { order: 2; } .pv-card[data-pf="instagram"] .pv-actions { order: 3; } .pv-card[data-pf="instagram"] .pv-text { order: 4; }
.pv-text { margin: 0; padding: 0 12px 10px; font-size: 14px; line-height: 1.45; white-space: pre-wrap; } .pv-fold { background: rgba(255,102,0,.14); color: #777; text-decoration: line-through; text-decoration-color: rgba(255,102,0,.5); } .pv-more { color: #666; white-space: nowrap; }
.pv-img { aspect-ratio: 4 / 5; background: repeating-linear-gradient(45deg, #e9e9e9, #e9e9e9 10px, #f4f4f4 10px, #f4f4f4 20px); display: grid; place-items: center; color: #888; font-size: 12px; } .pv-card[data-ratio="11"] .pv-img { aspect-ratio: 1; } .pv-card[data-ratio="916"] .pv-img { aspect-ratio: 4 / 5; position: relative; overflow: hidden; } .pv-card[data-ratio="916"] .pv-img::after { content: "9:16 wird im Feed auf 4:5 beschnitten"; position: absolute; inset: auto 0 0; background: rgba(0,0,0,.6); color: #fff; font-size: 11px; padding: 4px; text-align: center; }
.pv-actions { display: flex; gap: 18px; padding: 10px 12px; border-top: 1px solid #eee; font-size: 13px; color: #555; }
/* Datenfluss */
.akt-df-ctrls { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-bottom: 14px; } .akt-df-ctrls fieldset { border: 0; padding: 0; margin: 0; } .akt-df-ctrls legend { font-size: var(--step--1); color: var(--muted); margin-bottom: 6px; padding: 0; }
.akt-df-stage { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, .9fr); gap: 22px; align-items: start; } @media (max-width: 960px) { .akt-df-stage { grid-template-columns: minmax(0, 1fr); } }
.akt-df-svg { width: 100%; height: auto; display: block; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.df-edge { fill: none; stroke: var(--muted); stroke-width: 2.5; stroke-opacity: .6; } .df-edge-x { stroke-dasharray: 4 6; stroke-opacity: 0; transition: stroke-opacity .3s; } .akt-df[data-seite="server"] .df-edge-x { stroke-opacity: .7; stroke: #3cb371; }
.akt-df[data-seite="server"] [data-df-edge="b"] { stroke-opacity: .15; }
.df-node rect { fill: var(--surface-2); stroke: var(--line); stroke-width: 1.5; } .df-node-label { fill: var(--text); font-size: 15px; font-weight: 700; text-anchor: middle; } .df-node-sub { fill: var(--text-soft); font-size: 11px; text-anchor: middle; }
.df-cookie circle { fill: #d08a00; } .df-cookie circle + circle, .df-cookie circle ~ circle { fill: #5a3a00; }
.df-gate { fill: var(--danger); transition: fill .3s, transform .3s; transform-origin: center; } .df-gate.is-open { fill: #3cb371; transform: rotate(90deg); }
.df-bars rect { fill: var(--orange); transition: height .4s, y .4s; }
.df-edge-label { fill: var(--muted); font-size: 11px; text-anchor: middle; }
.df-pkt { fill: #3cb371; filter: drop-shadow(0 0 6px rgba(60,179,113,.8)); } .df-pkt-bad { fill: var(--danger); filter: drop-shadow(0 0 6px rgba(255,138,107,.8)); }
.df-pkt.is-blocked { animation: df-blocked .6s ease-out forwards; } .df-pkt.is-arrived { animation: df-arrive .5s ease-out forwards; } @keyframes df-blocked { 50% { r: 12; } 100% { r: 2; opacity: 0; } } @keyframes df-arrive { to { r: 16; opacity: 0; } }
.df-stop circle { fill: var(--danger); } .df-stop path { stroke: #fff; stroke-width: 3; stroke-linecap: round; }
.akt-df-panel { background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px 22px; } .akt-df-panel h3 { margin: 4px 0 8px; font-size: var(--step-1); } .akt-df-panel p { color: var(--text-soft); margin: 0 0 10px; }
.akt-df-table { width: 100%; border-collapse: collapse; font-size: var(--step--1); margin: 0 0 10px; } .akt-df-table caption { text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin-bottom: 4px; } .akt-df-table th { text-align: left; font-weight: 500; padding: 5px 0; border-bottom: 1px solid var(--line); color: var(--text-soft); } .akt-df-table td { text-align: right; padding: 5px 0; border-bottom: 1px solid var(--line); font-weight: 700; } .akt-df-table td.is-no { color: var(--danger); } .akt-df-table td.is-yes { color: #3cb371; }
.akt-df-tech { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; color: var(--muted); }
.akt-df-panel .btn { padding: 8px 14px; font-size: var(--step--1); }
/* Unternehmensprofil */
.akt-lp-stage { display: grid; grid-template-columns: minmax(260px, .9fr) minmax(0, 1.1fr); gap: 22px; align-items: start; } @media (max-width: 960px) { .akt-lp-stage { grid-template-columns: minmax(0, 1fr); } }
.akt-lp-preview { background: #fff; color: #202124; border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; font-family: Arial, Helvetica, sans-serif; }
.lp-map { position: relative; height: 110px; background: #e8f0e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .lp-road { position: absolute; background: #fff; } .lp-road-1 { left: 0; right: 0; top: 48px; height: 10px; } .lp-road-2 { top: 0; bottom: 0; left: 60%; width: 10px; }
.lp-pin { position: absolute; width: 14px; height: 14px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: #c4302b; } .lp-pin-1 { left: 22%; top: 30px; } .lp-pin-2 { left: 70%; top: 70px; } .lp-pin-3 { left: 45%; top: 20px; } .lp-pin.is-mine { background: #ff6600; }
.lp-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.lp-entry { display: grid; grid-template-columns: 1fr 56px; gap: 4px 10px; padding: 8px 10px; border: 1px solid #e8eaed; border-radius: 10px; } .lp-mine { border-color: #ff6600; box-shadow: inset 0 0 0 1px #ff6600; }
.lp-main { display: grid; gap: 2px; grid-column: 1; grid-row: 1; } .lp-photo { grid-column: 2; grid-row: 1; } .lp-main b { font-size: 15px; } .lp-rating { font-size: 13px; color: #e37400; } .lp-line { font-size: 12px; color: #4d5156; } .lp-open { color: #188038; } .lp-open.is-missing { color: #c5221f; }
.lp-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .lp-tags i { font-style: normal; font-size: 11px; border: 1px solid #dadce0; border-radius: 999px; padding: 1px 7px; color: #3c4043; }
.lp-photo { width: 56px; height: 56px; border-radius: 8px; background: #f1f3f4; display: grid; place-items: center; font-size: 9px; color: #999; text-align: center; } .lp-photo-has { background: linear-gradient(135deg, #ff6600, #ffb380); }
.lp-btns { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; } .lp-btns span { font-size: 12px; color: #1a73e8; border: 1px solid #dadce0; border-radius: 999px; padding: 3px 10px; } .lp-btns span:last-child:not([hidden]) { background: #1a73e8; color: #fff; border-color: #1a73e8; }
.lp-entry.is-answered .lp-rating::after { content: " · Inhaber antwortet"; font-size: 11px; color: #188038; }
@media (prefers-reduced-motion: reduce) { .df-pkt.is-blocked, .df-pkt.is-arrived { animation: none; } .sn-meter b, .df-bars rect, .df-gate, .akt-kr-services li { transition: none; } }
.akt-lp-form .akt-lp-check label.akt-sp-check input { width: 18px; height: 18px; flex: none; margin: 0; padding: 0; } .akt-lp-form .akt-lp-check label.akt-sp-check span { display: inline; } /* allgemeine Formularregeln machten den Haken feldbreit */