.ee-view {
  --ee-blue: #5D8CFF;
  --ee-violet: #9B74FF;
  --ee-cyan: #54D2D2;
  --ee-paper: #FBF7E9;
  --ee-paper-ink: #173128;
  --ee-paper-soft: #667268;
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
}

.ee-stage { display: flex; flex-direction: column; gap: 20px; padding-bottom: 80px; }
.ee-stage-loader, .ee-reader-loading {
  min-height: 58vh; display: grid; place-items: center; align-content: center; gap: 16px;
  color: var(--ink-soft); font-size: 15px;
}
.ee-stage-loader span, .ee-reader-loading span {
  width: 44px; height: 44px; border: 4px solid var(--line); border-top-color: var(--ee-cyan);
  border-radius: 50%; animation: ee-spin .8s linear infinite;
}
@keyframes ee-spin { to { transform: rotate(360deg); } }

.ee-hero {
  position: relative; padding: 2px 0 0;
}
.ee-hero > h1 { color: var(--ink); font-size: clamp(20px, 1.7vw, 25px); line-height: 1.2; letter-spacing: -.025em; }

.ee-search { max-width: 760px; margin: 16px auto 0; }
.ee-search-main { display: flex; align-items: stretch; gap: 12px; }
.ee-search-input {
  flex: 1; display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 48px; padding: 3px 14px;
  border: 1px solid #3A4A65; border-radius: 14px; color: #9DAEC7;
  background: #151E2E; box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.ee-search-input:focus-within { border-color: #66D8CF; box-shadow: 0 0 0 3px rgba(84,210,210,.13); }
.ee-search-input input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: #FFFFFF; font: 700 clamp(13px, 1.2vw, 16px)/1.4 Nunito, sans-serif; }
.ee-search-input input::placeholder { color: #8FA0BC; opacity: 1; }
.ee-search-input button { min-height: 40px; padding: 0 22px; border: 0; border-radius: 13px; color: #071523; background: linear-gradient(135deg, #7BE5D7, #75A9FF); font: 900 13px Nunito, sans-serif; cursor: pointer; }
.ee-filter-toggle { min-width: 94px; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 16px; border: 1px solid #3A4A65; border-radius: 14px; color: #E7EEF9; background: #151E2E; font: 850 13px Nunito, sans-serif; cursor: pointer; }
.ee-filter-toggle[aria-expanded="true"] { color: #80E2D9; border-color: #57C8C0; }
.ee-filter-row { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 10px; margin-top: 12px; }
.ee-filter-row[hidden] { display: none; }
.ee-filter-row label { min-width: 0; }
.ee-filter-row label > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.ee-filter-row select { width: 100%; min-height: 38px; padding: 0 36px 0 13px; border: 1px solid rgba(255,255,255,.16); border-radius: 13px; color: #E7EEF9; background-color: rgba(10,18,32,.78); font: 750 12px Nunito, sans-serif; }
.ee-quicklinks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; max-width: 820px; margin: 18px auto 0; }
.ee-quicklinks button { min-width: 0; min-height: 42px; display: grid; grid-template-columns: 18px minmax(0, 1fr) 18px; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid #26354E; border-radius: 12px; color: #F0F5FC; background: #121B2B; font: 850 11.5px Nunito, sans-serif; cursor: pointer; }
.ee-quicklinks button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-quicklinks button svg { color: #38D5C5; }
.ee-quicklinks button:nth-child(3n + 2) svg { color: #71BCFF; }
.ee-quicklinks button:hover { border-color: #58CFC7; background: #18263A; }

.ee-category-actions { display: flex; justify-content: flex-end; max-width: 1380px; margin: -3px auto 8px; }
.ee-category-actions button { min-height: 44px; display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 0; color: #48D9CA; background: transparent; font: 850 12px Nunito, sans-serif; cursor: pointer; }
.ee-category-actions button svg { transform: rotate(180deg); }
.ee-category-actions button[aria-expanded="true"] svg { transform: rotate(0deg); }
.ee-category-panel { max-width: 1380px; margin: 0 auto; padding: 9px; border: 1px solid #2C3C56; border-radius: 14px; background: rgba(16,24,38,.6); }

.ee-section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 12px; }
.ee-section-head > div > span { color: var(--ee-cyan); font-size: 11px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.ee-section-head h2 { margin-top: 4px; color: var(--ink); font-size: clamp(23px, 2.4vw, 32px); letter-spacing: -.035em; }
.ee-section-head > p { max-width: 470px; color: var(--ink-soft); font-size: 13px; line-height: 1.55; text-align: right; }
.ee-category-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 7px; }
.ee-category-tile {
  --ee-accent: var(--ee-blue); min-height: 44px; display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 8px;
  padding: 6px 9px; border: 1px solid #31415B; border-radius: 11px; color: var(--ink); text-align: left;
  background: #121B2A; cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.ee-category-tile:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--ee-accent) 62%, var(--line)); box-shadow: 0 14px 28px rgba(0,0,0,.28); }
.ee-category-icon { width: 28px; height: 28px; display: grid; place-items: center; color: #F4F8FF; }
.ee-category-icon svg { width: 22px; height: 22px; }
.ee-category-tile b { display: -webkit-box; overflow: hidden; font-size: 10px; line-height: 1.18; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ee-category-extra[hidden] { display: none; }

.ee-start-discover > h2 { color: var(--ink); font-size: clamp(20px, 1.8vw, 25px); letter-spacing: -.025em; }
.ee-format-chips { display: flex; flex-wrap: wrap; gap: 7px; margin: 9px 0 10px; }
.ee-format-chips button { min-height: 36px; padding: 6px 16px; border: 1px solid #2C3C56; border-radius: 999px; color: #D7E0EE; background: #101827; font: 800 10.5px Nunito, sans-serif; cursor: pointer; }
.ee-format-chips button.aktiv { color: #FFFFFF; border-color: #4C7EF0; background: #4075E8; }
.ee-start-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }

.ee-featured { display: flex; flex-direction: column; gap: 34px; }
.ee-topic-row { min-height: 390px; padding: 21px; border: 1px solid var(--line); border-radius: 24px; background: color-mix(in srgb, var(--card) 92%, transparent); box-shadow: var(--shadow-sm); }
.ee-row-head, .ee-row-head > div { display: flex; align-items: center; justify-content: space-between; gap: 13px; }
.ee-row-head > div { justify-content: flex-start; min-width: 0; }
.ee-row-icon { --ee-accent: var(--ee-blue); width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 13px; color: #FFFFFF; background: color-mix(in srgb, var(--ee-accent) 70%, #151D2C); }
.ee-row-head h2 { font-size: 18px; line-height: 1.2; }
.ee-row-head p { margin-top: 3px; color: var(--ink-soft); font-size: 12px; }
.ee-row-head > button { min-height: 40px; display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; padding: 8px 13px; border: 1px solid var(--line); border-radius: 12px; color: var(--primary-deep); background: var(--primary-soft); font: 850 12px Nunito, sans-serif; cursor: pointer; }
.ee-row-head > button svg { transform: rotate(-90deg); }
.ee-row-cards { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 13px; margin-top: 19px; }
.ee-row-placeholder, .ee-empty-row { min-height: 270px; display: grid; place-items: center; grid-column: 1 / -1; color: var(--ink-soft); font-size: 12px; }

.ee-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid #34445D; border-radius: 14px; background: #131D2D; box-shadow: 0 10px 24px rgba(0,0,0,.25); }
.ee-card-open, .ee-card-body h3 button { width: 100%; border: 0; padding: 0; color: inherit; background: none; font: inherit; text-align: left; cursor: pointer; }
.ee-card-open { display: block; }
.ee-card-open:focus-visible { outline: 3px solid #68D5CE; outline-offset: -3px; }
.ee-card-cover, .ee-paper-media { position: relative; display: grid; place-items: center; width: 100%; overflow: hidden; background: #EAF0F7; }
.ee-card-cover { aspect-ratio: 16 / 12.3; padding: 18px 20% 12px; background: radial-gradient(circle at 50% 38%, #33445D 0, #1E2A3D 48%, #111A28 100%); }
.ee-card-paper { position: relative; display: flex; width: 100%; height: 100%; flex-direction: column; gap: 3.2%; overflow: hidden; padding: 8% 8% 6%; color: #173128; background: #FBF7E9; border-radius: 2px; box-shadow: 0 8px 18px rgba(0,0,0,.42); transform: rotate(-.35deg); }
.ee-card-paper-brand { color: #178C78; font-size: clamp(4px, .34vw, 6px); font-weight: 900; letter-spacing: .08em; }
.ee-card-paper strong { display: -webkit-box; overflow: hidden; font-size: clamp(7px, .75vw, 12px); line-height: 1.08; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ee-card-paper-image { position: relative; display: grid; min-height: 0; flex: 1; place-items: center; overflow: hidden; border-radius: 2px; background: #EEF1DF; }
.ee-card-paper-image img { width: 100%; height: 100%; object-fit: cover; }
.ee-card-paper-lines { display: grid; gap: 2px; }
.ee-card-paper-lines i { height: 2px; border-radius: 2px; background: #D8DDC9; }
.ee-card-paper-lines i:nth-child(2) { width: 88%; }
.ee-card-paper-lines i:nth-child(3) { width: 62%; }
.ee-card-cover img, .ee-paper-media img { width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .2s ease; }
.ee-card-cover.geladen img, .ee-paper-media.geladen img { opacity: 1; }
.ee-card-cover small, .ee-paper-media small, .ee-page-image small { position: absolute; right: 6px; bottom: 5px; padding: 2px 5px; border-radius: 5px; color: #FFFFFF; background: rgba(10,16,27,.72); font-size: 6px; font-weight: 900; letter-spacing: .04em; }
.ee-paper-loading { position: absolute; inset: 0; display: grid; place-items: center; padding: 10px; color: #69768B; font-size: 8px; font-weight: 800; text-align: center; }
.ee-card-cover.geladen .ee-paper-loading, .ee-paper-media.geladen .ee-paper-loading { display: none; }
.ee-image-error { position: absolute; inset: 0; display: grid; place-items: center; padding: 12px; color: #536078; background: #EAF0F7; font-size: clamp(8px, .82vw, 12px); font-weight: 800; line-height: 1.35; text-align: center; }
.ee-card-badges { position: absolute; z-index: 2; top: 7px; left: 7px; right: 53px; display: flex; align-items: center; gap: 6px; pointer-events: none; }
.ee-card-badges > span { min-width: 0; min-height: 22px; display: inline-flex; align-items: center; gap: 4px; padding: 3px 7px; overflow: hidden; border-radius: 999px; font-size: 8px; font-weight: 900; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.ee-pdf-badge { flex: 0 0 auto; color: #FFFFFF; background: rgba(13,18,27,.82); }
.ee-category-badge { color: #FFFFFF; background: color-mix(in srgb, var(--ee-accent) 76%, #142034); }
.ee-card-body { padding: 10px 13px 13px; }
.ee-reader-kicker span { padding: 3px 7px; border-radius: 999px; color: #B9D4FF; background: #202D43; font-size: 8.5px; font-weight: 900; letter-spacing: .035em; text-transform: uppercase; }
.ee-card-body h3 { font-size: 14.5px; line-height: 1.25; }
.ee-card-body h3 button:hover { color: #A9C9FF; }
.ee-card-body > p { display: -webkit-box; min-height: 36px; margin-top: 5px; overflow: hidden; color: #AEBBD0; font-size: 10.5px; line-height: 1.38; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ee-card-bottom { display: flex; gap: 8px; margin-top: 8px; color: #8290A8; font-size: 9px; font-weight: 800; }
.ee-favorite { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #3B4961; border-radius: 50%; color: #AAB8CD; background: #182131; cursor: pointer; }
.ee-card > .ee-favorite { position: absolute; z-index: 3; top: 0; right: 0; border-color: transparent; border-radius: 10px; color: #F3F7FC; background: rgba(10,16,26,.58); }
.ee-favorite.aktiv { color: #FFE08A; border-color: #DBB34D; background: #3B321D; }
.ee-favorite:disabled { opacity: .6; cursor: wait; }

.ee-listing { padding-bottom: 70px; }
.ee-back { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; gap: 8px; margin: 10px 0 22px; padding: 8px 13px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink-soft); background: var(--card); font: 800 12.5px Nunito, sans-serif; cursor: pointer; }
.ee-listing-head { display: flex; align-items: center; gap: 18px; margin-bottom: 22px; }
.ee-listing-head > span { width: 58px; height: 58px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 18px; color: #FFFFFF; background: linear-gradient(140deg, #5C86FF, #946DDB); }
.ee-listing-head p { color: var(--ee-cyan); font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.ee-listing-head h1 { margin-top: 2px; font-size: clamp(26px, 3.2vw, 42px); letter-spacing: -.035em; }
.ee-listing-head div > span { display: block; max-width: 720px; margin-top: 5px; color: var(--ink-soft); font-size: 13px; line-height: 1.5; }
.ee-search-compact { max-width: none; padding: 17px; border: 1px solid var(--line); border-radius: 20px; background: var(--card); }
.ee-search-compact .ee-search-input { min-height: 58px; border-color: var(--line); background: #111824; }
.ee-search-compact .ee-filter-row select { border-color: var(--line); background-color: #111824; }
.ee-list-status { min-height: 22px; margin: 18px 0 12px; color: var(--ink-soft); font-size: 12.5px; font-weight: 750; }
.ee-list-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.ee-more { min-height: 48px; display: block; margin: 26px auto 0; padding: 10px 22px; border: 1px solid #4B68A1; border-radius: 14px; color: #DCE9FF; background: #243653; font: 900 13px Nunito, sans-serif; cursor: pointer; }
.ee-more[hidden] { display: none; }

.ee-reader-view { max-width: 1700px; }
.ee-reader { padding-bottom: 70px; }
.ee-reader-toolbar { position: sticky; z-index: 20; top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 15px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 16px; background: rgba(20,27,40,.93); box-shadow: 0 8px 28px rgba(0,0,0,.28); backdrop-filter: blur(14px); }
.ee-reader-toolbar .ee-back { margin: 0; }
.ee-page-controls { display: flex; align-items: center; gap: 7px; }
.ee-page-controls button { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 7px 11px; border: 1px solid #34445D; border-radius: 11px; color: #DCE7F6; background: #1A2537; font: 800 11.5px Nunito, sans-serif; cursor: pointer; }
.ee-page-controls button:nth-child(3) svg { transform: rotate(180deg); }
.ee-page-controls button:disabled { opacity: .35; cursor: default; }
.ee-page-controls > span { min-width: 105px; color: #C6D2E3; font-size: 12px; font-weight: 850; text-align: center; }
.ee-reader-layout { display: grid; grid-template-columns: minmax(520px, 1fr) minmax(270px, 330px); gap: clamp(20px, 3vw, 42px); align-items: start; }
.ee-page-stage { min-width: 0; display: flex; justify-content: center; padding: clamp(16px, 2.7vw, 40px); border: 1px solid var(--line); border-radius: 24px; background: #0D121C; }
.ee-a4 { width: min(100%, 860px); aspect-ratio: 210 / 297; overflow: auto; border: 1px solid #071650; color: var(--ee-paper-ink); background: var(--ee-paper); box-shadow: 0 24px 55px rgba(0,0,0,.48); scrollbar-width: thin; }
.ee-a4:focus-visible { outline: 3px solid #68D5CE; outline-offset: 4px; }
.ee-a4:fullscreen { width: min(100vw, calc(100vh * 210 / 297)); height: 100vh; margin: auto; background: var(--ee-paper); }
.ee-a4-loading, .ee-a4-error { min-height: 100%; display: grid; place-items: center; align-content: center; gap: 14px; padding: 30px; color: #66738A; font: 800 14px Nunito, sans-serif; text-align: center; }
.ee-sheet-page { min-height: 100%; display: flex; flex-direction: column; padding: 3.5% 6.1% 2.3%; color: var(--ee-paper-ink); background: var(--ee-paper); }
.ee-sheet-brand { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.ee-sheet-brand img { width: clamp(105px, 16vw, 154px); height: auto; }
.ee-sheet-brand b { padding-top: 1.7%; color: #187C6B; font-size: clamp(8px, .82vw, 12px); font-weight: 900; letter-spacing: .065em; }
.ee-sheet-hero { display: grid; grid-template-columns: minmax(0, .79fr) minmax(0, 1.21fr); gap: 2.5%; align-items: start; margin-top: 4.1%; }
.ee-sheet-hero.ohne-bild { grid-template-columns: 1fr; }
.ee-sheet-intro h2 { color: #173128; font-size: clamp(30px, 3.2vw, 52px); line-height: 1.04; letter-spacing: -.04em; }
.ee-sheet-page .ee-sheet-intro h2.ee-title-long { font-size: clamp(23px, 2vw, 34px); overflow-wrap: normal; word-break: normal; hyphens: none; }
.ee-sheet-lead { margin-top: 5.5%; color: #14265A; font-size: clamp(10px, 1.08vw, 16px); line-height: 1.43; }
.ee-sheet-short { display: grid; grid-template-columns: clamp(30px, 3.4vw, 48px) 1fr; gap: 9px; align-items: start; margin-top: 7%; }
.ee-erklaer-symbol { display: block; width: clamp(26px, 3.2vw, 46px); height: auto; object-fit: contain; }
.ee-short-symbol { width: 100%; }
.ee-sheet-short b { color: #00AFA5; font-size: clamp(10px, 1.04vw, 16px); }
.ee-sheet-short p { margin-top: 2px; color: #13265A; font-size: clamp(9px, .92vw, 14px); line-height: 1.4; }
.ee-sheet-intro .ee-block-text { margin-top: 7%; }
.ee-sheet-intro .ee-block-text h3 { color: #00AFA5; }
.ee-sheet-intro .ee-block-text p { color: #13265A; }
.ee-sheet-hero .ee-page-image > div { min-height: 0; background: transparent; }
.ee-sheet-hero .ee-page-image img { max-height: clamp(250px, 32vw, 420px); }
.ee-sheet-hero .ee-image-label { display: none; }
.ee-sheet-content { min-height: 0; display: flex; flex: 1; flex-direction: column; gap: clamp(11px, 1.25vw, 18px); padding: 3.4% 0 1.6%; }
.ee-sheet-wide { padding: 2.3% 2.7% 2.7%; border: 1px solid #DDE3CD; border-radius: 17px; background: #F1F2DF; }
.ee-sheet-wide .ee-block > h3 { margin-bottom: 2%; color: #071650; font-size: clamp(13px, 1.35vw, 21px); text-align: center; }
.ee-sheet-lower { min-height: 0; display: grid; flex: 1; grid-template-columns: minmax(0, 1fr) clamp(88px, 17%, 148px); gap: 4%; align-items: end; }
.ee-sheet-lower.ohne-details { grid-template-columns: 1fr; justify-items: end; }
.ee-sheet-details { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(9px, 1.35vw, 20px) 4%; align-items: start; }
.ee-detail-card { display: grid; grid-template-columns: clamp(28px, 4vw, 56px) 1fr; gap: 9px; align-items: start; }
.ee-detail-card .ee-erklaer-symbol { width: 100%; padding: 10%; border-radius: 50%; background: #EDF5FA; }
.ee-block h3 { margin-bottom: 6px; color: #071650; font-size: clamp(10px, 1.04vw, 16px); line-height: 1.2; }
.ee-block p, .ee-block li, .ee-block dd, .ee-block span { font-size: clamp(8.5px, .86vw, 13px); line-height: 1.42; }
.ee-block-text p { color: #29344C; }
.ee-block-list ul { display: grid; gap: 5px; padding-left: 18px; }
.ee-block-list li::marker { color: #00AFA5; }
.ee-block-steps ol { display: grid; gap: 7px; list-style: none; counter-reset: ee-step; }
.ee-block-steps li { display: grid; grid-template-columns: 28px 1fr; align-items: start; gap: 9px; counter-increment: ee-step; }
.ee-block-steps li::before { content: counter(ee-step); width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: #FFFFFF; background: #00AFA5; font-size: 11px; font-weight: 900; }
.ee-block-facts dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; }
.ee-block-facts dl > div { padding: 9px 10px; border: 1px solid #E1E7F0; border-radius: 9px; background: #F6F8FB; }
.ee-sheet-details .ee-block-facts dl > div { padding: 0; border: 0; background: transparent; }
.ee-block-facts dt { color: #071650; font-size: clamp(7px,.72vw,10px); font-weight: 900; letter-spacing: .025em; }
.ee-block-facts dd { margin-top: 2px; color: #27344D; }
.ee-sheet-wide .ee-block-steps ol, .ee-sheet-wide .ee-block-facts dl { grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 2.4%; }
.ee-sheet-wide .ee-block-steps li { grid-template-columns: 1fr; justify-items: center; gap: 6px; text-align: center; }
.ee-sheet-wide .ee-block-steps.ee-long ol, .ee-sheet-wide .ee-block-facts.ee-long dl { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 3%; }
.ee-sheet-wide .ee-block-steps.ee-count-4 ol, .ee-sheet-wide .ee-block-facts.ee-count-4 dl { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ee-sheet-wide .ee-block-steps.ee-long li { grid-template-columns: 28px 1fr; justify-items: start; text-align: left; }
.ee-sheet-wide .ee-block-facts dl { counter-reset: ee-fact; }
.ee-sheet-wide .ee-block-facts dl > div { min-width: 0; padding: 0 4px; border: 0; background: transparent; text-align: center; counter-increment: ee-fact; }
.ee-sheet-wide .ee-block-facts dl > div::before { content: counter(ee-fact); width: 27px; height: 27px; display: grid; place-items: center; margin: 0 auto 7px; border-radius: 50%; color: #FFFFFF; background: #00AFA5; font-size: 11px; font-weight: 900; }
.ee-step-symbol { width: clamp(26px, 3.15vw, 43px); margin: -2px auto 0; }
.ee-sheet-wide .ee-block-steps li::before { display: none; }
.ee-sheet-wide .ee-block-steps li { counter-increment: none; }
.ee-sheet-wide .ee-block-steps li .ee-step-symbol { order: 1; }
.ee-sheet-wide .ee-block-steps li span { order: 2; font-weight: 900; }
.ee-sheet-wide .ee-block-facts dl > div .ee-step-symbol { margin: -1px auto 4px; }
.ee-note { padding: 10px 13px; border-left: 4px solid #00AFA5; border-radius: 9px; background: #EEF8F7; }
.ee-note h3 { color: #3857AE; }
.ee-note-sicherheit { border-left-color: #D65D66; background: #FFF0F1; }
.ee-note-sicherheit h3 { color: #AA3440; }
.ee-note-wissen { border-left-color: #36A58D; background: #EAF8F4; }
.ee-merksatz-wrap { display: grid; grid-template-columns: clamp(34px, 4.7vw, 64px) 1fr; align-items: center; gap: 10px; margin-top: auto; padding: 1.8% 2.6%; border: 1px solid #BFDCCF; border-radius: 12px; background: #DDEFE5; }
.ee-merksatz-wrap .ee-merksatz-symbol { width: 100%; padding: 12%; border-radius: 50%; background: #00AFA5; }
.ee-merksatz-wrap .ee-note-merksatz { min-width: 0; border: 0; color: #173128; background: transparent; }
.ee-merksatz-wrap .ee-note-merksatz h3 { margin: 0; color: #187C6B; font-size: clamp(11px, 1.18vw, 18px); }
.ee-merksatz-wrap .ee-note-merksatz p { color: #173128; font-size: clamp(9px, .98vw, 15px); font-weight: 750; line-height: 1.35; }
.ee-comparison > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ee-comparison article { padding: 11px 12px; border-radius: 10px; background: #EEF5FF; }
.ee-comparison article:nth-child(2) { background: #F5F0FF; }
.ee-comparison h4 { margin-bottom: 5px; color: #3F5BAE; font-size: clamp(10px,.95vw,14px); }
.ee-comparison ul { display: grid; gap: 4px; padding-left: 15px; }
.ee-timeline ol { position: relative; display: grid; gap: 8px; list-style: none; }
.ee-timeline ol::before { content: ''; position: absolute; top: 7px; bottom: 7px; left: 10px; width: 2px; background: #A6B9E8; }
.ee-timeline li { position: relative; display: grid; grid-template-columns: 90px 1fr; gap: 10px; padding-left: 28px; }
.ee-timeline li::before { content: ''; position: absolute; top: 5px; left: 5px; width: 11px; height: 11px; border: 3px solid #FFFFFF; border-radius: 50%; background: #647ECA; box-shadow: 0 0 0 1px #647ECA; }
.ee-timeline b { color: #4B65B3; font-size: clamp(9px,.84vw,12px); }
.ee-page-image { margin: 0; }
.ee-page-image > div { position: relative; min-height: 160px; overflow: hidden; border-radius: 11px; background: #F6F9FC; }
.ee-page-image img { display: block; width: 100%; max-height: clamp(190px, 25vw, 340px); object-fit: contain; opacity: 0; transition: opacity .2s ease; }
.ee-page-image.geladen img { opacity: 1; }
.ee-page-image figcaption { margin-top: 5px; color: var(--ee-paper-soft); font-size: clamp(7px,.68vw,9.5px); line-height: 1.35; text-align: center; }
.ee-image-label { position: absolute; z-index: 2; top: var(--y); left: var(--x); translate: -50% -50%; max-width: 120px; padding: 3px 6px; border: 1px solid #D3DEEA; border-radius: 6px; color: #071650; background: rgba(255,255,255,.92); font-size: clamp(6px,.63vw,9px) !important; font-weight: 900; line-height: 1.2 !important; text-align: center; }
.ee-sheet-schaubild { padding-top: 2.7%; }
.ee-sheet-schaubild .ee-sheet-brand { display: grid; justify-items: center; gap: 5px; }
.ee-sheet-schaubild .ee-sheet-brand img { width: clamp(98px, 13.5vw, 132px); }
.ee-sheet-schaubild .ee-sheet-brand b { padding: 0; color: #1A5280; font-size: clamp(7px, .75vw, 10px); text-align: center; }
.ee-sheet-schaubild > h2 { margin: 3.2% auto 2.5%; color: #071650; font-size: clamp(25px, 3vw, 45px); line-height: 1.04; letter-spacing: -.04em; text-align: center; }
.ee-sheet-schaubild > h2.ee-title-long { max-width: 88%; font-size: clamp(21px, 2.3vw, 35px); }
.ee-diagramm-kurz { display: grid; grid-template-columns: clamp(28px, 3.5vw, 46px) 1fr; gap: 9px; align-items: center; padding: 1.8% 2.4%; border-radius: 11px; background: #EAF8F6; }
.ee-diagramm-kurz .ee-short-symbol { width: 100%; padding: 6%; border-radius: 50%; background: #FFFFFF; }
.ee-diagramm-kurz b { color: #008F88; font-size: clamp(10px, 1vw, 15px); }
.ee-diagramm-kurz p { margin-top: 2px; color: #14265A; font-size: clamp(8.5px, .88vw, 13px); line-height: 1.38; }
.ee-diagramm-bild { margin: 2.2% 0 0; }
.ee-diagramm-bild > div { min-height: 0; overflow: visible; background: transparent; }
.ee-diagramm-bild img { position: relative; z-index: 1; max-height: clamp(220px, 29vw, 365px); }
.ee-diagramm-bild figcaption { margin-top: 3px; }
.ee-diagramm-fuehrung { position: absolute; z-index: 2; top: var(--sy); left: var(--sx); width: var(--laenge); height: 2px; transform: rotate(var(--winkel)); transform-origin: 0 50%; background: #00AFA5; pointer-events: none; }
.ee-diagramm-nummer { position: absolute; z-index: 3; top: var(--y); left: var(--x); display: grid; width: clamp(16px, 1.9vw, 26px); height: clamp(16px, 1.9vw, 26px); place-items: center; translate: -50% -50%; border: 2px solid #FFFFFF; border-radius: 50%; color: #FFFFFF; background: #00AFA5; box-shadow: 0 1px 4px rgba(0,66,80,.22); font-size: clamp(7px, .75vw, 10px); font-weight: 900; }
.ee-diagramm-legende { display: grid; gap: 5px; margin: 2% 0 0; padding: 1.8% 0; border-bottom: 1px solid #C9D7E7; list-style: none; }
.ee-diagramm-legende li { display: grid; grid-template-columns: clamp(19px, 2.25vw, 30px) minmax(90px, .38fr) 1fr; gap: 7px; align-items: start; color: #182A5F; font-size: clamp(7.4px, .76vw, 11px); line-height: 1.3; }
.ee-diagramm-legende li > b { display: grid; width: clamp(18px, 2vw, 27px); height: clamp(18px, 2vw, 27px); place-items: center; border-radius: 50%; color: #FFFFFF; background: #00AFA5; font-size: clamp(7px, .72vw, 10px); }
.ee-diagramm-legende strong { color: #071650; font-size: inherit; }
.ee-diagramm-details { padding: 2% 0 1%; }
.ee-diagramm-details h3 { color: #3F5BAE; font-size: clamp(9px, .95vw, 14px); }
.ee-diagramm-details p { margin-top: 3px; color: #29344C; font-size: clamp(7.8px, .8vw, 12px); line-height: 1.38; }
.ee-sheet-schaubild .ee-merksatz-wrap { margin-top: auto; }
.ee-sheet-mascot { min-height: 0; display: flex; justify-content: flex-end; align-self: end; }
.ee-sheet-mascot img { width: 100%; max-width: 148px; height: auto; object-fit: contain; }
.ee-sheet-page > footer { display: flex; justify-content: center; gap: 9px; padding-top: 1.4%; color: #253568; font-size: clamp(7px,.65vw,9px); }
.ee-sheet-page > footer span + span::before { content: '·'; margin-right: 9px; }
.ee-density-kompakt .ee-sheet-hero { margin-top: 2.8%; }
.ee-density-kompakt .ee-sheet-content { gap: 7px; padding-top: 2%; }
.ee-density-kompakt .ee-block p, .ee-density-kompakt .ee-block li, .ee-density-kompakt .ee-block dd, .ee-density-kompakt .ee-block span { line-height: 1.3; }
.ee-density-dicht .ee-sheet-hero { margin-top: 2%; }
.ee-density-dicht .ee-sheet-intro h2 { font-size: clamp(25px, 2.55vw, 41px); }
.ee-density-dicht .ee-sheet-lead, .ee-density-dicht .ee-block p, .ee-density-dicht .ee-block li, .ee-density-dicht .ee-block dd, .ee-density-dicht .ee-block span { font-size: clamp(7.5px, .76vw, 11.5px); line-height: 1.25; }
.ee-density-dicht .ee-sheet-content { gap: 6px; padding-top: 1.6%; }

.ee-reader-info { position: sticky; top: 84px; padding: 22px; border: 1px solid var(--line); border-radius: 22px; background: var(--card); box-shadow: var(--shadow-md); }
.ee-reader-kicker { display: flex; flex-wrap: wrap; gap: 6px; }
.ee-reader-info h1 { margin-top: 14px; font-size: clamp(23px, 2.1vw, 32px); line-height: 1.08; letter-spacing: -.035em; }
.ee-reader-info > p { margin-top: 12px; color: var(--ink-soft); font-size: 13px; line-height: 1.58; }
.ee-reader-info dl { display: grid; gap: 9px; margin-top: 18px; }
.ee-reader-info dl > div { display: grid; grid-template-columns: 82px 1fr; gap: 9px; padding-top: 9px; border-top: 1px solid var(--line); }
.ee-reader-info dt { color: var(--ink-soft); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.ee-reader-info dd { color: var(--ink); font-size: 11.5px; font-weight: 750; }
.ee-reader-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 20px; }
.ee-reader-actions button, .ee-reader-actions a { min-height: 45px; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 8px 10px; border: 1px solid #3A4A62; border-radius: 12px; color: #DDE8F7; background: #1A2638; font: 850 11px Nunito, sans-serif; text-align: center; text-decoration: none; cursor: pointer; }
.ee-reader-actions #ee-ask { grid-column: 1 / -1; color: #081827; border-color: #5FC5BE; background: linear-gradient(135deg, #77DFD1, #72A6FF); }
.ee-reader-actions .ee-info-favorite { position: static; width: auto; height: auto; border-radius: 12px; }
.ee-reader-error { min-height: 20px; margin-top: 10px; color: var(--danger-deep); font-size: 11.5px; line-height: 1.4; }
.ee-related { margin-top: 34px; padding-top: 28px; border-top: 1px solid var(--line); }

.ee-error, .ee-phone-notice { max-width: 620px; min-height: 52vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; margin: 0 auto; padding: 38px; color: var(--ink); text-align: center; }
.ee-error > svg, .ee-phone-icon { width: 72px; height: 72px; display: grid; place-items: center; color: #8DDDD4; }
.ee-phone-icon { border: 1px solid #3E5E74; border-radius: 22px; background: #1B3042; }
.ee-error h2, .ee-phone-notice h2 { font-size: 25px; }
.ee-error p, .ee-phone-notice p { max-width: 500px; color: var(--ink-soft); font-size: 14px; line-height: 1.6; }
.ee-error-actions { display: flex; gap: 9px; flex-wrap: wrap; justify-content: center; margin-top: 7px; }

.ee-chat-card { width: min(610px, 100%); margin: 13px 0 2px; overflow: hidden; border: 1px solid #3D5674; border-radius: 18px; background: #121C2B; box-shadow: 0 12px 30px rgba(0,0,0,.25); }
.ee-chat-label { display: flex; align-items: center; gap: 7px; padding: 9px 13px; color: #86DDD3; border-bottom: 1px solid #2C3C52; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.ee-chat-open { width: 100%; display: grid; grid-template-columns: 88px 1fr 25px; gap: 13px; align-items: center; padding: 13px; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.ee-chat-thumb { display: block; aspect-ratio: 210/270; overflow: hidden; border-radius: 4px; background: #FFFFFF; box-shadow: 0 6px 14px rgba(0,0,0,.35); }
.ee-chat-thumb .ee-paper-media { height: 100%; }
.ee-chat-copy { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.ee-chat-copy small { color: #8FA5C1; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.ee-chat-copy b { color: #F1F6FD; font-size: 14px; line-height: 1.25; }
.ee-chat-copy > span { display: -webkit-box; overflow: hidden; color: #B2C0D3; font-size: 10.5px; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ee-chat-copy em { color: #7FD8CF; font-size: 9.5px; font-style: normal; font-weight: 800; }
.ee-chat-arrow { color: #8BB4FF; transform: rotate(-90deg); }

@media (max-width: 1380px) {
  .ee-row-cards { grid-template-columns: repeat(5, minmax(150px, 1fr)); overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x proximity; }
  .ee-row-cards .ee-card { scroll-snap-align: start; }
  .ee-reader-layout { grid-template-columns: 1fr; }
  .ee-reader-info { position: static; order: 2; }
  .ee-page-stage { order: 1; }
}

@media (max-width: 1120px) {
  .ee-category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ee-start-grid, .ee-list-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ee-reader-info dl { grid-template-columns: repeat(3, 1fr); }
  .ee-reader-info dl > div { display: block; }
  .ee-reader-actions { grid-template-columns: repeat(4, 1fr); }
  .ee-reader-actions #ee-ask { grid-column: auto; }
}

@media (max-width: 850px) {
  .ee-hero { min-height: 0; padding: 0; }
  .ee-quicklinks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ee-filter-row { grid-template-columns: 1fr; }
  .ee-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ee-start-grid, .ee-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ee-section-head { align-items: start; flex-direction: column; gap: 7px; }
  .ee-section-head > p { text-align: left; }
  .ee-reader-toolbar { align-items: stretch; flex-direction: column; }
  .ee-page-controls { justify-content: center; }
  .ee-reader-info dl { grid-template-columns: 1fr 1fr; }
  .ee-reader-actions { grid-template-columns: 1fr 1fr; }
  .ee-reader-actions #ee-ask { grid-column: 1 / -1; }
  .ee-page-stage { padding: 14px; }
}

@media (max-width: 660px) {
  .ee-search-main { gap: 8px; }
  .ee-search-input { min-height: 52px; padding-left: 14px; }
  .ee-search-input button { padding: 0 15px; }
  .ee-filter-toggle { min-width: 52px; padding: 0 12px; }
  .ee-filter-toggle span { display: none; }
  .ee-category-tile { grid-template-columns: 32px 1fr; padding: 8px; }
  .ee-category-icon { width: 32px; height: 32px; }
  .ee-row-head { align-items: flex-start; }
  .ee-row-head p { display: none; }
  .ee-row-head > button { padding: 7px 9px; }
  .ee-page-controls #ee-fullscreen { font-size: 0; }
  .ee-page-controls #ee-fullscreen svg { margin: 0; }
}

@media (max-width: 599px) {
  .ee-view { display: none; }
  .ee-phone-notice { display: flex; padding: 24px 12px 70px; }
  .ee-chat-card { display: none; }
  .sidebar [data-nav="#/einfach-erklaert"] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .ee-stage-loader span, .ee-reader-loading span { animation: none; }
  .ee-category-tile, .ee-card-cover img, .ee-paper-media img, .ee-page-image img { transition: none; }
}