:root {
  --hm-accent: #ff4a26;
  --hm-accent-2: #ff7a45;
  --hm-ink: #0d1a1c;
  --hm-muted: #55636b;
  --hm-line: #e7ecee;
  --hm-soft: #f5f8f9;
  --hm-radius: 18px;
  --hm-shadow: 0 24px 60px rgba(6, 20, 24, 0.18);
  /* Zeigt auf die zentrale Schrift in style.css. Der eigene Name bleibt,
     damit die vorhandenen Regeln unveraendert weiterlaufen. */
  --hm-font: var(--mdt-font);
}

@media (min-width: 992px) {

  .theme-main-menu .navbar-nav {
    flex-wrap: nowrap;
    min-width: 0;
  }
  .theme-main-menu .navbar-nav > .nav-item {
    margin: 0 clamp(2px, 0.45vw, 6px);
    min-width: 0;
    flex: 0 1 auto;
  }

  .theme-main-menu .navbar-nav .nav-link {
    background: transparent;
    color: #cdd8ec !important;
    border-radius: 999px;

    white-space: nowrap;
    font-size: clamp(0.72rem, 0.95vw, 0.95rem);
    padding: clamp(7px, 0.7vw, 9px) clamp(10px, 1.2vw, 16px) !important;
    font-weight: 600;
    line-height: 1.2;
    box-shadow: none;
    transition: all 0.2s ease;
  }
  .theme-main-menu .navbar-nav .nav-link:hover,
  .theme-main-menu .navbar-nav .nav-link:focus {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.08);
  }
  .theme-main-menu .navbar-nav .nav-link.active {
    background: #57a92f;
    color: #0d1f3d !important;
    font-weight: 700;
  }
  .theme-main-menu .navbar-nav .nav-link.active:hover,
  .theme-main-menu .navbar-nav .nav-link.active:focus {
    background: #4f9e29;
    color: #0d1f3d !important;
  }

  .theme-main-menu.menu-overlay,
  .theme-main-menu.fixed {
    background: linear-gradient(100deg, #0d1f3d, #15294d);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }

  .theme-main-menu .gap-two {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .theme-main-menu .logo {
    height: 66px;
    display: flex;
    align-items: flex-start;
    overflow: visible;
  }
  .theme-main-menu .logo img {
    height: 92px !important;
    width: auto;
  }
}

/* Tief: Top-Right-Button (Anmelden) in Logo-Gruen */
.theme-main-menu .right-widget .btn-ten {
  background: #57a92f;
  color: #0d1f3d;
  border: none;
  border-radius: 999px;
  padding: 0 26px;
  font-weight: 800;
}
.theme-main-menu .right-widget .btn-ten:hover,
.theme-main-menu .right-widget .btn-ten:focus {
  background: #4f9e29;
  color: #0d1f3d;
}

.mdc-root { position: fixed; right: 22px; bottom: 22px; z-index: 99990; font-family: var(--hm-font); }
@media (max-width: 520px) { .mdc-root { right: 14px; bottom: 14px; } }

.mdc-launcher {
  width: 62px; height: 62px; border-radius: 50%;
  border: none; cursor: pointer;
  background: linear-gradient(135deg, var(--hm-accent), var(--hm-accent-2));
  color: #fff; font-size: 1.6rem;
  box-shadow: 0 14px 32px rgba(255, 74, 38, 0.42);
  display: flex; align-items: center; justify-content: center;
  transition: transform 0.2s ease;
  position: relative;
}
.mdc-launcher:hover { transform: scale(1.06); }
.mdc-launcher .close-ic { display: none; }
.mdc-root.open .mdc-launcher .chat-ic { display: none; }
.mdc-root.open .mdc-launcher .close-ic { display: block; }

.mdc-badge {
  position: absolute; top: -3px; right: -3px;
  min-width: 20px; height: 20px; padding: 0 5px;
  background: #16a34a; color: #fff; border-radius: 999px;
  font-size: 0.72rem; font-weight: 700; line-height: 20px; text-align: center;
  border: 2px solid #fff; display: none;
}
.mdc-badge.show { display: block; }

@keyframes mdc-shake {
  0%,100% { transform: rotate(0); }
  15% { transform: rotate(-14deg); }
  30% { transform: rotate(12deg); }
  45% { transform: rotate(-10deg); }
  60% { transform: rotate(8deg); }
  75% { transform: rotate(-5deg); }
}
.mdc-launcher.shake { animation: mdc-shake 0.8s ease; }

.mdc-teaser {
  position: absolute; bottom: 76px; right: 0;
  width: 268px; background: #fff; color: var(--hm-ink);
  border-radius: 16px; padding: 14px 16px 14px;
  box-shadow: var(--hm-shadow);
  opacity: 0; transform: translateY(10px) scale(0.96); pointer-events: none;
  transition: all 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
  border: 1px solid var(--hm-line);
}
.mdc-teaser.show { opacity: 1; transform: none; pointer-events: auto; }
.mdc-root .mdc-teaser p { margin: 0; font-size: 0.92rem; line-height: 1.5; color: var(--hm-ink); }
.mdc-teaser .who { font-weight: 700; font-size: 0.82rem; color: var(--hm-accent); margin-bottom: 3px; display: block; }
.mdc-teaser .x {
  position: absolute; top: 8px; right: 10px; cursor: pointer;
  color: #aab4b8; font-size: 1rem; line-height: 1; border: none; background: none;
}

.mdc-panel {
  position: absolute; bottom: 78px; right: 0;
  width: 350px; max-width: calc(100vw - 28px);
  height: 480px; max-height: calc(100vh - 130px);
  background: #fff; border-radius: 20px;
  box-shadow: var(--hm-shadow);
  display: flex; flex-direction: column; overflow: hidden;
  opacity: 0; transform: translateY(16px) scale(0.97); pointer-events: none;
  transition: all 0.26s cubic-bezier(0.2, 0.8, 0.2, 1);
  border: 1px solid var(--hm-line);
}
.mdc-root.open .mdc-panel { opacity: 1; transform: none; pointer-events: auto; }

.mdc-header {
  background: linear-gradient(120deg, #12232a, #0d1a1c);
  color: #fff; padding: 16px 18px;
  display: flex; align-items: center; gap: 12px;
}
.mdc-avatar {
  width: 42px; height: 42px; border-radius: 50%;
  background: linear-gradient(135deg, var(--hm-accent), var(--hm-accent-2));
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 1rem; flex: none;
}
.mdc-header .t { font-weight: 700; font-size: 0.98rem; line-height: 1.1; }
.mdc-header .s { font-size: 0.76rem; opacity: 0.8; display: flex; align-items: center; gap: 6px; margin-top: 3px; }
.mdc-header .s .live { width: 8px; height: 8px; border-radius: 50%; background: #35d07f; }

.mdc-body {
  flex: 1; overflow-y: auto; padding: 18px 16px;
  background: #f4f7f8;
  display: flex; flex-direction: column; gap: 10px;
}
.mdc-msg { max-width: 82%; font-size: 0.92rem; line-height: 1.5; padding: 10px 13px; border-radius: 14px; }
.mdc-msg.bot { background: #fff; color: var(--hm-ink); border: 1px solid var(--hm-line); border-bottom-left-radius: 4px; align-self: flex-start; box-shadow: 0 3px 8px rgba(6,20,24,0.05); }
.mdc-msg.user { background: linear-gradient(120deg, var(--hm-accent), var(--hm-accent-2)); color: #fff; border-bottom-right-radius: 4px; align-self: flex-end; }
.mdc-typing { display: flex; gap: 4px; align-self: flex-start; background: #fff; border: 1px solid var(--hm-line); padding: 12px 14px; border-radius: 14px; border-bottom-left-radius: 4px; }
.mdc-typing span { width: 7px; height: 7px; border-radius: 50%; background: #c2ccd0; animation: mdc-bounce 1.2s infinite; }
.mdc-typing span:nth-child(2) { animation-delay: 0.18s; }
.mdc-typing span:nth-child(3) { animation-delay: 0.36s; }
@keyframes mdc-bounce { 0%,60%,100% { transform: translateY(0); opacity: 0.6; } 30% { transform: translateY(-5px); opacity: 1; } }

.mdc-foot { border-top: 1px solid var(--hm-line); padding: 10px 12px; background: #fff; }
.mdc-inputrow { display: flex; gap: 8px; align-items: flex-end; }
.mdc-input {
  flex: 1; border: 1.5px solid var(--hm-line); border-radius: 12px;
  padding: 10px 12px; font-size: 0.92rem; font-family: inherit; resize: none;
  max-height: 92px; line-height: 1.4; color: var(--hm-ink);
}
.mdc-input:focus { outline: none; border-color: var(--hm-accent); box-shadow: 0 0 0 3px rgba(255,74,38,0.12); }
.mdc-send {
  width: 44px; height: 44px; flex: none; border: none; border-radius: 12px; cursor: pointer;
  background: linear-gradient(120deg, var(--hm-accent), var(--hm-accent-2)); color: #fff; font-size: 1.05rem;
  display: flex; align-items: center; justify-content: center; transition: transform 0.15s ease;
}
.mdc-send:hover { transform: scale(1.05); }
.mdc-privacy { text-align: center; font-size: 0.72rem; color: #9aa6ab; margin: 8px 0 2px; }
.mdc-privacy a { color: #9aa6ab; text-decoration: underline; }

.footer-nav-link.style-none{list-style:none;padding-left:0;margin:0;}

@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("../assets/fonts/bootstrap-icons-1.11.1/font/fonts/bootstrap-icons.woff2") format("woff2"),
       url("../assets/fonts/bootstrap-icons-1.11.1/font/fonts/bootstrap-icons.woff") format("woff");
}
@font-face {
  font-display: block;
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  src: url("../assets/fonts/font-awesome-6.4.2/webfonts/fa-brands-400.woff2") format("woff2");
}
@font-face {
  font-display: block;
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  src: url("../assets/fonts/font-awesome-6.4.2/webfonts/fa-solid-900.woff2") format("woff2");
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa, .fas, .fa-solid, .fab, .fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.fa, .fas, .fa-solid { font-family: "Font Awesome 6 Free"; font-weight: 900; }
.fab, .fa-brands    { font-family: "Font Awesome 6 Brands"; font-weight: 400; }

.bi-arrow-right::before { content: "\f138"; }
.bi-arrow-up-right::before { content: "\f144"; }
.bi-arrow-up-short::before { content: "\f145"; }
.bi-cash-stack::before { content: "\f246"; }
.bi-chat-dots::before { content: "\f24a"; }
.bi-chat-dots-fill::before { content: "\f249"; }
.bi-check-circle-fill::before { content: "\f26a"; }
.bi-check-lg::before { content: "\f633"; }
.bi-cloud-arrow-up-fill::before { content: "\f296"; }
.bi-download::before { content: "\f30a"; }
.bi-file-earmark-spreadsheet::before { content: "\f389"; }
.bi-info-circle-fill::before { content: "\f430"; }
.bi-lightning-charge-fill::before { content: "\f46c"; }
.bi-send::before { content: "\f6c0"; }
.bi-send-fill::before { content: "\f6b9"; }
.bi-shield-check::before { content: "\f52f"; }
.bi-telephone::before { content: "\f5c1"; }
.bi-truck::before { content: "\f5ea"; }
.bi-x-lg::before { content: "\f659"; }

.fa-bolt:before{content:"\f0e7"}
.fa-boxes:before{content:"\f468"}
.fa-check:before{content:"\f00c"}
.fa-clock:before{content:"\f017"}
.fa-envelope-open-text:before{content:"\f658"}
.fa-envelope:before{content:"\f0e0"}
.fa-euro-sign:before{content:"\f153"}
.fa-handshake:before{content:"\f2b5"}
.fa-money-bills:before{content:"\e1f3"}
.fa-paper-plane:before{content:"\f1d8"}
.fa-phone:before{content:"\f095"}
.fa-recycle:before{content:"\f1b8"}
.fa-share-alt:before{content:"\f1e0"}
.fa-shipping-fast:before{content:"\f48b"}
.fa-shuffle:before{content:"\f074"}
.fa-truck:before{content:"\f0d1"}
.fa-undo-alt:before{content:"\f2ea"}
.fa-user-shield:before{content:"\f505"}
.fa-user:before{content:"\f007"}
.fa-users:before{content:"\f0c0"}
.fa-warehouse:before{content:"\f494"}

.fa-facebook:before{content:"\f09a"}
.fa-facebook-f:before{content:"\f39e"}
.fa-instagram:before{content:"\f16d"}
.fa-twitter:before{content:"\f099"}

:root {
  --ra-primary:#1d4ed8; --ra-primary-dark:#1e3a8a; --ra-accent:#57a92f;
  --ra-green:#4b9328; --ra-danger:#dc2626; --ra-ink:#0f172a; --ra-muted:#475569; --ra-line:#e5e7eb;
}
.ra-page h2, .ra-page h3, .ra-page h5, .ra-page h6 { color: var(--ra-ink) !important; }
.ra-page p { color: var(--ra-muted); font-size: 1.05rem; line-height: 1.75; }

.ra-hero { position: relative; background: linear-gradient(135deg,#0b1220 0%,#14213d 55%,#1e3a8a 100%); color:#fff; overflow:hidden; }
.ra-hero::after { content:""; position:absolute; inset:0; background: radial-gradient(1200px 400px at 80% -10%, rgba(87,169,47,.20), transparent 60%), radial-gradient(900px 500px at 0% 120%, rgba(37,99,235,.35), transparent 60%); pointer-events:none; }
.ra-hero .container { position:relative; z-index:2; }
.ra-eyebrow { display:inline-flex; align-items:center; gap:.5rem; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); color:#9fe27a; padding:7px 16px; border-radius:999px; font-size:.85rem; font-weight:600; letter-spacing:.02em; margin-bottom:22px; }
.ra-hero h1 { color:#fff; font-weight:800; line-height:1.12; font-size:clamp(2rem,4.4vw,3.3rem); }
.ra-hero h1 span { color:#7ec95a; }
.ra-hero .ra-sub { color:#cbd5e1; font-size:1.15rem; max-width:660px; margin:18px 0 30px; line-height:1.7; }
.ra-hero .row { justify-content:center; }
.ra-hero-copy { text-align:center; }
.ra-hero-copy .ra-sub { margin-left:auto; margin-right:auto; }
.ra-hero-copy .ra-cta-row { justify-content:center; }
.ra-hero-copy .ra-hero-points { justify-content:center; }
.ra-hero-points { list-style:none; display:flex; flex-wrap:wrap; gap:10px 22px; padding:0; margin:22px 0 30px; }
.ra-hero-points li { display:flex; align-items:center; gap:9px; color:rgba(255,255,255,.88); font-size:1rem; }
.ra-hero-points li::before { content:"✓"; width:20px; height:20px; border-radius:50%; background:var(--ra-green); color:#fff; font-size:.72rem; font-weight:800; display:flex; align-items:center; justify-content:center; flex:none; }

.ra-cta-row { display:flex; flex-wrap:wrap; gap:14px; }
.ra-btn { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; min-height:52px; padding:14px 30px; border-radius:10px; font-weight:700; font-size:1.02rem; text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, background .15s ease; }
.ra-btn-primary { background:var(--ra-accent); color:#fff; box-shadow:0 10px 25px rgba(87,169,47,.35); }
.ra-btn-primary:hover { transform:translateY(-2px); background:#66bd3a; color:#fff; }
.ra-btn-ghost { background:rgba(255,255,255,.06); color:#fff; border:1px solid rgba(255,255,255,.35); }
.ra-btn-ghost:hover { background:rgba(255,255,255,.14); color:#fff; transform:translateY(-2px); }

.ra-trustbar { background:var(--ra-ink); }
.ra-trustbar .ra-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; padding:22px 0; }
.ra-trust-item { text-align:center; color:#e2e8f0; }
.ra-trust-item strong { display:block; font-size:1.65rem; color:#7ec95a; font-weight:800; line-height:1; }
.ra-trust-item span { font-size:.92rem; color:#94a3b8; }

.ra-page nav.table-of-contents { border:1px solid var(--ra-line); background:#f8fafc; padding:1.5rem 1.6rem; border-radius:12px; }
.ra-page nav.table-of-contents li { margin-bottom:.55rem; }
.ra-page nav.table-of-contents a { color:var(--ra-primary); text-decoration:none; font-weight:500; }
.ra-page nav.table-of-contents a:hover { text-decoration:underline; }

.ra-page section { scroll-margin-top:110px; }
.ra-page section + section { margin-top:3rem; }
.ra-page h2.ra-h2 { font-weight:800; margin-bottom:1rem; font-size:clamp(1.5rem,3vw,2rem); }
.ra-page h2.ra-h2 .ra-kicker { display:block; font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; color:var(--ra-primary); font-weight:700; margin-bottom:.4rem; }

.ra-figure { margin:1.6rem 0 0; border-radius:14px; overflow:hidden; border:1px solid var(--ra-line); }
.ra-figure img { width:100%; height:auto; display:block; }

.ra-card-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:1.4rem; }
.ra-card { border:1px solid var(--ra-line); border-radius:12px; padding:20px; background:#fff; transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease; }
.ra-card:hover { box-shadow:0 14px 30px rgba(15,23,42,.08); transform:translateY(-3px); border-color:#c7d2fe; }
.ra-card .ra-ic { font-size:1.6rem; line-height:1; }
.ra-card h3, .ra-card .ra-card-title { display:block; font-size:1.12rem; margin:.6rem 0 .35rem; font-weight:700; }
.ra-card p { font-size:.96rem; margin:0; }

.ra-highlight { background:linear-gradient(180deg,#fffbeb 0%,#fff7e0 100%); border:2px solid var(--ra-accent); padding:26px 28px; border-radius:14px; box-shadow:0 12px 30px rgba(245,158,11,.14); }
.ra-badge { display:inline-block; background:var(--ra-green); color:#fff; padding:5px 14px; border-radius:999px; font-size:.82rem; font-weight:700; letter-spacing:.03em; margin-bottom:14px; }
.ra-highlight h3, .ra-highlight .ra-highlight-lead { margin-bottom:14px; font-weight:800; font-size:1.25rem; line-height:1.4; }
.ra-check { list-style:none; margin:0; padding:0; }
.ra-check li { position:relative; padding-left:34px; margin-bottom:12px; color:#3f3208; font-size:1.02rem; }
.ra-check li:last-child { margin-bottom:0; }
.ra-check li::before { content:"✓"; position:absolute; left:0; top:0; width:24px; height:24px; border-radius:50%; background:var(--ra-green); color:#fff; font-size:.8rem; font-weight:800; display:flex; align-items:center; justify-content:center; }

.ra-condition { border:1px solid #fecaca; border-left:6px solid var(--ra-danger); background:#fef2f2; padding:26px 28px; border-radius:12px; }
.ra-condition h3 { color:var(--ra-danger) !important; font-weight:800; margin-bottom:10px; }
.ra-condition ul { margin:14px 0 0; padding-left:0; list-style:none; }
.ra-condition ul li { position:relative; padding-left:30px; margin-bottom:11px; color:#7f1d1d; }
.ra-condition ul li::before { content:"•"; position:absolute; left:8px; color:var(--ra-danger); font-weight:800; font-size:1.2rem; line-height:1; }
.ra-condition .ra-soft { margin-top:16px; background:#fff; border:1px dashed #fca5a5; border-radius:10px; padding:14px 16px; color:#7f1d1d; font-size:.98rem; }

.ra-steps { counter-reset:step; display:grid; gap:16px; margin-top:1.4rem; }
.ra-step { position:relative; border:1px solid var(--ra-line); border-radius:12px; padding:20px 22px 20px 74px; background:#fff; }
.ra-step::before { counter-increment:step; content:counter(step); position:absolute; left:20px; top:20px; width:38px; height:38px; border-radius:10px; background:var(--ra-primary); color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; font-size:1.05rem; }
.ra-step h3, .ra-step .ra-step-title { display:block; font-size:1.1rem; font-weight:700; margin:0 0 .35rem; }
.ra-step p { margin:0; font-size:.98rem; }

.ra-table { width:100%; border-collapse:collapse; margin-top:1.2rem; font-size:.98rem; }
.ra-table th, .ra-table td { border:1px solid var(--ra-line); padding:11px 14px; text-align:left; vertical-align:top; }
.ra-table th { background:#f8fafc; font-weight:700; color:var(--ra-ink); }
.ra-scroll { overflow-x:auto; }

.ra-chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:1.2rem; }
.ra-chip { background:#eff6ff; border:1px solid #dbeafe; color:#1e40af; font-weight:600; padding:9px 16px; border-radius:999px; font-size:.95rem; }

.ra-faq details { border:1px solid var(--ra-line); border-radius:12px; padding:4px 20px; margin-bottom:12px; background:#fff; transition:box-shadow .2s ease; }
.ra-faq details[open] { box-shadow:0 10px 24px rgba(15,23,42,.06); border-color:#c7d2fe; }
.ra-faq summary { list-style:none; cursor:pointer; font-weight:700; color:var(--ra-ink); padding:16px 34px 16px 0; position:relative; font-size:1.06rem; }
.ra-faq summary::-webkit-details-marker { display:none; }
.ra-faq summary::after { content:"+"; position:absolute; right:2px; top:50%; transform:translateY(-50%); font-size:1.5rem; color:var(--ra-primary); font-weight:400; }
.ra-faq details[open] summary::after { content:"–"; }
.ra-faq .ra-answer { padding:0 0 18px; color:var(--ra-muted); line-height:1.7; }

.ra-final-cta { background:linear-gradient(135deg,#14213d 0%,#1e3a8a 100%); border-radius:18px; padding:40px; color:#fff; text-align:center; margin-top:3rem; }
.ra-final-cta h2 { color:#fff !important; font-weight:800; }
.ra-final-cta p { color:#cbd5e1; max-width:640px; margin:12px auto 26px; }
.ra-contactline { display:flex; flex-wrap:wrap; gap:22px; justify-content:center; margin-top:20px; }
.ra-contactline a { color:#fde68a; text-decoration:none; font-weight:600; }
.ra-contactline a:hover { text-decoration:underline; }

.ra-side-card { border:1px solid var(--ra-line); border-radius:14px; padding:22px; background:#fff; margin-bottom:22px; }
.ra-side-cta { background:linear-gradient(135deg,#1e3a8a,#1d4ed8); color:#fff; text-align:center; }
.ra-side-cta h4 { color:#fff !important; font-weight:800; }
.ra-side-cta p { color:#dbeafe; }
.ra-side-cta .ra-btn-primary { width:100%; margin-top:6px; }
.ra-side-card h4, .ra-side-card h5 { font-weight:700; }
.ra-linklist { list-style:none; margin:.6rem 0 0; padding:0; }
.ra-linklist li { margin-bottom:10px; }
.ra-linklist a { color:var(--ra-primary); text-decoration:none; font-weight:600; display:inline-flex; align-items:center; gap:.45rem; }
.ra-linklist a:hover { text-decoration:underline; }
.ra-sticky { position:sticky; top:100px; }

@media (max-width:991px){
  .ra-trustbar .ra-trust-grid { grid-template-columns:repeat(2,1fr); gap:18px; }
  .ra-card-grid { grid-template-columns:1fr; }
  .ra-sticky { position:static; }
  .ra-hero { padding-top:160px !important; padding-bottom:70px !important; }
  .ra-hero-copy { text-align:center; }
  .ra-hero-copy .ra-cta-row, .ra-hero-points { justify-content:center; }
  .ra-hero-copy .ra-sub { margin-left:auto; margin-right:auto; }
}
@media (max-width:575px){ .ra-final-cta { padding:28px 20px; } }

.ra-final-cta > a,
.ra-side-cta > a,
.ra-highlight > a[href*="ware-anbieten"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 52px;
  padding: 14px 30px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 1.02rem;
  text-decoration: none;
  background: var(--ra-accent, #f59e0b);
  color: #1a1300 !important;
  box-shadow: 0 10px 25px rgba(245, 158, 11, .35);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.ra-final-cta > a:hover,
.ra-side-cta > a:hover,
.ra-highlight > a[href*="ware-anbieten"]:hover {
  transform: translateY(-2px);
  background: #fbbf24;
  color: #1a1300 !important;
  text-decoration: none;
}

.ra-side-cta > a { width: 100%; margin-top: 6px; }

.mdc-catpicker{--mdc-accent:#ff4a26;}
.mdc-zustand{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 10px;}
.mdc-zustand .mdc-lbl{font-size:.82rem;font-weight:600;color:#0d1a1c;margin-right:2px;}
.mdc-z{background:#fbfcfc;border:1.5px solid #e7ecee;color:#0d1a1c;border-radius:999px;padding:7px 15px;font-size:.85rem;font-weight:600;cursor:pointer;}
.mdc-z:hover{border-color:var(--mdc-accent);}
.mdc-z.on{background:var(--mdc-accent);border-color:var(--mdc-accent);color:#fff;}
.mdc-dd{position:relative;}
.mdc-dd-toggle{width:100%;text-align:left;background:#fbfcfc;border:1.5px solid #e7ecee;border-radius:11px;padding:11px 14px;font-size:.95rem;color:#0d1a1c;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:500;}
.mdc-dd-toggle:hover{border-color:var(--mdc-accent);}
.mdc-catpicker.open .mdc-dd-toggle{border-color:var(--mdc-accent);}
.mdc-catpicker.open .mdc-arrow{transform:rotate(180deg);}
.mdc-arrow{transition:transform .15s ease;color:#9aa6ab;}
.mdc-dd-panel{margin-top:8px;border:1.5px solid #e7ecee;border-radius:11px;padding:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 10px;background:#fff;max-height:230px;overflow:auto;}
.mdc-op{display:flex;gap:8px;align-items:center;font-size:.85rem;color:#0d1a1c;padding:7px 6px;border-radius:7px;cursor:pointer;font-weight:500;}
.mdc-op:hover{background:#fff6f3;}
.mdc-op input{width:16px;height:16px;accent-color:var(--mdc-accent);flex:none;}
.mdc-chosen{font-size:.8rem;color:#55636b;margin-top:6px;}
.mdc-chosen:empty{display:none;}
.mdc-catpicker.mdc-err .mdc-dd-toggle{border-color:#e23b2a;box-shadow:0 0 0 3px rgba(226,59,42,.12);}
    @keyframes mdcNlIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

.card-style-eleven h5,
.card-style-eleven h3 { color: black; font-size: 1.25rem; }

h2, h3, h5, h6, .toc-heading, .toc-title { color: #000 !important; }
nav.table-of-contents { border: 1px solid #e5e7eb; background: #f8fafc; padding: 1rem; border-radius: 6px; }
nav.table-of-contents h2, nav.table-of-contents .toc-title { display: block; margin-bottom: 0.5rem; font-weight: 600; font-size: 1.5rem; line-height: 1.2; }
nav.table-of-contents ul { padding-left: 1.25rem; }
nav.table-of-contents a { color: #0d6efd; text-decoration: none; }
nav.table-of-contents a:hover { text-decoration: underline; color: #054aa3; }

.banner-dark { background: #000; }
.list-label { display: block; font-size: 1.5rem; color: #212529; margin-bottom: 1.875rem; font-weight: 700; }

.ra-side-card h2 { font-size: 1.25rem; font-weight: 700; margin: 0 0 .5rem; }
.ra-side-card h3, .ra-side-card .ra-side-title { display: block; font-size: 1.05rem; font-weight: 700; margin: 0 0 .5rem; }
.ra-side-cta h2, .ra-side-cta .ra-side-cta-title { color: #fff !important; }

.theme-main-menu .nav-link,
.theme-main-menu .right-widget li { color: #fff; }

.theme-main-menu .logo img { height: 100px; width: auto; max-width: none; }
/* "Mein Konto" steht links neben der Abmelden-Schaltflaeche und soll
   ihr nicht die Aufmerksamkeit nehmen: schlichter Text, gleiche Hoehe. */
.md-konto-link { color:#fff; text-decoration:none; font-weight:600; font-size:.95rem;
  display:inline-flex; align-items:center; min-height:44px; }
.md-konto-link:hover { color:#7ec95a; text-decoration:underline; }
.mdc-hidden { display: none; }
.footer-logo-sm { width: 100px; height: auto; }
.auk{--ink:#0f172a;--muted:#475569;--line:#e5e7eb;--accent:#f59e0b;--primary:#1d4ed8;--red:#dc2626;background:#f4f5f7;min-height:70vh}
.auk *{box-sizing:border-box}

.auk-owner{max-width:1040px;margin:18px auto 6px;padding:0 16px;color:#000;font-size:.92rem;text-align:center;line-height:1.6}
.auk-card h3,.auk-detail h2{color:#000 !important}
.auk-bar{max-width:1040px;margin:10px auto 0;padding:0 16px;display:flex;justify-content:flex-end;gap:14px;align-items:center;font-size:.85rem}
.auk-bar a{color:var(--primary);text-decoration:none;font-weight:600}
.auk-who{margin-right:auto;color:#475569}.auk-who b{color:#0f172a}
.auk-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}
.auk-bar .auk-btn-acc{border:1.5px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:9px;padding:9px 16px;font-weight:700;cursor:pointer;font-size:.9rem}
.auk-bar .auk-btn-acc:hover{border-color:var(--primary);color:var(--primary)}
.auk-bar .auk-btn-out{border:none;background:#0b1220;color:#fff;border-radius:9px;padding:9px 16px;font-weight:700;cursor:pointer;font-size:.9rem}

.auk-bar .auk-btn-login{border:none;background:var(--ra-accent,#f59e0b);color:#1a1300;
  border-radius:9px;padding:9px 16px;font-weight:700;cursor:pointer;font-size:.9rem}
.auk-bar .auk-btn-login:hover{background:#fbbf24}
.auk-bar{flex-wrap:wrap}
#dPrice{transition:color .2s}.dPrice-top{color:#059669!important}.dPrice-out{color:#0f172a!important}
.auk-bidok{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}
.auk-bidok.open{display:flex}
.auk-bidok .box{position:relative;background:#fff;border-radius:16px;max-width:420px;width:100%;padding:32px 26px 24px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.auk-bidok .bx{position:absolute;top:10px;right:12px;border:none;background:none;font-size:1.5rem;line-height:1;color:#94a3b8;cursor:pointer;padding:4px}
.auk-bidok .cdwrap{margin-top:16px}
.auk-bidok .cdtxt{font-size:.8rem;color:#64748b}
.auk-bidok .cdnum{font-weight:800;color:#0f172a}
.auk-bidok .cdbar{height:5px;border-radius:999px;background:#e5e7eb;overflow:hidden;margin-top:6px}
.auk-bidok .cdbar>i{display:block;height:100%;background:var(--primary);width:100%;transition:width 1s linear}
.auk-bidok .chk{width:64px;height:64px;border-radius:50%;background:#dcfce7;color:#166534;font-size:34px;line-height:64px;margin:0 auto 14px}
.auk-bidok h3,.auk-bidok .auk-dialog-title{display:block;font-weight:700;margin:0 0 6px;font-size:1.4rem}.auk-bidok p{color:#475569;margin:0 0 18px}
.auk-bidok .amt{font-size:1.8rem;font-weight:800;color:#0f172a;margin:6px 0}
.auk-bidok .lead{display:inline-block;background:#dcfce7;color:#166534;font-weight:700;border-radius:999px;padding:4px 14px;font-size:.85rem;margin-bottom:14px}
.auk-bidok button{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:12px 26px;font-weight:800;cursor:pointer;font-size:1rem}

.auk-docslot{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;margin-bottom:8px;flex-wrap:wrap}
.auk-docslot .nm{font-weight:600}.auk-docslot .st{margin-left:auto;font-size:.8rem;font-weight:700;border-radius:999px;padding:3px 10px}
.auk-docslot .st.verified{background:#dcfce7;color:#166534}.auk-docslot .st.pending{background:#fef3c7;color:#92400e}.auk-docslot .st.rejected{background:#fee2e2;color:#991b1b}.auk-docslot .st.missing{background:#f1f5f9;color:#64748b}
.auk-docnote{background:#fff7e0;border:1px solid var(--accent);border-radius:10px;padding:12px 14px;font-size:.88rem;color:#7a5b00;margin:6px 0 14px}
.auk-docnote.ok{background:#eafaf0;border-color:#86efac;color:#166534}

.auk-wrap{max-width:1080px;margin:14px auto;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
@media(max-width:480px){.auk-wrap{grid-template-columns:repeat(2,1fr);gap:10px}}
.auk-card h3{font-size:.95rem}.auk-b{padding:11px}.auk-price{font-size:1.05rem}

@media(max-width:991px){.ra-hero{padding-top:150px!important;padding-bottom:48px!important}}
.auk.auk-detail-top{padding-top:120px}

@media(max-width:991px){.auk.auk-detail-top{padding-top:150px}}

html.auk-detailmode .auk-kopf{display:none!important}
html.auk-detailmode .auk-barrow{justify-content:flex-end}
html.auk-detailmode main.auk{padding-top:120px}
@media(max-width:991px){html.auk-detailmode main.auk{padding-top:150px}}
.auk-barrow{max-width:1040px;margin:14px auto 0;padding:0 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}

.auk-barrow .auk-bar{margin:0;padding:0;flex:1}
.auk-zurueck{color:var(--primary);text-decoration:none;font-weight:600;font-size:.85rem;
  display:inline-flex;align-items:center;min-height:44px}
.auk-zurueck:hover{text-decoration:underline}
.auk-konto{display:flex;align-items:center;gap:10px;flex:1}
.auk-kgruss{display:none}
.auk-kbtn{display:flex;gap:10px;margin-left:auto}

@media(max-width:700px){
  .auk-barrow{flex-direction:column;align-items:stretch;gap:0}
  .auk-barrow .auk-bar{justify-content:flex-start;flex-wrap:wrap}
  .auk-zurueck{min-height:0;padding:2px 0 8px}
  /* Kachel: Begruessung oben, darunter durch eine Linie getrennt die
     beiden Schaltflaechen. Der Firmenname darf dabei umbrechen, ohne
     dass etwas verrutscht. */
  .auk-konto{display:block;background:#fff;border:1px solid var(--line);
    border-radius:11px;padding:11px 12px}
  .auk-kgruss{display:block;font-size:.75rem;color:var(--muted)}
  .auk-konto .auk-who{display:block;margin:2px 0 0;color:var(--muted)}
  .auk-kbtn{margin:10px -12px 0;padding:10px 12px 0;border-top:1px solid var(--line)}
  .auk-kbtn .auk-btn-acc,.auk-kbtn .auk-btn-out{flex:1 1 0;min-width:0;text-align:center}
}

.auk-hl{max-width:1080px;margin:16px auto 0;padding:0 16px}
@media(min-width:1120px){.auk-hl{max-width:1480px}}
@media(min-width:1520px){.auk-hl{max-width:1760px}}
.auk-hl h2{font-size:1.05rem;margin:0 0 10px;color:#000}
.auk-hlgrid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:2px 0 4px;scrollbar-width:none;-ms-overflow-style:none;
  cursor:grab;outline:none;touch-action:pan-x pan-y}
.auk-hlgrid.zieht,.auk-hlgrid.zieht *{user-select:none;-webkit-user-select:none}
.auk-hlgrid a,.auk-hlgrid img{-webkit-user-drag:none;user-drag:none}
.auk-hlgrid::-webkit-scrollbar{display:none}
.auk-hlgrid.zieht{cursor:grabbing;scroll-snap-type:none}
.auk-hlgrid:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:14px}
.auk-hlgrid > .auk-hcard{flex:0 0 auto;width:min(73vw,720px);scroll-snap-align:center}
.auk-hldots{display:flex;gap:6px;justify-content:center;margin-top:11px}
.auk-hldot{width:7px;height:5px;padding:0;border:0;border-radius:3px;background:#c7ced2;
  cursor:pointer;transition:width .18s,background .18s}
.auk-hldot.on{width:20px;background:var(--ink)}
.auk-hldot:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

.auk-hcard{position:relative;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;color:var(--ink);text-decoration:none;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.05)}
.auk-hcard .him{position:relative;aspect-ratio:16/10;background:transparent;display:flex;align-items:center;justify-content:center}

.auk-hcard .him img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.auk-hrank{position:absolute;top:10px;left:10px;width:30px;height:30px;border-radius:50%;background:#0b1220;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:2}
.auk-htag{position:absolute;top:10px;right:10px;background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:700;z-index:2}
.auk-hcard .hc{padding:12px;flex:1;display:flex;flex-direction:column}
.auk-hspacer{flex:1;min-height:6px}
.auk-hcard h3{margin:2px 0 4px;font-size:1rem;color:var(--ink)}

.auk-hpreis{display:flex;justify-content:space-between;align-items:baseline;gap:8px;
  margin:10px 0 0;padding:9px 11px;background:#f1f5f9;
  border:1px solid var(--line);border-radius:8px}
.auk-hpreis.is-top{background:#ecfdf5;border-color:#a7f3d0}
.auk-hpl{font-size:.7rem;color:#475569;line-height:1.3}
.auk-hpv{font-size:1.15rem;font-weight:800;color:#0f172a;white-space:nowrap}
.auk-hpreis.is-top .auk-hpv{color:#047857}
@media(max-width:380px){.auk-hpreis{flex-direction:column;gap:2px}}.auk-hmeta{font-size:.78rem;color:var(--muted)}.auk-hmeta b{color:var(--ink)}
.auk-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.05)}
.auk-b{display:flex;flex-direction:column;flex:1}
.auk-spacer{flex:1}
.auk-card img{width:100%;aspect-ratio:1/1;height:auto;object-fit:contain;background:transparent;display:block}
.auk-heart{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);border:none;font-size:18px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.auk-heart.on{color:#e11d48}
.auk-b{padding:15px}.auk-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.auk .bg{font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:999px;background:#eef2ff;color:#3730a3}
.auk-card h3{margin:4px 0 6px;font-size:1.08rem;color:var(--ink)}
.auk-desc{font-size:.85rem;color:var(--muted);margin:0 0 10px}
.auk-count{font-size:.78rem;color:var(--red);font-weight:700;margin-bottom:10px}
/* Noch nicht gestartet: kein Rot, das signalisiert hier Eile, die es nicht gibt. */
.auk-count.auk-kommt{color:var(--primary)}

/* Trennung zwischen Inhalt und Fussbereich. Die graue Stufe ist dunkler als
   beide Seitenhintergruende (weiss und #f4f5f7), wirkt also auf jeder Seite
   als Zwischenschritt. Auf dem Handy etwas flacher. */
.mdt-fusskante{height:30px;background:#dfe3e8;border-bottom:4px solid #7ec95a}
@media(max-width:767px){ .mdt-fusskante{height:20px;border-bottom-width:3px} }
/* Luft zwischen der Kante und dem Inhalt des Fussbereichs. Logo und die
   beiden Ueberschriften begannen bisher unmittelbar an der Trennlinie. */
.footer-four{padding-top:56px}
@media(max-width:767px){ .footer-four{padding-top:36px} }
.auk-price{font-size:1.25rem;font-weight:800;color:var(--ink)}
.auk-catline{font-size:.82rem;color:var(--muted);margin-top:2px}.auk-catline b{color:var(--ink)}
.auk-lock{background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:9px;padding:9px;font-size:.82rem;color:var(--muted);text-align:center}
.auk-go{display:block;text-align:center;margin-top:10px;background:var(--primary);color:#fff;border-radius:9px;padding:10px;font-weight:700;text-decoration:none}

.auk-detail{max-width:1040px;margin:16px auto;padding:0 16px;display:grid;
  grid-template-columns:1.3fr 1fr;gap:20px;align-items:start;
  grid-template-areas:"gal seite" "text seite"}
.auk-galsp{grid-area:gal;min-width:0}
.auk-seite{grid-area:seite;min-width:0}
.auk-text{grid-area:text;min-width:0}

@media(max-width:760px){
  .auk-detail{display:flex;flex-direction:column;gap:14px;align-items:stretch;
    grid-template-columns:none;grid-template-areas:none}
  .auk-text,.auk-seite{display:contents}
  .auk-text > .auk-badges     {order:1}
  .auk-text > h2              {order:2;margin:0!important}
  .auk-text > .auk-desc       {order:3;margin:0}
  .auk-galsp                  {order:4}
  .auk-seite > .auk-bidbox    {order:5}
  .auk-text > .auk-pb         {order:6;margin-top:0!important}
  .auk-text > .auk-doc        {order:7}
  .auk-text > .auk-dl         {order:8}
  .auk-seite > .auk-calc      {order:9;margin-top:0}
}

.auk-sumrow span,.auk-sumrow b{font-weight:400}
.auk-sumrow.is-fett span,.auk-sumrow.is-fett b{font-weight:700;color:#0f172a}
.auk-sumrow.is-strich{border-bottom:2px solid #cbd5e1;padding-bottom:9px;margin-bottom:3px}
.auk-nofrei{color:#b45309}
.auk-gal{position:relative}.auk-gal img{width:100%;aspect-ratio:1/1;height:auto;object-fit:contain;border-radius:12px;background:transparent;display:block}
.auk-thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.auk-thumb{width:64px;height:64px;object-fit:contain;border-radius:8px;border:2px solid var(--line);cursor:pointer;background:transparent}

.auk-spec{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:.9rem;margin-top:8px}
.auk-spec .k{color:var(--muted)}.auk-spec .val{color:var(--ink);font-weight:700;text-align:right}
.auk-doc{border:1px solid var(--line);border-radius:10px;margin-top:10px;overflow:hidden;
  min-width:0;max-width:100%}
.auk-doc .dh{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:8px 12px;font-size:.85rem;font-weight:600}
.auk-doc .db{max-height:260px;overflow:auto;padding:8px 10px;
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.auk-doc table{width:max-content;min-width:100%;border-collapse:collapse}
.auk-doc td,.auk-doc th{border:1px solid var(--line);padding:4px 6px;font-size:.75rem;
  text-align:left;white-space:nowrap}
.auk-doc th{position:sticky;top:0;background:#f8fafc;z-index:1}
.auk-scrollhinweis{display:none;font-size:.7rem;color:var(--muted);padding:0 12px 8px}
@media(max-width:760px){
  .auk-text > .auk-doc{min-width:0}
  .auk-scrollhinweis{display:block}
}
.auk-calc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:14px}
.auk-calc .r{display:flex;justify-content:space-between;font-size:.9rem;margin:4px 0}
.auk-scene{position:relative;height:96px;background:linear-gradient(#eef4fb,#e7eef5);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:8px 0 12px}
.auk-scene .grd{position:absolute;left:0;right:0;bottom:0;height:26px;background:#e2e8f0}
.auk-scene .grd:before{content:"";position:absolute;top:11px;left:64px;right:64px;height:2px;background:repeating-linear-gradient(90deg,#b8c2ce 0 9px,transparent 9px 18px)}
.auk-scene .wh{position:absolute;bottom:26px;width:58px;height:44px}
.auk-scene .wh.l{left:4px}.auk-scene .wh.r{right:4px}
.auk-scene .tg{position:absolute;bottom:4px;font-size:.62rem;font-weight:700;color:#64748b}
.auk-scene .tg.l{left:8px}.auk-scene .tg.r{right:8px}
.auk-scene .tr{position:absolute;bottom:22px;left:60px;animation:aukdrive 5s ease-in-out infinite}
@keyframes aukdrive{0%,14%{left:58px}50%{left:calc(100% - 118px)}60%,74%{left:calc(100% - 118px)}100%{left:58px}}
.auk-scene .pbed{opacity:0;animation:aukpbed 5s ease-in-out infinite}
@keyframes aukpbed{0%,12%{opacity:0}18%,72%{opacity:1}80%,100%{opacity:0}}
.auk-scene .ps{position:absolute;bottom:26px}
.auk-scene .ps.l{left:66px;animation:aukpl 5s ease-in-out infinite}
@keyframes aukpl{0%,10%{opacity:1}16%,100%{opacity:0}}
.auk-scene .ps.r{right:66px;opacity:0;animation:aukpr 5s ease-in-out infinite}
@keyframes aukpr{0%,74%{opacity:0}82%,100%{opacity:1}}
.auk-scene .whl{animation:aukspin 5s linear infinite;transform-box:fill-box;transform-origin:center}
@keyframes aukspin{to{transform:rotate(360deg)}}

.auk-merk{width:100%;margin-top:12px;background:#0f172a;color:#fff;border:none;border-radius:10px;padding:14px;font-weight:800;font-size:1rem;cursor:pointer}
.auk-merk.on{background:#16a34a}
.auk-thumb.on{border-color:var(--accent)}
.auk-pb{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}

.auk-steps{display:flex;gap:8px;margin:10px 0}.auk-steps button{flex:1;background:#fff;border:1.5px solid var(--line);border-radius:9px;padding:10px 4px;font-weight:700;cursor:pointer}
.auk-steps button:hover{border-color:var(--accent)}
.auk-bidrow{display:flex;gap:8px}

.auk-bidrow input{flex:1;border:1.5px solid var(--line);border-radius:9px;padding:11px;
  text-align:right;font-size:1.35rem;font-weight:800;color:#0f172a;letter-spacing:.01em}
.auk-bidrow input:focus{outline:none;border-color:#047857}

.auk-bidbtn{background:#047857;color:#fff;border:none;border-radius:9px;padding:11px 16px;
  font-weight:800;cursor:pointer;min-height:48px;box-sizing:border-box}
.auk-bidbtn:hover{background:#065f46}

.auk-dl{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.auk-dl a{border:1.5px solid var(--line);border-radius:9px;padding:9px 12px;font-size:.82rem;text-decoration:none;color:var(--ink)}
.auk-modal{position:fixed;inset:0;background:rgba(6,20,24,.55);display:none;align-items:center;justify-content:center;z-index:9999;padding:16px}
.auk-modal.open{display:flex}

.auk-dialog{background:#fff;color:#0f172a;border:1px solid var(--line,#e2e8f0);
  border-radius:14px;max-width:440px;width:100%;padding:22px;max-height:90vh;overflow:auto;
  box-shadow:0 18px 44px rgba(15,23,42,.18)}
.auk-dialog h3,.auk-dialog .auk-dialog-title{display:block;font-size:1.1rem;font-weight:700;
  margin:0 0 2px;color:#0f172a}
.auk-dialog p{color:#64748b}.auk-dialog a{color:#1d4ed8}
.auk-dialog label{display:block;font-size:.78rem;color:#475569;margin:0 0 3px}
.auk-dialog input[type=email],.auk-dialog input[type=password],.auk-dialog input[type=text]{
  width:100%;border:1.5px solid var(--line,#e2e8f0);border-radius:9px;padding:10px 11px;
  font-size:.95rem;color:#0f172a;background:#fff;margin-bottom:10px;box-sizing:border-box}
.auk-dialog input:focus{outline:none;border-color:#1d4ed8}
.auk-dialog .sb{width:100%;box-sizing:border-box;background:#047857;color:#fff;border:none;border-radius:9px;
  padding:11px;font-size:.95rem;font-weight:700;cursor:pointer;min-height:46px}
.auk-dialog .sb:hover{background:#065f46}

.auk-dlgkopf{margin-bottom:14px}
.auk-dlgkopf p{margin:2px 0 0;font-size:.8rem;line-height:1.35}

.auk-dialog textarea{width:100%;border:1.5px solid var(--line,#e2e8f0);border-radius:9px;
  padding:10px;background:#fff;color:#0f172a;box-sizing:border-box}
.auk-dialog textarea:focus{outline:none;border-color:#1d4ed8}
.auk-msg{font-size:.85rem;margin-top:8px}.auk-x{color:#94a3b8;float:right;border:none;background:none;font-size:1.5rem;cursor:pointer;color:#9aa4ad}
.auk-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:26px;background:#0f172a;color:#fff;padding:10px 18px;border-radius:999px;font-size:.85rem;z-index:10000;display:none}

.sup{--ink:#0f172a;--muted:#64748b;--line:#e5e7eb;--amber:#f59e0b;--dark:#0b1220;background:#f4f5f7;min-height:70vh}
.sup *{box-sizing:border-box}
.sup-hero{background:linear-gradient(135deg,#0b1220,#14213d 55%,#1e3a8a);color:#fff;padding:170px 20px 46px;text-align:center}
@media(max-width:991px){.sup-hero{padding-top:150px}}
.sup-hero h1{margin:0 0 6px;font-weight:800;font-size:2.2rem}.sup-hero p{color:#cbd5e1;margin:0}
.sup-wrap{max-width:900px;margin:26px auto;padding:0 16px}
.sup-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;color:var(--ink)}
.sup-card h2{font-size:1.2rem;margin:0 0 4px}.sup-card h3{font-size:1rem;margin:18px 0 10px}
.sup-sub{color:var(--muted);margin:0 0 16px}
.sup-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:6px}
@media(max-width:700px){.sup-opts{grid-template-columns:1fr}}
.sup-opt{position:relative;border:1.5px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;text-align:center;background:#fff;transition:.15s}
.sup-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.sup-opt.on{border-color:var(--amber);background:#fffbeb;box-shadow:0 6px 18px rgba(245,158,11,.12)}
.sup-opt .ic{font-size:1.5rem}.sup-opt b{display:block;margin:7px 0 3px;font-size:.92rem}.sup-opt span{font-size:.78rem;color:var(--muted)}
.sup-frm{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
@media(max-width:600px){.sup-frm{grid-template-columns:1fr}}
.sup-frm .full{grid-column:1/-1}
.sup label{font-size:.82rem;font-weight:600;display:block;margin-bottom:4px;color:var(--ink)}
.sup input,.sup textarea{width:100%;border:1.5px solid var(--line);border-radius:9px;padding:10px 12px;font:inherit;background:#fff;color:var(--ink)}
.sup textarea{min-height:120px;resize:vertical}
.sup-send{background:var(--amber);color:#1a1300;border:none;border-radius:10px;padding:13px 24px;font-weight:800;cursor:pointer;margin-top:12px}
.sup-hint{font-size:.8rem;color:var(--muted);margin-top:10px}
.sup-ok{background:#dcfce7;border:1px solid #86efac;color:#166534;border-radius:12px;padding:18px;text-align:center;font-weight:600}
.sup-err{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;border-radius:10px;padding:12px;margin-bottom:14px}

html, body { overflow-x: clip; }

.ra-cta-row.ra-cta-center { justify-content: center; }
.ra-linklist.ra-linklist-plain { color: var(--ra-muted); }
.ra-mb0 { margin-bottom: 0 !important; }

.auk-bidbox { padding:18px; }
.auk-bidbox .auk-count { font-size:.78rem; color:#64748b; }
.auk-bidbox .auk-count b { color:#dc2626; font-size:1.05rem; font-weight:800; }
.auk-bigprice { font-size:2rem; font-weight:800; color:#0f172a; line-height:1.1; margin:10px 0 2px; }
.auk-bigprice small { font-size:.7rem; color:#94a3b8; font-weight:400; }
.auk-state { display:inline-block; font-size:.78rem; font-weight:700; border-radius:999px; padding:3px 11px; margin-bottom:14px; }
.auk-state.is-top { background:#ecfdf5; color:#065f46; }
.auk-state.is-out { background:#fef2f2; color:#991b1b; }

.auk-facts { margin-top:12px; border-top:1px solid #eef2f6; padding-top:10px; font-size:.8rem; color:#475569; }
.auk-facts > div { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; padding:3px 0; position:relative; }
.auk-facts b { white-space:nowrap; }

.auk-i { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; padding:0;
         border:none; border-radius:50%; background:#e2e8f0; color:#475569; font-size:11px; font-weight:800;
         cursor:pointer; margin-left:5px; vertical-align:middle; line-height:1; }
.auk-i:hover { background:#cbd5e1; }
.auk-ibox { display:none; position:absolute; left:0; top:100%; z-index:20; margin-top:4px;
            background:#0f172a; color:#fff; border-radius:9px; padding:9px 12px; font-size:.78rem;
            line-height:1.5; max-width:300px; box-shadow:0 10px 26px rgba(0,0,0,.25); }
.auk-ibox.on { display:block; }

.auk-more { margin-top:10px; border-top:1px solid #eef2f6; padding-top:8px; }
.auk-more summary { font-size:.82rem; font-weight:700; color:#1d4ed8; cursor:pointer; list-style:none; min-height:34px; display:flex; align-items:center; }
.auk-more summary::-webkit-details-marker { display:none; }
.auk-more summary::before { content:"+"; margin-right:7px; font-weight:800; }
.auk-more[open] summary::before { content:"–"; }
.auk-more p { font-size:.8rem; color:#64748b; margin:6px 0 8px; }

.auk-merkbtn { width:100%; margin-top:10px; background:#fff; border:1.5px solid #e2e8f0; border-radius:10px;
               padding:10px; font-size:.85rem; font-weight:600; color:#334155; cursor:pointer; min-height:44px; }
.auk-merkbtn:hover { border-color:#cbd5e1; background:#f8fafc; }
.auk-merkbtn.on { background:#ecfdf5; border-color:#86efac; color:#065f46; }

.auk-bidbtn-full { width:100%; margin-top:6px; }
.auk-bidbtn-alt { background:#1d4ed8; color:#fff; }
.auk-locknote { font-size:.8rem; color:#64748b; margin:10px 0 0; }

@media (max-width: 575px) {
  .auk-bigprice { font-size:1.6rem; }
  .auk-ibox { max-width:calc(100vw - 60px); }
}

.auk-steps button.on { background:#1d4ed8; border-color:#1d4ed8; color:#fff; }

.wk-grid { grid-template-columns:repeat(3,1fr); }
@media (max-width:900px){ .wk-grid{ grid-template-columns:1fr; } }
.wk-card { display:flex; flex-direction:column; padding:0; overflow:hidden; }
.wk-card > *:not(.wk-im) { padding-left:16px; padding-right:16px; }
.wk-card > .wk-im { padding:0; }
.wk-card .ra-card-title { margin-top:12px; }
.wk-im { position:relative; aspect-ratio:4/3; background:#dbe3ea; display:flex; align-items:center; justify-content:center; }
.wk-im img { width:100%; height:100%; object-fit:contain; }
.wk-rank { position:absolute; top:10px; left:10px; width:28px; height:28px; border-radius:50%;
           background:#0b1220; color:#fff; font-weight:800; display:flex; align-items:center;
           justify-content:center; font-size:.85rem; z-index:2; }
.wk-badge { position:absolute; top:10px; right:10px; padding:3px 10px; border-radius:999px;
            font-weight:700; font-size:.72rem; color:#fff; z-index:2; }
.wk-badge.av { background:#16a34a; }
.wk-badge.sold { background:#dc2626; }
.wk-market { font-size:.9rem; color:#64748b; text-decoration:line-through; }
.wk-price { font-size:1.4rem; font-weight:800; color:#ff4a26; margin:2px 0; }
.wk-margin { display:inline-block; background:#eafaf0; color:#16a34a; font-weight:700; font-size:.8rem;
             padding:4px 11px; border-radius:999px; margin:4px 0; align-self:flex-start; }
.wk-sp { flex:1; }
.wk-go { display:block; width:100%; text-align:center; margin:12px 0 16px; background:#0b1220; color:#fff;
         border:none; border-radius:9px; padding:11px; font-weight:700; text-decoration:none;
         font-size:.9rem; cursor:pointer; min-height:44px; }
.wk-go:hover { background:#1e293b; color:#fff; }
.wk-go-off { background:#e2e8f0; color:#64748b; cursor:default; }
.wk-go-off:hover { background:#e2e8f0; color:#64748b; }

.auk-ship{display:block;margin:10px 0 4px;padding:11px 14px;min-height:44px;
  background:#0f172a;border:1px solid #1e293b;border-radius:8px;
  color:#fff;font-weight:700;font-size:.86rem;text-align:center;text-decoration:none}
.auk-ship:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}
.auk-ship-note{font-size:.68rem;color:#94a3b8;text-align:center}

.auk-cd{display:inline-block;transform-origin:left center}
.auk-cd-tag{color:#b91c1c;font-weight:700}
.auk-cd-knapp{color:#b91c1c}
/* Auf dem Bild wird nicht die Schrift rot, sondern das ganze Band.
   Gemessen ueber einem weissen Foto - der schlechteste Fall, weil das Band
   nur zu 55 % deckt:
     helles Rot auf dem dunklen Band   2,51 : 1   zu wenig
     weiss auf deckendem Rot           6,47 : 1   gut
   Deshalb faerbt sich der Kasten, und die Schrift bleibt weiss. */

@keyframes auk-puls{
  0%{transform:scale(1)} 18%{transform:scale(1.28)}
  45%{transform:scale(1.02)} 60%{transform:scale(1.12)} 100%{transform:scale(1)}
}
.auk-cd-schlag{animation:auk-puls 900ms ease-out}
@media (prefers-reduced-motion: reduce){
  .auk-cd-schlag{animation:none;background:#fee2e2;border-radius:4px;padding:0 4px}
}

.auk-bidbox{position:relative}
.auk-bidbox.is-ended > *:not(.auk-ended){visibility:hidden}
.auk-ended{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:4px;
  background:rgba(15,23,42,.78);border-radius:12px;visibility:visible}
.auk-ended-wort{font-size:2rem;font-weight:800;letter-spacing:3px;color:#fff}
.auk-ended-sub{font-size:.85rem;color:#fecaca}
@media (max-width:575px){ .auk-ended-wort{font-size:1.5rem} }

.auk-infobox{margin-top:12px;padding:12px 14px;background:#f8fafc;
  border:1px solid var(--line,#e2e8f0);border-radius:10px;font-size:.85rem}

.auk-infobox > b{display:block;margin-bottom:9px;font-size:.72rem;font-weight:500;
  color:#64748b;letter-spacing:.04em;text-transform:uppercase}

.auk-infolist{display:grid;grid-template-columns:auto minmax(0,1fr)}
.auk-infolist .k,.auk-infolist .val{padding:7px 0;border-bottom:1px solid #f1f5f9;
  font-weight:400;line-height:1.45}
.auk-infolist .k{display:flex;align-items:flex-start;gap:7px;color:#94a3b8;padding-right:16px}
.auk-infolist .val{color:#334155;text-align:right}
.auk-infolist .k:nth-last-of-type(1),.auk-infolist .val:nth-last-of-type(1){border-bottom:none}
.auk-isym{width:14px;height:14px;margin-top:2px;color:#cbd5e1;flex:none}
.auk-infonote{margin-top:10px;padding-top:8px;border-top:1px solid var(--line,#e2e8f0)}
.auk-infonote b{display:block;color:#94a3b8;font-weight:400;font-size:.72rem;margin-bottom:2px;
  text-transform:none;letter-spacing:0}
.auk-infonote p{margin:0;color:#475569;line-height:1.55;font-weight:400}
@media (max-width:575px){
  .auk-infolist{grid-template-columns:1fr}
  .auk-infolist .k{border-bottom:none;padding-bottom:0}
  .auk-infolist .val{text-align:left;padding-top:1px;padding-left:21px}
}

@keyframes auk-blink{
  0%,100%{transform:scale(1)} 20%{transform:scale(1.06)}
  40%{transform:scale(1)} 60%{transform:scale(1.06)} 80%{transform:scale(1)}
}
.auk-blink{animation:auk-blink 1.1s ease-out}
@media (prefers-reduced-motion: reduce){ .auk-blink{animation:none;outline:2px solid #dc2626} }

.auk-sum{margin-top:10px}
.auk-sumrow{display:flex;justify-content:space-between;gap:14px;padding:6px 0;
  font-size:.9rem;color:#334155;border-bottom:1px solid #f1f5f9}
.auk-sumrow b{font-variant-numeric:tabular-nums;white-space:nowrap;color:#0f172a}
.auk-sumrow.is-total{border-bottom:0;border-top:2px solid #cbd5e1;
  margin-top:4px;padding-top:10px;font-size:1.05rem;font-weight:800;color:#0f172a}
.auk-sumrow.is-total b{color:#0f172a}
.auk-sumnote{margin:8px 0 0;font-size:.75rem;color:#64748b;line-height:1.45}
/* Steuerzeilen, die bewusst auf null stehen (Reverse Charge, nicht steuerbar).
   Sie bleiben sichtbar, treten aber zurueck. */
.auk-sumrow.is-frei,.auk-sumrow.is-frei b{color:#64748b;font-size:.82rem}
/* Sicherheitszahlung: sieht aus wie Steuer, ist aber ein rueckzahlbarer
   Einbehalt - deshalb Ausrufezeichen an der Zeile und ein Kasten darunter. */
.auk-aus{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;
  border-radius:50%;background:#d97706;color:#fff;font-size:.63rem;font-weight:800;
  margin-left:6px;position:relative;top:-1px}
.auk-sichbox{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:#fdf6e6;
  border:1px solid #e6cf94;color:#6b520f;font-size:.75rem;line-height:1.5;
  display:flex;gap:9px;align-items:flex-start}
.auk-sichbox>span:first-child{flex:0 0 auto;font-size:.95rem;line-height:1.35}
.auk-sichbox b{font-weight:700}

.auk-bleib{display:flex;align-items:center;gap:8px;margin-top:12px;
  font-size:.82rem;color:#475569;font-weight:400;text-transform:none}
.auk-bleib input{width:auto;margin:0}
.auk-neukonto{margin-top:16px;padding:12px;background:#f8fafc;
  border:1px solid var(--line,#e2e8f0);border-radius:8px}
.auk-neukonto b{display:block;color:#0f172a;font-size:.85rem;font-weight:700;margin-bottom:3px}
.auk-neukonto p{margin:0 0 10px;font-size:.78rem;color:#64748b;line-height:1.5}
.auk-neukonto a{display:block;text-align:center;border:1.5px solid #cbd5e1;color:#0f172a;
  border-radius:7px;padding:9px;font-size:.82rem;text-decoration:none;min-height:44px;
  box-sizing:border-box;line-height:1.6}
.auk-neukonto a:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}

.ra-card-grid.is-einspaltig { grid-template-columns:1fr; }

.ra-form { border:1px solid var(--ra-line); border-radius:14px; padding:22px; background:#fff; }
.ra-form label { display:block; font-size:.78rem; color:#64748b; margin:10px 0 4px; font-weight:600; }
.ra-form input[type=text], .ra-form input[type=email], .ra-form input[type=tel],
.ra-form input[type=password], .ra-form input:not([type]), .ra-form select, .ra-form textarea {
  width:100%; box-sizing:border-box; padding:10px 12px; font-size:.92rem; min-height:44px;
  border:1px solid #cbd5e1; border-radius:8px; background:#fff; color:#0f172a; }
.ra-form input:focus, .ra-form select:focus, .ra-form textarea:focus {
  outline:2px solid var(--ra-accent,#1d4ed8); outline-offset:1px; border-color:var(--ra-accent,#1d4ed8); }
.ra-form input[type=file] { width:100%; font-size:.85rem; min-height:0; }
.ra-form-teil { margin:20px 0 4px; padding-top:14px; border-top:1px solid var(--ra-line);
  font-size:.72rem; letter-spacing:.6px; text-transform:uppercase; color:#94a3b8; font-weight:700; }
.ra-form-teil:first-child { border-top:0; margin-top:0; padding-top:0; }
.ra-form-zwei { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ra-form-wahl { display:flex; gap:16px; margin-bottom:6px; }
.ra-form-wahl label { display:flex; align-items:center; gap:7px; margin:0;
  font-size:.9rem; color:#0f172a; font-weight:600; text-transform:none; cursor:pointer; }
.ra-form-wahl input { width:auto; min-height:0; }
.ra-form-haken { display:flex; gap:9px; align-items:flex-start; margin-top:16px;
  font-size:.85rem; color:#334155; font-weight:400; text-transform:none; }
.ra-form-haken input { width:auto; min-height:0; margin-top:3px; }
.ra-form-msg { margin-top:10px; font-size:.85rem; min-height:20px; }
.ra-form .ra-btn { width:100%; margin-top:16px; justify-content:center; }
@media (max-width:575px){ .ra-form-zwei { grid-template-columns:1fr; } }

/* Uebersicht der erfassten Angaben, wenn der Link nach dem Absenden nur
   noch zum Nachlesen da ist. */
.vk-liste { display:grid; grid-template-columns:minmax(0,10rem) 1fr; gap:6px 18px;
  margin:10px 0 0; font-size:.92rem; }
.vk-liste dt { color:var(--ra-muted); font-weight:600; }
.vk-liste dd { margin:0; color:var(--ra-ink); overflow-wrap:anywhere; }
@media (max-width:520px){ .vk-liste { grid-template-columns:1fr; gap:2px 0; }
  .vk-liste dd { margin-bottom:8px; } }

/* Verkaeuferdaten per Link: Steuerpaar, bei dem eine der beiden Nummern
   genuegt. Der Kasten fasst sie zusammen und meldet den Stand, damit die
   Regel sichtbar ist statt erst als Fehlermeldung aufzutauchen. */
.vk-steuer { border:1px solid #cbd5e1; border-radius:10px; padding:14px 16px 6px;
  margin-top:4px; background:#fbfcfe; }
.vk-steuer.is-ok { border-color:#a8ceb0; background:#f4faf5; }
.vk-steuerkopf { display:flex; justify-content:space-between; align-items:baseline;
  gap:12px; flex-wrap:wrap; margin-bottom:6px; }
.vk-steuerkopf b { font-size:.88rem; color:var(--ra-ink); }
.vk-stand { font-size:.78rem; font-weight:600; color:var(--ra-danger); }
.vk-steuer.is-ok .vk-stand { color:var(--ra-green); }
.vk-oder { text-align:center; font-size:.74rem; color:var(--ra-muted); margin:8px 0 2px;
  text-transform:uppercase; letter-spacing:.09em; }

/* Passwortfelder: Sichtbarkeitsschalter und Hinweis zur Mindestlaenge */
.ra-pw-zeigen { display:flex; gap:8px; align-items:center; margin-top:10px;
  font-size:.86rem; color:var(--ra-muted); cursor:pointer; }
.ra-pw-zeigen input { width:auto; min-height:0; margin:0; cursor:pointer; }
.ra-pw-lang { min-height:1.15rem; margin-top:4px; font-size:.8rem; line-height:1.4; }
.ra-pw-lang.is-kurz { color:var(--ra-danger); }
.ra-pw-lang.is-gut  { color:var(--ra-green); }

.ra-danke { border:1px solid var(--ra-line); border-radius:14px; padding:26px 22px;
  background:#fff; text-align:center; }
.ra-danke-haken { width:56px; height:56px; margin:0 auto 14px; border-radius:50%;
  background:#dcfce7; color:#15803d; font-size:1.9rem; line-height:56px; font-weight:800; }

@media (max-width:575px){
  .auk-bar{flex-wrap:wrap;justify-content:flex-start;gap:8px}
  .auk-who{flex:1 1 100%;margin-right:0;order:-1}
  .auk-bar .auk-btn-acc,.auk-bar .auk-btn-out,.auk-bar .auk-btn-login{flex:1 1 0;min-width:0;text-align:center}
}
.auk-btn-acc,.auk-btn-out,.auk-btn-login{display:inline-block;min-height:44px;line-height:1.5;text-decoration:none}

.knt-menue{padding:10px}
.knt-menue a{display:block;padding:9px 12px;border-radius:8px;font-size:.9rem;
  color:#475569;text-decoration:none;min-height:44px;line-height:1.6}
.knt-menue a:hover{background:#f1f5f9;color:#0f172a}
.knt-menue a.an{background:#eff6ff;color:#1d4ed8;font-weight:700}
.knt-inhalt{border:1px solid var(--ra-line);border-radius:14px;padding:22px;background:#fff}
.knt-kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:6px}
.knt-kachel{background:#f8fafc;border-radius:10px;padding:12px}
.knt-kachel span{display:block;font-size:.78rem;color:#64748b;margin-bottom:3px}
.knt-kachel b{font-size:1.4rem;font-weight:800;color:#0f172a}
.knt-kachel b.is-warn{color:#b45309}
.knt-teil{margin:22px 0 4px;padding-top:14px;border-top:1px solid var(--ra-line);
  font-size:.72rem;letter-spacing:.6px;text-transform:uppercase;color:#94a3b8;font-weight:700}
.knt-zeile{display:flex;align-items:center;gap:10px;padding:11px 0;
  border-bottom:1px solid #eef2f6;font-size:.9rem}
.knt-zeile:last-child{border-bottom:0}
.knt-t{flex:1;min-width:0}
.knt-t b{display:block;font-weight:700;color:#0f172a}
.knt-t b a{color:#0f172a;text-decoration:none}
.knt-t b a:hover{color:#1d4ed8;text-decoration:underline}
.knt-t span{display:block;font-size:.8rem;color:#64748b;margin-top:2px}
.knt-w{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:#0f172a}
.knt-pill{font-size:.72rem;padding:3px 9px;border-radius:7px;white-space:nowrap;font-weight:700}
.knt-pill.is-ok{background:#dcfce7;color:#15803d}
.knt-pill.is-warn{background:#fef3c7;color:#92400e}
.knt-pill.is-neu{background:#eff6ff;color:#1d4ed8}
.knt-pill.is-grau{background:#f1f5f9;color:#64748b}
.knt-dl{display:inline-block;border:1px solid #cbd5e1;border-radius:7px;padding:6px 11px;
  font-size:.78rem;color:#334155;text-decoration:none;cursor:pointer;min-height:32px;line-height:1.5}
.knt-dl:hover{border-color:#1d4ed8;color:#1d4ed8}
.knt-kv{display:flex;justify-content:space-between;gap:14px;padding:9px 0;
  border-bottom:1px solid #eef2f6;font-size:.9rem}
.knt-kv span{color:#64748b}
.knt-kv b{text-align:right;color:#0f172a}
.knt-leer{margin:14px 0 0;font-size:.85rem;color:#64748b;line-height:1.6}
.knt-msg{margin-top:10px;font-size:.85rem;min-height:20px}
@media (max-width:575px){
  .knt-zeile{flex-wrap:wrap}
  .knt-w{width:100%;text-align:left}
  .knt-kv{flex-direction:column;gap:2px}
  .knt-kv b{text-align:left}
}

.auk-zurueck{max-width:1040px;margin:10px auto 0;padding:0 16px;
  display:flex;align-items:center;gap:11px}
.auk-zk{display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;flex:none;border-radius:50%;border:1.5px solid #cbd5e1;
  background:#fff;color:#0f172a;font-size:1.15rem;text-decoration:none;line-height:1}
.auk-zk:hover{border-color:#1d4ed8;color:#1d4ed8;background:#eff6ff}
.auk-pfad{font-size:.85rem;color:#64748b;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.auk-pfad a{color:#64748b;text-decoration:none}
.auk-pfad a:hover{color:#1d4ed8;text-decoration:underline}
.auk-pfad b{color:#0f172a;font-weight:700}

.knt-topbar{padding-top:150px}
.knt-topbar .auk-zurueck{max-width:none;margin:0 0 18px;padding:0}
.knt-topbar + .ra-hero{padding-top:0!important}
@media(max-width:991px){ .knt-topbar .auk-zurueck{margin-bottom:14px} }

.knt-kv-edit{align-items:center}
.knt-telzeile{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.knt-telzeile input{border:1.5px solid var(--line,#e2e8f0);border-radius:8px;padding:8px 10px;
  font-size:.9rem;color:#0f172a;background:#fff;min-width:190px}
.knt-telzeile input:focus{outline:none;border-color:#1d4ed8}
.knt-telzeile .ra-btn{padding:8px 14px;font-size:.85rem;min-height:40px}

.knt-mailliste{display:grid;gap:10px;margin-bottom:16px}
.knt-mailzeile{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;
  border:1px solid var(--line,#e2e8f0);border-radius:10px;padding:12px 14px;cursor:pointer;
  background:#fff}
.knt-mailzeile:hover{border-color:#94a3b8}
.knt-mailzeile input{width:18px;height:18px;margin-top:2px;cursor:pointer}
.knt-mailzeile b{display:block;font-size:.95rem;color:#0f172a;font-weight:600}
.knt-mailzeile em{display:block;font-style:normal;font-size:.82rem;color:#64748b;
  line-height:1.5;margin-top:2px}
.knt-mailbtn{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.knt-mailbtn .knt-msg{font-size:.85rem}

.knt-hilfe{margin-top:20px}
.knt-melde{max-width:460px;margin:0 auto;text-align:center;background:#fff;
  border:1px solid var(--ra-line);border-radius:14px;padding:26px 22px}
.knt-melde-sym{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;
  background:#fef3c7;color:#b45309;font-size:1.5rem;line-height:52px}
.knt-melde h2{font-size:1.2rem;margin:0 0 8px;color:#0f172a}
.knt-melde p{font-size:.92rem;color:#475569;line-height:1.6;margin:0 0 16px}
.knt-melde .ra-btn{display:block;width:100%;margin:0 0 8px;justify-content:center}
.knt-melde-tipp{font-size:.8rem !important;color:#64748b !important;margin:14px 0 0 !important}

.auk-dialog-cta{display:flex;gap:10px;margin-top:16px}
.auk-dialog-cta>*{flex:1;min-width:0;margin:0}
.auk-dialog-abbr{background:transparent;border:1.5px solid #cbd5e1;color:#0f172a;
  border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer;min-height:48px;box-sizing:border-box}

.auk-dialog-abbr:hover{border-color:#94a3b8;background:#f1f5f9;color:#0f172a}
@media (max-width:479px){ .auk-dialog-cta{flex-direction:column} }

.gfw{background:#0f172a;border-radius:10px;padding:10px 12px;margin-top:12px;
  color:#e2e8f0;font-size:.78rem;line-height:1.45}
.gfw-r{display:flex;justify-content:space-between;gap:8px;align-items:center;
  padding:5px 7px;border-radius:6px;opacity:.45}
.gfw-r b{font-weight:600}
.gfw-r.is-mark{opacity:1;outline:2px solid #f59e0b;outline-offset:1px;
  background:rgba(245,158,11,.14)}
.gfw-ok{color:#34d399}
.gfw-bid{display:block;padding:7px}
.gfw-stufen{display:flex;gap:5px;margin-bottom:5px}
.gfw-stufen span{flex:1;text-align:center;border:1px solid #334155;border-radius:5px;
  padding:3px 4px;font-size:.72rem}
.gfw-zeile{display:flex;gap:5px;align-items:center}
.gfw-feld{flex:1;border:1px solid #334155;border-radius:5px;padding:5px 7px}
.gfw-knopf{background:#047857;color:#fff;border-radius:5px;padding:5px 9px;
  font-size:.72rem;white-space:nowrap}

.ein-wrap{max-width:640px;margin:0 auto}
.ein-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:14px;
  flex-wrap:wrap;margin-bottom:14px}
.ein-firma{font-weight:700;color:#0f172a}
.ein-nummer{color:#64748b;font-size:.85rem;margin-left:10px}
.ein-frist{color:#64748b;font-size:.8rem}
.ein-hinweis{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;padding:12px 14px;
  margin-bottom:14px;font-size:.88rem;color:#92400e;line-height:1.55}
.ein-karte{background:#fff;border:1px solid var(--line,#e2e8f0);border-radius:14px;
  padding:22px;max-width:640px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.ein-fortschritt{height:5px;background:#eef2f7;border-radius:999px;overflow:hidden;margin-bottom:14px}
.ein-fortschritt>i{display:block;height:100%;background:#047857;width:0;transition:width .3s}
.ein-schritt{font-size:.72rem;color:#94a3b8;letter-spacing:.04em;text-transform:uppercase}
.ein-frage{font-size:1.25rem;font-weight:700;color:#0f172a;margin:6px 0 6px;line-height:1.3}
.ein-tipp{font-size:.85rem;color:#64748b;line-height:1.6;margin:0 0 16px}
.ein-lbl{display:block;font-size:.75rem;color:#64748b;margin:0 0 3px}
.ein-in{width:100%;border:1.5px solid var(--line,#e2e8f0);border-radius:9px;padding:12px 13px;
  font-size:1.05rem;color:#0f172a;background:#fff;box-sizing:border-box}
.ein-in:focus{outline:none;border-color:#1d4ed8}
/* Zeichenzaehler im Einreich-Assistenten: der helle Streifen markiert den
   guten Bereich (50-60), der farbige zeigt den Ist-Stand. */
.ein-zaehler{margin-top:10px}
.ein-zbalken{position:relative;height:5px;background:#e5e7eb;border-radius:3px;overflow:hidden}
.ein-zgut{position:absolute;left:50%;right:20%;top:0;bottom:0;background:#bbf7d0}
.ein-zist{position:absolute;left:0;top:0;bottom:0;border-radius:3px;transition:width .15s}
.ein-zzeile{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;margin-top:6px;font-weight:600}
.ein-zopt{color:#94a3b8;font-weight:400}
/* Verbindlicher Hinweis unter den Abholtagen - deutlicher als ein
   normaler Hilfetext, weil daran Kosten haengen. */
.ein-warnung-fest{margin-top:14px;background:#fff7ed;border:1px solid #fdba74;
  border-radius:9px;padding:11px 13px;font-size:.82rem;line-height:1.6;color:#7c2d12}
.ein-hinweis{margin-top:10px;font-size:.8rem;color:#64748b;line-height:1.55}
/* Livevorschau im Einreich-Assistenten: links das Feld, rechts die
   Beispielanzeige. Unter 900px untereinander, sonst wird beides zu schmal. */
.ein-live{display:block}
/* Vorschauen stehen unter dem Feld nebeneinander: links die Kachel,
   rechts die Trefferzeile. Unter 700px untereinander. */
.ein-vorschauen{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:start;margin-top:4px}
@media(max-width:700px){ .ein-vorschauen{grid-template-columns:1fr} }
.ein-vlabel{font-size:.72rem;color:#94a3b8;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}
.ein-vkarte{border:1px solid var(--line,#e2e8f0);border-radius:10px;overflow:hidden;background:#fff}
.ein-vbild{height:96px;background:#eef2f5;display:flex;align-items:center;justify-content:center;
  color:#94a3b8;font-size:.75rem}
.ein-vbild img{width:100%;height:100%;object-fit:cover}
.ein-vtext{padding:10px 11px}
.ein-vzeit{font-size:.7rem;color:#dc2626;font-weight:700;margin-bottom:4px}
.ein-vtitel{font-size:.88rem;font-weight:700;line-height:1.3;margin:0 0 5px;color:#0f172a;
  overflow-wrap:anywhere}
.ein-vbeschr{font-size:.72rem;color:#475569;line-height:1.5;margin:0 0 7px;overflow-wrap:anywhere}
.ein-vleer{color:#b6c0cc;font-style:italic}
.ein-vpreis{font-size:.82rem;font-weight:800;color:#0f172a}
.ein-vpfeil{display:flex;gap:6px;align-items:flex-start;font-size:.72rem;color:#1d4ed8;
  margin-top:8px;line-height:1.4}
.ein-vlabel{font-size:.7rem;color:#94a3b8;margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}
/* Trefferzeile unter dem Feld - so sieht die Auktion in der Listenansicht aus */
.ein-vzeile{display:flex;gap:11px;align-items:center;border:1px solid var(--line,#e2e8f0);
  border-radius:9px;padding:10px;margin-top:2px}
.ein-vzbild{width:60px;height:46px;background:#eef2f5;border-radius:5px;flex:none;overflow:hidden}
.ein-vzbild img{width:100%;height:100%;object-fit:cover}
.ein-vztext{min-width:0}
.ein-vztitel{font-size:.88rem;font-weight:700;line-height:1.3;color:#0f172a;overflow-wrap:anywhere}
.ein-vzmeta{font-size:.7rem;color:#64748b;margin-top:3px}
.ein-vtrenner{border-top:1px solid #f1f5f9;margin:18px 0 12px}
/* Die Stelle, an der das Getippte landet, wird markiert statt bepfeilt */
.ein-vtitel.ein-vmark,.ein-vbeschr.ein-vmark{background:#dcfce7;outline:1.5px solid #16a34a;
  border-radius:4px;padding:3px 5px}
/* Bildbereich in Schritt 15 */
.ein-bildgrid{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:start}
@media(max-width:640px){ .ein-bildgrid{grid-template-columns:1fr} }
.ein-titellbl{font-size:.7rem;font-weight:800;color:#16a34a;letter-spacing:.05em;margin-bottom:5px}
.ein-titelbild{position:relative;height:110px;border:2px solid #16a34a;border-radius:9px;
  overflow:hidden;background:#eef2f5;cursor:grab}
.ein-titelbild img{width:100%;height:100%;object-fit:cover}
.ein-titelnote{font-size:.7rem;color:#64748b;margin-top:5px;line-height:1.4}
.ein-weiterelbl{font-size:.72rem;color:#64748b;margin-bottom:6px}
.ein-kleinbilder{display:flex;gap:8px;flex-wrap:wrap}
.ein-kleinbild{position:relative;width:70px;height:70px;border:1.5px solid var(--line,#e2e8f0);
  border-radius:7px;overflow:hidden;background:#eef2f5;cursor:grab}
.ein-kleinbild img{width:100%;height:100%;object-fit:cover}
/* Posten oder Einzelartikel, bildlich */
.ein-typgrid{display:grid;gap:9px}
.ein-typ{border:1.5px solid var(--line,#e2e8f0);border-radius:10px;padding:13px 15px;
  cursor:pointer;background:#fff;transition:border-color .15s}
.ein-typkopf{display:flex;align-items:center;gap:13px}
.ein-typtext{font-size:.79rem;color:#475569;line-height:1.55;margin-top:9px;padding-top:9px;
  border-top:1px solid #eef2f7}
.ein-typ:hover{border-color:#94a3b8}
.ein-typ.on{border:2px solid #1d4ed8;padding:12px 14px}
.ein-typ strong{display:block;font-size:.95rem;color:#0f172a}
.ein-typ.on strong{color:#1d4ed8}
.ein-pal{width:52px;height:33px;flex:none;display:block}

/* Laufzeit-Auswahl im Startschritt */
.ein-lzgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:4px}
.ein-lz{border:1.5px solid var(--line,#e2e8f0);border-radius:10px;padding:11px 8px;text-align:center;
  cursor:pointer;background:#fff;transition:border-color .15s}
.ein-lz:hover{border-color:#94a3b8}
.ein-lz.on{border:2px solid #1d4ed8;padding:10px 7px}
.ein-lz strong{display:block;font-size:1rem;color:#0f172a}
.ein-lz.on strong{color:#1d4ed8}
.ein-lz span{display:block;font-size:.7rem;color:#16a34a;font-weight:600;margin-top:2px;min-height:1em}
.ein-endebox{margin-top:14px;background:#f8fafc;border-radius:9px;padding:11px 13px}
.ein-endezeile{display:flex;justify-content:space-between;gap:12px;font-size:.86rem;color:#0f172a}
.ein-endezeile b{font-weight:700}
.ein-endezeile.ein-endeklein{font-size:.76rem;color:#64748b;margin-top:5px}
/* Datum in deutscher Schreibweise unter dem Feld - das Feld selbst zeigt
   je nach Browsersprache mm/dd/yyyy, was hier niemand erwartet. */
.ein-datumecho{font-size:.74rem;color:#1d4ed8;font-weight:600;margin-top:4px}
/* Live-Umrechnung Mindestpreis -> noetiges Gebot */
.ein-schwelle{margin-top:10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;
  padding:10px 12px;font-size:.82rem;color:#1e3a8a;line-height:1.55}
.ein-schwelle:empty{display:none}
.ein-schwelle span{display:block;font-size:.74rem;color:#475569;margin-top:3px}
/* Kostenaufstellung im Gebotsfenster */
.auk-kosten{margin:2px 0 10px}
.auk-kostenlink{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--primary,#1d4ed8);
  cursor:pointer;font-weight:600;min-height:32px}
.auk-kostenbox{background:#f8fafc;border-radius:8px;padding:11px 13px;margin-top:6px}
.auk-kostenzeile{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;color:#475569;padding:3px 0}
.auk-kostennote{font-size:.7rem;color:#94a3b8;line-height:1.5;margin:7px 0 0;padding-top:7px;
  border-top:1px solid #e8edf3}
/* Entwurfsansicht im Abschlussschritt */
.ein-entwurf{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin-top:16px;background:#f8fafc;border:1px solid var(--line,#e2e8f0);border-radius:10px;padding:13px 15px}
.ein-entwurf b{display:block;font-size:.92rem;color:#0f172a}
.ein-entwurf span{display:block;font-size:.76rem;color:#64748b;margin-top:2px;line-height:1.5}
.ein-entwurfbtn{border:1.5px solid #1d4ed8;background:#fff;color:#1d4ed8;border-radius:9px;
  padding:10px 16px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;flex:none}
.ein-entwurfbtn:hover{background:#1d4ed8;color:#fff}
/* Eigenes Datumsfeld mit Kalender - das eingebaute Feld zeigt je nach
   Browsersprache mm/dd/yyyy, was hier niemand erwartet. */
.ein-datumfeld{position:relative;display:flex;gap:6px;align-items:center}
.ein-datumfeld input{flex:1}
.ein-kalbtn{border:1.5px solid var(--line,#e2e8f0);background:#fff;border-radius:8px;
  padding:7px 9px;cursor:pointer;font-size:1rem;line-height:1;flex:none}
.ein-kalbtn:hover{border-color:#1d4ed8}
.ein-kal{position:absolute;top:100%;left:0;z-index:40;margin-top:6px;background:#fff;
  border:1px solid var(--line,#e2e8f0);border-radius:11px;box-shadow:0 12px 34px rgba(15,23,42,.16);
  padding:12px;width:262px}
.ein-kalkopf{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.ein-kalkopf span{font-size:.88rem;font-weight:700;color:#0f172a}
.ein-kalkopf button{border:none;background:#f1f5f9;border-radius:7px;width:28px;height:28px;
  cursor:pointer;font-size:1rem;color:#0f172a;line-height:1}
.ein-kalkopf button:hover{background:#e2e8f0}
.ein-kalgitter{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.ein-kalgitter i,.ein-kalgitter b{display:flex;align-items:center;justify-content:center;
  height:30px;font-size:.78rem;font-style:normal;border-radius:6px}
.ein-kalwt{color:#94a3b8;font-weight:600;font-size:.68rem!important}
.ein-kalzu{color:#cbd5e1}
.ein-kaltag{cursor:pointer;font-weight:600;color:#0f172a}
.ein-kaltag:hover{background:#e0e7ff}
.ein-kaltag.on{background:#1d4ed8;color:#fff}
/* Anklickbare Zeilen in der Abschlussuebersicht */
.ein-zeile.ein-klickbar{cursor:pointer;border-radius:7px;transition:background .12s}
.ein-zeile.ein-klickbar:hover{background:#f1f5f9}
.ein-stift{font-style:normal;color:#94a3b8;font-size:.8rem;margin-left:8px;flex:none}
.ein-zeile.ein-klickbar:hover .ein-stift{color:#1d4ed8}
.ein-in.ein-klein{font-size:.95rem;padding:9px 11px}
.ein-lang{min-height:130px;resize:vertical;font-family:inherit;line-height:1.55}
.ein-einheit{font-size:.8rem;color:#94a3b8;margin-left:6px}
.ein-gitter{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
/* Unter 600px alles untereinander. Zwei Spalten zu je 152px rissen die
   Zuordnung auseinander - der zweite Abholtag stand neben der Endzeit des
   ersten. */
@media(max-width:600px){ .ein-gitter{grid-template-columns:1fr} }
/* Abholtage als zwei beschriftete Bloecke */
.ein-abblock{border:1px solid var(--line,#e2e8f0);border-radius:10px;padding:13px 14px;margin-bottom:12px}
.ein-abtitel{font-size:.9rem;font-weight:700;color:#0f172a;margin-bottom:10px}
.ein-abblock .ein-gitter{margin-bottom:10px}
.ein-abblock .ein-gitter:last-child{margin-bottom:0;grid-template-columns:1fr 1fr}
@media(max-width:600px){ .ein-abblock .ein-gitter:last-child{grid-template-columns:1fr} }
/* Auf dem Handy groessere Ziele: 37px Felder und 32px Knoepfe trifft man
   mit dem Finger schlecht. */
@media(max-width:900px){
  .ein-in.ein-klein{min-height:44px}
  .ein-kalbtn{min-width:44px;min-height:44px}
  .ein-kalgitter i,.ein-kalgitter b{height:40px}
  .ein-kal{width:296px}
}
.ein-opts{display:grid;gap:8px}
.ein-opts-klein{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.ein-opt{border:1.5px solid var(--line,#e2e8f0);border-radius:10px;padding:13px 15px;
  cursor:pointer;font-size:.95rem;color:#0f172a;background:#fff;line-height:1.4}
.ein-opt:hover{border-color:#94a3b8}
.ein-opt.on{border-color:#047857;background:#ecfdf5;font-weight:600}
.ein-dateien{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;
  margin-bottom:12px}
.ein-datei{position:relative;border:1px solid var(--line,#e2e8f0);border-radius:9px;padding:6px;
  text-align:center;background:#fff}
.ein-datei img{width:100%;height:74px;object-fit:contain;display:block}
.ein-dok{display:block;font-size:30px;line-height:74px}
.ein-dname{display:block;font-size:.66rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;margin-top:2px}
.ein-weg{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;
  border:none;background:#dc2626;color:#fff;font-size:14px;line-height:1;cursor:pointer}
.ein-upload{display:inline-block;border:1.5px dashed #cbd5e1;border-radius:10px;padding:12px 18px;
  cursor:pointer;color:#0f172a;font-size:.9rem}
.ein-upload:hover{border-color:#047857;background:#f8fafc}
.ein-uploadmsg{font-size:.8rem;color:#64748b;margin-left:10px}
.ein-uebersicht{border:1px solid var(--line,#e2e8f0);border-radius:10px;padding:4px 14px}
.ein-zeile{display:flex;justify-content:space-between;gap:14px;padding:8px 0;
  border-bottom:1px solid #f1f5f9;font-size:.88rem}
.ein-zeile:last-child{border-bottom:none}
.ein-zeile span{color:#94a3b8}
.ein-zeile b{color:#0f172a;font-weight:600;text-align:right}
.ein-fehler{color:#dc2626;font-size:.85rem;margin-top:10px;min-height:1.2em}
.ein-cta{display:flex;gap:10px;margin-top:18px}
.ein-cta .ra-btn{flex:1;min-height:48px}

.ein-cta .ra-btn-ghost{background:#fff;color:#0f172a;border:1.5px solid #cbd5e1}
.ein-cta .ra-btn-ghost:hover{background:#f1f5f9;color:#0f172a;border-color:#94a3b8;transform:none}
.ein-warnung{margin-top:14px;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;
  padding:12px 14px;font-size:.85rem;color:#92400e;line-height:1.6}
select.ein-in{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748b' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.ein-gespeichert{font-size:.75rem;color:#047857;text-align:center;margin:8px 0 0;min-height:1em}
@media (max-width:575px){
  .ein-karte{padding:16px}
  .ein-frage{font-size:1.1rem}
  .ein-cta{flex-direction:column}
}

.auk-kopf{position:relative;color:#fff;overflow:hidden;padding:132px 16px 40px;
  background:linear-gradient(135deg,#0b1220 0%,#14213d 55%,#1e3a8a 100%)}
.auk-kopf::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(1200px 400px at 80% -10%,rgba(245,158,11,.18),transparent 60%)}
.auk-kopfgrid{position:relative;z-index:2;display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(290px,1fr);gap:32px;align-items:center}
.auk-kopftext{min-width:0}
.auk-kopf h1{color:#fff;font-weight:800;line-height:1.14;margin:0;
  font-size:clamp(1.75rem,3.4vw,2.6rem)}
.auk-kopf h1 span{color:#7ec95a}
.auk-kopf .ra-eyebrow{margin-bottom:14px}
.auk-kopfsub{color:#cbd5e1;font-size:1rem;line-height:1.65;margin:12px 0 20px;max-width:600px}
.auk-kopfcta{display:flex;gap:12px;flex-wrap:wrap}

.auk-naechste{min-width:0}
.auk-nbox{display:block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);
  border-radius:12px;padding:14px 15px;text-decoration:none;transition:border-color .15s,background .15s}
.auk-nbox:hover{background:rgba(255,255,255,.13);border-color:rgba(251,191,36,.55)}
.auk-nlab{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:#fbbf24;margin-bottom:9px}
.auk-nrow{display:flex;gap:12px;align-items:center}
.auk-nbild{width:58px;height:58px;flex:none;border-radius:8px;overflow:hidden;
  background:rgba(255,255,255,.1);display:block}
.auk-nbild img{width:100%;height:100%;object-fit:contain;display:block}
.auk-ntext{min-width:0;display:block}
.auk-ntext b{display:block;color:#fff;font-size:.98rem;font-weight:700;line-height:1.3}
.auk-nmeta{display:block;color:#cbd5e1;font-size:.85rem;margin-top:4px}
.auk-nmeta .auk-cd{color:#fbbf24;font-weight:700}

@media(max-width:991px){
  .auk-kopf{padding:150px 16px 30px}
  .auk-kopfgrid{grid-template-columns:minmax(0,1fr);gap:22px}
  .auk-kopfcta .ra-btn{flex:1;text-align:center}
}

.mdt-bildmeldung{margin-top:8px;font-size:.83rem;line-height:1.5;padding:8px 11px;
  border-radius:8px;border:1px solid transparent}
.mdt-bildmeldung.is-lauf{background:#f1f5f9;border-color:#cbd5e1;color:#475569}
.mdt-bildmeldung.is-ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.mdt-bildmeldung.is-fehler{background:#fef2f2;border-color:#fecaca;color:#991b1b}

.auk-fsel{max-width:1080px;margin:16px auto 0;padding:11px 14px;
  background:#fff7e6;border:2px solid var(--ra-accent,#f59e0b);border-radius:12px;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.auk-fslab{font-size:.85rem;font-weight:700;color:#1a1300;white-space:nowrap;flex:none}
.auk-fs{flex:1 1 150px;min-width:0;box-sizing:border-box;min-height:44px;
  border:1.5px solid #f3d9a4;border-radius:9px;background:#fff;
  color:var(--ink,#0f172a);font-size:.9rem;font-weight:600;padding:0 34px 0 12px;
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2364748b'%3E%3Cpath d='M4.5 6.5 8 10l3.5-3.5z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 11px center;background-size:16px}
.auk-fs-breit{flex:1.6 1 190px}
.auk-fs:focus{outline:none;border-color:#b45309;box-shadow:0 0 0 3px rgba(245,158,11,.22)}

@media(max-width:767px){
  .auk-fsel{margin:16px 16px 0;gap:8px}
  .auk-fslab{width:100%}
  .auk-fs,.auk-fs-breit{flex:1 1 100%}
}

.ra-hero-bild{
  background:
    linear-gradient(135deg,rgba(11,18,32,.90) 0%,rgba(20,33,61,.84) 45%,rgba(30,58,138,.72) 100%),
    var(--hero-bild) center/cover no-repeat,
    linear-gradient(135deg,#0b1220 0%,#14213d 55%,#1e3a8a 100%);
  padding:180px 16px 66px;
}

.ra-hero-bild::after{display:none}
@media(max-width:991px){

  .ra-hero-bild{background:linear-gradient(135deg,#0b1220 0%,#14213d 55%,#1e3a8a 100%);
    padding-top:150px;padding-bottom:36px}

  .ra-hero-bild .ra-hero-points{display:none}
  .ra-hero-bild .ra-sub{font-size:1rem;line-height:1.6;margin:14px 0 22px}
}

.knt-wunsch{margin:14px 0 0;padding:14px 16px;background:#f8fafc;
  border:1px solid var(--line,#e2e8f0);border-radius:10px}
.knt-wunschtitel{font-size:.95rem;font-weight:700;color:var(--ink,#0f172a);margin:0}
.knt-wunschsub{font-size:.8rem;color:#64748b;margin:2px 0 12px}
.knt-wunschlabel{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:#64748b;margin:12px 0 6px}
.knt-wunschlabel:first-of-type{margin-top:0}
.knt-wahlgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2px 10px}
.knt-wahl{display:flex;align-items:center;gap:8px;font-size:.87rem;color:#334155;
  min-height:44px;cursor:pointer}
.knt-wahl input{width:17px;height:17px;flex:none;accent-color:#1d4ed8;cursor:pointer}

.mdtcc{position:fixed;left:0;right:0;bottom:0;z-index:99999;background:#fff;
  border-top:3px solid #ff4a26;box-shadow:0 -2px 18px rgba(0,0,0,.16);
  font-family:var(--mdt-font);color:#1d1d1d;}
.mdtcc[hidden]{display:none;}
.mdtcc-in{max-width:1180px;margin:0 auto;padding:20px 22px;}
.mdtcc-kopf{display:flex;gap:26px;align-items:center;flex-wrap:wrap;}
.mdtcc-text{flex:1 1 300px;min-width:260px;}
.mdtcc-h{margin:0 0 5px;font-size:17px;font-weight:600;line-height:1.3;}
.mdtcc-p{margin:0;font-size:14px;line-height:1.6;color:#4a4a4a;}
.mdtcc-p a{color:#d63c1a;text-decoration:underline;}
.mdtcc-knoepfe{display:flex;gap:10px;flex-wrap:wrap;}

.mdtcc-b{min-height:46px;min-width:170px;padding:12px 22px;border:2px solid #d63c1a;
  border-radius:6px;background:#fff;color:#d63c1a;font-size:14px;font-weight:600;
  font-family:inherit;cursor:pointer;line-height:1.2;}
.mdtcc-b:hover{background:#d63c1a;color:#fff;}
.mdtcc-b:focus-visible{outline:3px solid #1d1d1d;outline-offset:2px;}
.mdtcc-fuss{margin-top:14px;padding-top:11px;border-top:1px solid #e6e6e6;
  display:flex;gap:20px;flex-wrap:wrap;align-items:center;}
.mdtcc-fuss a,.mdtcc-link{font-size:13px;color:#666;text-decoration:underline;
  background:none;border:0;padding:6px 0;font-family:inherit;cursor:pointer;
  min-height:44px;display:inline-flex;align-items:center;}
.mdtcc-fuss a:hover,.mdtcc-link:hover{color:#d63c1a;}
.mdtcc-det{margin-top:12px;border-top:1px solid #e6e6e6;}
.mdtcc-det[hidden]{display:none;}
.mdtcc-z{display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:13px 0;border-bottom:1px solid #f0f0f0;}
.mdtcc-z b{display:block;font-size:14px;font-weight:600;}
.mdtcc-z span{display:block;font-size:13px;color:#6b6b6b;line-height:1.5;}
.mdtcc-immer{font-size:12px;color:#0f6e56;background:#e1f5ee;border-radius:5px;
  padding:5px 11px;white-space:nowrap;}

.mdtcc-s{position:relative;flex:none;width:52px;height:44px;cursor:pointer;}
.mdtcc-s input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;}
.mdtcc-s i{position:absolute;left:0;right:0;top:7px;height:30px;background:#8a8a8a;
  border-radius:15px;transition:background .15s;}
.mdtcc-s i:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;
  background:#fff;border-radius:50%;transition:transform .15s;}
.mdtcc-s input:checked + i{background:#d63c1a;}
.mdtcc-s input:checked + i:after{transform:translateX(22px);}
.mdtcc-s input:focus-visible + i{outline:3px solid #1d1d1d;outline-offset:2px;}
.mdtcc-sp{margin-top:14px;}
@media (max-width:768px){
  .mdtcc-in{padding:16px 16px 18px;}
  .mdtcc-kopf{gap:14px;}
  .mdtcc-knoepfe{width:100%;}
  .mdtcc-b{flex:1 1 140px;min-width:0;}
  .mdtcc{max-height:88vh;overflow-y:auto;}
}

.mdt-info{position:relative;display:inline-block;vertical-align:middle;margin-left:5px}
.mdt-info-b{width:18px;height:18px;min-width:18px;border-radius:50%;border:1px solid #b9b9b9;
  background:#fff;color:#666;font-size:11px;line-height:1;font-family:inherit;cursor:pointer;
  padding:0;display:inline-flex;align-items:center;justify-content:center}
.mdt-info-b:hover{border-color:#d63c1a;color:#d63c1a}
.mdt-info-b:focus-visible{outline:2px solid #1d1d1d;outline-offset:2px}
.mdt-info-t{position:absolute;left:0;top:24px;z-index:40;width:max-content;max-width:250px;
  background:#1d1d1d;color:#fff;font-size:12px;font-weight:400;line-height:1.45;
  border-radius:7px;padding:7px 10px;box-shadow:0 3px 12px rgba(0,0,0,.22)}
.mdt-info-t[hidden]{display:none}
.mdt-zaehler{display:block;text-align:right;font-size:11px;color:#8a8a8a;margin-top:2px}

.mdt-adr{margin-top:6px}
.mdt-adr-titel{font-size:13px;font-weight:600;color:#1d1d1d;margin:14px 0 6px}
.mdt-adr-plz{max-width:190px}
/* Bewusst neutral: Rot und Rosa lesen Kunden als Fehlermeldung, auch
   wenn nichts falsch ist. Hervorgehoben wird ueber Rahmen und Flaeche,
   nicht ueber Signalfarben. Rot bleibt dem echten Fehlerfall vorbehalten
   (.mdt-fehlt weiter unten). */
.mdt-lagerfrage{border:1px solid #d9dde1;background:#f7f8f9;border-radius:9px;
  padding:12px 14px;margin-top:12px}
.mdt-lagerfrage-t{font-size:13px;font-weight:600;color:#1d1d1d;margin-bottom:7px}
.mdt-lagerwahl{display:flex;gap:22px;flex-wrap:wrap}
.mdt-lagerwahl label{display:inline-flex;align-items:center;gap:7px;font-size:14px;
  color:#1d1d1d;cursor:pointer;min-height:44px}
.mdt-lagerwahl input{width:18px;height:18px;margin:0;cursor:pointer}
.mdt-lageradr{margin-top:10px;padding-top:11px;border-top:1px solid #d9dde1}
.mdt-lageradr[hidden]{display:none}
.mdt-lagerhinweis{margin:8px 0 0;font-size:12px;color:#6b6b6b}
.mdt-lagerhinweis[hidden]{display:none}
@media(max-width:560px){
  .mdt-adr-plz{max-width:none}

  .mdt-info{position:static}
  .mdt-info-t{position:static;display:block;width:auto;max-width:none;margin:6px 0 0}
}
.mdt-lagerwahl.mdt-fehlt{outline:2px solid #d63c1a;outline-offset:5px;border-radius:6px}

.auk-imgwrap{position:relative;display:block}
/* Restzeit und Preis liegen jetzt auf jedem Bildschirm auf dem Bild.
   Damit haben sie in jeder Karte dieselbe Stelle - Titel und Kategorie
   koennen beliebig lang sein, ohne etwas zu verschieben. */
.auk-imgwrap .auk-mtime,.auk-imgwrap .auk-mprice{display:inline-flex;align-items:baseline;
  position:absolute;z-index:2}
.auk-imgwrap .auk-mtime{top:9px;left:9px;gap:4px;border-radius:6px;padding:3px 8px;
  font-size:.72rem;color:#fff;background:rgba(0,0,0,.55);
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  text-shadow:0 1px 3px rgba(0,0,0,.85)}
.auk-imgwrap .auk-mprice{bottom:9px;left:9px;gap:5px;border-radius:8px;padding:6px 11px;
  font-size:1.05rem;font-weight:700;white-space:nowrap;max-width:calc(100% - 18px);
  background:#f59e0b;color:#1a1300}
.auk-mprice i{font-style:normal;font-weight:400;font-size:.64rem;opacity:.8}
/* Letzte 24 Stunden: der ganze Kasten wird rot, die Schrift bleibt weiss.
   Muss dieselbe Tiefe haben wie die Regel darueber, sonst verliert sie. */
.auk-imgwrap .auk-mtime.ist-knapp{background:#b91c1c;
  backdrop-filter:none;-webkit-backdrop-filter:none}
/* Ohne diese Zeile bliebe die Schrift rot auf rot - .auk-cd-tag faerbt
   sie sonst ein, weil dieselbe Klasse auch ausserhalb des Bildes gilt. */
.auk-imgwrap .auk-mtime .auk-cd-tag,
.auk-imgwrap .auk-mtime .auk-cd-knapp{color:#fff}

/* Der Kartenkoerper zeigt nur noch, was nicht auf dem Bild steht. */
.auk-card .auk-count,.auk-card .auk-price{display:none}
.auk-badges{height:23px;overflow:hidden}
.auk-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;height:2.6em;line-height:1.3}
.auk-card .auk-lock{height:52px;box-sizing:border-box;display:flex;align-items:center;
  justify-content:center;margin-bottom:8px}
.auk-kat{display:none}
.auk-catline{height:19px;line-height:19px;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;margin-top:0}

@media(max-width:700px){
  /* Auf dem Handy sitzen die Aufkleber etwas enger am Rand. */
  .auk-imgwrap .auk-mtime{top:7px;left:7px;font-size:.68rem}
  .auk-imgwrap .auk-mprice{bottom:7px;left:7px;padding:5px 10px;font-size:1rem;
    max-width:calc(100% - 14px)}
  .auk-mprice i{font-size:.62rem}
  .auk-card .auk-badges,
  .auk-card .auk-lock,.auk-card .auk-go,.auk-card .auk-spacer{display:none}
  .auk-card h3{-webkit-line-clamp:3;height:auto}
  .auk-b{padding:9px 10px 11px}
  .auk-card h3{font-size:.88rem;line-height:1.3;margin:0}
  /* Der Zustand sitzt in jeder Karte an derselben Stelle: an den Boden
     geheftet, feste Hoehe, keine Umbrueche. Die Kategorie faellt weg -
     sie war zu lang und hat die Zeile aufgebrochen. */
  .auk-kat{display:none}
  .auk-catline{font-size:.72rem;margin:auto 0 0;height:16px;line-height:16px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    border-top:1px solid var(--line);padding:5px 10px 0;
    margin-left:-10px;margin-right:-10px;box-sizing:content-box}
  .auk-heart{width:34px;height:34px;font-size:16px;top:7px;right:7px}
}

.mdc-nl-area { border-top: 1px solid rgba(255,255,255,.08); padding: 34px 0; margin-bottom: 10px; }
.mdc-nl-card { display: flex; gap: 30px; align-items: center; flex-wrap: wrap; }
.mdc-nl-intro { flex: 1 1 300px; }
.mdc-nl-title { color: #fff; font-size: 1.5rem; font-weight: 700; margin: 0 0 8px; }
.mdc-nl-sub { color: rgba(255,255,255,.7); font-size: .98rem; line-height: 1.6; margin: 0; max-width: 560px; }
.mdc-nl-cta-wrap { flex: 1 1 340px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.mdc-nl-btn { background: #ff4a26; color: #fff; border: none; border-radius: 8px; padding: 14px 28px; font-weight: 700; font-size: 1rem; cursor: pointer; min-height: 50px; transition: background .18s ease, transform .15s ease; }
.mdc-nl-btn-xl { font-size: 1.6rem; font-weight: 800; padding: 28px 64px; border-radius: 14px; letter-spacing: .01em; box-shadow: 0 16px 38px rgba(255,74,38,.38); }
.mdc-nl-btn-xl:hover { transform: translateY(-2px); }
.mdc-nl-adline { color: #fff; font-size: .9rem; margin: 14px 0 0; opacity: .92; }
.mdc-nl-btn:hover { background: #ff6a4a; transform: translateY(-1px); }
.mdc-nl-btn:disabled { opacity: .6; cursor: not-allowed; transform: none; }
.mdc-nl-modal { display: none; position: fixed; inset: 0; z-index: 99999; align-items: center; justify-content: center; padding: 20px; }
.mdc-nl-modal.open { display: flex; }
.mdc-nl-overlay { position: absolute; inset: 0; background: rgba(6,12,20,.6); backdrop-filter: blur(2px); }
.mdc-nl-dialog { position: relative; z-index: 1; width: 100%; max-width: 560px; max-height: 92vh; overflow-y: auto; background: #fff; border-radius: 16px; padding: 30px 30px 26px; box-shadow: 0 30px 70px rgba(0,0,0,.45); font-family: var(--mdt-font); animation: mdcNlIn .25s ease; }
.mdc-nl-x { position: absolute; top: 12px; right: 14px; background: none; border: none; font-size: 1.9rem; line-height: 1; color: #94a3b8; cursor: pointer; padding: 0; }
.mdc-nl-x:hover { color: #0f172a; }
.mdc-nl-modal-title { color: #0f172a; font-size: 1.4rem; font-weight: 800; margin: 0 6px 6px 0; }
.mdc-nl-modal-sub { color: #475569; font-size: .96rem; line-height: 1.5; margin: 0 0 18px; }
.mdc-nl-field { margin-bottom: 14px; }
.mdc-nl-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mdc-nl-field > label { display: block; font-size: .84rem; font-weight: 600; color: #0f172a; margin-bottom: 6px; }
.mdc-nl-field input[type="email"], .mdc-nl-field input[type="text"] { width: 100%; border: 1.5px solid #e7ecee; border-radius: 10px; padding: 12px 14px; font-size: .98rem; font-family: inherit; color: #0f172a; background: #fbfcfc; min-height: 46px; }
.mdc-nl-field input:focus { outline: none; border-color: #ff4a26; background: #fff; box-shadow: 0 0 0 4px rgba(255,74,38,.12); }
.mdc-nl-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.mdc-nl-chips label { display: inline-flex; align-items: center; gap: 7px; background: #f5f8f9; border: 1.5px solid #e7ecee; border-radius: 999px; padding: 8px 14px; font-size: .9rem; color: #0f172a; cursor: pointer; transition: border-color .15s ease, background .15s ease; margin: 0; }
.mdc-nl-chips label:hover { border-color: #ffc3b3; }
.mdc-nl-chips input { accent-color: #ff4a26; width: 15px; height: 15px; }
.mdc-nl-consent { display: flex; gap: 10px; align-items: flex-start; font-size: .82rem; color: #55636b; line-height: 1.5; margin: 8px 0 6px; }
.mdc-nl-consent input { margin-top: 2px; accent-color: #ff4a26; width: 17px; height: 17px; flex: none; }
.mdc-nl-consent a { color: #ff4a26; text-decoration: underline; }
.mdc-nl-msg { font-size: .9rem; min-height: 1em; margin: 6px 0 10px; }
.mdc-nl-msg.err { color: #dc2626; }
.mdc-nl-submit { width: 100%; margin-top: 6px; }
.mdc-nl-success { text-align: center; padding: 22px 6px 10px; }
.mdc-nl-success-ic { width: 66px; height: 66px; border-radius: 50%; background: #e9f9ef; color: #16a34a; display: flex; align-items: center; justify-content: center; font-size: 2rem; margin: 0 auto 16px; }
.mdc-nl-success h3 { color: #0f172a; font-weight: 800; margin-bottom: 8px; }
.mdc-nl-success p { color: #475569; line-height: 1.6; margin-bottom: 18px; }
.mdc-nl-area .mdc-nl-btn-xl { width: 100%; font-size: 1.2rem; padding: 20px 22px; }

.auk-sumgross{text-align:center;padding:2px 0 13px}
.auk-sumgross i{display:block;font-style:normal;font-size:.82rem;color:var(--muted)}
.auk-sumgross b{display:block;font-size:1.7rem;font-weight:800;color:var(--ink);
  margin-top:3px;font-variant-numeric:tabular-nums}
.auk-sumauf{border-top:1px solid var(--line);padding-top:10px}
.auk-sumaufk{font-size:.78rem;color:var(--muted);margin-bottom:6px}
.auk-sumsatz{display:block;font-style:normal;font-size:.7rem;color:var(--muted);margin-top:1px}
.auk-sumrow b{font-variant-numeric:tabular-nums}

/* ======================================================================
   Startseite
   Der Body ist getoent, die Inhalte setzen sich als weisse Flaechen davon
   ab - vorher standen weisse Karten auf weissem Grund und waren nur durch
   eine Haarlinie getrennt. Drei verschiedene Macharten geben der Seite
   ausserdem einen Rhythmus: Kacheln, Zeitleiste, Kasten.

   Alles ist unter .ho-seite gekapselt, damit .ra-card und die uebrigen
   Seiten mit .ra-page unveraendert bleiben.
   ====================================================================== */
.ho-seite{--ho-grund:#eef1f6;--ho-blau:#1d4ed8;--ho-gruen:#57a92f;
  background:var(--ho-grund)}

/* --- Kacheln: farbige Oberkante statt Symbol ------------------------- */
.ho-raster{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:1.6rem}
@media(max-width:700px){.ho-raster{grid-template-columns:1fr}}
.ho-karte{background:#fff;border:1px solid #d3dbe7;border-radius:12px;padding:22px;
  border-top:3px solid var(--ho-blau);
  transition:box-shadow .2s ease, transform .2s ease}
.ho-karte:nth-child(2){border-top-color:var(--ho-gruen)}
.ho-karte:nth-child(3){border-top-color:#d97706}
.ho-karte:nth-child(4){border-top-color:#7c3aed}
.ho-karte:hover{box-shadow:0 14px 30px -16px rgba(15,23,42,.35);transform:translateY(-2px)}
.ho-karte h3{font-size:1.06rem;font-weight:700;margin:0 0 6px}
.ho-karte p{font-size:.97rem;margin:0}

/* Kurze Textmarke statt Emoji: sieht auf jedem Geraet gleich aus und
   ordnet die Kachel ein, bevor man die Ueberschrift liest. */
.ho-marke{display:block;margin-bottom:9px;font-size:.67rem;letter-spacing:.1em;
  text-transform:uppercase;font-weight:700;color:var(--ho-blau)}
.ho-karte:nth-child(2) .ho-marke{color:#3f7d21}
.ho-karte:nth-child(3) .ho-marke{color:#b45309}
.ho-karte:nth-child(4) .ho-marke{color:#6d28d9}

/* --- Ablauf als Zeitleiste ------------------------------------------- */
.ho-leiste{margin-top:1.7rem;border-left:2px solid #cbd5e1}
.ho-stufe{position:relative;padding:0 0 26px 30px}
.ho-stufe:last-child{padding-bottom:0}
/* Ring in der Grundfarbe, damit der Punkt die Linie sauber durchstoesst. */
.ho-stufe::before{content:"";position:absolute;left:-7px;top:5px;width:12px;height:12px;
  border-radius:50%;background:var(--ho-blau);border:3px solid var(--ho-grund)}
.ho-stufe h3{font-size:1.05rem;font-weight:700;margin:4px 0 5px}
.ho-stufe p{font-size:.97rem;margin:0}

/* --- Ware anbieten ---------------------------------------------------- */
.ho-cta{border:1px solid #d3dbe7;border-left:5px solid var(--ho-gruen);border-radius:12px;
  padding:28px 30px;background:#fff}
.ho-cta .ra-h2{margin-bottom:.6rem}

@media (prefers-reduced-motion:reduce){.ho-karte{transition:none}}

/* =================================================================
   Glossar (/glossar und /glossar/<begriff>)
   Ergaenzt das .ra-System um die Teile, die es dort noch nicht gibt.
   ================================================================= */
.gl-brot { font-size:.85rem; color:#93a4c0; margin-bottom:16px; }
.gl-brot a { color:#93a4c0; text-decoration:none; }
.gl-brot a:hover { color:#cbd5e1; text-decoration:underline; }
.gl-brot b { color:#cbd5e1; font-weight:600; }
.gl-brot span { margin:0 5px; }

/* Begriffsgruppen auf der Uebersicht */
.gl-gruppe + .gl-gruppe { margin-top:2.4rem; }
.gl-gruppe-kopf { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap;
  border-bottom:1px solid var(--ra-line); padding-bottom:9px; margin-bottom:16px; }
.gl-gruppe-kopf strong { font-size:1.08rem; font-weight:700; color:var(--ra-ink); }
.gl-gruppe-kopf em { font-style:normal; font-size:.88rem; color:var(--ra-muted); }

/* Drei Spalten - .ra-card-grid hat zwei und wird anderswo gebraucht. */
.gl-liste { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.gl-eintrag { text-decoration:none; display:block; }
.gl-eintrag b { display:block; font-size:1.05rem; font-weight:700;
  color:var(--ra-ink); margin-bottom:5px; }
.gl-eintrag span { display:block; font-size:.93rem; color:var(--ra-muted); line-height:1.55; }

/* Kurzdefinition: die Antwort steht vor der Erklaerung. */
.gl-def { border-left:4px solid var(--ra-accent); background:#f6faf3;
  border-radius:0 12px 12px 0; padding:18px 22px; margin-bottom:2rem; }
.gl-def span { display:block; font-size:.75rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--ra-green); font-weight:700; margin-bottom:6px; }
.gl-def p { margin:0; color:var(--ra-ink) !important; font-size:1.06rem;
  line-height:1.65; font-weight:600; }

.gl-scroll { overflow-x:auto; }
.gl-scroll .ra-table { min-width:520px; }
.ra-table td.gl-klasse { font-weight:700; color:var(--ra-ink); white-space:nowrap; }
.gl-fussnote { font-size:.88rem !important; line-height:1.6 !important;
  color:var(--ra-muted); margin-top:.9rem; }

.ra-chip.gl-chip { text-decoration:none; }
.ra-chip.gl-chip:hover { background:#dbeafe; }

.gl-zurueck { margin-top:1.8rem; }
.gl-zurueck a { color:var(--ra-primary); text-decoration:none; font-weight:600; }
.gl-zurueck a:hover { text-decoration:underline; }

@media (max-width:900px) { .gl-liste { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .gl-liste { grid-template-columns:1fr; } }