/* Device compatibility only; content and tabs are native Elementor Free widgets. */
#geraete { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; scroll-margin-top:120px; }
#geraete .elementor-heading-title, #geraete .elementor-widget-text-editor, #geraete .elementor-icon-list-text { font-family:inherit; }
#geraete .elementor-heading-title, #geraete p { margin:0; }
#geraete::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; }
#geraete .iptv-devices-intro { max-width:820px; margin-inline:auto; }
#geraete .iptv-devices-eyebrow { width:fit-content; }
#geraete .iptv-devices-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; }
#geraete .iptv-devices-eyebrow .elementor-heading-title::before { content:""; width:6px; height:6px; border-radius:50%; background:linear-gradient(110deg,#DD0000,#F2B705); }
#geraete .iptv-devices-title .elementor-heading-title { letter-spacing:-.045em; text-wrap:balance; }
#geraete .iptv-device-tabs {
 --n-tabs-title-color:#111; --n-tabs-title-color-hover:#111; --n-tabs-title-color-active:#111;
 --n-tabs-title-background-color:#fff; --n-tabs-title-background-color-hover:#fffaf1; --n-tabs-title-background-color-active:#fff6eb;
 --n-tabs-icon-color:#28221b; --n-tabs-icon-color-hover:#28221b; --n-tabs-icon-color-active:#9b361f;
 --n-tabs-icon-size:32px; --n-tabs-gap:24px;
}
#geraete .e-n-tabs-heading { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; padding:4px 4px 12px; margin:-4px -4px -12px; }
#geraete .e-n-tab-title { width:100%; min-width:0; min-height:116px; flex-direction:column; gap:12px; padding:22px 12px; border:1px solid #e5e0d8; border-radius:18px; box-shadow:0 5px 16px rgba(42,30,12,.035); font:600 16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; transition:background-color 250ms ease,border-color 250ms ease,box-shadow 250ms ease; }
#geraete .e-n-tab-title-text { font-size:inherit; }
/* Custom device glyphs inherit the native tab icon palette and dimensions. */
#geraete .e-n-tab-icon { width:40px; }
#geraete .e-n-tab-icon .iptv-device-glyph { width:40px; color:var(--n-tabs-icon-color); transition:color var(--n-tabs-title-transition); }
#geraete #geraet-tab-3 .e-n-tab-icon { overflow:visible; }
#geraete #geraet-tab-3 .iptv-device-glyph { scale:1.12; transform-origin:center; }
#geraete .e-n-tab-title[aria-selected="true"] .iptv-device-glyph,
#geraete [data-touch-mode="true"] .e-n-tab-title:hover .iptv-device-glyph { color:var(--n-tabs-icon-color-active); }
#geraete [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover .iptv-device-glyph { color:var(--n-tabs-icon-color-hover); }
#geraete .e-n-tab-title[aria-selected="true"] { border-color:#dcb98b; box-shadow:0 6px 20px rgba(156,90,35,.075),inset 0 1px 0 rgba(255,255,255,.8); }
#geraete .e-n-tab-title::after { content:""; position:absolute; bottom:10px; left:calc(50% - 16px); width:32px; height:2px; border-radius:999px; background:linear-gradient(90deg,#DD0000,#F2B705); transform:scaleX(0); transition:transform 220ms ease; }
#geraete .e-n-tab-title[aria-selected="true"]::after { transform:scaleX(1); }
#geraete .iptv-device-panel { min-width:0; background:#fff; border:1px solid #e5e0d8; border-radius:22px; box-shadow:0 12px 32px rgba(40,29,12,.045),0 2px 6px rgba(40,29,12,.025); }
#geraete .iptv-device-copy, #geraete .iptv-device-points { min-width:0; }
#geraete .iptv-device-panel h3 { letter-spacing:-.025em; }
#geraete .iptv-device-apps { padding-top:4px; }
#geraete .iptv-device-apps strong { font-weight:600; color:#524838; }
#geraete .iptv-device-checks .elementor-icon-list-items { display:flex; flex-direction:column; gap:16px; }
#geraete .iptv-device-checks .elementor-icon-list-item { align-items:flex-start; }
#geraete .iptv-device-checks .elementor-icon-list-icon { display:flex; align-items:center; justify-content:center; flex:0 0 22px; width:22px; height:22px; margin-top:1px; border-radius:50%; background:#f6efdf; }
#geraete .iptv-device-checks .elementor-icon-list-icon svg { width:11px; height:11px; fill:#916918; }
#geraete .iptv-device-checks .elementor-icon-list-text { padding-left:11px; }
#geraete .iptv-devices-cta { align-self:center; width:fit-content; }
#geraete .iptv-devices-cta .elementor-button { position:relative; display:flex; align-items:center; justify-content:center; min-height:58px; padding:18px 32px; border:0; border-radius:10px; overflow:hidden; background:#B5121B linear-gradient(110deg,#B5121B 0%,#BE201B 64%,#DDA008 112%); color:#fff; font:700 16px/22px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; text-decoration:none; box-shadow:0 5px 14px rgba(210,25,25,.18),0 2px 6px rgba(0,0,0,.08); transition:filter 250ms ease,transform 250ms ease,box-shadow 250ms ease; }
#geraete .elementor-button-content-wrapper { position:relative; z-index:1; align-items:center; gap:10px; }
#geraete .elementor-button-icon { display:flex; align-items:center; }
#geraete .elementor-button-icon svg { width:16px; height:16px; fill:currentColor; }
#geraete .elementor-button::before { content:""; position:absolute; inset:0 auto 0 -50%; width:50%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.10),transparent); opacity:0; transform:skewX(-18deg); pointer-events:none; }
#geraete :is(button,a):focus-visible { outline:2px solid #DD0000; outline-offset:2px; }
@media (hover:hover) and (pointer:fine) {
 #geraete .e-n-tab-title:hover { border-color:#dcb98b; box-shadow:0 6px 20px rgba(156,90,35,.075); }
 #geraete .elementor-button:hover { transform:translateY(-2px); filter:brightness(1.03); box-shadow:0 8px 20px rgba(210,25,25,.25),0 4px 10px rgba(0,0,0,.10); }
 #geraete .elementor-button:hover::before { opacity:1; transform:translateX(400%) skewX(-18deg); transition:transform 250ms ease,opacity 250ms ease; }
}
@media (max-width:1023.98px) { #geraete.iptv-devices { padding-inline:20px; } }
@media (max-width:767px) {
 #geraete { scroll-margin-top:90px; }
 #geraete .e-n-tabs-heading { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; padding-bottom:12px; margin-bottom:-4px; }
 #geraete .e-n-tab-title { min-height:104px; padding:18px 10px; font-size:15px; }
 #geraete #geraet-tab-5 { grid-column:1 / -1; }
 #geraete .iptv-device-tabs { --n-tabs-gap:20px; --n-tabs-icon-size:28px; }
 #geraete .e-n-tab-icon, #geraete .e-n-tab-icon .iptv-device-glyph { width:36px; }
 #geraete .iptv-devices-cta { width:100%; }
 #geraete .iptv-devices-cta .elementor-button { width:100%; padding-inline:18px; }
}
@media (prefers-reduced-motion:reduce) {
 #geraete .e-n-tab-title, #geraete .e-n-tab-title::after, #geraete .elementor-button { transition:none; }
 #geraete .elementor-button:hover { transform:none; }
 #geraete .elementor-button::before { display:none; }
}