#hf-lexikon{--ink:#142642;--mid:#526781;--blue:#095acf;--cyan:#50bce9;--navy:#071c39;--line:#dbe7f2;--paper:#f5f9fe;--white:#fff;--mint:#dff7f6;--orange:#ef773e;--r:18px}
#hf-lexikon *{box-sizing:border-box}
#hf-lexikon{scroll-behavior:smooth}
#hf-lexikon{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;line-height:1.54}
#hf-lexikon button,#hf-lexikon input{font:inherit}
#hf-lexikon button{cursor:pointer}
#hf-lexikon a{color:inherit}
#hf-lexikon a:focus-visible,#hf-lexikon button:focus-visible,#hf-lexikon input:focus-visible{outline:3px solid #f69d5d;outline-offset:3px}
#hf-lexikon .container{max-width:1220px;margin:0 auto;padding:0 25px}
#hf-lexikon .topbar{background:#07192f;color:#eff8ff;border-bottom:1px solid #2d4563}
#hf-lexikon .toprow{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:20px}
#hf-lexikon .brand{display:flex;align-items:baseline;gap:13px;text-decoration:none}
#hf-lexikon .brand strong{font-weight:900;letter-spacing:.10em;font-size:20px;color:white}
#hf-lexikon .brand sup{font-size:9px;letter-spacing:0;vertical-align:super}
#hf-lexikon .brand small{font-size:11px;color:#9dd6f6;letter-spacing:.14em;font-weight:750}
#hf-lexikon .backlink{font-size:13px;text-decoration:none;color:#cfe4f9;white-space:nowrap}
#hf-lexikon .backlink:hover{color:white}
#hf-lexikon .hero{background:radial-gradient(ellipse at 79% 16%,#12559f 0,#0d376f 28%,#071c39 74%);color:white;overflow:hidden}
#hf-lexikon .hero-grid{display:grid;grid-template-columns:1.17fr .83fr;align-items:center;min-height:338px;gap:18px}
#hf-lexikon .eyebrow{letter-spacing:.19em;text-transform:uppercase;font-weight:800;color:#94dfff;font-size:11px}
#hf-lexikon .hero h1{font-size:clamp(37px,5vw,61px);line-height:1.08;letter-spacing:-.045em;margin:17px 0 17px;max-width:620px}
#hf-lexikon .hero h1 em{font-style:normal;color:#7ed7ff}
#hf-lexikon .hero p{font-size:16px;line-height:1.67;color:#d7e8fa;max-width:550px;margin:0}
#hf-lexikon .hero-svg{position:relative;max-width:460px;margin-left:auto;width:100%;filter:drop-shadow(0 19px 35px #020e29)}
#hf-lexikon .hero-svg svg{width:100%;height:auto}
#hf-lexikon .hero-stats{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0 0}
#hf-lexikon .small-pill{font-size:11px;font-weight:750;border:1px solid #2a699e;border-radius:999px;padding:7px 12px;background:#103a65;color:#c9eeff}
#hf-lexikon .content{padding-top:29px;padding-bottom:80px}
#hf-lexikon .toolbar{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 40px rgba(36,68,111,.045);padding:18px 20px 21px;position:relative;z-index:1}
#hf-lexikon .searchrow{display:flex;gap:13px;align-items:center}
#hf-lexikon .searchWrap{position:relative;flex:1}
#hf-lexikon .searchWrap svg{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:#5c7592}
#hf-lexikon .searchWrap input{border:1.4px solid #c6d9eb;width:100%;padding:16px 16px 16px 48px;border-radius:13px;color:var(--ink);background:#fbfdff;font-size:15px}
#hf-lexikon .searchWrap input:focus{border-color:var(--blue)}
#hf-lexikon .clear{border:1px solid var(--line);background:#f3f8fd;border-radius:12px;padding:16px 18px;color:#24507e;font-weight:800}
#hf-lexikon .labels{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
#hf-lexikon .quicklinks{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:12px;color:#6b829a}
#hf-lexikon .quicklinks button{background:none;border:0;color:#0c65b5;text-decoration:underline;text-underline-offset:3px;padding:4px 2px;font-size:12px;font-weight:700}
#hf-lexikon .filter{background:#f4f8fc;border:1px solid #d9e7f4;color:#3c5673;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;transition:.16s}
#hf-lexikon .filter[aria-pressed=true]{background:#0b58ca;border-color:#0b58ca;color:#fff}
#hf-lexikon .filter:hover{border-color:#97bee5}
#hf-lexikon .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:34px 0 18px}
#hf-lexikon .section-head h2{font-size:26px;letter-spacing:-.035em;margin:0}
#hf-lexikon .section-head p{font-size:13px;color:#657891;margin:4px 0 0}
#hf-lexikon .section-count{color:#6a7c93;font-size:13px;white-space:nowrap}
#hf-lexikon .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
#hf-lexikon .term-card{border:1px solid #dce7f4;background:#fff;text-align:left;border-radius:17px;padding:19px 20px 18px;min-height:178px;display:flex;flex-direction:column;gap:8px;position:relative;box-shadow:0 3px 20px rgba(14,62,112,.035);transition:transform .14s,box-shadow .14s,border-color .14s}
#hf-lexikon .term-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(14,62,112,.10);border-color:#88b5e7}
#hf-lexikon .term-card h3{font-size:17px;letter-spacing:-.025em;line-height:1.25;margin:0;padding-right:14px}
#hf-lexikon .term-card p{font-size:13px;color:#546981;margin:0;line-height:1.53;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#hf-lexikon .mini-label{align-self:flex-start;font-size:10px;font-weight:850;letter-spacing:.045em;text-transform:uppercase;color:#2364a9;background:#edf5ff;padding:4px 8px;border-radius:6px}
#hf-lexikon .mini-label.winde{background:#fff0e7;color:#bd5c28}
#hf-lexikon .card-arrow{position:absolute;right:16px;top:19px;color:#2380d2}
#hf-lexikon .more-row{text-align:center;padding:27px}
#hf-lexikon .more{border:1px solid #bbd1e8;background:white;border-radius:12px;color:#0a4fa8;padding:12px 20px;font-weight:800}
#hf-lexikon .empty{padding:30px;text-align:center;color:#61738b;grid-column:1/-1;background:white;border-radius:16px}
#hf-lexikon .featured{margin-top:38px;border-radius:23px;background:#e8f5fe;border:1px solid #c9e7fa;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
#hf-lexikon .featured .feature-copy{padding:32px}
#hf-lexikon .kicker{color:#1967b6;text-transform:uppercase;font-size:11px;letter-spacing:.14em;font-weight:900}
#hf-lexikon .featured h2{font-size:29px;letter-spacing:-.04em;line-height:1.16;margin:10px 0}
#hf-lexikon .featured p{color:#4b647b;font-size:14px;line-height:1.65}
#hf-lexikon .featured button{margin-top:15px;border:0;background:#0759cb;color:white;padding:12px 18px;border-radius:10px;font-weight:800}
#hf-lexikon .illustration-panel{padding:20px;background:linear-gradient(130deg,#d4edff,#f5fbff);display:flex;align-items:center}
#hf-lexikon .illustration-panel svg{max-height:265px;width:100%}
#hf-lexikon .detail{background:white;border:1px solid #dce7f3;border-radius:23px;padding:30px 33px 32px;margin-top:29px;box-shadow:0 18px 50px rgba(26,78,137,.07)}
#hf-lexikon .back-btn{border:0;background:#eff6fd;border-radius:10px;color:#1665bd;font-size:13px;font-weight:850;padding:11px 13px}
#hf-lexikon .detail-head{margin:23px 0}
#hf-lexikon .detail-head h2{font-size:clamp(28px,4vw,43px);line-height:1.12;letter-spacing:-.05em;margin:11px 0 13px}
#hf-lexikon .lead{font-size:17px;line-height:1.7;color:#334962;max-width:840px}
#hf-lexikon .detail-figure{border-radius:17px;background:linear-gradient(140deg,#eef8ff,#dcebfa);border:1px solid #d6e9f8;margin:26px 0;padding:14px 18px 8px;overflow:hidden}
#hf-lexikon .detail-figure svg{display:block;width:100%;max-width:720px;height:auto;margin:auto}
#hf-lexikon .figure-caption{font-size:11px;text-align:center;color:#55718c;margin:7px 0}
#hf-lexikon .detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}
#hf-lexikon .info-panel{border-radius:15px;padding:18px 20px;background:#f3f8fe;border:1px solid #e1ebf5}
#hf-lexikon .info-panel h3{font-size:13px;letter-spacing:.025em;margin:0 0 8px;color:#0e66a8}
#hf-lexikon .info-panel p{font-size:14px;line-height:1.65;margin:0;color:#415870}
#hf-lexikon .info-panel.remember{background:#eaf9f8;border-color:#cae9e8}
#hf-lexikon .info-panel.remember h3{color:#167c81}
#hf-lexikon .rel{margin-top:23px}
#hf-lexikon .rel h3{font-size:14px;margin:0 0 12px}
#hf-lexikon .link-chips{display:flex;flex-wrap:wrap;gap:8px}
#hf-lexikon .link-chips button{border:1px solid #c5dbec;background:#fbfdff;border-radius:999px;padding:9px 12px;color:#135ea6;font-size:12px;font-weight:750}
#hf-lexikon .legal{font-size:12px;color:#64788e;border-top:1px solid #e0e9f3;margin-top:30px;padding-top:17px}
#hf-lexikon .legal a{color:#0a66b7}
#hf-lexikon .footer{background:#071c39;color:#bbd5ef;padding:30px 0 40px;font-size:13px}
#hf-lexikon .footer strong{color:white}
#hf-lexikon .footer-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
#hf-lexikon .footer a{color:#b0e6ff}
#hf-lexikon .tag-band{display:flex;flex-wrap:wrap;gap:10px;margin-top:9px}
#hf-lexikon .stage{display:inline-block;padding:5px 9px;border-radius:7px;background:#d9edff;color:#135aa4;font-size:11px;font-weight:800}
#hf-lexikon .hidden{display:none!important}
#hf-lexikon #app:focus{outline:0}
@media(max-width:960px){#hf-lexikon .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#hf-lexikon .hero-grid{grid-template-columns:1fr .8fr}
#hf-lexikon .hero h1{font-size:44px}
#hf-lexikon .hero-svg{opacity:.85}}
@media(max-width:650px){#hf-lexikon .container{padding:0 16px}
#hf-lexikon .toprow{min-height:65px}
#hf-lexikon .brand{flex-direction:column;align-items:flex-start;gap:0}
#hf-lexikon .brand strong{font-size:16px}
#hf-lexikon .brand small{font-size:9px}
#hf-lexikon .backlink{font-size:11px}
#hf-lexikon .hero-grid{display:block;padding:39px 0 22px;min-height:auto}
#hf-lexikon .hero h1{font-size:42px}
#hf-lexikon .hero p{font-size:14px}
#hf-lexikon .hero-svg{max-width:290px;margin:9px auto -12px}
#hf-lexikon .hero-stats{margin:17px 0 0}
#hf-lexikon .content{padding-top:15px}
#hf-lexikon .toolbar{padding:13px}
#hf-lexikon .searchrow{gap:7px}
#hf-lexikon .searchWrap input{font-size:14px;padding:14px 10px 14px 42px}
#hf-lexikon .clear{padding:14px 12px}
#hf-lexikon .labels{gap:7px}
#hf-lexikon .filter{font-size:11px;padding:8px 10px}
#hf-lexikon .section-head{margin:25px 0 13px}
#hf-lexikon .section-head h2{font-size:24px}
#hf-lexikon .card-grid{grid-template-columns:1fr;gap:10px}
#hf-lexikon .term-card{min-height:132px;padding:16px 17px}
#hf-lexikon .term-card p{-webkit-line-clamp:2}
#hf-lexikon .featured{display:flex;flex-direction:column}
#hf-lexikon .featured .feature-copy{padding:22px}
#hf-lexikon .featured h2{font-size:26px}
#hf-lexikon .illustration-panel{padding:8px 15px}
#hf-lexikon .detail{padding:21px 17px}
#hf-lexikon .detail-columns{grid-template-columns:1fr}
#hf-lexikon .detail-figure{margin:20px 0;padding:4px}
#hf-lexikon .lead{font-size:15px}
#hf-lexikon .footer-grid{display:block}}
@media(prefers-reduced-motion:reduce){#hf-lexikon{scroll-behavior:auto}
#hf-lexikon .term-card{transition:none}}
@media print{#hf-lexikon .topbar,#hf-lexikon .hero,#hf-lexikon .toolbar,#hf-lexikon .more-row,#hf-lexikon .footer,#hf-lexikon .back-btn,#hf-lexikon .featured{display:none!important}
#hf-lexikon .detail{box-shadow:none;border:0;margin:0;padding:0}
#hf-lexikon .content{padding:0}
#hf-lexikon .detail-figure{break-inside:avoid}
#hf-lexikon .detail-columns{break-inside:avoid}}
#hf-lexikon{background:#f5f9fe;min-height:80vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;color:#142642;line-height:1.54}
#hf-lexikon .lex-mini-nav{background:#0b2542;color:#d8edff;padding:12px 0;font-size:13px}
#hf-lexikon .lex-mini-nav .container{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px}
#hf-lexikon .lex-mini-nav a{color:#d8edff;text-decoration:none;font-weight:700}
#hf-lexikon .lex-mini-nav a:hover{text-decoration:underline}
#hf-lexikon .lex-source{border:1px solid #dbe7f2;border-radius:14px;background:white;padding:19px 22px;margin:25px 0;color:#3c5673;font-size:13px}
#hf-lexikon .lex-source a{color:#095acf;text-decoration:underline}
#hf-lexikon .lex-source strong{color:#142642}
#hf-lexikon .lex-source p{margin:6px 0}
#hf-lexikon .detail .detail-head p{margin:0}

/* HIMMELSFREI® · Lexikon-Integration: Konflikte mit den Startseiten-Selektoren
   .hero und .hero-grid vermeiden, ohne styles.css anderer Seiten zu ändern. */
body.hf-lexikon-page main { padding-top: 5.2rem; }
body.hf-lexikon-page .site-header { background: #071d31; }
body.hf-lexikon-page #hf-lexikon .hero {
  display: block;
  min-height: 0;
  isolation: auto;
  place-items: initial;
}
body.hf-lexikon-page #hf-lexikon .hero-grid {
  position: relative;
  inset: auto;
  width: auto;
  height: auto;
  z-index: auto;
  opacity: 1;
  background-image: none;
  background-size: auto;
}
@media (max-width: 650px) {
  body.hf-lexikon-page main { padding-top: 4.6rem; }
  body.hf-lexikon-page #hf-lexikon .hero-grid {
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 8px;
    padding: 30px 16px 22px;
  }
  body.hf-lexikon-page #hf-lexikon .hero h1 {
    max-width: none;
    font-size: clamp(35px, 10vw, 43px);
  }
  body.hf-lexikon-page #hf-lexikon .hero-svg {
    width: min(210px, 72vw);
    max-width: none;
    margin: 7px auto 0;
  }
}

