
.nav-link--active { color: var(--primary); background: var(--primary-soft); }

.domain-cover { position: relative; min-height: 350px; overflow: hidden; color: #fff; background: #071a34; isolation: isolate; }
.domain-cover__media { position: absolute; inset: 0; z-index: -2; background: url("../img/hero-security.png") 62% center/cover no-repeat; transform: scale(1.02); animation: domainCoverDrift 18s ease-in-out infinite alternate; }
.domain-cover__overlay { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(3,14,31,.98) 0%, rgba(4,21,44,.91) 48%, rgba(4,21,44,.45) 76%, rgba(4,21,44,.12) 100%), linear-gradient(0deg, rgba(1,10,24,.3), transparent 58%); }
.domain-cover__inner { display: flex; min-height: 350px; align-items: center; padding: 30px 0 42px; }
.domain-cover__content { max-width: 710px; }
.breadcrumb { display: flex; align-items: center; gap: 9px; color: #b9c9df; font-size: 13px; }
.breadcrumb--cover { margin-bottom: 24px; }
.breadcrumb a:hover, .breadcrumb a:focus-visible { color: #fff; }
.breadcrumb span[aria-current="page"] { color: #fff; font-weight: 700; }
.domain-cover h1 { margin: 8px 0 13px; font-size: clamp(46px,5.1vw,66px); line-height: 1; letter-spacing: -.05em; }
.domain-cover__content > p { max-width: 660px; margin: 0; color: #d6e0ec; font-size: 17px; line-height: 1.62; }
.domain-cover__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; margin-top: 22px; }
.domain-cover__text-link { display: inline-flex; align-items: center; gap: 8px; padding: 8px 4px; color: rgba(255,255,255,.92); font-size: 14px; font-weight: 800; }
.domain-cover__text-link span { transition: transform .2s ease; }
.domain-cover__text-link:hover span { transform: translateX(4px); }

.domain-search-section { position: relative; padding: 48px 0 92px; overflow: hidden; background: #fff; }
.domain-search-card { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,.82fr) minmax(420px,1.18fr); gap: 70px; align-items: center; padding: 38px 42px; border: 1px solid #dbe4ef; border-radius: 18px; background: #fff; box-shadow: 0 22px 65px rgba(18,48,91,.1); }
.domain-search-card h2 { max-width: 500px; margin: 8px 0 12px; font-size: clamp(31px,3.7vw,44px); line-height: 1.08; letter-spacing: -.04em; }
.domain-search-card__copy p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.domain-search-card__field { display: grid; grid-template-columns: 26px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 8px 8px 8px 18px; border: 2px solid #cfd9e7; border-radius: 12px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease; }
.domain-search-card__field:focus-within { border-color: var(--primary); box-shadow: 0 0 0 4px rgba(21,94,239,.1); }
.domain-search-card__field > svg { width: 22px; height: 22px; fill: none; stroke: #77869a; stroke-linecap: round; stroke-width: 1.8; }
.domain-search-card__field input { min-width: 0; padding: 10px 5px; border: 0; outline: 0; color: var(--ink); background: transparent; font: inherit; font-size: 16px; }
.domain-search-card__field .button { min-height: 46px; }
.form-error { margin: 9px 0 0; color: #b42318; font-size: 12px; font-weight: 700; }
.domain-quick-tlds { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin-top: 13px; color: var(--muted); font-size: 11px; }
.domain-quick-tlds button { padding: 5px 9px; border: 1px solid #d5deea; border-radius: 999px; color: var(--primary); background: #f8faff; font: inherit; font-weight: 800; cursor: pointer; transition: border-color .2s ease, background .2s ease; }
.domain-quick-tlds button:hover, .domain-quick-tlds button:focus-visible { border-color: #abc1f7; background: #eef4ff; }
.domain-search-notes { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 28px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.domain-search-notes > div { position: relative; padding: 21px 22px; }
.domain-search-notes > div:not(:last-child)::after { content:""; position:absolute; top:18px; right:0; bottom:18px; width:1px; background:var(--line); }
.domain-search-notes strong, .domain-search-notes span { display:block; }
.domain-search-notes strong { margin-bottom:4px; color:var(--ink); font-size:14px; }
.domain-search-notes span { color:var(--muted); font-size:11px; line-height:1.45; }

.domain-prices__heading { display:grid; grid-template-columns:minmax(0,.9fr) minmax(320px,.55fr); gap:70px; align-items:end; margin-bottom:42px; }
.domain-prices__heading h2 { max-width:650px; margin:8px 0 0; font-size:clamp(38px,4.7vw,54px); line-height:1.04; letter-spacing:-.047em; }
.domain-prices__heading > p { margin:0 0 5px; color:var(--muted); font-size:14px; line-height:1.72; }
.domain-tld-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.domain-tld-card { position:relative; display:flex; min-height:330px; flex-direction:column; padding:28px 25px 24px; border:1px solid #dce4ee; border-radius:15px; background:#fff; box-shadow:0 8px 25px rgba(18,45,84,.045); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.domain-tld-card:hover { transform:translateY(-4px); border-color:#b8caf8; box-shadow:0 20px 45px rgba(18,52,103,.1); }
.domain-tld-card--featured { border:2px solid var(--primary); box-shadow:0 22px 54px rgba(21,94,239,.13); }
.domain-tld-card__badge { position:absolute; top:-13px; right:20px; padding:6px 12px; border-radius:999px; color:#fff; background:var(--primary); font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.domain-tld-card__name { display:block; margin-bottom:14px; color:var(--primary); font-size:39px; line-height:1; letter-spacing:-.05em; }
.domain-tld-card > p { min-height:67px; margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.domain-tld-card__price { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px; margin:24px 0 5px; }
.domain-tld-card__price small { width:100%; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.domain-tld-card__price strong { color:var(--ink); font-size:31px; letter-spacing:-.04em; }
.domain-tld-card__price span { color:var(--muted); font-size:11px; }
.domain-tld-card__renewal { flex:1; margin-bottom:20px; color:var(--muted); font-size:11px; }
.domain-tld-card .button { width:100%; min-height:43px; }
.domain-table-wrap { margin-top:34px; overflow:hidden; border:1px solid #dce4ef; border-radius:16px; background:#fff; box-shadow:0 18px 52px rgba(18,48,91,.07); }
.domain-table-toolbar { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:18px 22px; border-bottom:1px solid var(--line); background:#fbfcfe; }
.domain-table-toolbar strong, .domain-table-toolbar span { display:block; }
.domain-table-toolbar strong { margin-bottom:2px; font-size:14px; }
.domain-table-toolbar span { color:var(--muted); font-size:10px; }
.domain-table-toolbar > span { max-width:360px; text-align:right; }
.domain-scroll-hint { display:none; align-items:center; gap:8px; margin:0; padding:11px 18px; border-bottom:1px solid var(--line); color:var(--muted); background:#f8fafc; font-size:11px; }
.domain-scroll-hint svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.domain-table-scroll { overflow-x:auto; scrollbar-width:thin; }
.domain-table-scroll:focus-visible { outline:3px solid rgba(21,94,239,.2); outline-offset:-3px; }
.domain-price-table { width:100%; min-width:830px; border-collapse:collapse; table-layout:fixed; }
.domain-price-table th, .domain-price-table td { padding:10px 14px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); text-align:center; color:var(--ink-2); font-size:11px; line-height:1.3; }
.domain-price-table tr > :last-child { border-right:0; }
.domain-price-table tbody tr:last-child > * { border-bottom:0; }
.domain-price-table thead th { padding-top:11px; padding-bottom:11px; color:var(--ink); background:#f7f9fc; font-size:10px; letter-spacing:.04em; }
.domain-price-table thead th:first-child, .domain-price-table tbody th { text-align:left; }
.domain-price-table thead small { color:var(--muted); font-size:9px; }
.domain-price-table tbody th { color:var(--ink); font-size:15px; letter-spacing:-.02em; }
.domain-price-table tbody th span { display:block; margin-top:2px; color:var(--muted); font-size:8px; font-weight:500; letter-spacing:0; }
.domain-price-table td strong { color:var(--primary); }
.domain-price-table td a { color:var(--primary); font-size:10px; font-weight:850; white-space:nowrap; }

.domain-service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:46px; }
.domain-service-grid article { min-height:230px; padding:27px 25px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.94); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.domain-service-grid article:hover { transform:translateY(-3px); border-color:#c2d3f9; box-shadow:0 16px 38px rgba(20,49,95,.08); }
.domain-service-grid__icon { display:grid; width:44px; height:44px; place-items:center; margin-bottom:24px; border-radius:10px; color:var(--primary); background:#edf3ff; }
.domain-service-grid__icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; }
.domain-service-grid h3 { margin-bottom:9px; font-size:19px; }
.domain-service-grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.62; }

.domain-transfer__grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:88px; align-items:center; }
.domain-transfer__visual { position:relative; min-height:430px; overflow:hidden; border:1px solid #dce4ef; border-radius:20px; background:linear-gradient(145deg,#071a34 0%,#0b2d5a 100%); box-shadow:0 24px 65px rgba(11,38,75,.15); }
.domain-transfer__orbit { position:absolute; border:1px solid rgba(116,167,255,.2); border-radius:50%; }
.domain-transfer__orbit--one { width:430px; height:430px; top:-165px; right:-120px; }
.domain-transfer__orbit--two { width:280px; height:280px; bottom:-120px; left:-80px; }
.domain-transfer__visual > svg { position:absolute; top:50%; left:50%; width:44%; transform:translate(-50%,-50%); fill:none; stroke:#83adff; stroke-linecap:round; stroke-linejoin:round; stroke-width:3; }
.domain-transfer__node { position:absolute; top:50%; width:150px; padding:18px; border:1px solid rgba(255,255,255,.2); border-radius:13px; color:#fff; background:rgba(255,255,255,.09); backdrop-filter:blur(8px); transform:translateY(-50%); }
.domain-transfer__node--left { left:7%; }
.domain-transfer__node--right { right:7%; }
.domain-transfer__node span, .domain-transfer__node strong { display:block; }
.domain-transfer__node span { margin-bottom:5px; color:#a9c4f8; font-size:10px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.domain-transfer__node strong { font-size:17px; }
.domain-transfer__copy h2 { margin:9px 0 16px; font-size:clamp(37px,4.7vw,53px); line-height:1.05; letter-spacing:-.047em; }
.domain-transfer__copy > p { color:var(--muted); font-size:15px; line-height:1.74; }
.domain-transfer__steps { display:grid; gap:18px; margin:28px 0 0; padding:0; list-style:none; }
.domain-transfer__steps li { display:grid; grid-template-columns:34px 1fr; gap:14px; align-items:start; }
.domain-transfer__steps li > span { display:grid; width:34px; height:34px; place-items:center; border-radius:50%; color:var(--primary); background:#eaf1ff; font-size:12px; font-weight:900; }
.domain-transfer__steps strong { display:block; margin-bottom:3px; font-size:14px; }
.domain-transfer__steps p { margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.domain-transfer__actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:29px; }

.domain-details { position:relative; padding:100px 0 108px; overflow:hidden; background:#fff; }
.domain-details__heading { display:grid; grid-template-columns:minmax(0,.9fr) minmax(360px,.68fr); gap:72px; align-items:end; margin-bottom:36px; }
.domain-details__heading h2 { max-width:700px; margin:9px 0 0; font-size:clamp(38px,4.7vw,56px); line-height:1.03; letter-spacing:-.047em; }
.domain-details__heading > p { margin:0 0 5px; color:var(--muted); font-size:15px; line-height:1.75; }
.domain-detail-accordion { position:relative; z-index:2; overflow:hidden; border:1px solid #dce4ef; border-radius:18px; background:#fff; box-shadow:0 22px 65px rgba(18,48,91,.08); }
.domain-detail-accordion details + details { border-top:1px solid #e1e7f0; }
.domain-detail-accordion summary { display:grid; min-height:92px; grid-template-columns:46px minmax(0,1fr) 28px; gap:20px; align-items:center; padding:20px 25px; cursor:pointer; list-style:none; background:#fff; transition:background .2s ease; }
.domain-detail-accordion summary::-webkit-details-marker { display:none; }
.domain-detail-accordion summary:hover { background:#f8faff; }
.domain-detail-accordion details[open] > summary { background:#f5f8fe; }
.domain-detail-accordion__number { color:#9aa8bb; font-size:12px; font-weight:900; letter-spacing:.08em; }
.domain-detail-accordion summary strong, .domain-detail-accordion summary small { display:block; }
.domain-detail-accordion summary strong { margin-bottom:5px; color:var(--ink); font-size:18px; line-height:1.25; }
.domain-detail-accordion summary small { color:var(--muted); font-size:13px; font-weight:500; line-height:1.4; }
.domain-detail-accordion summary i { position:relative; display:block; width:24px; height:24px; border:1px solid #cbd5e3; border-radius:50%; }
.domain-detail-accordion summary i::before, .domain-detail-accordion summary i::after { content:""; position:absolute; top:50%; left:50%; width:9px; height:1.5px; border-radius:2px; background:#52627a; transform:translate(-50%,-50%); transition:transform .2s ease; }
.domain-detail-accordion summary i::after { transform:translate(-50%,-50%) rotate(90deg); }
.domain-detail-accordion details[open] summary i::after { transform:translate(-50%,-50%) rotate(0); }
.domain-detail-accordion__content { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:0 25px 28px 91px; background:#f5f8fe; }
.domain-detail-accordion__content > div { min-height:150px; padding:23px 30px 20px 0; border-top:1px solid #dce5f0; }
.domain-detail-accordion__content > div:nth-child(odd) { padding-right:38px; }
.domain-detail-accordion__content > div:nth-child(even) { padding-left:38px; border-left:1px solid #dce5f0; }
.domain-detail-accordion__content h3 { margin:0 0 8px; font-size:15px; }
.domain-detail-accordion__content p { margin:0; color:var(--muted); font-size:12px; line-height:1.68; }
.domain-details__note { display:grid; grid-template-columns:28px 1fr; gap:13px; align-items:start; margin-top:22px; padding:18px 20px; border:1px solid #dce5f2; border-radius:13px; background:#f8faff; }
.domain-details__note svg { width:25px; height:25px; fill:none; stroke:var(--primary); stroke-linecap:round; stroke-width:1.8; }
.domain-details__note p { margin:1px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }
.domain-details__note strong { color:var(--ink); }
.domain-cta { overflow:hidden; }

@keyframes domainCoverDrift { from { transform:scale(1.02) translate3d(0,0,0); } to { transform:scale(1.055) translate3d(-10px,-3px,0); } }

@media (max-width: 1100px) {
  .domain-tld-grid { grid-template-columns:repeat(2,1fr); }
  .domain-search-notes { grid-template-columns:repeat(2,1fr); }
  .domain-search-notes > div:nth-child(2)::after { display:none; }
  .domain-search-notes > div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
}
@media (max-width: 980px) {
  .domain-search-card, .domain-prices__heading, .domain-details__heading, .domain-transfer__grid { grid-template-columns:1fr; gap:28px; }
  .domain-search-card { padding:32px; }
  .domain-service-grid { grid-template-columns:repeat(2,1fr); }
  .domain-transfer__visual { min-height:360px; }
  .domain-scroll-hint { display:flex; }
}
@media (max-width: 720px) {
  .domain-cover, .domain-cover__inner { min-height:440px; }
  .domain-cover__inner { align-items:flex-end; padding-top:50px; padding-bottom:58px; }
  .domain-cover__media { background-position:68% center; }
  .domain-cover__overlay { background:linear-gradient(90deg,rgba(3,14,31,.98),rgba(4,21,44,.84)),linear-gradient(0deg,rgba(1,10,24,.5),transparent 58%); }
  .domain-cover h1 { font-size:clamp(42px,12vw,56px); }
  .domain-cover__actions { flex-direction:column; align-items:stretch; }
  .domain-cover__actions .button { width:100%; }
  .domain-search-section { padding-top:36px; }
  .domain-search-card { padding:25px 20px; border-radius:15px; }
  .domain-search-card__field { grid-template-columns:22px minmax(0,1fr); padding:8px 12px; }
  .domain-search-card__field .button { grid-column:1/-1; width:100%; }
  .domain-search-notes, .domain-tld-grid, .domain-service-grid { grid-template-columns:1fr; }
  .domain-search-notes > div { border-bottom:1px solid var(--line); }
  .domain-search-notes > div:last-child { border-bottom:0; }
  .domain-search-notes > div::after { display:none !important; }
  .domain-tld-card { min-height:0; }
  .domain-table-toolbar { align-items:flex-start; flex-direction:column; gap:8px; }
  .domain-table-toolbar > span { text-align:left; }
  .domain-transfer__visual { min-height:330px; }
  .domain-transfer__node { width:124px; padding:14px; }
  .domain-transfer__node--left { left:4%; }
  .domain-transfer__node--right { right:4%; }
  .domain-detail-accordion summary { min-height:84px; grid-template-columns:34px minmax(0,1fr) 25px; gap:12px; padding:17px 16px; }
  .domain-detail-accordion summary strong { font-size:15px; }
  .domain-detail-accordion summary small { font-size:11px; }
  .domain-detail-accordion__content { grid-template-columns:1fr; padding:0 17px 22px 62px; }
  .domain-detail-accordion__content > div, .domain-detail-accordion__content > div:nth-child(odd), .domain-detail-accordion__content > div:nth-child(even) { min-height:0; padding:19px 0; border-left:0; }
  .domain-details { padding:76px 0 82px; }
}
@media (prefers-reduced-motion: reduce) { .domain-cover__media { animation:none; transform:none; } }

/* Search within the domain price overview. */
.domain-table-toolbar__copy { min-width: 210px; }
.domain-price-search { position:relative; display:grid; width:min(100%,430px); grid-template-columns:21px minmax(0,1fr) 28px; gap:9px; align-items:center; padding:7px 8px 7px 13px; border:1px solid #cfd9e7; border-radius:10px; background:#fff; transition:border-color .2s ease,box-shadow .2s ease; }
.domain-price-search:focus-within { border-color:var(--primary); box-shadow:0 0 0 4px rgba(21,94,239,.1); }
.domain-price-search > svg { width:19px; height:19px; fill:none; stroke:#77869a; stroke-linecap:round; stroke-width:1.8; }
.domain-price-search input { min-width:0; padding:7px 2px; border:0; outline:0; color:var(--ink); background:transparent; font:inherit; font-size:12px; }
.domain-price-search input::placeholder { color:#8794a7; }
.domain-price-search input::-webkit-search-cancel-button { display:none; }
.domain-price-search button { display:grid; width:28px; height:28px; place-items:center; padding:0; border:0; border-radius:7px; color:#66768c; background:transparent; cursor:pointer; transition:color .2s ease,background .2s ease; }
.domain-price-search button:hover,.domain-price-search button:focus-visible { color:var(--ink); background:#edf2f8; }
.domain-price-search button[hidden] { display:none; }
.domain-price-search button svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-width:1.8; }
.domain-table-meta { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:10px 22px; border-bottom:1px solid var(--line); background:#fff; }
.domain-table-meta p,.domain-table-meta span { margin:0; color:var(--muted); font-size:10px; }
.domain-table-meta p { color:#52627a; font-weight:800; }
.domain-price-table tbody tr[hidden] { display:none; }
.domain-price-table__empty td { padding:38px 24px !important; text-align:center !important; background:#fbfcfe; }
.domain-price-table__empty strong,.domain-price-table__empty span,.domain-price-table__empty a { display:block; }
.domain-price-table__empty strong { margin-bottom:6px; color:var(--ink); font-size:15px; }
.domain-price-table__empty span { margin-bottom:13px; color:var(--muted); font-size:11px; }
.domain-price-table__empty a { color:var(--primary); font-weight:850; }

@media (max-width:720px) {
  .domain-table-toolbar { width:100%; }
  .domain-price-search { width:100%; }
  .domain-table-meta { align-items:flex-start; flex-direction:column; gap:4px; }
}

/* Dynamischer Domaincheck und Portal-Preiskatalog */
.domain-check-live-result { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:13px; align-items:center; margin-top:14px; padding:13px 14px; border:1px solid #d7e1ee; border-radius:12px; background:#f8fafc; }
.domain-check-live-result[hidden] { display:none; }
.domain-check-live-result__icon { display:grid; width:36px; height:36px; place-items:center; border-radius:50%; color:#fff; background:#667085; font-size:19px; font-weight:900; }
.domain-check-live-result__copy { min-width:0; }
.domain-check-live-result__copy strong,.domain-check-live-result__copy span,.domain-check-live-result__copy small { display:block; }
.domain-check-live-result__copy strong { color:var(--ink); font-size:14px; }
.domain-check-live-result__copy span { margin-top:2px; color:var(--muted); font-size:11px; line-height:1.45; }
.domain-check-live-result__copy small { margin-top:5px; color:#475467; font-size:10px; font-weight:750; }
.domain-check-live-result.is-available { border-color:#abefc6; background:#ecfdf3; }
.domain-check-live-result.is-available .domain-check-live-result__icon { background:#079455; }
.domain-check-live-result.is-unavailable { border-color:#fedf89; background:#fffaeb; }
.domain-check-live-result.is-unavailable .domain-check-live-result__icon { background:#dc6803; }
.domain-check-live-result.is-error { border-color:#fecdca; background:#fff4f3; }
.domain-check-live-result.is-error .domain-check-live-result__icon { background:#d92d20; }
.domain-check-live-result .button { white-space:nowrap; }
.domain-search-card__field button[disabled] { opacity:.65; cursor:wait; }
.domain-catalog-unavailable { grid-column:1/-1; display:grid; gap:6px; padding:24px; border:1px dashed #cbd5e1; border-radius:14px; color:var(--muted); background:#fff; }
.domain-catalog-unavailable strong { color:var(--ink); font-size:15px; }
.domain-catalog-unavailable span { font-size:12px; line-height:1.55; }

@media (max-width:720px) {
  .domain-check-live-result { grid-template-columns:36px minmax(0,1fr); }
  .domain-check-live-result .button { grid-column:1/-1; width:100%; }
}


/* Domain catalog browser fallback */
.domain-quick-tlds [data-domain-quick-tld-items] { display: contents; }
.domain-price-table__loading td { padding: 28px 20px; text-align: center; color: var(--muted); }
.domain-price-table__loading strong, .domain-price-table__loading span { display: block; }
.domain-price-table__loading strong { color: var(--ink); font-size: 14px; }
.domain-price-table__loading span { margin-top: 5px; font-size: 12px; }


/* Domainpreisliste: Seitennavigation für große TLD-Kataloge. */
.domain-price-pagination {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  padding:15px 18px;
  border-top:1px solid var(--line);
  background:#fbfcfe;
}
.domain-price-pagination[hidden] { display:none; }
.domain-price-pagination__pages { display:flex; justify-content:center; align-items:center; gap:6px; min-width:0; }
.domain-price-pagination__page,
.domain-price-pagination__nav {
  min-width:36px;
  min-height:36px;
  padding:7px 11px;
  border:1px solid #cfd9e7;
  border-radius:9px;
  color:var(--ink-2);
  background:#fff;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  transition:border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease;
}
.domain-price-pagination__nav { min-width:auto; white-space:nowrap; }
.domain-price-pagination__page:hover,
.domain-price-pagination__page:focus-visible,
.domain-price-pagination__nav:hover:not(:disabled),
.domain-price-pagination__nav:focus-visible:not(:disabled) {
  border-color:#a9bff7;
  color:var(--primary);
  box-shadow:0 0 0 3px rgba(21,94,239,.08);
}
.domain-price-pagination__page.is-active {
  border-color:var(--primary);
  color:#fff;
  background:var(--primary);
}
.domain-price-pagination__nav:disabled { opacity:.42; cursor:not-allowed; }
.domain-price-pagination__ellipsis { display:grid; min-width:24px; place-items:center; color:var(--muted); font-size:14px; }
.domain-price-pagination__status { color:var(--muted); font-size:10px; font-weight:750; white-space:nowrap; }

@media (max-width:720px) {
  .domain-price-pagination {
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .domain-price-pagination__pages { grid-column:1/-1; grid-row:1; flex-wrap:wrap; }
  .domain-price-pagination__status { grid-column:1/-1; grid-row:2; text-align:center; }
  .domain-price-pagination__nav { grid-row:3; width:100%; }
}


/* KXON compact domain price table */
.domain-price-table tbody tr { height:52px; }
.domain-price-table tbody td strong { font-size:11px; }
@media (max-width:720px) {
  .domain-price-table th, .domain-price-table td { padding:9px 11px; }
  .domain-price-table tbody tr { height:48px; }
}
