/* In-page links animate in JavaScript; document fragments align immediately. */
html{scroll-behavior:auto}
.anchor-pending #inhalt,.anchor-pending .site-footer{visibility:hidden}
.header-inner{min-height:94px;gap:24px}
.brand{display:block}
.brand-logo-visual{display:block;position:relative;width:240px;max-width:100%}
.brand-logo-visual .brand-logo{display:block;width:100%;height:auto;object-fit:contain}
.brand-logo-visual .ai-label{right:0;bottom:0}
.main-nav{gap:19px;font-size:.94rem}.main-nav .cta-header{font-size:.94rem;min-height:46px;padding:12px 17px;gap:10px}.nav-panel-inner{font-size:.92rem}
.nav-dropdown{position:relative}
.nav-dropdown>summary{min-height:94px}
.nav-panel{left:0;right:auto;top:100%;border-radius:0 0 16px 16px}
.nav-dropdown:nth-last-of-type(1) .nav-panel{right:auto;left:0}
.nav-dropdown:first-child .nav-panel{width:500px}
.footer-brand .brand-logo-visual{width:290px;max-width:100%}
.ai-visual{position:relative;display:block;width:100%;height:100%;isolation:isolate}
.ai-visual>img{display:block;width:100%;height:100%;object-fit:cover}
.ai-label{position:absolute;right:9px;bottom:9px;z-index:3;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.83);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.68);color:#23354a;font:600 10px/1 Arial,sans-serif;letter-spacing:0;box-shadow:0 1px 4px rgba(18,52,91,.12);text-transform:none;user-select:none}
.hero-tiger.ai-visual{width:450px;max-width:100%;height:470px;z-index:1}
.hero-tiger.ai-visual>img{object-fit:contain;margin:auto}
.hero-tiger .tiger-wink-frame{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;pointer-events:none}
.hero-tiger.is-winking .tiger-wink-frame{animation:tiger-wink-once .52s ease-in-out 1}
@keyframes tiger-wink-once{0%,100%{opacity:0}22%,70%{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-tiger .tiger-wink-frame{display:none;animation:none}}
.hero-tiger .ai-label{right:20px;bottom:20px}









.page-hero{background:#f8f3ee;padding-bottom:48px}
.page-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:0 60px}
.page-hero-title h1{font-size:clamp(2.3rem,3.4vw,3.55rem);line-height:1.12;text-wrap:balance}
.page-hero-media{align-self:stretch;display:flex;align-items:center}
.page-hero-media .ai-visual{height:100%;min-height:270px;max-height:360px;border-radius:24px;overflow:hidden;box-shadow:0 14px 35px rgba(83,56,32,.09)}
.page-hero-media img{width:100%;height:100%;min-height:270px;max-height:360px;object-fit:cover}
.page-hero-copy>p{line-height:1.75}
.split-media .ai-visual{border-radius:24px;overflow:hidden;aspect-ratio:4/3;height:auto}
.split-media img{width:100%;height:100%;max-height:none;object-fit:cover}
.article-art{flex:none;width:100%;height:auto;aspect-ratio:16/10}
.article-art>.ai-visual{position:relative;inset:auto;width:100%;height:100%}
.article-art .ai-label{left:auto;top:auto;right:9px;bottom:9px;font-size:10px;letter-spacing:0}
.related-links>a{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0;overflow:hidden;border-radius:18px}
.related-image{display:block;aspect-ratio:16/9;overflow:hidden}
.related-label{display:flex;justify-content:space-between;align-items:center;gap:17px;padding:23px;min-height:93px}
.related-links>a:hover{background:#fff8f1;border-color:#e9bc99}
.provider{min-height:44px;display:flex;align-items:center;min-width:0}
.provider img{display:block;width:140px;max-width:100%;height:44px;max-height:44px;object-fit:contain;object-position:left center}
.tariff-top{min-height:72px}
.has-device-image .tariff-main{grid-template-columns:150px minmax(0,1fr) 220px;align-items:center}
.device-visual{position:relative;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;align-self:stretch;min-height:215px;background:linear-gradient(145deg,#f4f8ff,#fff4e8);border-radius:14px;padding:16px 12px;overflow:hidden}
.device-visual>img{display:block;flex:none;width:100%;height:155px;object-fit:contain;mix-blend-mode:multiply}
.device-visual>.device-label{position:static;flex:none;display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:5px 10px;border:1px solid #c5d8ed;border-radius:999px;background:#fff;color:#254e78;font-size:.64rem;font-weight:700;line-height:1.2;text-align:center;white-space:nowrap}
.model-compare-link{display:inline-flex;align-items:center;gap:7px;margin:0 0 16px;font-size:.73rem;line-height:1.4;text-decoration:none}
.model-compare-link .icon{width:15px;height:15px}
.tariff-compact{height:100%}
.tariff-compact.has-device-image .tariff-main{display:grid;grid-template-columns:1fr;gap:20px;padding-top:17px}
.tariff-compact .device-visual{height:224px;min-height:0;padding:13px 20px}
.tariff-compact .device-visual>img{height:164px;max-width:225px}
.tariff-compact .tariff-info h3{min-height:2.65em;margin-bottom:18px;font-size:1.21rem}
.tariff-compact .tariff-subtitle{min-height:2.8em;line-height:1.45;font-size:.79rem}
.tariff-compact .tariff-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}
.tariff-compact .tariff-specs>div{gap:8px}
.tariff-compact .tariff-specs strong{font-size:.85rem}
.tariff-compact .tariff-specs small{display:block;font-size:.65rem}
.tariff-compact .tariff-specs .icon{width:18px;height:18px}
.tariff-compact .tariff-price{display:flex;align-items:flex-start;border-top:1px solid var(--line);padding-top:17px}
.tariff-compact .tariff-price .button{margin-top:4px}
.tariff-compact .actual-price{margin-bottom:12px}
.tariff-compact .feature-line{min-height:20px}
.deals-grid{align-items:stretch}
.deals-date{font-size:.73rem;color:var(--muted);margin:23px 0 0;max-width:none}
.deal-footnote,.comparison-disclosure{width:100%;max-width:none;text-wrap:pretty}
.deal-footnote{font-size:.79rem;line-height:1.7;margin-top:15px}
.section-heading h2{text-wrap:balance}
.quick-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.quick-fields>.field{min-width:0}
@media(max-width:1099px){.quick-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-fields>.quick-device{grid-column:1/-1}}
@media(min-width:1500px){.hero-tiger.ai-visual{width:480px;height:490px}}
@media(max-width:1250px){.hero-tiger.ai-visual{height:430px}}
@media(max-width:1199px){.hero-tiger.ai-visual{height:380px}}
@media(max-width:767px){.hero-tiger.ai-visual{height:285px}}
@media(min-width:1200px) and (max-width:1320px){
 .brand-logo-visual{width:220px}.header-inner{min-height:90px;gap:18px}.nav-dropdown>summary{min-height:90px}.main-nav{gap:14px;font-size:.9rem}.main-nav .button-small{font-size:.9rem;padding-inline:14px}.nav-panel-inner{font-size:.9rem}
}
@media(max-width:1199px){
 .header-inner{min-height:90px;gap:0}.brand-logo-visual{width:228px}.main-nav{font-size:.92rem}.nav-panel,.nav-dropdown:first-child .nav-panel{position:static;width:100%;max-width:none}.nav-dropdown>summary{min-height:55px}.page-hero-grid{gap:0 32px}.page-hero-media .ai-visual,.page-hero-media img{min-height:240px}.has-device-image .tariff-main{grid-template-columns:120px minmax(0,1fr) 190px;gap:20px}.device-visual>img{height:150px}.footer-brand .brand-logo-visual{width:260px}
}
@media(max-width:767px){
 .header-inner{min-height:82px}.brand-logo-visual{width:205px}.menu-toggle{padding:9px 8px;gap:5px;font-size:.75rem}.menu-toggle .icon{width:19px;height:19px}.ai-label{width:18px;height:18px;font-size:8px;right:7px;bottom:7px}.article-art .ai-label{font-size:8px;right:7px;bottom:7px}.brand-logo-visual .ai-label{right:0;bottom:0}.hero-tiger.ai-visual{width:290px}.hero-tiger .ai-label{right:6px;bottom:8px}.page-hero-grid{display:flex;gap:0}.page-hero-title h1{font-size:clamp(2rem,7.8vw,2.7rem);line-height:1.16;overflow-wrap:break-word}.page-hero-media{width:100%;margin:19px 0 24px;align-self:stretch}.page-hero-media .ai-visual{min-height:0;max-height:none;aspect-ratio:4/3;border-radius:18px}.page-hero-media img{min-height:0;max-height:none;width:100%;height:100%;object-fit:cover}.split-media .ai-visual{border-radius:18px}.split-media img{max-height:none}.article-art{height:auto}.related-label{padding:20px;min-height:75px}.provider img{max-width:120px;max-height:39px}.tariff-top{min-height:64px}.has-device-image .tariff-main{display:grid;grid-template-columns:95px minmax(0,1fr);gap:18px 14px}.has-device-image .device-visual{grid-column:1;grid-row:1;min-height:180px;padding:12px 5px;gap:9px}.has-device-image .device-visual>img{height:122px}.has-device-image .tariff-info{grid-column:2;min-width:0}.has-device-image .tariff-info h3{font-size:1.06rem}.has-device-image .tariff-specs{display:flex;flex-direction:column;gap:12px}.has-device-image .tariff-price{grid-column:1/-1;display:grid}.has-device-image .feature-line{flex-wrap:wrap;gap:5px 9px}.tariff-compact.has-device-image .tariff-main{grid-template-columns:1fr;gap:17px}.tariff-compact.has-device-image .device-visual{grid-column:1;grid-row:auto;height:220px;padding:12px 20px;gap:10px}.tariff-compact.has-device-image .device-visual>img{height:162px}.tariff-compact.has-device-image .tariff-info{grid-column:1}.tariff-compact .tariff-info h3{min-height:0;font-size:1.28rem}.tariff-compact .tariff-subtitle{min-height:0}.tariff-compact.has-device-image .tariff-specs{display:grid;grid-template-columns:1fr 1fr}.tariff-compact.has-device-image .tariff-price{display:flex}.footer-brand .brand-logo-visual{width:300px;max-width:100%}.deals-date,.deal-footnote{font-size:.73rem}.model-compare-link{font-size:.7rem}
}
@media(max-width:374px){.brand-logo-visual{width:200px}.menu-toggle{font-size:.7rem;padding-inline:6px}.menu-toggle .icon{width:18px}}

@media(forced-colors:active){.field select{appearance:auto;background-image:none;padding-right:13px}}

.provider-logo-frame{display:inline-flex;align-items:center;max-width:100%;flex:none}
.provider-logo-adjusted{display:block;max-width:100%;overflow:hidden}
.provider-logo-dark{padding:6px;background:#151515;border-radius:7px}
.sorting-note{font-size:.79rem;color:var(--muted);line-height:1.65;margin:0 0 22px;max-width:none}
@media(max-width:767px){.provider img{width:120px;height:39px}.provider-logo-dark{padding:5px}.provider-logo-dark .provider-logo-adjusted{width:158px;height:auto}}

.menu-toggle:not([hidden]){display:inline-flex;position:relative;justify-content:center;align-items:center;flex:none;width:46px;height:46px;min-width:46px;padding:0;border-radius:50%;border:1px solid #b9cde3;background:#f5f9ff}
.menu-toggle:hover{background:#eaf3ff;border-color:#83a8cf}
.menu-mark{position:relative;display:block;width:24px;height:24px}
.menu-mark>span{position:absolute;top:11px;left:1px;width:22px;height:2px;border-radius:2px;background:var(--navy);transition:transform .32s cubic-bezier(.4,0,.2,1),width .32s,height .32s,left .32s,top .32s,border-radius .32s,opacity .18s}
.menu-mark>span:first-child{transform:translateY(-7px)}
.menu-mark>span:last-child{transform:translateY(7px)}
.menu-toggle[aria-expanded=true] .menu-mark>span:first-child,.menu-toggle[aria-expanded=true] .menu-mark>span:last-child{width:22px;height:2px;left:1px;top:11px;border-radius:2px}
.menu-toggle[aria-expanded=true] .menu-mark>span:first-child{transform:rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-mark>span:last-child{transform:rotate(-45deg)}
.menu-toggle[aria-expanded=true] .menu-mark>span:nth-child(2){opacity:0;transform:scale(.5)}
.cta-hero.has-border-light:before{display:none}
.hero-border-light{position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none;fill:none;stroke:#73e8ff;stroke-width:2;filter:drop-shadow(0 0 1px rgba(71,219,255,.55))}
.hero-border-light rect{vector-effect:non-scaling-stroke;stroke-linecap:round}
.hero-border-base{opacity:.24}
.hero-border-trail{display:none}
.motion-ready .hero-border-trail{display:block;animation:hero-outline-run 5s linear infinite}
.cta-hero:disabled .hero-border-trail,.cta-hero[aria-busy=true] .hero-border-trail{animation:none;display:none}
@keyframes hero-outline-run{from{stroke-dashoffset:var(--edge-phase)}to{stroke-dashoffset:calc(var(--edge-phase) - 100px)}}
.field select:focus{border-color:#759aba;box-shadow:0 0 0 1px rgba(88,139,181,.16)}
.field select:focus-visible,.check-field input:focus-visible{outline:2px solid #36739f;outline-offset:2px}
.js[data-input=pointer] .field select:focus-visible,.js[data-input=pointer] .check-field input:focus-visible{outline:none}
.results-more{display:flex;flex-direction:column;gap:14px;align-items:center;margin:30px 0}
.results-count,.results-complete{font-size:.79rem;color:var(--muted);margin:0;text-align:center}
.results-more [aria-disabled=true]{opacity:.6;cursor:wait}
.load-more-error{font-size:.8rem;color:var(--navy);text-align:center;margin:0;max-width:560px}
@media(max-width:1199px){.main-nav{font-size:1rem}.nav-panel a{font-size:.94rem;min-height:44px}.main-nav .cta-header{font-size:1rem}}
@media(max-width:767px){
 .topline .container>span:first-child{display:inline}
 .topline .container>span:last-child{display:none}
 .deals-grid{grid-template-columns:minmax(0,1fr)}
 .menu-toggle:not([hidden]){width:44px;height:44px;min-width:44px}
 .home-hero,.page-hero{text-align:center}
 .hero-title h1,.hero-main>.hero-lead,.page-hero-title h1,.page-hero-copy>p{margin-inline:auto}
 .page-hero .breadcrumb,.hero-links,.hero-meta{justify-content:center}
 .hero-links{flex-wrap:wrap;gap:14px 20px}
 .hero-media{justify-content:center}
 .home-hero .quick-compare{margin-inline:auto;text-align:left}
 .final-cta{text-align:center}
 .final-cta .container{display:flex;flex-direction:column;align-items:center;gap:24px}
 .final-cta h2,.final-cta p{margin-inline:auto}
 .final-cta .button{margin-top:0;width:auto;max-width:100%}
}
@media(prefers-reduced-motion:reduce){.menu-mark>span{transition:none}.motion-ready .hero-border-trail{animation:none;display:none}.hero-border-base{opacity:.8}}

@media(max-width:1199px){.nav-panel,.nav-dropdown:first-child .nav-panel{border-radius:14px 14px 0 0}}

@media(max-width:1320px){html{--sticky-header-height:91px}}
@media(max-width:767px){html{--sticky-header-height:83px}}
@media(min-width:1100px){.related-links.related-four{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:768px) and (max-width:1099px){.related-links.related-four{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact homepage categories: two columns on mobile, four on larger screens. */
#vergleiche .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#vergleiche .category-card{min-width:0;min-height:0;padding:18px 16px;border-radius:16px;overflow:hidden}
#vergleiche .category-icon{width:42px;height:42px;margin:0 0 14px;border-radius:13px}
#vergleiche .category-icon .icon{width:26px;height:26px}
#vergleiche .category-icon-phone{background:#eaf3ff;color:#1465df}
#vergleiche .category-icon-sim{background:#fff0e3;color:#bb5a16}
#vergleiche .category-icon-router{background:#e8f5ed;color:#257650}
#vergleiche .category-icon-wifi{background:#f2ecfb;color:#7850b2}
#vergleiche .category-card h3{font-size:1rem;line-height:1.3;min-height:2.6em;margin:0 0 8px}
#vergleiche .category-card p{font-size:.82rem;line-height:1.5;margin:0}
#vergleiche .category-card>.icon{position:absolute;top:20px;right:16px;width:18px;height:18px;margin:0}
#vergleiche .category-card:hover{background:#fff9f4;border-color:#e8ba96}
@media(min-width:768px){
 #vergleiche .category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
 #vergleiche .category-card{padding:24px}
 #vergleiche .category-icon{width:48px;height:48px;margin-bottom:20px;border-radius:14px}
 #vergleiche .category-icon .icon{width:28px;height:28px}
 #vergleiche .category-card h3{font-size:1.1rem}
 #vergleiche .category-card p{font-size:.88rem}
 #vergleiche .category-card>.icon{top:25px;right:24px;width:20px;height:20px}
}
@media(min-width:1100px){#vergleiche .category-card h3{min-height:0}}

/* Center the complete text-and-icon groups in the mobile hero. */
@media(max-width:767px){
 .hero-links{flex-direction:column;align-items:center;justify-content:center;gap:12px}
 .hero-links>.text-link,.hero-links>span{position:static;display:inline-flex;width:auto;max-width:100%;padding:0;align-items:center;justify-content:center;gap:8px;text-align:center}
 .hero-links>.text-link>.icon,.hero-links>span>.icon{position:static;flex:0 0 17px;width:17px;height:17px;margin:0;transform:none}
}