﻿/* Comparison only: native Elementor panels, images, icons and editable feature rows. */
#vergleich { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; scroll-margin-top:120px; }
#vergleich .elementor-heading-title, #vergleich .elementor-widget-text-editor { font-family:inherit; }
#vergleich .elementor-heading-title, #vergleich p { margin:0; }
#vergleich::before { content:""; position:absolute; inset:0 auto auto 50%; width:min(380px,calc(100% - 80px)); height:2px; border-radius:999px; background:linear-gradient(90deg,transparent,#DD0000,#F2B705,transparent); opacity:.65; transform:translateX(-50%); pointer-events:none; }
#vergleich .iptv-comparison-intro { max-width:820px; margin-inline:auto; }
#vergleich .iptv-comparison-eyebrow { width:fit-content; }
#vergleich .iptv-comparison-eyebrow .elementor-heading-title { display:flex; align-items:center; gap:8px; padding:7px 12px; border:1px solid #e5ddd0; border-radius:999px; background:rgba(255,255,255,.65); letter-spacing:.04em; }
#vergleich .iptv-comparison-eyebrow .elementor-heading-title::before { content:""; width:6px; height:6px; border-radius:50%; background:linear-gradient(110deg,#DD0000,#F2B705); }
#vergleich .iptv-comparison-title .elementor-heading-title { letter-spacing:-.045em; text-wrap:balance; }
#vergleich .iptv-comparison-title .iptv-comparison-nowrap { white-space:nowrap; }
#vergleich .iptv-comparison-panels { position:relative; width:100%; max-width:1200px; margin-inline:auto; }
#vergleich .iptv-comparison-panels::before { content:""; position:absolute; top:36px; bottom:36px; left:50%; width:1px; background:linear-gradient(180deg,transparent,rgba(191,148,54,.3),transparent); pointer-events:none; }
#vergleich .iptv-comparison-panel { min-width:0; overflow:hidden; border:1px solid #e4e0d8; border-radius:26px; background:#fff; box-shadow:0 10px 30px rgba(35,30,20,.045); }
#vergleich .iptv-comparison-panel--ours { border-color:#dbc18d; box-shadow:0 18px 48px rgba(146,99,28,.095),0 3px 10px rgba(120,72,25,.04); }
#vergleich .iptv-compare-panel-top { position:relative; min-height:224px; justify-content:center; background:#f5f4f1; border-bottom:1px solid #e9e5de; }
#vergleich .iptv-comparison-panel--ours .iptv-compare-panel-top { background:linear-gradient(135deg,#fffcf6,#f8efdb); border-bottom-color:#ebdec3; }
#vergleich .iptv-comparison-panel--ours .iptv-compare-panel-top::before { content:""; position:absolute; top:0; left:36px; right:36px; height:3px; background:linear-gradient(90deg,transparent,#B5121B,#F2B705,transparent); border-radius:999px; }
#vergleich .iptv-compare-logo, #vergleich .iptv-compare-provider-mark { display:flex; align-items:center; justify-content:center; width:100%; height:80px; }
#vergleich .iptv-compare-logo img { display:block; width:200px; max-width:100%; height:80px; object-fit:contain; }
#vergleich .iptv-compare-provider-mark .elementor-icon { display:flex; align-items:center; justify-content:center; width:62px; height:62px; border-radius:20px; background:#ebe6e0; border:1px solid #e1d8cf; color:#8b7167; transform:rotate(-7deg); }
#vergleich .iptv-compare-provider-mark svg { width:26px; height:26px; fill:currentColor; transform:rotate(7deg); }
#vergleich .iptv-compare-panel-heading .elementor-heading-title { letter-spacing:-.025em; }
#vergleich .iptv-compare-pill { width:fit-content; }
#vergleich .iptv-compare-pill .elementor-heading-title { padding:6px 12px; border:1px solid #dfdbd4; border-radius:999px; background:rgba(255,255,255,.6); letter-spacing:.075em; }
#vergleich .iptv-comparison-panel--ours .iptv-compare-pill .elementor-heading-title { border-color:#e6c9aa; background:#fff7ea; }
#vergleich .iptv-compare-panel-body { margin:0; list-style:none; }
#vergleich .iptv-compare-row { min-width:0; min-height:90px; border:1px solid #e7e4df; border-radius:16px; background:#faf9f7; box-shadow:0 3px 10px rgba(35,30,20,.025); transition:background-color 220ms ease,border-color 220ms ease,box-shadow 220ms ease; }
#vergleich .iptv-comparison-panel--ours .iptv-compare-row { border-color:#eee1cd; background:#fffdf8; box-shadow:0 4px 12px rgba(146,99,28,.04); }
#vergleich .iptv-compare-row-copy { min-width:0; flex:1; }
#vergleich .iptv-compare-row-title .elementor-heading-title { letter-spacing:-.01em; overflow-wrap:anywhere; }
#vergleich .iptv-compare-row-icon { width:40px; flex:0 0 40px; }
#vergleich .iptv-compare-row-icon .elementor-icon { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:12px; background:#f4e8e6; border:1px solid #ecd6d3; }
#vergleich .iptv-compare-row-icon svg { width:12px; height:12px; fill:#ae6d68; }
#vergleich .iptv-comparison-panel--ours .iptv-compare-row-icon .elementor-icon { background:#f6ead0; border-color:#e9d4a6; }
#vergleich .iptv-comparison-panel--ours .iptv-compare-row-icon svg { width:18px; height:18px; fill:#95621d; }
#vergleich .iptv-compare-versus { position:absolute; left:50%; top:50%; width:52px; z-index:2; transform:translate(-50%,-50%); }
#vergleich .iptv-compare-vs-mark { display:flex; align-items:center; justify-content:center; width:52px; height:52px; border:4px solid #fffcf6; border-radius:50%; background:linear-gradient(135deg,#b5121b,#c53019 58%,#c88818); color:white; box-shadow:0 5px 16px rgba(166,64,26,.17); font:750 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:.03em; }
@media (hover:hover) and (pointer:fine) {
 #vergleich .iptv-compare-row:hover { border-color:#d8d2c8; background:#fff; box-shadow:0 5px 16px rgba(35,30,20,.05); }
 #vergleich .iptv-comparison-panel--ours .iptv-compare-row:hover { border-color:#dabc87; background:#fffbf2; box-shadow:0 6px 18px rgba(146,99,28,.08); }
}
@media (max-width:1023.98px) { #vergleich.iptv-comparison { padding-inline:20px; } }
@media (min-width:768px) and (max-width:1024px) {
 #vergleich .iptv-compare-panel-body { padding:18px; }
 #vergleich .iptv-compare-row { min-height:138px; padding:14px; gap:10px; }
 #vergleich .iptv-compare-row-icon { width:32px; flex-basis:32px; }
 #vergleich .iptv-compare-row-icon .elementor-icon { width:32px; height:36px; border-radius:10px; }
 #vergleich .iptv-compare-versus, #vergleich .iptv-compare-vs-mark { width:42px; }
 #vergleich .iptv-compare-vs-mark { height:42px; font-size:12px; border-width:3px; }
}
@media (max-width:767px) {
 #vergleich { scroll-margin-top:90px; }
 #vergleich .iptv-comparison-panels::before { display:none; }
 #vergleich .iptv-comparison-panel { border-radius:22px; }
 #vergleich .iptv-compare-panel-top { min-height:210px; padding:20px; }
 #vergleich .iptv-compare-panel-body { padding:16px; gap:10px; }
 #vergleich .iptv-compare-row { min-height:0; padding:14px 12px; gap:10px; }
 #vergleich .iptv-compare-row-icon { flex-basis:32px; width:32px; }
 #vergleich .iptv-compare-row-icon .elementor-icon { width:32px; height:36px; border-radius:10px; }
 #vergleich .iptv-compare-versus { position:relative; left:auto; top:auto; justify-self:center; transform:none; width:44px; }
 #vergleich .iptv-compare-vs-mark { width:44px; height:44px; border-width:3px; font-size:12px; }
}
@media (prefers-reduced-motion:reduce) { #vergleich .iptv-compare-row { transition:none; } }