/* HIMMELSFREI · fünf Punkte als einmalige, verlinkbare Lexikonquelle */
#hf-lexikon .hf-checklist{margin:23px 0 0;border:1px solid #c9deee;border-radius:18px;background:#f7fbff;overflow:hidden}
#hf-lexikon .hf-checklist-head{padding:22px 22px 13px;background:linear-gradient(105deg,#0b3d65,#075d91);color:#fff}
#hf-lexikon .hf-checklist-head>span{display:block;font-size:11px;letter-spacing:.14em;font-weight:850;color:#bddff5}
#hf-lexikon .hf-checklist-head h3{font-size:clamp(22px,3.1vw,30px);line-height:1.2;margin:6px 0}
#hf-lexikon .hf-checklist-head p{color:#d7e9f5;line-height:1.55;margin:0;font-size:14px}
#hf-lexikon .hf-checklist ol{list-style:none;margin:0;padding:12px 20px 5px}
#hf-lexikon .hf-checklist li{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #dceaf5}
#hf-lexikon .hf-checklist li:last-child{border-bottom:0}
#hf-lexikon .hf-check-number{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:50%;background:#086da6;color:#fff;font-size:17px;font-weight:800}
#hf-lexikon .hf-checklist li div{min-width:0}
#hf-lexikon .hf-checklist h4{font-size:17px;margin:3px 0 5px;color:#0b4068;line-height:1.25}
#hf-lexikon .hf-checklist li p{margin:0;font-size:14px;line-height:1.65;color:#3b5871}
#hf-lexikon .hf-checklist-foot{padding:13px 20px 17px;margin:0;border-top:1px solid #dceaf5;color:#36536c;font-size:13px;line-height:1.55}
#hf-lexikon .hf-checklist-bridge{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:18px 20px;border-radius:15px;border:1px solid #cce7e8;background:#eaf8f8}
#hf-lexikon .hf-checklist-bridge strong{color:#135c66;font-size:14px}
#hf-lexikon .hf-checklist-bridge p{margin:6px 0 0;color:#3a6268;font-size:13px;line-height:1.6}
#hf-lexikon .hf-checklist-bridge>a{flex-shrink:0;max-width:240px;font-size:13px;line-height:1.45;font-weight:850;color:#036680;text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){#hf-lexikon .hf-checklist-head{padding:20px 16px 12px}#hf-lexikon .hf-checklist ol{padding:8px 15px 5px}#hf-lexikon .hf-checklist li{gap:11px;padding:14px 0}#hf-lexikon .hf-check-number{flex-basis:31px;height:31px}#hf-lexikon .hf-checklist-foot{padding:13px 15px 16px}#hf-lexikon .hf-checklist-bridge{display:block;padding:16px}#hf-lexikon .hf-checklist-bridge>a{display:inline-block;margin-top:12px;max-width:100%}}
@media print{#hf-lexikon .hf-checklist,#hf-lexikon .hf-checklist li{break-inside:avoid}#hf-lexikon .hf-checklist-bridge{display:none}}
