/* kenmedia.tr — Google Reklamları: eigene Visuals (lädt nur auf google-reklamlari.html) */

/* ---------- Hero: Suchergebnis mit Anzeige ---------- */
.adsim-wrap{position:relative}
@media (max-width:1079px){.adsim-wrap{max-width:560px}}
.adsim{border-radius:var(--r3);overflow:hidden;background:linear-gradient(165deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 100px -30px rgba(0,0,0,.7)}
.as-bar{display:flex;align-items:center;gap:12px;margin:16px;padding:12px 18px;border-radius:999px;background:#fff;color:var(--ink);font-weight:600;font-size:.9688rem;min-height:48px}
.as-bar svg{flex:none;width:18px;height:18px;color:var(--blue)}
.as-caret{width:2px;height:1.1em;background:var(--blue);margin-left:-8px;animation:as-blink 1s steps(1) infinite}
@keyframes as-blink{50%{opacity:0}}
.adsim:not(.is-typing) .as-caret{opacity:0;animation:none}
.as-results{display:grid;gap:10px;padding:0 16px 16px}
.as-ad{position:relative;display:grid;gap:6px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  opacity:0;transform:translateY(-12px);transition:opacity .5s var(--ease),transform .5s var(--ease),background .4s,border-color .4s,box-shadow .4s}
.adsim.is-ad .as-ad{opacity:1;transform:none;background:rgba(0,102,178,.2);border-color:rgba(90,176,240,.55)}
.adsim.is-click .as-ad{transform:scale(.985);box-shadow:0 0 0 6px rgba(90,176,240,.18)}
.as-sp{justify-self:start;font-size:.6875rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.14)}
.as-ad b{color:#fff;font-size:1rem}
.as-ad small{color:#C4C9D1;font-size:.8125rem;line-height:1.45}
.as-links{display:flex;gap:8px;margin-top:4px}
.as-links i{font-style:normal;font-size:.75rem;font-weight:700;color:var(--blue-lt);padding:4px 10px;border-radius:999px;border:1px solid rgba(90,176,240,.45)}
.as-cursor{position:absolute;right:22%;bottom:-6px;width:24px;height:24px;color:#fff;opacity:0;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6));transform:translate(60px,60px);transition:transform .9s var(--ease),opacity .3s}
.as-cursor svg{width:100%;height:100%}
.adsim.is-ad .as-cursor{opacity:1;transform:translate(0,0)}
.as-org{display:grid;gap:7px;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.03)}
.as-org span{height:8px;width:62%;border-radius:4px;background:rgba(255,255,255,.16)}.as-org span+span{width:84%;background:rgba(255,255,255,.08)}
.as-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08)}
.as-steps li{display:grid;justify-items:center;gap:6px;padding:14px 4px;font-size:.75rem;font-weight:700;color:var(--muted-d);position:relative;transition:color .4s,background .4s}
.as-steps li+li{border-left:1px solid rgba(255,255,255,.06)}
.as-steps svg{width:18px;height:18px;transition:color .4s}
.as-steps li.on{color:#fff;background:rgba(0,102,178,.22)}
.as-steps li.on svg{color:var(--blue-lt)}
.as-steps li:last-child.on{background:var(--blue)}
.as-steps li:last-child.on svg{color:#fff}
@media (prefers-reduced-motion:reduce){.as-ad,.as-cursor{transition:none}}
.as-paused main *,.as-paused main *::before,.as-paused main *::after{animation-play-state:paused!important}

/* ---------- Kette ---------- */
.chain{position:relative;display:grid;gap:16px}
@media (min-width:760px){.chain{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1180px){.chain{grid-template-columns:repeat(4,1fr);gap:20px}}
.ch-step{position:relative;display:grid;gap:12px;align-content:start;padding:28px 24px;border-radius:var(--r3);background:var(--dark-2);border:1px solid var(--line-d)}
.ch-n{position:absolute;right:20px;top:18px;font-size:2.25rem;font-weight:800;letter-spacing:-.04em;color:rgba(255,255,255,.07)}
.ch-ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(0,102,178,.25);border:1.5px solid rgba(90,176,240,.5);color:var(--blue-lt)}
.ch-ico svg{width:24px;height:24px}
.ch-step h3{font-size:1.1875rem;letter-spacing:-.02em;line-height:1.25;color:#fff}
.ch-step p{color:#B9BEC7;font-size:.9688rem}
@media (min-width:1180px){
  .ch-step:not(:last-child)::after{content:"";position:absolute;top:52px;right:-20px;width:20px;height:2px;background:rgba(90,176,240,.35)}
  .chain::before{content:"";position:absolute;left:0;top:51px;height:4px;width:16px;border-radius:2px;background:#5AB0F0;box-shadow:0 0 14px #5AB0F0;opacity:0;z-index:2}
  .chain.in::before{animation:ch-run 4.5s ease-in-out .4s infinite}
}
@keyframes ch-run{0%{left:24px;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:calc(100% - 40px);opacity:0}}
.chain.in .ch-step .ch-ico{animation:ch-glow 4.5s ease-in-out .4s infinite}
.chain.in .ch-step:nth-child(2) .ch-ico{animation-delay:1.5s}.chain.in .ch-step:nth-child(3) .ch-ico{animation-delay:2.6s}.chain.in .ch-step:nth-child(4) .ch-ico{animation-delay:3.7s}
@keyframes ch-glow{0%,100%{background:rgba(0,102,178,.25);box-shadow:none}10%,22%{background:var(--blue);box-shadow:0 0 0 6px rgba(90,176,240,.18);color:#fff}}
@media (prefers-reduced-motion:reduce){.chain::before,.chain .ch-ico{animation:none!important}}
.weak{display:flex;gap:20px;align-items:center;margin-top:24px;padding:24px 28px;border-radius:var(--r3);background:rgba(0,102,178,.14);border:1px solid rgba(90,176,240,.35)}
.weak p{color:#D2D6DC;font-size:clamp(1rem,.96rem + .2vw,1.125rem)}
.weak strong{color:#fff}
.weak-ico{flex:none;display:flex;align-items:center}
.weak-ico i{width:26px;height:16px;border-radius:9px;border:3px solid var(--blue-lt)}
.weak-ico i+i{margin-left:-7px}
.weak-ico i:nth-child(2){border-style:dashed;border-color:#F5A3A3;animation:weak 2.4s ease-in-out infinite}
@keyframes weak{50%{transform:translateY(3px) rotate(8deg)}}
@media (max-width:560px){.weak{flex-direction:column;align-items:flex-start}}

/* ---------- 6 Leistungen ---------- */
@media (min-width:720px){.fit--3x2{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.fit--3x2{grid-template-columns:repeat(3,1fr)}}

/* ---------- Kampagnenarten ---------- */
.ctypes{display:grid;gap:16px}
@media (min-width:900px){.ctypes{grid-template-columns:repeat(3,1fr)}}
.ctype{display:grid;gap:12px;align-content:start;padding:24px;border-radius:var(--r3);background:var(--bg);border:1px solid var(--line);transition:border-color .3s,transform .3s var(--ease)}
.ctype:hover{border-color:rgba(0,102,178,.4);transform:translateY(-3px)}
.ctype h3{font-size:1.25rem;letter-spacing:-.02em;margin-top:6px}
.ctype p{color:var(--muted);font-size:.9688rem}
.ct-vis{position:relative;height:150px;border-radius:16px;background:var(--ink);overflow:hidden;padding:16px;display:grid;align-content:center;gap:8px}
.ct-vis--search .ct-q{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff}
.ct-vis--search .ct-q svg{width:14px;height:14px;color:var(--blue)}
.ct-vis--search .ct-q i{height:7px;width:55%;border-radius:4px;background:#D6D9DE}
.ct-ad{display:grid;gap:6px;padding:10px 12px;border-radius:10px;background:rgba(0,102,178,.3);border:1px solid rgba(90,176,240,.5)}
.ct-ad b{font-size:.625rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.ct-ad i{height:6px;width:80%;border-radius:3px;background:rgba(255,255,255,.55)}.ct-ad i+i{width:58%;background:rgba(255,255,255,.25)}
.ct-org{height:22px;border-radius:8px;background:rgba(255,255,255,.06)}
.ct-vis--shop{grid-template-columns:repeat(3,1fr);gap:10px}
.ct-vis--shop span{display:grid;gap:6px;padding:8px;border-radius:10px;background:rgba(255,255,255,.06)}
.ct-vis--shop i{height:52px;border-radius:7px;background:linear-gradient(135deg,rgba(90,176,240,.55),rgba(0,102,178,.25))}
.ct-vis--shop b{height:6px;width:70%;border-radius:3px;background:rgba(255,255,255,.4)}
.ct-vis--shop span:nth-child(2) i{animation:ct-pop 3s ease-in-out infinite}
@keyframes ct-pop{50%{transform:scale(1.06)}}
.ct-vis--pmax{display:block}
.ct-hub{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 8px rgba(0,102,178,.25)}
.ct-vis--pmax i{position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;display:grid;place-items:center;background:var(--dark-2);border:1.5px solid rgba(90,176,240,.55);
  transform:rotate(var(--a)) translateY(-54px) rotate(calc(-1 * var(--a)));animation:ct-orbit 18s linear infinite}
.ct-vis--pmax i svg{width:14px;height:14px;color:var(--blue-lt)}
@keyframes ct-orbit{to{transform:rotate(calc(var(--a) + 360deg)) translateY(-54px) rotate(calc(-1 * (var(--a) + 360deg)))}}
@media (prefers-reduced-motion:reduce){.ct-vis--pmax i,.ct-vis--shop i,.weak-ico i{animation:none}}