:root {
  --navy-975: #040c1c;
  --navy-950: #07152f;
  --navy-900: #0a1d3f;
  --navy-800: #102b59;
  --blue-750: #0d4fb8;
  --blue-700: #1558c9;
  --blue-600: #1c6be1;
  --blue-500: #3385f5;
  --blue-300: #8fc0ff;
  --blue-100: #eaf3ff;
  --blue-50: #f5f9ff;
  --cyan-400: #5bd6ef;
  --green-700: #287f00;
  --green-600: #42a900;
  --green-500: #59bd0c;
  --green-100: #edf9e8;
  --red-500: #df5252;
  --text: #18253b;
  --muted: #64738c;
  --line: #dce6f3;
  --white: #ffffff;
  --shadow-sm: 0 14px 34px rgba(17, 55, 112, .10);
  --shadow: 0 28px 70px rgba(17, 55, 112, .16);
  --shadow-deep: 0 42px 100px rgba(7, 30, 70, .24);
  --radius-xl: 32px;
  --radius-lg: 24px;
  --radius-md: 18px;
  --radius-sm: 12px;
  --container: 1210px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 112px; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img, svg { max-width: 100%; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 20px; top: -60px; z-index: 999; padding: 10px 14px; border-radius: 8px; color: white; background: var(--navy-950); transition: top .2s ease; }
.skip-link:focus { top: 16px; }

.announcement { color: #dbe9ff; background: var(--navy-975); font-size: .78rem; }
.announcement-inner { min-height: 34px; display: flex; align-items: center; justify-content: center; gap: 9px; }
.announcement-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 0 5px rgba(89,189,12,.12); }
.announcement a { margin-left: 3px; color: white; font-weight: 800; }
.announcement a:hover { color: var(--cyan-400); }

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255,255,255,.91);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(220,230,243,.78);
}
.header-inner { min-height: 92px; display: flex; align-items: center; gap: 27px; }
.brand { display: inline-flex; align-items: center; flex-shrink: 0; }
.brand img { display:block; height:auto; }
.header-brand .brand-logo-responsive { width:185px; max-width:185px; }
.footer-brand img { width:230px; }
.main-nav { display: flex; align-items: center; justify-content: center; gap: 25px; margin-left: auto; }
.main-nav a { position: relative; padding: 8px 0; color: #40516c; font-size: .91rem; font-weight: 650; }
.main-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:1px; height:2px; border-radius:2px; background:var(--blue-600); transition:right .2s ease; }
.main-nav a:hover { color: var(--blue-600); }
.main-nav a:hover::after { right:0; }
.header-cta { margin-left: 4px; }
.nav-toggle { display: none; margin-left: auto; border: 0; background: transparent; padding: 8px; cursor: pointer; }
.nav-toggle span:not(.sr-only) { display: block; width: 24px; height: 2px; margin: 5px 0; background: var(--navy-900); }

.button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px;
  padding: 0 25px; border: 1px solid transparent; border-radius: 13px; font-weight: 780;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button-small { min-height: 44px; padding-inline: 18px; border-radius: 11px; font-size: .88rem; }
.button-primary { color: white; background: linear-gradient(135deg, var(--blue-600), var(--blue-750)); box-shadow: 0 13px 29px rgba(28,107,225,.25); }
.button-primary:hover { box-shadow: 0 17px 34px rgba(28,107,225,.32); }
.button-secondary { color: var(--navy-900); background: rgba(255,255,255,.88); border-color: var(--line); box-shadow: 0 8px 24px rgba(22,55,99,.05); }
.button-secondary:hover { border-color: #bfd5ef; box-shadow: var(--shadow-sm); }
.button-white { color: var(--navy-900); background: white; box-shadow: 0 14px 32px rgba(3,20,52,.22); }
.button-arrow span { font-size: 1.15em; transition: transform .2s ease; }
.button-arrow:hover span { transform: translateX(3px); }
.button-play > span { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--navy-900); font-size: .58rem; }

.hero {
  position: relative; overflow: hidden; padding: 93px 0 94px;
  background:
    radial-gradient(circle at 86% 12%, rgba(91,214,239,.23), transparent 22%),
    radial-gradient(circle at 73% 73%, rgba(51,133,245,.17), transparent 30%),
    linear-gradient(158deg, #fcfeff 0%, #f4f8ff 46%, #eaf3ff 100%);
}
.hero::before { content:""; position:absolute; width:620px; height:620px; right:-290px; top:-260px; border:1px solid rgba(51,133,245,.17); border-radius:50%; }
.hero::after { content:""; position:absolute; width:430px; height:430px; right:-205px; top:-165px; border:1px solid rgba(51,133,245,.13); border-radius:50%; }
.hero-grid-lines { position:absolute; inset:0; opacity:.34; background-image:linear-gradient(rgba(31,99,195,.055) 1px, transparent 1px),linear-gradient(90deg,rgba(31,99,195,.055) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to right,transparent 0%,transparent 42%,black 68%,transparent 100%); }
.hero-grid { position: relative; display: grid; grid-template-columns: .91fr 1.09fr; gap: 61px; align-items: center; }
.hero-content { position: relative; z-index: 2; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 17px; color:var(--blue-600); font-size:.76rem; font-weight:850; text-transform:uppercase; letter-spacing:.145em; }
.eyebrow > span { width:22px; height:2px; border-radius:2px; background:currentColor; }
.eyebrow.light { color: #91ddfb; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width:720px; margin-bottom:25px; color:var(--navy-950); font-size:clamp(3.35rem,5.55vw,5.65rem); line-height:.97; letter-spacing:-.058em; }
h1 span { color: var(--blue-600); }
.hero-lead { max-width:650px; margin-bottom:31px; color:#52647f; font-size:1.18rem; line-height:1.68; }
.hero-actions { display:flex; flex-wrap:wrap; gap:13px; margin-bottom:31px; }
.hero-proof { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px; max-width:650px; padding-top:24px; border-top:1px solid rgba(166,190,219,.52); }
.hero-proof > div { display:flex; gap:11px; align-items:flex-start; }
.proof-icon { flex:0 0 auto; width:23px; height:23px; display:grid; place-items:center; margin-top:2px; border-radius:50%; color:var(--green-700); background:var(--green-100); font-size:.72rem; font-weight:900; }
.hero-proof strong,.hero-proof small { display:block; }
.hero-proof strong { color:var(--navy-900); font-size:.84rem; }
.hero-proof small { color:#7a899e; font-size:.72rem; }

.hero-visual { position:relative; min-height:575px; display:grid; place-items:center; }
.hero-signet-watermark { position:absolute; z-index:0; width:340px; right:-40px; top:-8px; opacity:.075; filter:saturate(.9); transform:rotate(6deg); pointer-events:none; }
.visual-orbit { position:absolute; border-radius:50%; filter:blur(1px); }
.orbit-one { width:390px; height:390px; right:-5px; top:34px; background:radial-gradient(circle,rgba(51,133,245,.18),rgba(51,133,245,.03) 58%,transparent 70%); }
.orbit-two { width:285px; height:285px; left:5px; bottom:3px; background:radial-gradient(circle,rgba(91,214,239,.24),rgba(91,214,239,.03) 58%,transparent 70%); }
.floating-label { position:absolute; z-index:3; display:flex; align-items:center; gap:9px; padding:10px 13px; border:1px solid rgba(255,255,255,.9); border-radius:12px; color:#52647d; background:rgba(255,255,255,.92); box-shadow:0 15px 34px rgba(39,79,135,.14); backdrop-filter:blur(12px); font-size:.68rem; font-weight:700; }
.floating-label span { width:25px; height:25px; display:grid; place-items:center; border-radius:7px; color:white; background:#187449; font-size:.64rem; font-weight:900; }
.label-excel { left:-17px; top:52px; transform:rotate(-2deg); }
.label-output { right:-11px; bottom:31px; transform:rotate(2deg); }
.label-output span { border-radius:50%; background:#1eaa7a; }
.app-window { position:relative; z-index:2; width:100%; border:1px solid rgba(255,255,255,.9); border-radius:26px; overflow:hidden; background:rgba(255,255,255,.82); box-shadow:var(--shadow-deep); backdrop-filter:blur(20px); transform:perspective(1500px) rotateY(-4deg) rotateX(1.5deg); }
.app-titlebar { height:47px; display:flex; align-items:center; gap:15px; padding:0 16px; color:rgba(255,255,255,.84); background:linear-gradient(90deg,var(--navy-975),#11386f); font-size:.73rem; }
.app-product-name { display:inline-flex; align-items:center; gap:7px; }
.app-product-name img { width:21px; height:21px; object-fit:contain; }
.window-dots { display:flex; gap:6px; }
.window-dots span { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.30); }
.titlebar-status { margin-left:auto; color:#90a9c9; }
.app-content { display:grid; grid-template-columns:1.14fr 34px .86fr; align-items:center; gap:0; padding:20px; background:linear-gradient(135deg,#fbfdff,#ecf4ff); }
.excel-panel,.result-panel { border:1px solid #d6e3f2; border-radius:15px; background:white; box-shadow:0 14px 30px rgba(39,79,135,.08); }
.excel-toolbar { display:flex; align-items:center; gap:8px; padding:11px 13px; border-bottom:1px solid #e5edf6; color:#5d6d85; font-size:.66rem; }
.excel-icon { width:21px; height:21px; display:grid; place-items:center; border-radius:5px; color:white; background:#187449; font-weight:900; }
.toolbar-pill { margin-left:auto; padding:3px 7px; border-radius:999px; color:#497362; background:#edf8f4; font-size:.56rem; }
.invoice-sheet { min-height:381px; padding:18px; background:linear-gradient(#fff,#fcfdff); }
.sheet-head { display:flex; justify-content:space-between; align-items:start; padding-bottom:13px; border-bottom:2px solid var(--blue-600); }
.sheet-head strong,.sheet-head span { display:block; }
.sheet-head strong { color:var(--navy-950); font-size:1.02rem; letter-spacing:.08em; }
.sheet-head span { color:#7b899d; font-size:.6rem; }
.sheet-logo { min-width:63px; padding:8px; border-radius:6px; color:var(--blue-700); background:var(--blue-100); font-size:.53rem; text-align:center; font-weight:850; }
.sheet-address { display:grid; gap:6px; width:55%; margin:21px 0; }
.sheet-address span { height:5px; border-radius:4px; background:#e7edf4; }
.sheet-address span:nth-child(2){width:80%;}.sheet-address span:nth-child(3){width:62%;}
.sheet-table { overflow:hidden; border:1px solid #e0e8f2; border-radius:8px; font-size:.57rem; }
.table-row { display:grid; grid-template-columns:1.6fr .55fr .75fr; gap:8px; padding:8px; border-bottom:1px solid #e8eef5; }
.table-row:last-child { border-bottom:0; }
.table-row span:last-child { text-align:right; }
.table-head { color:white; background:var(--navy-800); font-weight:750; }
.sheet-sum,.sheet-total { display:flex; justify-content:space-between; gap:24px; width:62%; margin-left:auto; color:#65748b; font-size:.61rem; }
.sheet-sum { margin-top:15px; padding-bottom:6px; border-bottom:1px solid #e3e9f1; }
.sheet-total { margin-top:7px; color:var(--navy-950); font-size:.68rem; }
.sheet-total strong { color:var(--blue-700); }
.process-column { display:flex; flex-direction:column; align-items:center; justify-content:center; }
.process-column span { width:19px; height:19px; display:grid; place-items:center; border-radius:50%; color:white; background:var(--blue-600); font-size:.52rem; font-weight:850; }
.process-column i { width:1px; height:30px; background:linear-gradient(var(--blue-300),#d6e7fb); }
.result-panel { padding:18px; }
.result-head { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.result-badge { display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border-radius:999px; color:#147052; background:#eaf8f3; font-size:.55rem; font-weight:850; }
.result-badge i { width:6px; height:6px; border-radius:50%; background:#23a779; }
.result-time { color:#9aa7b8; font-size:.52rem; }
.result-panel h3 { margin:14px 0 4px; color:var(--navy-950); font-size:.93rem; }
.result-panel > p { margin-bottom:12px; color:#7a899e; font-size:.58rem; line-height:1.5; }
.format-card { display:grid; grid-template-columns:35px 1fr 19px; gap:9px; align-items:center; padding:11px 0; border-bottom:1px solid #edf1f6; }
.format-icon { width:34px; height:38px; display:grid; place-items:center; border-radius:7px; color:white; font-size:.49rem; font-weight:900; }
.format-icon.pdf { background:#e74b4b; }.format-icon.xml { background:var(--blue-600); }
.format-card strong,.format-card div span { display:block; }
.format-card strong { color:var(--navy-900); font-size:.66rem; }
.format-card div span { color:#8090a5; font-size:.52rem; line-height:1.35; }
.format-check { width:18px; height:18px; display:grid; place-items:center; border-radius:50%; color:#16835f; background:#e7f7f1; font-size:.55rem; font-weight:900; }
.send-row { display:flex; gap:9px; align-items:center; margin-top:14px; padding:10px; border-radius:9px; background:#f0f6ff; }
.send-icon { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; color:white; background:var(--blue-600); font-size:.68rem; }
.send-row strong,.send-row span { display:block; }
.send-row strong { color:var(--navy-900); font-size:.61rem; }.send-row span { color:#7a899e; font-size:.5rem; }

.trust-strip { border-top:1px solid #e0e9f4; border-bottom:1px solid #e0e9f4; background:white; }
.trust-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.trust-grid > div { display:flex; align-items:center; gap:13px; min-height:89px; padding:20px 24px; border-right:1px solid #e5ebf3; }
.trust-grid > div:last-child { border-right:0; }
.trust-symbol { flex:0 0 auto; width:38px; height:38px; display:grid; place-items:center; border-radius:11px; color:var(--blue-700); background:var(--blue-100); font-size:.78rem; font-weight:900; }
.grid-symbol { font-size:1rem; }.de-symbol { font-size:.64rem; }
.trust-grid strong,.trust-grid small { display:block; }
.trust-grid strong { color:var(--navy-900); font-size:.84rem; }.trust-grid small { color:#7a899e; font-size:.69rem; }

.section { position:relative; padding:112px 0; }
.section-light { background:white; }.section-soft { background:var(--blue-50); }
.section-blue { overflow:hidden; color:white; background:linear-gradient(145deg,var(--navy-975),#0b2855 54%,#124b93); }
.section-heading { max-width:740px; margin-bottom:50px; }
.section-heading.centered { margin-inline:auto; text-align:center; }
.section-heading.centered .eyebrow { justify-content:center; }
.split-heading { max-width:none; display:grid; grid-template-columns:1.15fr .85fr; gap:72px; align-items:end; }
.split-heading > p { margin:0 0 10px; color:var(--muted); font-size:1.04rem; }
.compact-heading { margin-bottom:42px; }
h2 { margin-bottom:19px; color:var(--navy-950); font-size:clamp(2.35rem,4.1vw,3.85rem); line-height:1.07; letter-spacing:-.047em; }
.section-blue h2 { color:white; }
.section-heading > p:last-child,.section-intro { color:var(--muted); font-size:1.06rem; }
.section-blue .section-intro { color:#b9c9df; }

.problem-section { padding-bottom:104px; }
.comparison-card { display:grid; grid-template-columns:1fr 74px 1fr; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius-xl); background:white; box-shadow:0 25px 70px rgba(24,63,116,.09); }
.comparison-side { padding:43px 44px 45px; }
.comparison-old { background:#fbfcfe; }.comparison-new { background:linear-gradient(145deg,#f5f9ff,#edf5ff); }
.comparison-label { display:inline-flex; margin-bottom:17px; padding:6px 9px; border-radius:999px; color:#78869b; background:#eef1f5; font-size:.66rem; font-weight:850; text-transform:uppercase; letter-spacing:.09em; }
.comparison-new .comparison-label { color:var(--blue-700); background:#dfeeff; }
.comparison-side h3 { margin-bottom:22px; color:var(--navy-950); font-size:1.45rem; }
.comparison-side ul { display:grid; gap:14px; list-style:none; padding:0; margin:0; }
.comparison-side li { display:flex; gap:11px; align-items:flex-start; color:#5b6b83; font-size:.93rem; }
.comparison-side li span { flex:0 0 auto; width:23px; height:23px; display:grid; place-items:center; border-radius:50%; color:#9a6670; background:#f7e9ec; font-size:.75rem; font-weight:900; }
.comparison-new li { color:#445a78; }.comparison-new li span { color:#187354; background:#def4ec; }
.comparison-divider { display:grid; place-items:center; position:relative; background:linear-gradient(to bottom,#f9fbff,#eef5ff); }
.comparison-divider::before { content:""; position:absolute; top:0; bottom:0; left:50%; width:1px; background:#dbe6f4; }
.comparison-divider span { position:relative; z-index:1; padding:8px 5px; border:1px solid #dbe6f4; border-radius:999px; color:#8090a5; background:white; font-size:.55rem; font-weight:850; text-transform:uppercase; letter-spacing:.09em; writing-mode:vertical-rl; }

.benefit-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:21px; }
.benefit-card { position:relative; min-height:318px; padding:30px; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius-md); background:white; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.benefit-card::after { content:""; position:absolute; width:120px; height:120px; right:-54px; top:-55px; border-radius:50%; background:var(--blue-50); transition:transform .25s ease; }
.benefit-card:hover { transform:translateY(-7px); border-color:#c6daf2; box-shadow:var(--shadow); }
.benefit-card:hover::after { transform:scale(1.25); }
.card-icon { position:relative; z-index:1; width:49px; height:49px; display:grid; place-items:center; margin-bottom:31px; border-radius:14px; color:var(--blue-700); background:var(--blue-100); }
.card-icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.card-number { position:absolute; right:20px; top:20px; z-index:1; color:#bfd0e4; font-size:.68rem; font-weight:850; letter-spacing:.1em; }
.benefit-card h3 { position:relative; z-index:1; color:var(--navy-900); font-size:1.16rem; line-height:1.35; }
.benefit-card p { position:relative; z-index:1; color:var(--muted); font-size:.91rem; }

.blue-orb { position:absolute; width:680px; height:680px; right:-310px; top:-220px; border-radius:50%; background:radial-gradient(circle,rgba(51,133,245,.34),transparent 68%); }
.feature-grid { position:relative; z-index:1; display:grid; grid-template-columns:1fr .92fr; gap:90px; align-items:center; }
.feature-list { display:grid; gap:2px; margin-top:34px; }
.feature-list > div { display:grid; grid-template-columns:44px 1fr; gap:15px; padding:18px 0; border-top:1px solid rgba(255,255,255,.12); }
.feature-list > div > span { color:#69d5ef; font-size:.7rem; font-weight:850; }
.feature-list p { margin:0; color:#b9c9df; font-size:.92rem; }.feature-list strong { display:block; margin-bottom:4px; color:white; font-size:1rem; }
.feature-preview { position:relative; min-height:550px; display:grid; place-items:center; }
.preview-card { border:1px solid rgba(255,255,255,.22); border-radius:21px; color:var(--text); background:rgba(255,255,255,.98); box-shadow:0 35px 75px rgba(0,10,31,.35); }
.preview-main { width:min(100%,430px); overflow:hidden; transform:rotate(1deg); }
.preview-head { display:flex; justify-content:space-between; align-items:center; padding:16px 20px; color:white; background:var(--navy-900); font-size:.74rem; font-weight:750; }
.status-dot { display:flex; align-items:center; gap:6px; color:#a3ead5; }.status-dot i { width:6px; height:6px; border-radius:50%; background:#57d6ae; }
.preview-body { padding:23px; }
.preview-step { display:grid; grid-template-columns:32px 1fr 22px; gap:11px; align-items:center; padding:14px 0; border-bottom:1px solid #e8eef5; }
.preview-step > span { width:31px; height:31px; display:grid; place-items:center; border-radius:9px; color:var(--blue-700); background:var(--blue-100); font-size:.69rem; font-weight:850; }
.preview-step strong,.preview-step small { display:block; }.preview-step strong { color:var(--navy-900); font-size:.74rem; }.preview-step small { color:#8492a5; font-size:.61rem; }
.preview-step b { width:21px; height:21px; display:grid; place-items:center; border-radius:50%; color:#728198; background:#f0f3f7; font-size:.67rem; }
.preview-step.active b { color:#16835f; background:#e6f7f0; }
.preview-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:19px 0; }
.preview-summary > div { padding:10px 8px; border-radius:9px; background:#f3f7fc; }
.preview-summary span,.preview-summary strong { display:block; }.preview-summary span { color:#8997a9; font-size:.53rem; }.preview-summary strong { color:var(--navy-900); font-size:.62rem; }
.preview-body button { width:100%; display:flex; justify-content:center; gap:10px; padding:13px; border:0; border-radius:10px; color:white; background:var(--blue-600); font-weight:850; font-size:.72rem; }
.preview-small { position:absolute; right:-12px; bottom:60px; display:flex; gap:11px; align-items:center; padding:15px 17px; transform:rotate(-3deg); }
.mini-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; color:white; background:#28a77c; }
.preview-small strong,.preview-small small,.preview-file strong,.preview-file small { display:block; }.preview-small strong { color:var(--navy-900); font-size:.7rem; }.preview-small small { color:#7a899e; font-size:.58rem; }
.preview-file { position:absolute; left:-16px; top:64px; width:175px; padding:17px; transform:rotate(-4deg); }
.file-fold { display:block; width:34px; height:42px; margin-bottom:10px; border-radius:7px; background:linear-gradient(145deg,#ff6a6a,#d93e3e); clip-path:polygon(0 0,72% 0,100% 27%,100% 100%,0 100%); }
.preview-file strong { color:var(--navy-900); font-size:.65rem; }.preview-file small { color:#8b98a9; font-size:.55rem; }

.audience-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:23px; }
.audience-grid article { position:relative; min-height:360px; padding:35px 31px 31px; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius-md); background:white; transition:transform .25s ease,box-shadow .25s ease; }
.audience-grid article:hover { transform:translateY(-6px); box-shadow:var(--shadow-sm); }
.audience-index { position:absolute; right:25px; top:24px; color:#c2d1e3; font-size:.7rem; font-weight:850; }
.audience-icon { width:50px; height:50px; display:grid; place-items:center; margin-bottom:42px; border-radius:15px; color:white; background:linear-gradient(145deg,var(--blue-500),var(--navy-800)); box-shadow:0 12px 26px rgba(28,107,225,.2); font-weight:900; }
.audience-grid h3 { color:var(--navy-900); font-size:1.24rem; line-height:1.34; }.audience-grid p { color:var(--muted); font-size:.92rem; }
.audience-grid a { position:absolute; left:31px; bottom:27px; color:var(--blue-600); font-size:.82rem; font-weight:800; }.audience-grid a span { display:inline-block; transition:transform .2s ease; }.audience-grid a:hover span { transform:translateX(3px); }

.process-section { overflow:hidden; }
.process-section::before { content:""; position:absolute; width:540px; height:540px; left:-270px; bottom:-290px; border-radius:50%; background:radial-gradient(circle,rgba(51,133,245,.13),transparent 68%); }
.steps-grid { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.steps-grid article { position:relative; min-height:282px; padding:38px 32px; border:1px solid #e4edf7; border-radius:var(--radius-md); background:white; box-shadow:0 18px 50px rgba(32,72,125,.07); }
.step-number { width:48px; height:48px; display:grid; place-items:center; margin-bottom:29px; border-radius:15px; color:white; background:linear-gradient(145deg,var(--blue-500),var(--blue-750)); box-shadow:0 11px 25px rgba(28,107,225,.23); font-weight:850; }
.step-line { position:absolute; width:31px; height:2px; right:-30px; top:62px; background:linear-gradient(90deg,#bbd1ec,#dce8f6); }
.step-line::after { content:""; position:absolute; right:-1px; top:-3px; width:7px; height:7px; border-top:2px solid #b6cae2; border-right:2px solid #b6cae2; transform:rotate(45deg); }
.steps-grid h3 { color:var(--navy-900); font-size:1.18rem; }.steps-grid p { color:var(--muted); font-size:.92rem; }

.cta-section { position:relative; overflow:hidden; padding:85px 0; color:white; background:linear-gradient(125deg,var(--blue-750),#164caa 58%,var(--navy-900)); }
.cta-section::after { content:""; position:absolute; width:480px; height:480px; right:-190px; top:-235px; border-radius:50%; border:1px solid rgba(255,255,255,.14); box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018); }
.cta-grid-pattern { position:absolute; inset:0; opacity:.14; background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(to right,black,transparent 78%); }
.cta-inner { position:relative; z-index:1; display:grid; grid-template-columns:1.35fr .65fr; gap:75px; align-items:center; }
.cta-inner h2 { color:white; margin-bottom:16px; }.cta-inner p { max-width:760px; margin-bottom:20px; color:#d7e7ff; font-size:1.03rem; }
.cta-points { display:flex; flex-wrap:wrap; gap:12px 23px; padding:0; margin:0; list-style:none; color:#d7e7ff; font-size:.81rem; }.cta-points li::before { content:"✓"; margin-right:8px; color:#91e3ca; font-weight:900; }
.cta-actions { display:flex; flex-direction:column; align-items:center; gap:14px; }.cta-contact-link { color:#d2e2f7; font-size:.76rem; text-decoration:underline; text-underline-offset:3px; }

.contact-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:72px; align-items:center; }
.contact-grid > div:first-child { max-width:720px; }.contact-grid p { color:var(--muted); }
.contact-card { display:flex; align-items:center; gap:20px; padding:30px; border:1px solid var(--line); border-radius:var(--radius-md); background:linear-gradient(145deg,var(--blue-50),#edf5ff); }
.contact-avatar { flex:0 0 auto; width:62px; height:62px; display:grid; place-items:center; border-radius:18px; background:linear-gradient(145deg,#f5fbeF,#e4f5d8); box-shadow:0 13px 28px rgba(53,132,6,.16); }
.contact-avatar img { width:48px; height:48px; object-fit:contain; }
.contact-label,.contact-card strong,.contact-card a { display:block; }.contact-label { margin-bottom:4px; color:var(--blue-600); font-size:.67rem; font-weight:850; text-transform:uppercase; letter-spacing:.11em; }.contact-card strong { color:var(--navy-900); font-size:1.12rem; }.contact-card a { margin:3px 0 7px; color:var(--blue-600); font-weight:800; }.contact-card p { margin:0; font-size:.78rem; }

.site-footer { padding:68px 0 25px; color:#aebdd2; background:var(--navy-975); }
.footer-grid { display:grid; grid-template-columns:1.45fr repeat(3,.8fr); gap:50px; }.footer-grid p { max-width:280px; margin-top:18px; color:#8193ac; font-size:.88rem; }.footer-grid h3 { margin-bottom:16px; color:white; font-size:.82rem; }.footer-grid > div:not(:first-child) { display:flex; flex-direction:column; gap:10px; }.footer-grid a { font-size:.83rem; }.footer-grid a:hover { color:white; }
.footer-bottom { display:flex; justify-content:space-between; gap:24px; margin-top:54px; padding-top:22px; border-top:1px solid rgba(255,255,255,.09); color:#71829b; font-size:.72rem; }

@media (max-width: 1110px) {
  .header-cta { display:none; }
  .main-nav { gap:20px; }
  .hero-grid { grid-template-columns:1fr; }
  .hero-content { max-width:820px; }
  .hero-visual { width:min(100%,820px); margin-inline:auto; }
  .benefit-grid { grid-template-columns:repeat(2,1fr); }
  .feature-grid { grid-template-columns:1fr; gap:48px; }
  .feature-content { max-width:760px; }
  .feature-preview { min-height:545px; }
}

@media (max-width: 880px) {
  html { scroll-padding-top:82px; }
  .announcement { display:none; }
  .header-inner { min-height:76px; }
  .nav-toggle { display:block; }
  .main-nav { position:absolute; top:76px; left:20px; right:20px; display:none; flex-direction:column; align-items:stretch; gap:0; padding:12px; border:1px solid var(--line); border-radius:15px; background:white; box-shadow:var(--shadow); }
  .main-nav.is-open { display:flex; }
  .main-nav a { padding:12px; }.main-nav a::after { display:none; }
  .hero { padding:72px 0 74px; }
  .hero-proof { grid-template-columns:1fr; gap:11px; }
  .app-content { grid-template-columns:1fr; gap:15px; }
  .process-column { flex-direction:row; }.process-column i { width:34px; height:1px; }.invoice-sheet { min-height:340px; }
  .floating-label { display:none; }
  .trust-grid { grid-template-columns:repeat(2,1fr); }.trust-grid > div:nth-child(2){border-right:0}.trust-grid > div:nth-child(-n+2){border-bottom:1px solid #e5ebf3}
  .split-heading { grid-template-columns:1fr; gap:20px; }.split-heading > p { max-width:720px; }
  .comparison-card { grid-template-columns:1fr; }.comparison-divider { height:64px; }.comparison-divider::before { top:50%; bottom:auto; left:0; right:0; width:auto; height:1px; }.comparison-divider span { padding:5px 9px; writing-mode:horizontal-tb; }
  .audience-grid,.steps-grid,.cta-inner,.contact-grid,.footer-grid { grid-template-columns:1fr; }
  .step-line { display:none; }
  .cta-actions { align-items:flex-start; }.footer-grid { gap:33px; }
}

@media (max-width: 600px) {
  .container { width:min(calc(100% - 28px),var(--container)); }
  .header-brand .brand-logo-responsive { width:49px; max-width:49px; }
  .hero { padding:55px 0 62px; }
  h1 { font-size:clamp(2.9rem,14vw,4.15rem); }
  .hero-lead { font-size:1.04rem; }
  .hero-actions { flex-direction:column; }.hero-actions .button { width:100%; }
  .hero-visual { min-height:0; display:block; margin-top:44px; }
  .hero-signet-watermark { width:230px; right:-55px; top:-35px; }
  .app-window { transform:none; border-radius:20px; }
  .app-titlebar { height:43px; }.titlebar-status { display:none; }
  .app-content { padding:11px; }
  .invoice-sheet { min-height:300px; padding:14px; }
  .result-panel { padding:15px; }
  .section { padding:79px 0; }
  h2 { font-size:clamp(2.15rem,11vw,3rem); }
  .trust-grid,.benefit-grid { grid-template-columns:1fr; }.trust-grid > div { border-right:0; border-bottom:1px solid #e5ebf3; }.trust-grid > div:last-child { border-bottom:0; }
  .comparison-side { padding:31px 25px; }
  .benefit-card { min-height:0; }
  .preview-file { display:none; }.preview-small { right:-3px; bottom:26px; }.feature-preview { min-height:500px; }
  .preview-main { transform:none; }.preview-summary { grid-template-columns:1fr; }
  .audience-grid article { min-height:345px; }
  .cta-section { padding:73px 0; }.cta-points { flex-direction:column; gap:7px; }.cta-actions .button { width:100%; }.cta-contact-link { text-align:center; width:100%; }
  .contact-card { align-items:flex-start; padding:25px; }.contact-avatar { width:52px; height:52px; border-radius:15px; }
  .footer-bottom { flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none !important; animation:none !important; }
}

/* Version 3: lokale Nutzung und FAQ */
.local-section { overflow:hidden; }
.local-section::before { content:""; position:absolute; width:560px; height:560px; right:-280px; top:-280px; border-radius:50%; background:radial-gradient(circle,rgba(51,133,245,.12),transparent 68%); }
.local-grid { position:relative; z-index:1; display:grid; grid-template-columns:.95fr 1.05fr; gap:88px; align-items:center; }
.local-lead { max-width:650px; margin-bottom:30px; color:var(--muted); font-size:1.05rem; }
.local-points { display:grid; gap:18px; }
.local-points > div { display:grid; grid-template-columns:29px 1fr; gap:13px; align-items:start; }
.local-points p { margin:0; color:var(--muted); font-size:.91rem; }
.local-points strong { display:block; margin-bottom:3px; color:var(--navy-900); font-size:.98rem; }
.local-check { width:27px; height:27px; display:grid; place-items:center; margin-top:1px; border-radius:50%; color:var(--green-600); background:var(--green-100); font-size:.72rem; font-weight:900; }
.compatibility-tags { display:flex; flex-wrap:wrap; gap:9px; margin-top:31px; }
.compatibility-tags span { padding:7px 10px; border:1px solid #d8e6f6; border-radius:999px; color:#536984; background:var(--blue-50); font-size:.7rem; font-weight:750; }
.local-visual { position:relative; min-height:590px; display:grid; place-items:center; }
.device-card { position:relative; z-index:2; width:min(100%,500px); overflow:hidden; border:1px solid #cdddef; border-radius:28px; background:white; box-shadow:var(--shadow-deep); transform:perspective(1400px) rotateY(4deg) rotateX(1deg); }
.device-card::after { content:""; display:block; width:42%; height:8px; margin:0 auto 16px; border-radius:0 0 10px 10px; background:#c9d8e9; }
.device-topbar { display:grid; grid-template-columns:11px auto 1fr; gap:9px; align-items:center; padding:15px 18px; color:white; background:linear-gradient(90deg,var(--navy-975),#133d77); }
.device-topbar strong { font-size:.76rem; }
.device-topbar small { justify-self:end; color:#9eb6d3; font-size:.59rem; }
.device-dot { width:8px; height:8px; border-radius:50%; background:#57d6ae; box-shadow:0 0 0 4px rgba(87,214,174,.11); }
.device-screen { padding:28px; background:linear-gradient(145deg,#fafdff,#edf5ff); }
.flow-card { display:flex; align-items:center; gap:14px; padding:16px; border:1px solid #d8e5f3; border-radius:14px; background:white; box-shadow:0 10px 25px rgba(27,69,125,.07); }
.flow-card strong,.flow-card small { display:block; }
.flow-card strong { color:var(--navy-900); font-size:.82rem; }
.flow-card small { color:#8190a4; font-size:.64rem; }
.flow-icon { flex:0 0 auto; width:42px; height:42px; display:grid; place-items:center; border-radius:12px; color:white; font-size:.62rem; font-weight:900; }
.excel-flow { background:#187449; }.app-flow { background:linear-gradient(145deg,var(--blue-500),var(--navy-800)); }.pdf-flow { background:#df5252; }.xml-flow { background:var(--blue-600); }
.flow-app { border-color:#bcd5f4; box-shadow:0 14px 30px rgba(28,107,225,.12); }
.flow-arrow { height:33px; display:grid; place-items:center; color:#8eb2df; font-size:1.05rem; }
.flow-output-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.flow-card.compact { padding:13px; }
.flow-card.compact .flow-icon { width:36px; height:36px; border-radius:10px; font-size:.52rem; }
.privacy-badge { position:absolute; z-index:4; right:-2px; top:29px; display:flex; align-items:center; gap:8px; padding:10px 13px; border:1px solid #cfe4da; border-radius:999px; color:#187354; background:rgba(245,255,251,.95); box-shadow:var(--shadow-sm); font-size:.69rem; font-weight:850; transform:rotate(2deg); }
.privacy-badge span { width:22px; height:22px; display:grid; place-items:center; border-radius:50%; color:white; background:#24a879; font-size:.61rem; }
.local-note-card { position:absolute; z-index:3; left:0; bottom:33px; width:260px; display:flex; gap:13px; align-items:center; padding:16px; border:1px solid rgba(255,255,255,.92); border-radius:16px; background:rgba(255,255,255,.95); box-shadow:0 22px 48px rgba(28,68,123,.16); backdrop-filter:blur(12px); transform:rotate(-2deg); }
.note-lock { flex:0 0 auto; width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:var(--blue-700); background:var(--blue-100); font-weight:900; }
.local-note-card strong,.local-note-card small { display:block; }.local-note-card strong { color:var(--navy-900); font-size:.72rem; }.local-note-card small { color:#7f8fa4; font-size:.59rem; line-height:1.45; }

.faq-section { border-top:1px solid #edf2f8; }
.faq-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:88px; align-items:start; }
.faq-intro { position:sticky; top:132px; }
.faq-intro > p:not(.eyebrow) { color:var(--muted); }
.text-link { display:inline-flex; align-items:center; gap:8px; margin-top:13px; color:var(--blue-600); font-size:.84rem; font-weight:850; }
.text-link span { transition:transform .2s ease; }.text-link:hover span { transform:translateX(4px); }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { position:relative; display:flex; justify-content:space-between; align-items:center; gap:25px; padding:24px 2px; color:var(--navy-900); font-size:1.03rem; font-weight:800; cursor:pointer; list-style:none; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { position:relative; flex:0 0 auto; width:27px; height:27px; border-radius:50%; background:var(--blue-100); }
.faq-list summary span::before,.faq-list summary span::after { content:""; position:absolute; left:8px; right:8px; top:13px; height:1.5px; border-radius:2px; background:var(--blue-700); }
.faq-list summary span::after { transform:rotate(90deg); transition:transform .2s ease; }
.faq-list details[open] summary span::after { transform:rotate(0); }
.faq-list details[open] summary { color:var(--blue-700); }
.faq-list details p { max-width:780px; margin:-5px 42px 24px 2px; color:var(--muted); font-size:.92rem; }

@media (max-width:1110px) {
  .local-grid { grid-template-columns:1fr; gap:44px; }
  .local-content { max-width:790px; }
  .local-visual { width:min(100%,760px); margin-inline:auto; }
}

@media (max-width:880px) {
  .faq-grid { grid-template-columns:1fr; gap:38px; }
  .faq-intro { position:static; max-width:720px; }
}

@media (max-width:600px) {
  .local-visual { min-height:510px; }
  .device-card { transform:none; border-radius:21px; }
  .device-screen { padding:17px; }
  .device-topbar small { display:none; }
  .flow-output-grid { grid-template-columns:1fr; }
  .privacy-badge { right:0; top:12px; }
  .local-note-card { left:4px; bottom:2px; width:238px; }
  .compatibility-tags span { font-size:.64rem; }
  .faq-list summary { padding:21px 0; font-size:.95rem; }
  .faq-list details p { margin:-3px 36px 22px 0; }
}


/* Version 6: Preise und Lizenzmodell */
.pricing-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 13% 12%, rgba(89,189,12,.10), transparent 21%),
    radial-gradient(circle at 86% 18%, rgba(51,133,245,.14), transparent 27%),
    linear-gradient(180deg,#f7faff 0%,#eef5ff 100%);
}
.pricing-glow { position:absolute; width:620px; height:620px; right:-330px; bottom:-330px; border-radius:50%; border:1px solid rgba(51,133,245,.16); box-shadow:0 0 0 75px rgba(51,133,245,.035),0 0 0 150px rgba(51,133,245,.025); }
.pricing-heading { position:relative; z-index:1; }
.pricing-heading > p:last-child { max-width:790px; }

.trial-offer { position:relative; z-index:1; display:grid; grid-template-columns:88px minmax(0,1fr) auto auto; gap:25px; align-items:center; margin-top:50px; padding:27px 29px; border:1px solid #cfdfef; border-radius:23px; background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,252,244,.95)); box-shadow:0 18px 48px rgba(23,64,120,.09); }
.trial-offer-icon { width:78px; height:78px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:21px; color:white; background:linear-gradient(145deg,var(--green-500),var(--green-700)); box-shadow:0 12px 27px rgba(55,145,0,.22); line-height:1; }
.trial-offer-icon strong { font-size:1.9rem; letter-spacing:-.04em; }
.trial-offer-icon span { margin-top:4px; font-size:.65rem; font-weight:800; text-transform:uppercase; letter-spacing:.11em; }
.trial-offer-copy .price-kicker { margin-bottom:7px; color:var(--green-700); }
.trial-offer-copy h3 { margin:0 0 5px; color:var(--navy-950); font-size:1.35rem; letter-spacing:-.025em; }
.trial-offer-copy p { margin:0; color:var(--muted); font-size:.88rem; }
.trial-features { display:flex; flex-wrap:wrap; gap:8px 20px; padding:0; margin:13px 0 0; list-style:none; color:#52647b; font-size:.76rem; font-weight:700; }
.trial-features li { display:flex; align-items:center; gap:7px; }
.trial-features li span { width:18px; height:18px; display:grid; place-items:center; border-radius:50%; color:var(--green-700); background:var(--green-100); font-size:.56rem; font-weight:900; }
.trial-offer-price { display:flex; flex-direction:column; min-width:105px; }
.trial-offer-price strong { color:var(--navy-950); font-size:2.25rem; line-height:1; letter-spacing:-.055em; }
.trial-offer-price span { margin-top:6px; color:#7c8ba0; font-size:.7rem; font-weight:700; }
.trial-offer-button { min-width:184px; }
.trial-offer-button > span { transition:transform .2s ease; }
.trial-offer-button:hover > span { transform:translateX(3px); }

.license-heading { position:relative; z-index:1; max-width:820px; margin:60px auto 0; text-align:center; }
.license-heading h3 { margin:0 0 9px; color:var(--navy-950); font-size:clamp(1.55rem,2.5vw,2.1rem); letter-spacing:-.035em; }
.license-heading p { margin:0; color:var(--muted); font-size:.94rem; }
.pricing-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:stretch; margin-top:34px; }
.price-card { position:relative; display:flex; flex-direction:column; min-height:650px; padding:35px 32px 31px; border:1px solid #d7e4f3; border-radius:25px; background:rgba(255,255,255,.93); box-shadow:0 18px 48px rgba(23,64,120,.08); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.price-card:hover { transform:translateY(-6px); border-color:#bfd5ef; box-shadow:0 28px 65px rgba(23,64,120,.14); }
.price-card-featured { border:1.5px solid var(--blue-600); box-shadow:0 28px 70px rgba(28,107,225,.19); }
.price-card-featured::before { content:""; position:absolute; inset:-1px; z-index:-1; border-radius:26px; background:linear-gradient(135deg,rgba(51,133,245,.22),rgba(89,189,12,.12)); filter:blur(18px); opacity:.55; }
.price-card-additional { background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(247,250,255,.98)); }
.price-card-update { background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(246,252,244,.98)); }

.update-offer { position:relative; z-index:1; display:grid; grid-template-columns:88px minmax(0,1fr) auto auto; gap:25px; align-items:center; margin-top:24px; padding:29px; border:1px solid #cfdfef; border-radius:23px; background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,252,244,.96)); box-shadow:0 18px 48px rgba(23,64,120,.09); }
.update-offer-icon { width:78px; height:78px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:21px; color:white; background:linear-gradient(145deg,var(--blue-600),var(--blue-750)); box-shadow:0 12px 27px rgba(28,107,225,.22); line-height:1; }
.update-offer-icon strong { font-size:1.9rem; letter-spacing:-.04em; }
.update-offer-icon span { margin-top:4px; font-size:.58rem; font-weight:800; text-transform:uppercase; letter-spacing:.09em; }
.update-offer-copy .price-kicker { margin-bottom:7px; color:var(--blue-600); }
.update-offer-copy h3 { margin:0 0 5px; color:var(--navy-950); font-size:1.35rem; letter-spacing:-.025em; }
.update-offer-copy p { margin:0; color:var(--muted); font-size:.88rem; }
.update-features { display:flex; flex-wrap:wrap; gap:8px 20px; padding:0; margin:13px 0 0; list-style:none; color:#52647b; font-size:.76rem; font-weight:700; }
.update-features li { display:flex; align-items:center; gap:7px; }
.update-features li span { width:18px; height:18px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:var(--green-700); background:var(--green-100); font-size:.56rem; font-weight:900; }
.update-requirement { margin-top:13px; color:#63748a; font-size:.72rem; line-height:1.5; }
.update-requirement strong { color:var(--navy-900); }
.update-offer-price { display:flex; flex-direction:column; min-width:140px; }
.update-offer-price strong { color:var(--navy-950); font-size:2.25rem; line-height:1; letter-spacing:-.055em; }
.update-offer-price span { margin-top:6px; color:#7c8ba0; font-size:.7rem; font-weight:700; line-height:1.45; }
.update-offer-button { min-width:210px; }
.update-offer-button > span { transition:transform .2s ease; }
.update-offer-button:hover > span { transform:translateX(3px); }
.price-value-period strong { font-size:clamp(2.15rem,3.5vw,3rem); }
.price-badge { position:absolute; right:25px; top:-14px; padding:7px 13px; border-radius:999px; color:white; background:linear-gradient(135deg,var(--blue-600),var(--blue-750)); box-shadow:0 10px 22px rgba(28,107,225,.25); font-size:.66rem; font-weight:850; text-transform:uppercase; letter-spacing:.085em; }
.price-kicker { display:block; margin-bottom:13px; color:var(--blue-600); font-size:.7rem; font-weight:850; text-transform:uppercase; letter-spacing:.12em; }
.price-card h3 { margin-bottom:13px; color:var(--navy-950); font-size:1.55rem; letter-spacing:-.025em; }
.price-card-head p { min-height:118px; margin-bottom:0; color:var(--muted); font-size:.89rem; }
.price-value { display:flex; flex-direction:column; margin:27px 0 24px; padding-bottom:23px; border-bottom:1px solid var(--line); }
.price-value strong { color:var(--navy-950); font-size:clamp(2.65rem,4vw,3.45rem); line-height:1; letter-spacing:-.055em; }
.price-value span { margin-top:8px; color:#7c8ba0; font-size:.75rem; font-weight:700; }
.price-features { display:grid; gap:13px; padding:0; margin:0 0 25px; list-style:none; color:#4d5f78; font-size:.84rem; }
.price-features li { display:grid; grid-template-columns:23px 1fr; gap:9px; align-items:start; }
.price-features li span { width:21px; height:21px; display:grid; place-items:center; border-radius:50%; color:var(--green-700); background:var(--green-100); font-size:.62rem; font-weight:900; }
.license-requirement { margin:0 0 24px; padding:12px 13px; border:1px solid #d6e3f3; border-radius:12px; color:#5b6d84; background:#f5f9ff; font-size:.72rem; line-height:1.5; }
.license-requirement strong { color:var(--navy-900); }
.price-button { width:100%; margin-top:auto; }
.price-button > span { transition:transform .2s ease; }
.price-button:hover > span { transform:translateX(3px); }
.pricing-note { position:relative; z-index:1; margin:17px 0 0; color:#8492a6; font-size:.69rem; text-align:center; }

@media (max-width: 1120px) {
  .trial-offer { grid-template-columns:78px minmax(0,1fr) auto; }
  .update-offer { grid-template-columns:78px minmax(0,1fr) auto; }
  .trial-offer-button { grid-column:2 / -1; justify-self:start; }
  .update-offer-button { grid-column:2 / -1; justify-self:start; }
}

@media (max-width: 1050px) {
  .pricing-grid { grid-template-columns:1fr; max-width:720px; margin-inline:auto; }
  .price-card { min-height:0; }
  .price-card-head p { min-height:0; }
}

@media (max-width: 850px) {
  .trial-offer, .update-offer { max-width:720px; margin-inline:auto; }
}

@media (max-width: 700px) {
  .trial-offer, .update-offer { grid-template-columns:64px 1fr; gap:18px; padding:23px; }
  .trial-offer-icon, .update-offer-icon { width:61px; height:61px; border-radius:17px; }
  .trial-offer-icon strong, .update-offer-icon strong { font-size:1.5rem; }
  .trial-offer-price, .update-offer-price { grid-column:1 / -1; flex-direction:row; gap:9px; align-items:flex-end; }
  .trial-offer-price strong, .update-offer-price strong { font-size:2rem; }
  .trial-offer-price span, .update-offer-price span { margin-bottom:3px; }
  .trial-offer-button, .update-offer-button { grid-column:1 / -1; width:100%; }
}

@media (max-width: 600px) {
  .pricing-grid { margin-top:30px; }
  .license-heading { margin-top:47px; }
  .price-card { padding:31px 24px 25px; border-radius:21px; }
  .price-badge { right:18px; }
  .trial-features, .update-features { display:grid; gap:8px; }
}


/* Version 18: echte Programm-Screenshots */
.product-showcase-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 11% 14%, rgba(89,189,12,.08), transparent 20%),
    radial-gradient(circle at 88% 36%, rgba(51,133,245,.12), transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#f7faff 100%);
}
.showcase-glow {
  position: absolute;
  width: 700px;
  height: 700px;
  right: -420px;
  top: 130px;
  border-radius: 50%;
  border: 1px solid rgba(51,133,245,.12);
  box-shadow: 0 0 0 85px rgba(51,133,245,.025), 0 0 0 170px rgba(51,133,245,.018);
}
.showcase-heading { position: relative; z-index: 1; }
.showcase-heading > p:not(.eyebrow):not(.sample-data-note) { max-width: 850px; }
.sample-data-note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0 0;
  padding: 7px 11px;
  border: 1px solid #dce7f4;
  border-radius: 999px;
  color: #73849a;
  background: rgba(255,255,255,.78);
  font-size: .7rem;
  font-weight: 700;
}
.sample-data-note span {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--blue-700);
  background: var(--blue-100);
  font-size: .66rem;
  font-weight: 900;
}
.showcase-feature { position: relative; z-index: 1; margin-top: 58px; }
.showcase-copy-wide {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 72px;
  align-items: end;
  max-width: 1090px;
  margin: 0 auto 28px;
}
.showcase-copy h3 {
  margin: 0;
  color: var(--navy-950);
  font-size: clamp(1.65rem,3vw,2.55rem);
  line-height: 1.12;
  letter-spacing: -.04em;
}
.showcase-copy p { color: var(--muted); }
.showcase-copy-wide > div:last-child > p { margin-bottom: 17px; }
.showcase-index {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 15px;
  border-radius: 13px;
  color: white;
  background: linear-gradient(145deg,var(--blue-500),var(--blue-750));
  box-shadow: 0 11px 25px rgba(28,107,225,.22);
  font-size: .78rem;
  font-weight: 900;
}
.showcase-kicker {
  margin: 0 0 7px;
  color: var(--blue-600) !important;
  font-size: .72rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .13em;
}
.showcase-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.showcase-tags span {
  padding: 7px 10px;
  border: 1px solid #d9e6f4;
  border-radius: 999px;
  color: #536984;
  background: white;
  font-size: .69rem;
  font-weight: 750;
}
.screenshot-frame {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  border: 1px solid #cfdceb;
  border-radius: 23px;
  color: inherit;
  background: white;
  box-shadow: 0 32px 85px rgba(13,47,94,.18);
  cursor: zoom-in;
  text-align: left;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.screenshot-frame:hover {
  transform: translateY(-4px);
  border-color: #adc8e8;
  box-shadow: 0 40px 95px rgba(13,47,94,.24);
}
.screenshot-frame:focus-visible { outline: 3px solid rgba(51,133,245,.38); outline-offset: 4px; }
.screenshot-frame-static { cursor: default; }
.screenshot-frame-static:hover {
  transform: none;
  border-color: #cfdceb;
}
.screenshot-bar {
  min-height: 43px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 13px;
  align-items: center;
  padding: 0 16px;
  color: #718198;
  background: linear-gradient(180deg,#fbfdff,#f2f6fb);
  border-bottom: 1px solid #dce5ef;
  font-size: .67rem;
}
.screenshot-bar strong { color: var(--navy-900); font-size: .72rem; }
.screenshot-dots { display: flex; gap: 5px; }
.screenshot-dots i { width: 8px; height: 8px; border-radius: 50%; background: #c0cedf; }
.screenshot-frame img { display: block; width: 100%; height: auto; }
.screenshot-zoom {
  position: absolute;
  right: 17px;
  bottom: 17px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border: 1px solid rgba(255,255,255,.88);
  border-radius: 11px;
  color: white;
  background: rgba(7,21,47,.82);
  box-shadow: 0 12px 28px rgba(4,17,43,.22);
  backdrop-filter: blur(10px);
  font-size: .7rem;
  font-weight: 800;
  opacity: .92;
}
.screenshot-zoom > span { font-size: 1rem; line-height: 1; }
.showcase-feature-dialog {
  display: grid;
  grid-template-columns: 1.36fr .64fr;
  gap: 52px;
  align-items: center;
  margin-top: 92px;
  padding-top: 78px;
  border-top: 1px solid #dfe8f3;
}
.screenshot-frame-primary {
  max-width: 1050px;
  margin-inline: auto;
  box-shadow: 0 27px 70px rgba(13,47,94,.16);
}
.screenshot-frame-primary:hover {
  box-shadow: 0 34px 82px rgba(13,47,94,.21);
}
.screenshot-frame-secondary { border-radius: 20px; }
.showcase-feature-viewer {
  margin-top: 92px;
  padding-top: 78px;
  border-top: 1px solid #dfe8f3;
}
.showcase-copy-viewer { margin-bottom: 34px; }
.screenshot-frame-viewer {
  max-width: 1180px;
  margin-inline: auto;
  border-radius: 20px;
  box-shadow: 0 28px 72px rgba(13,47,94,.16);
}
.screenshot-frame-viewer:hover {
  box-shadow: 0 36px 86px rgba(13,47,94,.22);
}
.showcase-copy-dialog { padding-right: 4px; }
.showcase-copy-dialog > p:not(.showcase-kicker) { margin: 19px 0 23px; }
.showcase-checks {
  display: grid;
  gap: 11px;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #4e617a;
  font-size: .84rem;
  font-weight: 700;
}
.showcase-checks li { display: grid; grid-template-columns: 23px 1fr; gap: 9px; align-items: start; }
.showcase-checks span {
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--green-700);
  background: var(--green-100);
  font-size: .61rem;
  font-weight: 900;
}
.screenshot-dialog {
  width: min(calc(100vw - 42px), var(--screenshot-natural-width, 1560px), 1560px);
  max-width: none;
  max-height: calc(100vh - 42px);
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 20px;
  color: var(--text);
  background: transparent;
}
.screenshot-dialog::backdrop { background: rgba(2,10,25,.88); backdrop-filter: blur(9px); }
.screenshot-dialog-inner {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 20px;
  background: #08152d;
  box-shadow: 0 36px 110px rgba(0,0,0,.55);
}
.screenshot-dialog figure { margin: 0; }
.screenshot-dialog img {
  display: block;
  width: 100%;
  max-height: calc(100vh - 105px);
  object-fit: contain;
  background: #eef2f7;
}
.screenshot-dialog figcaption {
  padding: 13px 58px 14px 18px;
  color: #d9e5f6;
  background: #08152d;
  font-size: .78rem;
}
.screenshot-dialog-close {
  position: absolute;
  z-index: 2;
  right: 12px;
  bottom: 8px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 10px;
  color: white;
  background: rgba(255,255,255,.09);
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
}
.screenshot-dialog-close:hover { background: rgba(255,255,255,.18); }
@media (max-width: 1000px) {
  .showcase-copy-wide { grid-template-columns: 1fr; gap: 20px; align-items: start; }
  .showcase-feature-dialog { grid-template-columns: 1fr; gap: 32px; }
  .showcase-copy-dialog { max-width: 760px; }
}
@media (max-width: 700px) {
  .showcase-feature { margin-top: 42px; }
  .showcase-feature-dialog,
  .showcase-feature-viewer { margin-top: 62px; padding-top: 55px; }
  .screenshot-frame { border-radius: 15px; }
  .screenshot-bar { min-height: 38px; grid-template-columns: auto 1fr; padding-inline: 12px; }
  .screenshot-bar > span:last-child { display: none; }
  .screenshot-zoom { right: 10px; bottom: 10px; padding: 7px 9px; font-size: .62rem; }
  .showcase-copy h3 { font-size: 1.65rem; }
  .sample-data-note { border-radius: 13px; text-align: left; }
  .screenshot-dialog { width: min(calc(100vw - 18px), var(--screenshot-natural-width, 1560px), 1560px); max-height: calc(100vh - 18px); }
  .screenshot-dialog img { max-height: calc(100vh - 80px); }
  .screenshot-dialog figcaption { display: none; }
  .screenshot-dialog-close { right: 8px; bottom: 8px; }
}

/* Version 21: vollständige E-Rechnungsvalidierung im Praxisablauf */
.showcase-feature-validation {
  margin-top: 92px;
  padding-top: 78px;
  border-top: 1px solid #dfe8f3;
}
.showcase-copy-validation { margin-bottom: 38px; }
.validation-format-note {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 20px 0 0 !important;
  padding: 13px 15px;
  border: 1px solid #dbe8f6;
  border-radius: 13px;
  color: #526a86 !important;
  background: rgba(255,255,255,.76);
  font-size: .76rem !important;
  line-height: 1.55;
}
.validation-format-note > span {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  margin-top: 1px;
  border-radius: 50%;
  color: white;
  background: var(--blue-600);
  font-size: .66rem;
  font-weight: 850;
}
.validation-process { display: grid; gap: 34px; }
.validation-start-card {
  width: min(100%, 720px);
  margin-inline: auto;
}
.validation-result-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  align-items: start;
}
.validation-step-label {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0 0 12px 4px;
  color: var(--navy-900);
  font-size: .8rem;
  font-weight: 800;
}
.validation-step-label b {
  flex: 0 0 auto;
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: white;
  background: linear-gradient(145deg,var(--blue-500),var(--blue-750));
  font-size: .68rem;
  box-shadow: 0 8px 18px rgba(28,107,225,.18);
}
.screenshot-frame-validation-start,
.screenshot-frame-validation-web {
  border-radius: 19px;
  box-shadow: 0 25px 64px rgba(13,47,94,.15);
}
.screenshot-frame-validation-web:hover {
  box-shadow: 0 33px 78px rgba(13,47,94,.21);
}
.screenshot-frame-validation-start.screenshot-frame-static:hover {
  box-shadow: 0 25px 64px rgba(13,47,94,.15);
}
.screenshot-frame-validation-web img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 850px) {
  .validation-result-grid { grid-template-columns: 1fr; gap: 30px; }
  .validation-result-card { max-width: 720px; margin-inline: auto; }
}
@media (max-width: 700px) {
  .showcase-feature-validation { margin-top: 62px; padding-top: 55px; }
  .showcase-copy-validation { margin-bottom: 30px; }
  .validation-process { gap: 27px; }
  .validation-step-label { align-items: flex-start; font-size: .74rem; line-height: 1.45; }
}

/* Version 25: Videos untereinander, unbeschnitten und maximal in Originalgröße */
.master-data-section {
  position: relative;
  overflow: hidden;
  color: var(--text);
  background:
    radial-gradient(circle at 12% 18%, rgba(67,145,255,.12), transparent 31%),
    radial-gradient(circle at 88% 82%, rgba(103,190,48,.10), transparent 27%),
    linear-gradient(180deg, #f4f8fd 0%, #edf4fb 100%);
  border-top: 1px solid #dfe8f3;
  border-bottom: 1px solid #dfe8f3;
}
.master-data-glow {
  position: absolute;
  width: 540px;
  height: 540px;
  right: -250px;
  top: -260px;
  border-radius: 50%;
  background: rgba(41,122,239,.08);
  filter: blur(8px);
  pointer-events: none;
}
.master-data-heading { max-width: 920px; }
.master-data-heading > p:not(.eyebrow):not(.sample-data-note) { max-width: 820px; }
.master-data-note { margin-top: 19px; }
.master-data-list {
  display: grid;
  gap: 76px;
  margin-top: 52px;
}
.video-feature-card-wide {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #cfdeed;
  border-radius: 26px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 28px 72px rgba(13,47,94,.14);
}
.video-feature-content {
  padding: 32px 36px 30px;
}
.video-feature-meta {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
  margin-bottom: 12px;
}
.video-feature-meta span {
  color: var(--blue-600);
  font-size: .71rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.video-feature-meta small {
  color: #7b8da3;
  font-size: .66rem;
  font-weight: 700;
}
.video-feature-content h3 {
  margin: 0 0 14px;
  color: var(--navy-900);
  font-size: clamp(1.55rem, 2.25vw, 2.05rem);
  line-height: 1.15;
  letter-spacing: -.025em;
}
.video-feature-content > p {
  max-width: 980px;
  margin: 0 0 22px;
  color: #52677f;
  font-size: .91rem;
  line-height: 1.72;
}
.video-frame {
  position: relative;
  width: min(100%, var(--video-natural-width));
  margin-inline: auto;
  overflow: hidden;
  border-top: 1px solid #d9e4ef;
  background: #eaf0f7;
}
.video-frame::after {
  content: "Stummes Demo-Video";
  position: absolute;
  z-index: 2;
  top: 13px;
  right: 13px;
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 999px;
  color: white;
  background: rgba(5,25,57,.76);
  box-shadow: 0 8px 22px rgba(5,25,57,.18);
  backdrop-filter: blur(8px);
  pointer-events: none;
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .02em;
}
.video-frame video {
  display: block;
  width: 100%;
  height: auto;
  max-width: var(--video-natural-width);
  margin-inline: auto;
  background: #eef3f8;
}
.video-expand-button {
  position: absolute;
  z-index: 3;
  right: 13px;
  bottom: 54px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 7px 11px;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 10px;
  color: white;
  background: rgba(5,25,57,.82);
  box-shadow: 0 10px 25px rgba(5,25,57,.24);
  backdrop-filter: blur(8px);
  cursor: pointer;
  font-size: .68rem;
  font-weight: 800;
}
.video-expand-button:hover { background: rgba(12,46,94,.94); }
.video-dialog {
  width: min(calc(100vw - 42px), var(--video-natural-width, 1614px));
  max-width: none;
  max-height: calc(100vh - 42px);
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 20px;
  background: transparent;
}
.video-dialog::backdrop {
  background: rgba(2,10,25,.88);
  backdrop-filter: blur(9px);
}
.video-dialog-inner {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 20px;
  background: #08152d;
  box-shadow: 0 36px 110px rgba(0,0,0,.55);
}
.video-dialog video {
  display: block;
  width: 100%;
  height: auto;
  max-width: var(--video-natural-width, 1614px);
  max-height: calc(100vh - 100px);
  margin-inline: auto;
  object-fit: contain;
  background: #050b15;
}
.video-dialog-caption {
  min-height: 44px;
  margin: 0;
  padding: 12px 58px 13px 18px;
  color: #d9e5f6;
  background: #08152d;
  font-size: .78rem;
}
.video-dialog-close {
  position: absolute;
  z-index: 4;
  right: 10px;
  bottom: 7px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 10px;
  color: white;
  background: rgba(255,255,255,.09);
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
}
.video-dialog-close:hover { background: rgba(255,255,255,.18); }
@media (max-width: 700px) {
  .master-data-list { margin-top: 36px; gap: 36px; }
  .video-feature-card-wide { border-radius: 17px; }
  .video-feature-content { padding: 24px 21px 25px; }
  .video-feature-meta { align-items: flex-start; }
  .video-frame::after { top: 9px; right: 9px; padding: 5px 8px; font-size: .56rem; }
  .video-expand-button { right: 9px; bottom: 47px; padding: 6px 9px; font-size: .62rem; }
  .video-dialog { width: min(calc(100vw - 18px), var(--video-natural-width, 1614px)); max-height: calc(100vh - 18px); }
  .video-dialog-caption { display: none; }
  .video-dialog-close { right: 8px; bottom: 8px; }
}


/* Version 26: E-Mail-Vorlagen und Outlook-Entwurf */
.showcase-feature-mail {
  margin-top: 92px;
  padding-top: 78px;
  border-top: 1px solid #dfe8f3;
}
.showcase-copy-mail { margin-bottom: 34px; }
.showcase-checks-mail {
  margin-top: 22px;
  grid-template-columns: 1fr;
}
.mail-template-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  align-items: start;
}
.screenshot-frame-mail {
  border-radius: 20px;
  box-shadow: 0 27px 68px rgba(13,47,94,.15);
}
.screenshot-frame-mail:hover {
  box-shadow: 0 35px 82px rgba(13,47,94,.21);
}
@media (max-width: 1000px) {
  .mail-template-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .showcase-feature-mail { margin-top: 62px; padding-top: 55px; }
  .showcase-copy-mail { margin-bottom: 28px; }
}


/* Version 27: Anhangsverwaltung */
.showcase-feature-attachments {
  margin-top: 92px;
  padding-top: 78px;
  border-top: 1px solid #dfe8f3;
}
.showcase-copy-attachments { margin-bottom: 34px; }
.screenshot-frame-attachments {
  max-width: 813px;
  margin-inline: auto;
  border-radius: 20px;
  box-shadow: 0 27px 68px rgba(13,47,94,.15);
}
.screenshot-frame-attachments:hover {
  box-shadow: 0 35px 82px rgba(13,47,94,.21);
}
.attachment-caption {
  max-width: 813px;
  margin: 13px auto 0;
  color: #718198;
  font-size: .72rem;
  line-height: 1.55;
  text-align: center;
}
@media (max-width: 700px) {
  .showcase-feature-attachments { margin-top: 62px; padding-top: 55px; }
  .showcase-copy-attachments { margin-bottom: 28px; }
  .attachment-caption { padding-inline: 10px; text-align: left; }
}


/* Version 28: Anhangs-Screenshot statisch in Originalgröße */
.screenshot-frame-attachments {
  width: min(100%, 815px);
  margin-inline: auto;
  cursor: default;
}
.screenshot-frame-attachments img {
  width: min(100%, 813px);
  max-width: 813px;
  margin-inline: auto;
}
.screenshot-frame-attachments:hover {
  transform: none;
  border-color: #cfdceb;
  box-shadow: 0 25px 64px rgba(13,47,94,.15);
}


/* Version 29: Anhangsdialog auf die Breite des Validierungsdialogs abgestimmt */
.screenshot-frame-attachments {
  width: min(100%, 720px);
  max-width: 720px;
}
.screenshot-frame-attachments img {
  width: 100%;
  max-width: none;
}
.attachment-caption {
  max-width: 720px;
}


/* Version 30: optionale Nutzung der Stammdaten und frei definierbare Adressspalten */
.master-data-optional-note {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  max-width: 980px;
  margin: 22px 0 0 !important;
  padding: 13px 15px;
  border: 1px solid #d9e8d2;
  border-radius: 13px;
  color: #4f6650 !important;
  background: #f7fbf5;
  font-size: .76rem !important;
  line-height: 1.55 !important;
}
.master-data-optional-note > span {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  margin-top: 1px;
  border-radius: 50%;
  color: var(--green-700);
  background: var(--green-100);
  font-size: .64rem;
  font-weight: 900;
}


/* Version 31: komplexe Rechnungen und optionale Rechnungsbestandteile */
.complex-invoice-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 16%, rgba(39,117,232,.10), transparent 25%),
    radial-gradient(circle at 8% 84%, rgba(92,185,35,.07), transparent 24%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  border-bottom: 1px solid #dfe8f3;
}
.complex-invoice-glow {
  position: absolute;
  width: 620px;
  height: 620px;
  left: -390px;
  top: 170px;
  border-radius: 50%;
  border: 1px solid rgba(51,133,245,.11);
  box-shadow:
    0 0 0 80px rgba(51,133,245,.025),
    0 0 0 160px rgba(51,133,245,.015);
  pointer-events: none;
}
.complex-invoice-heading {
  position: relative;
  z-index: 1;
  max-width: 850px;
}
.complex-invoice-overview {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(520px, 1.22fr);
  gap: 52px;
  align-items: center;
  margin-top: 54px;
}
.complex-invoice-copy {
  padding: 4px 0;
}
.complex-invoice-copy h3,
.complex-video-copy h3 {
  margin: 0;
  color: var(--navy-950);
  font-size: clamp(1.65rem, 2.7vw, 2.45rem);
  line-height: 1.13;
  letter-spacing: -.035em;
}
.complex-invoice-copy > p:not(.showcase-kicker) {
  margin: 20px 0 23px;
  color: var(--muted);
  font-size: .91rem;
  line-height: 1.72;
}
.screenshot-frame-complex {
  width: min(100%, 760px);
  max-width: 760px;
  justify-self: end;
  border-radius: 21px;
  box-shadow: 0 29px 76px rgba(13,47,94,.16);
}
.screenshot-frame-complex:hover {
  box-shadow: 0 37px 88px rgba(13,47,94,.22);
}
.complex-invoice-video {
  position: relative;
  z-index: 1;
  margin-top: 88px;
  padding-top: 72px;
  border-top: 1px solid #dfe8f3;
}
.complex-video-copy {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 64px;
  align-items: end;
  max-width: 1090px;
  margin: 0 auto 30px;
}
.complex-video-copy > p {
  margin: 0;
  color: var(--muted);
  font-size: .91rem;
  line-height: 1.72;
}
.complex-video-frame {
  max-width: 1238px;
  border: 1px solid #cfdeed;
  border-radius: 22px;
  box-shadow: 0 28px 74px rgba(13,47,94,.15);
}
.complex-video-frame::after {
  content: "Stummes Demo-Video";
}
@media (max-width: 1050px) {
  .complex-invoice-overview {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .complex-invoice-copy {
    max-width: 850px;
    margin-inline: auto;
  }
  .screenshot-frame-complex {
    justify-self: center;
  }
}
@media (max-width: 800px) {
  .complex-video-copy {
    grid-template-columns: 1fr;
    gap: 18px;
    align-items: start;
  }
}
@media (max-width: 700px) {
  .complex-invoice-overview { margin-top: 38px; }
  .complex-invoice-video {
    margin-top: 58px;
    padding-top: 52px;
  }
  .screenshot-frame-complex { border-radius: 15px; }
  .complex-video-frame { border-radius: 16px; }
}


/* Version 32: ausführlicher Testversions- und Systemvoraussetzungsbereich */
.trial-detail-section {
  position: relative;
  overflow: hidden;
  color: white;
  background:
    radial-gradient(circle at 14% 10%, rgba(74,151,255,.24), transparent 25%),
    radial-gradient(circle at 91% 84%, rgba(95,190,42,.15), transparent 22%),
    linear-gradient(132deg, #123f86 0%, #1557b8 52%, #0c2d65 100%);
}
.trial-detail-pattern {
  position: absolute;
  inset: 0;
  opacity: .13;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.15) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), transparent 82%);
}
.trial-detail-orbit {
  position: absolute;
  width: 590px;
  height: 590px;
  right: -335px;
  top: -210px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 50%;
  box-shadow:
    0 0 0 78px rgba(255,255,255,.025),
    0 0 0 156px rgba(255,255,255,.018);
  pointer-events: none;
}
.trial-detail-section .container {
  position: relative;
  z-index: 1;
}
.trial-detail-heading {
  max-width: 870px;
}
.trial-detail-heading h2 {
  color: white;
}
.trial-detail-heading > p:last-child {
  max-width: 790px;
  color: #d9e9ff;
}
.trial-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr);
  gap: 25px;
  align-items: stretch;
  margin-top: 50px;
}
.trial-journey-card,
.trial-system-card {
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 25px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 29px 72px rgba(3,25,65,.22);
}
.trial-journey-card {
  padding: 33px 35px 31px;
}
.trial-system-card {
  padding: 33px 31px;
}
.trial-card-heading {
  display: flex;
  gap: 19px;
  align-items: center;
  padding-bottom: 25px;
  border-bottom: 1px solid #e0e9f4;
}
.trial-card-icon {
  flex: 0 0 auto;
  width: 65px;
  height: 65px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: white;
  background: linear-gradient(145deg, var(--green-500), var(--green-700));
  box-shadow: 0 12px 27px rgba(55,145,0,.22);
  font-size: 1.52rem;
  font-weight: 900;
  letter-spacing: -.04em;
}
.trial-card-kicker {
  margin: 0 0 6px;
  color: var(--blue-600);
  font-size: .7rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .13em;
}
.trial-card-heading h3,
.trial-system-card h3 {
  margin: 0;
  color: var(--navy-950);
  font-size: clamp(1.35rem, 2.4vw, 1.9rem);
  line-height: 1.18;
  letter-spacing: -.03em;
}
.trial-journey-list {
  position: relative;
  display: grid;
  gap: 0;
  margin: 25px 0 0;
  padding: 0;
  list-style: none;
}
.trial-journey-list::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 39px;
  bottom: 42px;
  width: 1px;
  background: #d5e2f1;
}
.trial-journey-list li {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  gap: 17px;
  padding: 0 0 23px;
}
.trial-journey-list li:last-child {
  padding-bottom: 0;
}
.trial-step-number {
  position: relative;
  z-index: 1;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid #c5d9ee;
  border-radius: 12px;
  color: var(--blue-700);
  background: #f4f9ff;
  font-size: .73rem;
  font-weight: 900;
}
.trial-journey-list h4 {
  margin: 1px 0 6px;
  color: var(--navy-950);
  font-size: 1rem;
}
.trial-journey-list p {
  margin: 0;
  color: var(--muted);
  font-size: .84rem;
  line-height: 1.66;
}
.trial-system-card h3 {
  margin-bottom: 23px;
}
.trial-system-list {
  display: grid;
  gap: 17px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.trial-system-list li {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 11px;
  align-items: start;
}
.trial-system-list li > span {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--green-700);
  background: var(--green-100);
  font-size: .68rem;
  font-weight: 900;
}
.trial-system-list strong {
  display: block;
  margin: 1px 0 3px;
  color: var(--navy-950);
  font-size: .87rem;
}
.trial-system-list small {
  display: block;
  color: #74849a;
  font-size: .72rem;
  line-height: 1.48;
}
.trial-extension-note {
  display: grid;
  grid-template-columns: 25px minmax(0,1fr);
  gap: 10px;
  margin-top: 25px;
  padding: 15px;
  border: 1px solid #d8e9ce;
  border-radius: 14px;
  background: #f6fbf2;
}
.trial-extension-note > span {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--green-700);
  background: #e5f4da;
  font-size: .68rem;
  font-weight: 900;
}
.trial-extension-note p {
  margin: 0;
  color: #50644a;
  font-size: .75rem;
  line-height: 1.55;
}
.trial-detail-action {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 30px;
  align-items: center;
  margin-top: 25px;
  padding: 23px 26px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 19px;
  background: rgba(6,35,82,.42);
  box-shadow: 0 18px 45px rgba(3,25,65,.14);
  backdrop-filter: blur(8px);
}
.trial-detail-action strong,
.trial-detail-action span {
  display: block;
}
.trial-detail-action strong {
  margin-bottom: 4px;
  color: white;
  font-size: .96rem;
}
.trial-detail-action > div:first-child > span {
  color: #cedff7;
  font-size: .76rem;
}
.trial-detail-buttons {
  display: flex;
  align-items: center;
  gap: 17px;
}
.trial-extension-link {
  color: #d8e7fa;
  font-size: .74rem;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.trial-extension-link:hover {
  color: white;
}
@media (max-width: 1000px) {
  .trial-detail-grid {
    grid-template-columns: 1fr;
    max-width: 790px;
    margin-inline: auto;
  }
  .trial-detail-action {
    grid-template-columns: 1fr;
    max-width: 790px;
    margin-inline: auto;
    margin-top: 25px;
  }
}
@media (max-width: 700px) {
  .trial-journey-card,
  .trial-system-card {
    padding: 25px 21px;
    border-radius: 19px;
  }
  .trial-card-heading {
    align-items: flex-start;
  }
  .trial-card-icon {
    width: 55px;
    height: 55px;
    border-radius: 15px;
    font-size: 1.3rem;
  }
  .trial-detail-action {
    padding: 21px;
  }
  .trial-detail-buttons {
    align-items: stretch;
    flex-direction: column;
  }
  .trial-detail-buttons .button {
    width: 100%;
  }
  .trial-extension-link {
    text-align: center;
  }
}


/* Version 33: Mehrseiten-Navigation und Funktionen-Unterseite */
.main-nav a[aria-current="page"] {
  color: var(--blue-600);
}
.main-nav a[aria-current="page"]::after {
  right: 0;
}

.subpage-hero {
  position: relative;
  overflow: hidden;
  padding: 78px 0 88px;
  background:
    radial-gradient(circle at 85% 16%, rgba(91,214,239,.21), transparent 24%),
    radial-gradient(circle at 68% 88%, rgba(51,133,245,.15), transparent 31%),
    linear-gradient(158deg, #fcfeff 0%, #f3f8ff 48%, #eaf3ff 100%);
}
.subpage-hero::before,
.subpage-hero::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(51,133,245,.15);
  border-radius: 50%;
  pointer-events: none;
}
.subpage-hero::before {
  width: 600px;
  height: 600px;
  right: -285px;
  top: -300px;
}
.subpage-hero::after {
  width: 430px;
  height: 430px;
  right: -205px;
  top: -214px;
}
.subpage-grid-lines {
  position: absolute;
  inset: 0;
  opacity: .32;
  background-image:
    linear-gradient(rgba(31,99,195,.055) 1px, transparent 1px),
    linear-gradient(90deg,rgba(31,99,195,.055) 1px,transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(to right, transparent 0%, transparent 35%, black 68%, transparent 100%);
}
.functions-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 72px;
  align-items: center;
}
.functions-hero-content h1 {
  max-width: 720px;
  margin-bottom: 25px;
  font-size: clamp(3.05rem,5.2vw,5.25rem);
}
.breadcrumb {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 22px;
  color: #7b8ca4;
  font-size: .72rem;
  font-weight: 700;
}
.breadcrumb a:hover { color: var(--blue-600); }
.breadcrumb strong {
  color: #50647f;
  font-weight: 800;
}
.functions-hero-lead {
  max-width: 670px;
  margin-bottom: 30px;
  color: #52647f;
  font-size: 1.13rem;
  line-height: 1.7;
}
.functions-hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 11px 22px;
  padding-top: 22px;
  border-top: 1px solid rgba(166,190,219,.52);
}
.functions-hero-proof span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #50627e;
  font-size: .77rem;
  font-weight: 750;
}
.functions-hero-proof i {
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--green-700);
  background: var(--green-100);
  font-size: .62rem;
  font-style: normal;
  font-weight: 900;
}

.function-map {
  position: relative;
  width: min(100%, 650px);
  justify-self: end;
  padding: 0 24px 24px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.95);
  border-radius: 27px;
  background: rgba(255,255,255,.91);
  box-shadow: 0 37px 90px rgba(10,45,96,.22);
  backdrop-filter: blur(20px);
  transform: perspective(1500px) rotateY(-3deg) rotateX(1deg);
}
.function-map-head {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 -24px 23px;
  padding: 15px 19px;
  color: white;
  background: linear-gradient(100deg,var(--navy-975),#123d79);
}
.function-map-head img {
  width: 31px;
  height: 31px;
  object-fit: contain;
}
.function-map-head strong,
.function-map-head span {
  display: block;
}
.function-map-head strong { font-size: .78rem; }
.function-map-head span { color: #9cb4d3; font-size: .57rem; }
.function-map-head small {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  color: #bed0e8;
  font-size: .59rem;
}
.function-map-head small i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--green-500);
  box-shadow: 0 0 0 4px rgba(89,189,12,.12);
}
.function-map-body {
  position: relative;
  display: grid;
  gap: 0;
}
.function-map-step {
  display: grid;
  grid-template-columns: 30px 43px minmax(0,1fr) 25px;
  gap: 11px;
  align-items: center;
  padding: 14px;
  border: 1px solid #dbe7f4;
  border-radius: 15px;
  background: #fbfdff;
  box-shadow: 0 10px 25px rgba(25,66,121,.055);
}
.function-map-step-primary {
  border-color: #c2ddff;
  background: linear-gradient(135deg,#f7fbff,#eef6ff);
}
.function-map-step > b {
  color: #8a9aaf;
  font-size: .57rem;
  letter-spacing: .08em;
}
.function-map-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: white;
  background: linear-gradient(140deg,var(--blue-500),var(--blue-750));
  box-shadow: 0 9px 20px rgba(28,107,225,.2);
  font-size: .82rem;
  font-weight: 900;
}
.excel-map {
  background: linear-gradient(140deg,#208454,#116a3f);
}
.function-map-step strong,
.function-map-step small {
  display: block;
}
.function-map-step strong {
  color: var(--navy-950);
  font-size: .78rem;
}
.function-map-step small {
  margin-top: 2px;
  color: #8190a5;
  font-size: .58rem;
}
.function-map-check {
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #16835f;
  background: #e7f7f1;
  font-size: .59rem;
  font-style: normal;
  font-weight: 900;
}
.function-map-connector {
  width: 1px;
  height: 14px;
  margin-left: 50px;
  background: linear-gradient(#9bc4f3,#d9e7f6);
}
.function-map-output {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
  margin-top: 17px;
}
.function-map-output > div {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid #dce6f3;
  border-radius: 13px;
  background: white;
}
.output-file {
  flex: 0 0 auto;
  width: 38px;
  height: 43px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: white;
  font-size: .52rem;
  font-weight: 900;
}
.output-pdf { background: #e74b4b; }
.output-xml { background: var(--blue-600); }
.function-map-output p { margin: 0; }
.function-map-output strong,
.function-map-output small { display: block; }
.function-map-output strong {
  color: var(--navy-900);
  font-size: .69rem;
}
.function-map-output small {
  color: #8090a5;
  font-size: .54rem;
}

.function-jump-section {
  padding: 65px 0 72px;
  border-top: 1px solid #dfe8f3;
  border-bottom: 1px solid #dfe8f3;
  background: white;
}
.function-jump-heading {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 70px;
  align-items: end;
  margin-bottom: 31px;
}
.function-jump-heading h2 {
  max-width: 690px;
  margin-bottom: 0;
  font-size: clamp(2rem,3.35vw,3rem);
}
.function-jump-heading > p {
  margin: 0 0 5px;
  color: var(--muted);
  font-size: .93rem;
  line-height: 1.7;
}
.function-jump-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}
.function-jump-grid a {
  position: relative;
  min-height: 152px;
  padding: 21px 48px 20px 21px;
  border: 1px solid #dce6f3;
  border-radius: 17px;
  background: linear-gradient(145deg,#fff,#f8fbff);
  box-shadow: 0 10px 28px rgba(17,55,112,.045);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.function-jump-grid a:hover {
  transform: translateY(-3px);
  border-color: #b9d5f6;
  box-shadow: 0 18px 38px rgba(17,55,112,.10);
}
.function-jump-grid span,
.function-jump-grid strong,
.function-jump-grid small {
  display: block;
}
.function-jump-grid span {
  margin-bottom: 13px;
  color: var(--blue-600);
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .1em;
}
.function-jump-grid strong {
  margin-bottom: 5px;
  color: var(--navy-950);
  font-size: .93rem;
}
.function-jump-grid small {
  color: #718199;
  font-size: .72rem;
  line-height: 1.5;
}
.function-jump-grid b {
  position: absolute;
  right: 20px;
  top: 22px;
  color: #8eb9ed;
  font-size: 1.05rem;
  transition: transform .2s ease;
}
.function-jump-grid a:hover b { transform: translateX(3px); }

.functions-page #funktionsrundgang {
  padding-top: 102px;
}
.functions-page #funktionsrundgang article[id],
.functions-page #stammdaten,
.functions-page #umsatzsteuer,
.functions-page #komplexe-rechnungen,
.functions-page #einstellungen,
.functions-page #lokal {
  scroll-margin-top: 116px;
}
.functions-page .product-showcase-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #dfe8f3;
}

.functions-test-cta {
  position: relative;
  overflow: hidden;
  padding: 76px 0;
  color: white;
  background:
    radial-gradient(circle at 88% 12%,rgba(91,214,239,.18),transparent 26%),
    linear-gradient(135deg,var(--navy-975),#0c3269 60%,#1453a4);
}
.functions-test-cta::before {
  content: "";
  position: absolute;
  width: 470px;
  height: 470px;
  right: -280px;
  top: -250px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(255,255,255,.02);
}
.functions-test-cta-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 50px;
  align-items: center;
}
.functions-test-cta h2 {
  max-width: 780px;
  margin-bottom: 14px;
  color: white;
  font-size: clamp(2.1rem,3.7vw,3.45rem);
}
.functions-test-cta p:last-child {
  max-width: 760px;
  margin-bottom: 0;
  color: #c9d9ef;
}
.functions-test-actions {
  display: grid;
  justify-items: center;
  gap: 13px;
}
.functions-test-actions > a:last-child {
  color: #cfe1f7;
  font-size: .75rem;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.functions-test-actions > a:last-child:hover { color: white; }

@media (max-width: 1050px) {
  .functions-hero-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }
  .function-map {
    justify-self: center;
    transform: none;
  }
  .function-jump-heading {
    grid-template-columns: 1fr;
    gap: 13px;
  }
  .functions-test-cta-inner {
    grid-template-columns: 1fr;
  }
  .functions-test-actions {
    justify-items: start;
  }
}
@media (max-width: 850px) {
  .function-jump-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 650px) {
  .subpage-hero {
    padding: 58px 0 67px;
  }
  .functions-hero-content h1 {
    font-size: clamp(2.65rem,12vw,4.1rem);
  }
  .functions-hero-proof {
    display: grid;
    gap: 10px;
  }
  .function-map {
    padding-inline: 15px;
    border-radius: 20px;
  }
  .function-map-head {
    margin-inline: -15px;
  }
  .function-map-step {
    grid-template-columns: 25px 39px minmax(0,1fr);
    gap: 8px;
    padding: 12px 10px;
  }
  .function-map-step .function-map-check {
    display: none;
  }
  .function-map-icon {
    width: 38px;
    height: 38px;
  }
  .function-map-connector {
    margin-left: 44px;
  }
  .function-map-output {
    grid-template-columns: 1fr;
  }
  .function-jump-section {
    padding: 51px 0 57px;
  }
  .function-jump-grid {
    grid-template-columns: 1fr;
  }
  .function-jump-grid a {
    min-height: 133px;
  }
  .functions-test-cta {
    padding: 61px 0;
  }
  .functions-test-actions,
  .functions-test-actions .button {
    width: 100%;
  }
  .functions-test-actions {
    justify-items: stretch;
    text-align: center;
  }
}


/* Version 34: Preise- und Lizenzunterseite */
.prices-page-hero {
  padding-bottom: 96px;
}
.prices-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr .78fr;
  gap: 84px;
  align-items: center;
}
.prices-hero-content h1 {
  max-width: 760px;
  margin-bottom: 25px;
  font-size: clamp(3rem,5.3vw,5.35rem);
}
.prices-hero-lead {
  max-width: 710px;
  margin-bottom: 30px;
  color: #52647f;
  font-size: 1.12rem;
  line-height: 1.7;
}
.prices-hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 11px 22px;
  padding-top: 22px;
  border-top: 1px solid rgba(166,190,219,.52);
}
.prices-hero-proof span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #50627e;
  font-size: .77rem;
  font-weight: 750;
}
.prices-hero-proof i {
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--green-700);
  background: var(--green-100);
  font-size: .62rem;
  font-style: normal;
  font-weight: 900;
}
.license-summary-card {
  position: relative;
  padding: 29px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.95);
  border-radius: 26px;
  background: rgba(255,255,255,.93);
  box-shadow: 0 35px 88px rgba(10,45,96,.21);
  backdrop-filter: blur(18px);
}
.license-summary-card::after {
  content: "";
  position: absolute;
  width: 230px;
  height: 230px;
  right: -130px;
  top: -135px;
  border: 1px solid rgba(37,117,232,.14);
  border-radius: 50%;
  box-shadow: 0 0 0 42px rgba(37,117,232,.025);
}
.license-summary-head span,
.license-summary-head strong {
  display: block;
}
.license-summary-head span {
  margin-bottom: 5px;
  color: var(--blue-600);
  font-size: .67rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .13em;
}
.license-summary-head strong {
  color: var(--navy-950);
  font-size: 1.05rem;
}
.license-summary-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 23px 0 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid #dfe8f3;
}
.license-summary-price small,
.license-summary-price span {
  color: #7b8ba0;
  font-size: .72rem;
}
.license-summary-price strong {
  color: var(--navy-950);
  font-size: clamp(2.5rem,4vw,3.6rem);
  letter-spacing: -.055em;
}
.license-summary-card ul {
  display: grid;
  gap: 14px;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
}
.license-summary-card li {
  display: grid;
  grid-template-columns: 27px minmax(0,1fr);
  gap: 11px;
}
.license-summary-card li > span {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--green-700);
  background: var(--green-100);
  font-size: .65rem;
  font-weight: 900;
}
.license-summary-card li strong,
.license-summary-card li small {
  display: block;
}
.license-summary-card li strong {
  color: var(--navy-950);
  font-size: .82rem;
}
.license-summary-card li small {
  margin-top: 2px;
  color: #7a899e;
  font-size: .68rem;
  line-height: 1.45;
}
.license-summary-card > a {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: var(--blue-650);
  font-size: .75rem;
  font-weight: 800;
}
.license-summary-card-product {
  padding-bottom: 26px;
}
.license-summary-box {
  position: relative;
  z-index: 1;
  margin: 18px 0 18px;
}
.license-summary-box img {
  display: block;
  width: 100%;
  height: auto;
}
.license-summary-note {
  margin: 0 0 18px;
  color: #64758c;
  font-size: .82rem;
  line-height: 1.6;
}
.license-summary-card-product ul {
  margin-bottom: 18px;
}

.license-principles-section {
  padding: 73px 0 78px;
  border-top: 1px solid #dfe8f3;
  border-bottom: 1px solid #dfe8f3;
  background: white;
}
.license-principles-heading {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 75px;
  align-items: end;
  margin-bottom: 34px;
}
.license-principles-heading h2 {
  margin-bottom: 0;
  font-size: clamp(2rem,3.3vw,3.05rem);
}
.license-principles-heading > p {
  margin: 0 0 5px;
  color: var(--muted);
  font-size: .91rem;
  line-height: 1.7;
}
.license-principles-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px;
}
.license-principles-grid article {
  min-height: 192px;
  padding: 22px;
  border: 1px solid #dce6f3;
  border-radius: 17px;
  background: linear-gradient(145deg,#fff,#f8fbff);
  box-shadow: 0 10px 27px rgba(17,55,112,.045);
}
.license-principles-grid article > span {
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  margin-bottom: 20px;
  border-radius: 12px;
  color: white;
  background: linear-gradient(140deg,var(--blue-500),var(--blue-750));
  font-size: .76rem;
  font-weight: 900;
}
.license-principles-grid h3 {
  margin: 0 0 7px;
  color: var(--navy-950);
  font-size: .94rem;
}
.license-principles-grid p {
  margin: 0;
  color: #718199;
  font-size: .75rem;
  line-height: 1.55;
}

.prices-page #lizenzmodelle {
  scroll-margin-top: 112px;
}
.prices-page #lizenzmodelle .pricing-note {
  max-width: 760px;
  margin-inline: auto;
}
.prices-page #lizenzmodelle .trial-offer {
  margin-bottom: 61px;
}

.license-guide-section {
  background:
    radial-gradient(circle at 92% 20%,rgba(51,133,245,.09),transparent 24%),
    linear-gradient(180deg,#f8fbff,#fff);
}
.license-guide-heading {
  max-width: 790px;
}
.license-guide-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 17px;
  max-width: 1120px;
  margin: 42px auto 0;
}
.license-guide-grid article {
  position: relative;
  display: grid;
  grid-template-columns: 66px minmax(0,1fr);
  gap: 17px;
  align-items: center;
  min-height: 162px;
  padding: 24px;
  border: 1px solid #d8e4f2;
  border-radius: 19px;
  background: white;
  box-shadow: 0 17px 42px rgba(17,55,112,.07);
}
.license-guide-grid article.license-guide-featured {
  border-color: #abd0fb;
  box-shadow: 0 22px 53px rgba(29,105,216,.14);
}
.license-guide-number {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: var(--blue-700);
  background: #edf6ff;
  font-size: 1.25rem;
  font-weight: 900;
}
.license-guide-featured .license-guide-number {
  color: white;
  background: linear-gradient(145deg,var(--blue-500),var(--blue-750));
}
.license-guide-grid p {
  margin: 0 0 4px;
  color: #718199;
  font-size: .68rem;
}
.license-guide-grid h3 {
  margin: 0 0 11px;
  color: var(--navy-950);
  font-size: .93rem;
}
.license-guide-grid strong {
  color: var(--navy-950);
  font-size: 1.35rem;
}
.license-guide-grid strong small {
  color: #7a899e;
  font-size: .61rem;
  font-weight: 700;
}
.license-guide-grid article > b {
  position: absolute;
  right: 15px;
  top: -11px;
  padding: 6px 10px;
  border-radius: 999px;
  color: white;
  background: var(--green-650);
  font-size: .58rem;
  letter-spacing: .05em;
}
.license-guide-note {
  max-width: 900px;
  margin: 24px auto 0;
  color: #6d7e94;
  font-size: .77rem;
  text-align: center;
}

.pricing-faq-section {
  border-top: 1px solid #dfe8f3;
}
.prices-test-cta {
  position: relative;
  overflow: hidden;
  padding: 76px 0;
  color: white;
  background:
    radial-gradient(circle at 88% 12%,rgba(91,214,239,.18),transparent 26%),
    linear-gradient(135deg,var(--navy-975),#0c3269 60%,#1453a4);
}
.prices-test-cta::before {
  content: "";
  position: absolute;
  width: 470px;
  height: 470px;
  right: -280px;
  top: -250px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(255,255,255,.02);
}
.prices-test-cta-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 50px;
  align-items: center;
}
.prices-test-cta h2 {
  max-width: 760px;
  margin-bottom: 14px;
  color: white;
  font-size: clamp(2.1rem,3.7vw,3.45rem);
}
.prices-test-cta p:last-child {
  max-width: 740px;
  margin-bottom: 0;
  color: #c9d9ef;
}
.prices-test-actions {
  display: grid;
  justify-items: center;
  gap: 13px;
}
.prices-test-actions > a:last-child {
  color: #cfe1f7;
  font-size: .75rem;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 1050px) {
  .prices-hero-grid {
    grid-template-columns: 1fr;
    gap: 43px;
  }
  .license-summary-card {
    width: min(100%,680px);
  }
  .license-principles-heading {
    grid-template-columns: 1fr;
    gap: 13px;
  }
  .license-principles-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .license-guide-grid {
    grid-template-columns: 1fr;
    max-width: 700px;
  }
  .prices-test-cta-inner {
    grid-template-columns: 1fr;
  }
  .prices-test-actions {
    justify-items: start;
  }
}
@media (max-width: 650px) {
  .prices-hero-content h1 {
    font-size: clamp(2.65rem,12vw,4.1rem);
  }
  .prices-hero-proof {
    display: grid;
    gap: 10px;
  }
  .license-summary-card {
    padding: 23px 20px;
    border-radius: 20px;
  }
  .license-principles-grid {
    grid-template-columns: 1fr;
  }
  .license-principles-grid article {
    min-height: auto;
  }
  .license-guide-grid article {
    grid-template-columns: 56px minmax(0,1fr);
    padding: 20px;
  }
  .license-guide-number {
    width: 54px;
    height: 54px;
  }
  .prices-test-cta {
    padding: 61px 0;
  }
  .prices-test-actions,
  .prices-test-actions .button {
    width: 100%;
  }
  .prices-test-actions {
    justify-items: stretch;
    text-align: center;
  }
}


/* Version 36: Testversions-Unterseite */
.testversion-page-hero {
  padding-bottom: 94px;
}
.testversion-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr .82fr;
  gap: 76px;
  align-items: center;
}
.testversion-hero-content h1 {
  max-width: 790px;
  margin-bottom: 25px;
  font-size: clamp(3rem,5.15vw,5.2rem);
}
.testversion-hero-lead {
  max-width: 720px;
  margin-bottom: 30px;
  color: #52647f;
  font-size: 1.12rem;
  line-height: 1.7;
}
.testversion-hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 11px 22px;
  padding-top: 22px;
  border-top: 1px solid rgba(166,190,219,.52);
}
.testversion-hero-proof span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #50627e;
  font-size: .77rem;
  font-weight: 750;
}
.testversion-hero-proof i {
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--green-700);
  background: var(--green-100);
  font-size: .62rem;
  font-style: normal;
  font-weight: 900;
}
.trial-product-card {
  position: relative;
  width: min(100%,690px);
  justify-self: end;
  padding: 22px 22px 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.98);
  border-radius: 27px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 37px 90px rgba(10,45,96,.22);
  backdrop-filter: blur(18px);
}
.trial-product-card::before {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  right: -145px;
  top: -150px;
  border: 1px solid rgba(45,128,236,.15);
  border-radius: 50%;
  box-shadow: 0 0 0 46px rgba(45,128,236,.025);
}
.trial-product-badge {
  position: absolute;
  z-index: 2;
  right: 24px;
  top: 20px;
  width: 76px;
  height: 76px;
  display: grid;
  place-content: center;
  border: 4px solid white;
  border-radius: 50%;
  color: white;
  background: linear-gradient(145deg,var(--green-500),var(--green-750));
  box-shadow: 0 14px 31px rgba(54,139,0,.25);
  text-align: center;
}
.trial-product-badge strong,
.trial-product-badge span { display: block; }
.trial-product-badge strong {
  font-size: 1.42rem;
  line-height: 1;
}
.trial-product-badge span {
  margin-top: 2px;
  font-size: .56rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.trial-product-image {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
}
.trial-product-footer {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 6px;
  padding: 15px 17px;
  border: 1px solid #dce7f3;
  border-radius: 14px;
  background: linear-gradient(135deg,#f8fbff,#edf5ff);
}
.trial-product-footer span,
.trial-product-footer strong { display: block; }
.trial-product-footer span {
  margin-bottom: 3px;
  color: var(--blue-600);
  font-size: .6rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.trial-product-footer strong {
  color: var(--navy-950);
  font-size: .84rem;
}
.trial-product-footer small {
  color: var(--green-700);
  font-size: .82rem;
  font-weight: 900;
}

.trial-process-section {
  border-top: 1px solid #dfe8f3;
  border-bottom: 1px solid #dfe8f3;
  background: white;
}
.trial-process-heading {
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 74px;
  align-items: end;
  margin-bottom: 37px;
}
.trial-process-heading h2 {
  max-width: 760px;
  margin-bottom: 0;
  font-size: clamp(2.05rem,3.4vw,3.15rem);
}
.trial-process-heading > p {
  margin: 0 0 5px;
  color: var(--muted);
  font-size: .92rem;
  line-height: 1.72;
}
.trial-process-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 17px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: none;
}
.trial-process-grid li {
  position: relative;
  min-height: 250px;
  padding: 25px;
  overflow: hidden;
  border: 1px solid #dce6f3;
  border-radius: 19px;
  background: linear-gradient(145deg,#fff,#f7fbff);
  box-shadow: 0 14px 36px rgba(17,55,112,.055);
}
.trial-process-number {
  position: absolute;
  right: 18px;
  top: 16px;
  color: #d5e4f5;
  font-size: 2.2rem;
  font-weight: 900;
  letter-spacing: -.06em;
}
.trial-process-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  margin-bottom: 41px;
  border-radius: 14px;
  color: white;
  background: linear-gradient(145deg,var(--blue-500),var(--blue-750));
  box-shadow: 0 11px 24px rgba(29,105,216,.21);
  font-size: 1rem;
  font-weight: 900;
}
.trial-process-grid li:nth-child(2) .trial-process-icon {
  background: linear-gradient(145deg,#3d91de,#1b65b4);
}
.trial-process-grid li:nth-child(3) .trial-process-icon {
  background: linear-gradient(145deg,var(--green-500),var(--green-750));
}
.trial-process-grid h3 {
  margin: 0 0 9px;
  color: var(--navy-950);
  font-size: 1.03rem;
}
.trial-process-grid p {
  margin: 0;
  color: #718199;
  font-size: .78rem;
  line-height: 1.62;
}

.trial-scope-section {
  position: relative;
  overflow: hidden;
  color: white;
  background:
    radial-gradient(circle at 88% 14%,rgba(91,214,239,.18),transparent 25%),
    radial-gradient(circle at 8% 88%,rgba(94,191,31,.12),transparent 24%),
    linear-gradient(135deg,var(--navy-975),#0d397a 58%,#1453a5);
}
.trial-scope-glow {
  position: absolute;
  width: 520px;
  height: 520px;
  left: -330px;
  top: 90px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 75px rgba(255,255,255,.018),0 0 0 150px rgba(255,255,255,.012);
}
.trial-scope-section .container {
  position: relative;
  z-index: 1;
}
.trial-scope-heading {
  max-width: 870px;
}
.trial-scope-heading h2 { color: white; }
.trial-scope-heading > p:last-child { color: #ccdcf1; }
.trial-scope-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 15px;
  margin-top: 42px;
}
.trial-scope-grid article {
  min-height: 215px;
  padding: 23px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  background: rgba(255,255,255,.075);
  box-shadow: 0 16px 37px rgba(2,23,57,.12);
  backdrop-filter: blur(8px);
}
.trial-scope-grid article > span {
  display: block;
  margin-bottom: 31px;
  color: #79b5ff;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .1em;
}
.trial-scope-grid h3 {
  margin: 0 0 8px;
  color: white;
  font-size: .98rem;
}
.trial-scope-grid p {
  margin: 0;
  color: #c5d7ee;
  font-size: .75rem;
  line-height: 1.58;
}
.trial-scope-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 28px;
  color: white;
  font-size: .78rem;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.trial-after-section {
  background:
    radial-gradient(circle at 92% 16%,rgba(51,133,245,.09),transparent 24%),
    linear-gradient(180deg,#f8fbff,#fff);
}
.trial-after-heading { max-width: 830px; }
.trial-after-grid {
  display: grid;
  grid-template-columns: 1.22fr .78fr;
  gap: 24px;
  max-width: 1130px;
  margin: 45px auto 0;
}
.trial-transition-card,
.trial-requirements-card {
  padding: 31px;
  border: 1px solid #d9e5f2;
  border-radius: 22px;
  background: white;
  box-shadow: 0 22px 54px rgba(17,55,112,.09);
}
.trial-transition-head {
  display: flex;
  gap: 16px;
  align-items: center;
  padding-bottom: 22px;
  border-bottom: 1px solid #e1e9f3;
}
.trial-transition-head > span {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 16px;
  color: white;
  background: linear-gradient(145deg,var(--blue-500),var(--blue-750));
  box-shadow: 0 11px 25px rgba(29,105,216,.2);
  font-size: 1.16rem;
  font-weight: 900;
}
.trial-transition-head h3,
.trial-requirements-card h3 {
  margin: 0;
  color: var(--navy-950);
  font-size: clamp(1.35rem,2.3vw,1.85rem);
  letter-spacing: -.03em;
}
.trial-transition-card > ul,
.trial-requirements-card > ul {
  display: grid;
  gap: 17px;
  margin: 24px 0;
  padding: 0;
  list-style: none;
}
.trial-transition-card li,
.trial-requirements-card li {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 11px;
}
.trial-transition-card li > span,
.trial-requirements-card li > span {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--green-700);
  background: var(--green-100);
  font-size: .67rem;
  font-weight: 900;
}
.trial-transition-card li strong,
.trial-transition-card li small,
.trial-requirements-card li strong,
.trial-requirements-card li small { display: block; }
.trial-transition-card li strong,
.trial-requirements-card li strong {
  margin: 1px 0 3px;
  color: var(--navy-950);
  font-size: .87rem;
}
.trial-transition-card li small,
.trial-requirements-card li small {
  color: #74849a;
  font-size: .72rem;
  line-height: 1.5;
}
.trial-transition-card > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--blue-650);
  font-size: .77rem;
  font-weight: 850;
}
.trial-requirements-card .trial-card-kicker {
  margin-bottom: 7px;
}
.trial-requirements-card > ul { margin-bottom: 0; }
.trial-requirements-card .trial-extension-note { margin-top: 24px; }

.trial-faq-section { border-top: 1px solid #dfe8f3; }
.trial-order-section {
  position: relative;
  overflow: hidden;
  padding: 76px 0;
  color: white;
  background:
    radial-gradient(circle at 88% 12%,rgba(91,214,239,.18),transparent 26%),
    linear-gradient(135deg,var(--navy-975),#0c3269 60%,#1453a4);
}
.trial-order-section::before {
  content: "";
  position: absolute;
  width: 470px;
  height: 470px;
  right: -280px;
  top: -250px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(255,255,255,.02);
}
.trial-order-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 50px;
  align-items: center;
}
.trial-order-section h2 {
  max-width: 780px;
  margin-bottom: 14px;
  color: white;
  font-size: clamp(2.1rem,3.7vw,3.45rem);
}
.trial-order-section p:last-child {
  max-width: 740px;
  margin-bottom: 0;
  color: #c9d9ef;
}
.trial-order-actions {
  display: grid;
  justify-items: center;
  gap: 13px;
}
.trial-order-actions > a:last-child {
  color: #cfe1f7;
  font-size: .75rem;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 1050px) {
  .testversion-hero-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }
  .trial-product-card {
    justify-self: center;
  }
  .trial-process-heading {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .trial-scope-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .trial-after-grid {
    grid-template-columns: 1fr;
    max-width: 790px;
  }
  .trial-order-inner {
    grid-template-columns: 1fr;
  }
  .trial-order-actions { justify-items: start; }
}
@media (max-width: 760px) {
  .trial-process-grid { grid-template-columns: 1fr; }
  .trial-process-grid li { min-height: auto; }
  .trial-process-icon { margin-bottom: 28px; }
}
@media (max-width: 650px) {
  .testversion-page-hero { padding-bottom: 68px; }
  .testversion-hero-content h1 { font-size: clamp(2.6rem,11.8vw,4.05rem); }
  .testversion-hero-proof {
    display: grid;
    gap: 10px;
  }
  .trial-product-card {
    padding: 15px 15px 14px;
    border-radius: 20px;
  }
  .trial-product-badge {
    right: 16px;
    top: 14px;
    width: 66px;
    height: 66px;
  }
  .trial-scope-grid { grid-template-columns: 1fr; }
  .trial-scope-grid article { min-height: auto; }
  .trial-transition-card,
  .trial-requirements-card {
    padding: 24px 21px;
    border-radius: 18px;
  }
  .trial-order-section { padding: 61px 0; }
  .trial-order-actions,
  .trial-order-actions .button { width: 100%; }
  .trial-order-actions {
    justify-items: stretch;
    text-align: center;
  }
}


/* Version 37: Einsatzbereiche-Unterseite */
.usecases-page-hero {
  padding-bottom: 94px;
}
.usecases-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 76px;
  align-items: center;
}
.usecases-hero-content h1 {
  max-width: 780px;
  margin-bottom: 25px;
  font-size: clamp(3rem,5.15vw,5.15rem);
}
.usecases-hero-lead {
  max-width: 710px;
  margin-bottom: 30px;
  color: #52647f;
  font-size: 1.12rem;
  line-height: 1.7;
}
.usecases-hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 11px 22px;
  padding-top: 22px;
  border-top: 1px solid rgba(166,190,219,.52);
}
.usecases-hero-proof span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #50627e;
  font-size: .77rem;
  font-weight: 750;
}
.usecases-hero-proof i {
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--green-700);
  background: var(--green-100);
  font-size: .62rem;
  font-style: normal;
  font-weight: 900;
}
.usecases-hero-visual {
  position: relative;
  width: min(100%, 690px);
  justify-self: end;
  padding: 22px 22px 47px;
}
.usecases-hero-visual::before {
  content: "";
  position: absolute;
  inset: 7% 2% 2% 8%;
  border-radius: 28px;
  background: linear-gradient(145deg,rgba(255,255,255,.88),rgba(227,239,255,.78));
  box-shadow: 0 34px 85px rgba(10,45,96,.2);
  transform: rotate(2.3deg);
}
.usecases-hero-shot {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.96);
  border-radius: 22px;
  background: white;
  box-shadow: 0 24px 64px rgba(10,45,96,.17);
  cursor: zoom-in;
  transform: rotate(-1.5deg);
}
.usecases-hero-shot img {
  display: block;
  width: 100%;
  height: auto;
}
.usecases-floating-card {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 245px;
  padding: 13px 15px;
  border: 1px solid rgba(255,255,255,.95);
  border-radius: 15px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 18px 42px rgba(10,45,96,.17);
  backdrop-filter: blur(12px);
}
.usecases-floating-card > span {
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: white;
  background: linear-gradient(145deg,var(--blue-500),var(--blue-750));
  font-size: .76rem;
  font-weight: 900;
}
.usecases-floating-card strong,
.usecases-floating-card small {
  display: block;
}
.usecases-floating-card strong {
  color: var(--navy-950);
  font-size: .75rem;
}
.usecases-floating-card small {
  margin-top: 2px;
  color: #7a8aa0;
  font-size: .58rem;
}
.usecases-floating-card-top {
  right: -5px;
  top: 4px;
}
.usecases-floating-card-top > span {
  background: linear-gradient(145deg,#24875a,#116e45);
}
.usecases-floating-card-bottom {
  left: -4px;
  bottom: 8px;
}

.usecases-audience-section {
  background:
    radial-gradient(circle at 93% 11%,rgba(51,133,245,.08),transparent 23%),
    linear-gradient(180deg,#fff,#f7faff);
}
.usecases-audience-heading {
  max-width: 920px;
}
.usecases-audience-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 19px;
  max-width: 1180px;
  margin: 46px auto 0;
}
.usecases-audience-grid article {
  scroll-margin-top: 112px;
  padding: 28px 29px 26px;
  border: 1px solid #dbe6f3;
  border-radius: 21px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 48px rgba(17,55,112,.075);
}
.usecase-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
}
.usecase-card-index {
  color: var(--blue-600);
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .12em;
}
.usecase-card-icon {
  width: 45px;
  height: 45px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: white;
  background: linear-gradient(145deg,var(--blue-500),var(--blue-750));
  box-shadow: 0 10px 23px rgba(37,117,232,.2);
  font-size: .9rem;
  font-weight: 900;
}
.usecases-audience-grid article:nth-child(2) .usecase-card-icon,
.usecases-audience-grid article:nth-child(4) .usecase-card-icon {
  background: linear-gradient(145deg,var(--green-500),var(--green-700));
  box-shadow: 0 10px 23px rgba(61,150,11,.18);
}
.usecases-audience-grid h3 {
  margin: 0 0 9px;
  color: var(--navy-950);
  font-size: 1.15rem;
}
.usecases-audience-grid > article > p {
  margin: 0 0 19px;
  color: var(--muted);
  font-size: .84rem;
  line-height: 1.65;
}
.usecases-audience-grid ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 16px 0 0;
  border-top: 1px solid #e3ebf5;
  list-style: none;
}
.usecases-audience-grid li {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  color: #53657d;
  font-size: .75rem;
}
.usecases-audience-grid li span {
  color: var(--green-700);
  font-weight: 900;
}

.invoice-situations-section {
  border-top: 1px solid #dfe8f3;
  border-bottom: 1px solid #dfe8f3;
}
.invoice-situations-heading {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 78px;
  align-items: end;
  margin-bottom: 36px;
}
.invoice-situations-heading h2 {
  margin-bottom: 0;
  font-size: clamp(2rem,3.4vw,3.1rem);
}
.invoice-situations-heading > p {
  margin: 0 0 4px;
  color: var(--muted);
  font-size: .91rem;
  line-height: 1.7;
}
.invoice-situations-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 15px;
}
.invoice-situations-grid article {
  min-height: 178px;
  padding: 22px;
  border: 1px solid #dce6f3;
  border-radius: 17px;
  background: white;
  box-shadow: 0 10px 28px rgba(17,55,112,.045);
}
.invoice-situations-grid span {
  display: block;
  margin-bottom: 24px;
  color: var(--blue-600);
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .12em;
}
.invoice-situations-grid h3 {
  margin: 0 0 8px;
  color: var(--navy-950);
  font-size: .94rem;
}
.invoice-situations-grid p {
  margin: 0;
  color: #718199;
  font-size: .75rem;
  line-height: 1.55;
}

.usecases-complex-section {
  background:
    radial-gradient(circle at 8% 88%,rgba(91,190,35,.07),transparent 23%),
    linear-gradient(180deg,#fff,#f8fbff);
}
.usecases-complex-grid {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 62px;
  align-items: center;
}
.usecases-complex-copy h2 {
  margin-bottom: 22px;
}
.usecases-complex-copy > p:not(.eyebrow) {
  color: var(--muted);
  font-size: .9rem;
  line-height: 1.72;
}
.usecases-complex-copy .showcase-tags {
  margin: 24px 0 24px;
}
.usecases-complex-shot {
  width: min(100%, 720px);
  max-width: 720px;
  justify-self: end;
  border-radius: 21px;
  box-shadow: 0 29px 76px rgba(13,47,94,.16);
}

.usecases-excel-section {
  position: relative;
  overflow: hidden;
  color: white;
  background:
    radial-gradient(circle at 11% 16%,rgba(74,151,255,.23),transparent 25%),
    radial-gradient(circle at 90% 85%,rgba(95,190,42,.14),transparent 23%),
    linear-gradient(132deg,#123f86 0%,#1557b8 52%,#0c2d65 100%);
}
.usecases-excel-orbit {
  position: absolute;
  width: 610px;
  height: 610px;
  right: -360px;
  top: -260px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  box-shadow:
    0 0 0 80px rgba(255,255,255,.023),
    0 0 0 160px rgba(255,255,255,.015);
}
.usecases-excel-section .container {
  position: relative;
  z-index: 1;
}
.usecases-excel-heading {
  max-width: 900px;
}
.usecases-excel-heading h2 {
  color: white;
}
.usecases-excel-heading > p:last-child {
  color: #d8e8fc;
}
.usecases-excel-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 15px;
  margin-top: 43px;
}
.usecases-excel-grid article {
  min-height: 210px;
  padding: 23px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  background: rgba(5,37,84,.35);
  box-shadow: 0 18px 43px rgba(3,25,65,.13);
  backdrop-filter: blur(8px);
}
.usecases-excel-grid span {
  display: block;
  margin-bottom: 31px;
  color: #9ec6fb;
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .12em;
}
.usecases-excel-grid h3 {
  margin: 0 0 9px;
  color: white;
  font-size: .94rem;
}
.usecases-excel-grid p {
  margin: 0;
  color: #cfdef3;
  font-size: .74rem;
  line-height: 1.58;
}

.usecases-cta {
  position: relative;
  overflow: hidden;
  padding: 76px 0;
  color: white;
  background:
    radial-gradient(circle at 88% 12%,rgba(91,214,239,.18),transparent 26%),
    linear-gradient(135deg,var(--navy-975),#0c3269 60%,#1453a4);
}
.usecases-cta::before {
  content: "";
  position: absolute;
  width: 470px;
  height: 470px;
  right: -280px;
  top: -250px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(255,255,255,.02);
}
.usecases-cta-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 50px;
  align-items: center;
}
.usecases-cta h2 {
  max-width: 770px;
  margin-bottom: 14px;
  color: white;
  font-size: clamp(2.1rem,3.7vw,3.45rem);
}
.usecases-cta p:last-child {
  max-width: 760px;
  margin-bottom: 0;
  color: #c9d9ef;
}
.usecases-cta-actions {
  display: grid;
  justify-items: center;
  gap: 13px;
}
.usecases-cta-actions > a:last-child {
  color: #cfe1f7;
  font-size: .75rem;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 1050px) {
  .usecases-hero-grid {
    grid-template-columns: 1fr;
    gap: 52px;
  }
  .usecases-hero-visual {
    justify-self: center;
  }
  .invoice-situations-heading {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .invoice-situations-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .usecases-complex-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .usecases-complex-copy {
    max-width: 850px;
    margin-inline: auto;
  }
  .usecases-complex-shot {
    justify-self: center;
  }
  .usecases-excel-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .usecases-cta-inner {
    grid-template-columns: 1fr;
  }
  .usecases-cta-actions {
    justify-items: start;
  }
}
@media (max-width: 720px) {
  .usecases-audience-grid,
  .invoice-situations-grid,
  .usecases-excel-grid {
    grid-template-columns: 1fr;
  }
  .usecases-excel-grid article {
    min-height: auto;
  }
}
@media (max-width: 650px) {
  .usecases-hero-content h1 {
    font-size: clamp(2.6rem,12vw,4.1rem);
  }
  .usecases-hero-proof {
    display: grid;
    gap: 10px;
  }
  .usecases-hero-visual {
    padding: 18px 0 60px;
  }
  .usecases-floating-card {
    min-width: 218px;
    padding: 11px 12px;
  }
  .usecases-floating-card-top {
    right: 0;
    top: -4px;
  }
  .usecases-floating-card-bottom {
    left: 0;
    bottom: 8px;
  }
  .usecases-audience-grid article {
    padding: 24px 21px;
  }
  .usecases-cta {
    padding: 61px 0;
  }
  .usecases-cta-actions,
  .usecases-cta-actions .button {
    width: 100%;
  }
  .usecases-cta-actions {
    justify-items: stretch;
    text-align: center;
  }
}


/* Version 38: erweiterter Adressstamm und flexible Umsatzsteuer */
.functions-page .function-jump-grid a:last-child { grid-column: 2; }
.functions-page #umsatzsteuer { scroll-margin-top: 116px; }
.vat-feature-section { position: relative; overflow: hidden; background: radial-gradient(circle at 89% 13%, rgba(112,55,176,.09), transparent 25%), radial-gradient(circle at 8% 88%, rgba(51,133,245,.07), transparent 24%), linear-gradient(180deg, #ffffff 0%, #f8faff 100%); border-top: 1px solid #dfe8f3; border-bottom: 1px solid #dfe8f3; }
.vat-feature-glow { position: absolute; width: 590px; height: 590px; right: -390px; top: 130px; border: 1px solid rgba(112,55,176,.12); border-radius: 50%; box-shadow: 0 0 0 78px rgba(112,55,176,.022), 0 0 0 156px rgba(112,55,176,.014); pointer-events: none; }
.vat-feature-section .container { position: relative; z-index: 1; }
.vat-feature-heading { max-width: 880px; }
.vat-feature-grid { display: grid; grid-template-columns: minmax(0,.78fr) minmax(560px,1.22fr); gap: 54px; align-items: center; margin-top: 54px; }
.vat-feature-copy h3 { margin: 0; color: var(--navy-950); font-size: clamp(1.65rem,2.7vw,2.45rem); line-height: 1.13; letter-spacing: -.035em; }
.vat-feature-copy > p:not(.showcase-kicker) { margin: 20px 0 0; color: var(--muted); font-size: .91rem; line-height: 1.72; }
.vat-feature-copy .showcase-tags { margin-top: 24px; }
.screenshot-frame-vat { width: min(100%, 820px); max-width: 820px; justify-self: end; border-radius: 21px; box-shadow: 0 29px 76px rgba(13,47,94,.16); }
.screenshot-frame-vat:hover { box-shadow: 0 37px 88px rgba(13,47,94,.22); }
@media (max-width: 1050px) { .vat-feature-grid { grid-template-columns: 1fr; gap: 32px; } .vat-feature-copy { max-width: 850px; margin-inline: auto; } .screenshot-frame-vat { justify-self: center; } }
@media (max-width: 850px) { .functions-page .function-jump-grid a:last-child { grid-column: auto; } }
@media (max-width: 700px) { .vat-feature-grid { margin-top: 38px; } .screenshot-frame-vat { border-radius: 15px; } }


/* Version 39: Hilfe- und Dokumentationsseite */
.help-page-hero {
  padding-bottom: 94px;
}
.help-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 82px;
  align-items: center;
}
.help-hero-content h1 {
  max-width: 780px;
  margin-bottom: 25px;
  font-size: clamp(3rem,5.1vw,5.1rem);
}
.help-hero-lead {
  max-width: 700px;
  margin-bottom: 30px;
  color: #52647f;
  font-size: 1.12rem;
  line-height: 1.7;
}
.help-hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 11px 22px;
  padding-top: 22px;
  border-top: 1px solid rgba(166,190,219,.52);
}
.help-hero-proof span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #50627e;
  font-size: .77rem;
  font-weight: 750;
}
.help-hero-proof i {
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--green-700);
  background: var(--green-100);
  font-size: .62rem;
  font-style: normal;
  font-weight: 900;
}

.help-dashboard {
  position: relative;
  width: min(100%, 650px);
  justify-self: end;
  padding: 0 24px 24px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.95);
  border-radius: 27px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 37px 90px rgba(10,45,96,.22);
  backdrop-filter: blur(20px);
}
.help-dashboard-head {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 -24px 21px;
  padding: 15px 19px;
  color: white;
  background: linear-gradient(100deg,var(--navy-975),#123d79);
}
.help-dashboard-head img {
  width: 31px;
  height: 31px;
  object-fit: contain;
}
.help-dashboard-head strong,
.help-dashboard-head span {
  display: block;
}
.help-dashboard-head strong { font-size: .78rem; }
.help-dashboard-head span { color: #9cb4d3; font-size: .57rem; }
.help-dashboard-head small {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  color: #bed0e8;
  font-size: .59rem;
}
.help-dashboard-head small i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--green-500);
  box-shadow: 0 0 0 4px rgba(89,189,12,.12);
}
.help-dashboard-search {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 15px;
  border: 1px solid #dce7f4;
  border-radius: 14px;
  background: #f7fbff;
}
.help-dashboard-search > span {
  width: 37px;
  height: 37px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: var(--blue-650);
  background: white;
  box-shadow: 0 6px 16px rgba(17,55,112,.08);
  font-size: 1rem;
}
.help-dashboard-search strong,
.help-dashboard-search small {
  display: block;
}
.help-dashboard-search strong {
  color: var(--navy-950);
  font-size: .75rem;
}
.help-dashboard-search small {
  margin-top: 2px;
  color: #7e8da1;
  font-size: .57rem;
}
.help-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 11px;
  margin-top: 13px;
}
.help-dashboard-grid a {
  position: relative;
  min-height: 100px;
  padding: 15px;
  border: 1px solid #dde7f3;
  border-radius: 13px;
  background: white;
  box-shadow: 0 8px 21px rgba(17,55,112,.045);
  transition: transform .2s ease, border-color .2s ease;
}
.help-dashboard-grid a:hover {
  transform: translateY(-2px);
  border-color: #b8d4f5;
}
.help-dashboard-grid span,
.help-dashboard-grid strong,
.help-dashboard-grid small {
  display: block;
}
.help-dashboard-grid span {
  margin-bottom: 14px;
  color: var(--blue-600);
  font-size: .57rem;
  font-weight: 900;
  letter-spacing: .1em;
}
.help-dashboard-grid strong {
  color: var(--navy-950);
  font-size: .75rem;
}
.help-dashboard-grid small {
  margin-top: 3px;
  color: #8290a3;
  font-size: .57rem;
}
.help-dashboard-footer {
  display: grid;
  grid-template-columns: 24px minmax(0,1fr);
  gap: 9px;
  align-items: center;
  margin-top: 13px;
  padding: 12px 13px;
  border: 1px solid #dbeccf;
  border-radius: 12px;
  background: #f6fbf2;
}
.help-dashboard-footer > span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--green-700);
  background: #e5f4da;
  font-size: .62rem;
  font-weight: 900;
}
.help-dashboard-footer p {
  margin: 0;
  color: #597052;
  font-size: .61rem;
  line-height: 1.45;
}

.help-jump-section {
  padding: 65px 0 72px;
  border-top: 1px solid #dfe8f3;
  border-bottom: 1px solid #dfe8f3;
  background: white;
}
.help-jump-heading {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 70px;
  align-items: end;
  margin-bottom: 31px;
}
.help-jump-heading h2 {
  max-width: 680px;
  margin-bottom: 0;
  font-size: clamp(2rem,3.35vw,3rem);
}
.help-jump-heading > p {
  margin: 0 0 5px;
  color: var(--muted);
  font-size: .93rem;
  line-height: 1.7;
}
.help-jump-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}
.help-jump-grid a {
  position: relative;
  min-height: 152px;
  padding: 21px 48px 20px 21px;
  border: 1px solid #dce6f3;
  border-radius: 17px;
  background: linear-gradient(145deg,#fff,#f8fbff);
  box-shadow: 0 10px 28px rgba(17,55,112,.045);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.help-jump-grid a:hover {
  transform: translateY(-3px);
  border-color: #b9d5f6;
  box-shadow: 0 18px 38px rgba(17,55,112,.10);
}
.help-jump-grid span,
.help-jump-grid strong,
.help-jump-grid small {
  display: block;
}
.help-jump-grid span {
  margin-bottom: 13px;
  color: var(--blue-600);
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .1em;
}
.help-jump-grid strong {
  margin-bottom: 5px;
  color: var(--navy-950);
  font-size: .93rem;
}
.help-jump-grid small {
  color: #718199;
  font-size: .72rem;
  line-height: 1.5;
}
.help-jump-grid b {
  position: absolute;
  right: 20px;
  top: 22px;
  color: #8eb9ed;
  font-size: 1.05rem;
  transition: transform .2s ease;
}
.help-jump-grid a:hover b { transform: translateX(3px); }

.help-page #erste-schritte,
.help-page #lizenz,
.help-page #arbeitsablauf,
.help-page #validierung,
.help-page #versand,
.help-page #faq,
.help-page #support {
  scroll-margin-top: 116px;
}
.help-first-steps-section {
  background:
    radial-gradient(circle at 92% 14%,rgba(51,133,245,.08),transparent 24%),
    linear-gradient(180deg,#fff,#f8fbff);
}
.help-first-heading {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 76px;
  align-items: end;
  margin-bottom: 37px;
}
.help-first-heading h2 {
  margin-bottom: 0;
  font-size: clamp(2rem,3.4vw,3.1rem);
}
.help-first-heading > p {
  margin: 0 0 4px;
  color: var(--muted);
  font-size: .91rem;
  line-height: 1.7;
}
.help-first-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 23px;
  align-items: stretch;
}
.help-step-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 30px 31px;
  border: 1px solid #dce6f3;
  border-radius: 22px;
  background: white;
  box-shadow: 0 20px 52px rgba(17,55,112,.08);
  list-style: none;
}
.help-step-list li {
  position: relative;
  display: grid;
  grid-template-columns: 47px minmax(0,1fr);
  gap: 17px;
  padding: 0 0 27px;
}
.help-step-list li:last-child {
  padding-bottom: 0;
}
.help-step-list li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 22px;
  top: 47px;
  bottom: 0;
  width: 1px;
  background: #d4e1f0;
}
.help-step-list li > span {
  position: relative;
  z-index: 1;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid #c6dcf4;
  border-radius: 14px;
  color: var(--blue-700);
  background: #f3f9ff;
  font-size: .68rem;
  font-weight: 900;
}
.help-step-list h3 {
  margin: 1px 0 7px;
  color: var(--navy-950);
  font-size: 1rem;
}
.help-step-list p {
  margin: 0;
  color: var(--muted);
  font-size: .81rem;
  line-height: 1.62;
}
.help-requirements-card {
  padding: 30px 28px;
  border: 1px solid #dce6f3;
  border-radius: 22px;
  background: white;
  box-shadow: 0 20px 52px rgba(17,55,112,.08);
}
.help-card-kicker {
  margin: 0 0 7px;
  color: var(--blue-600);
  font-size: .68rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.help-requirements-card h3 {
  margin: 0 0 23px;
  color: var(--navy-950);
  font-size: 1.55rem;
}
.help-requirements-card ul {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.help-requirements-card li {
  display: grid;
  grid-template-columns: 27px minmax(0,1fr);
  gap: 11px;
}
.help-requirements-card li > span {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--green-700);
  background: var(--green-100);
  font-size: .64rem;
  font-weight: 900;
}
.help-requirements-card strong,
.help-requirements-card small {
  display: block;
}
.help-requirements-card strong {
  color: var(--navy-950);
  font-size: .82rem;
}
.help-requirements-card small {
  margin-top: 2px;
  color: #7c8b9f;
  font-size: .68rem;
  line-height: 1.45;
}
.help-note {
  display: grid;
  grid-template-columns: 25px minmax(0,1fr);
  gap: 10px;
  margin-top: 23px;
  padding: 14px;
  border: 1px solid #d8e9ce;
  border-radius: 13px;
  background: #f6fbf2;
}
.help-note > span {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--green-700);
  background: #e5f4da;
  font-size: .67rem;
  font-weight: 900;
}
.help-note p {
  margin: 0;
  color: #52684c;
  font-size: .72rem;
  line-height: 1.52;
}

.help-license-section {
  position: relative;
  overflow: hidden;
  color: white;
  background:
    radial-gradient(circle at 12% 12%,rgba(74,151,255,.23),transparent 25%),
    radial-gradient(circle at 89% 86%,rgba(95,190,42,.14),transparent 23%),
    linear-gradient(132deg,#123f86 0%,#1557b8 52%,#0c2d65 100%);
}
.help-license-orbit {
  position: absolute;
  width: 610px;
  height: 610px;
  right: -360px;
  top: -260px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  box-shadow:
    0 0 0 80px rgba(255,255,255,.023),
    0 0 0 160px rgba(255,255,255,.015);
}
.help-license-section .container {
  position: relative;
  z-index: 1;
}
.help-license-heading {
  max-width: 900px;
}
.help-license-heading h2 { color: white; }
.help-license-heading > p:last-child { color: #d8e8fc; }
.help-license-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
  margin-top: 43px;
}
.help-license-grid article {
  min-height: 260px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  background: rgba(5,37,84,.35);
  box-shadow: 0 18px 43px rgba(3,25,65,.13);
  backdrop-filter: blur(8px);
}
.help-license-number {
  width: 47px;
  height: 47px;
  display: grid;
  place-items: center;
  margin-bottom: 28px;
  border-radius: 14px;
  color: white;
  background: rgba(255,255,255,.12);
  font-size: .82rem;
  font-weight: 900;
}
.help-license-grid h3 {
  margin: 0 0 9px;
  color: white;
  font-size: 1.05rem;
}
.help-license-grid p {
  margin: 0 0 20px;
  color: #cfdef3;
  font-size: .78rem;
  line-height: 1.62;
}
.help-license-grid a {
  color: white;
  font-size: .72rem;
  font-weight: 800;
}
.help-license-grid a:hover { color: #dff0ff; }

.help-workflow-section {
  background:
    radial-gradient(circle at 91% 12%,rgba(51,133,245,.07),transparent 24%),
    linear-gradient(180deg,#fff,#f8fbff);
}
.help-workflow-heading {
  max-width: 860px;
}
.help-workflow-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
  max-width: 1160px;
  margin: 44px auto 0;
}
.help-workflow-grid article {
  scroll-margin-top: 116px;
  min-height: 270px;
  padding: 27px;
  border: 1px solid #dbe6f3;
  border-radius: 20px;
  background: white;
  box-shadow: 0 18px 48px rgba(17,55,112,.07);
}
.help-workflow-index {
  display: block;
  margin-bottom: 16px;
  color: var(--blue-600);
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .12em;
}
.help-workflow-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  margin-bottom: 19px;
  border-radius: 14px;
  color: white;
  background: linear-gradient(145deg,var(--blue-500),var(--blue-750));
  box-shadow: 0 10px 23px rgba(37,117,232,.19);
  font-size: .9rem;
  font-weight: 900;
}
.excel-help {
  background: linear-gradient(145deg,#24875a,#116e45);
}
.help-workflow-grid h3 {
  margin: 0 0 9px;
  color: var(--navy-950);
  font-size: 1.08rem;
}
.help-workflow-grid p {
  margin: 0 0 18px;
  color: var(--muted);
  font-size: .81rem;
  line-height: 1.63;
}
.help-workflow-grid a {
  color: var(--blue-650);
  font-size: .72rem;
  font-weight: 800;
}

.help-faq-section {
  border-top: 1px solid #dfe8f3;
}
.help-support-section {
  position: relative;
  overflow: hidden;
  padding: 76px 0;
  color: white;
  background:
    radial-gradient(circle at 88% 12%,rgba(91,214,239,.18),transparent 26%),
    linear-gradient(135deg,var(--navy-975),#0c3269 60%,#1453a4);
}
.help-support-section::before {
  content: "";
  position: absolute;
  width: 470px;
  height: 470px;
  right: -280px;
  top: -250px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(255,255,255,.02);
}
.help-support-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 50px;
  align-items: center;
}
.help-support-section h2 {
  max-width: 760px;
  margin-bottom: 14px;
  color: white;
  font-size: clamp(2.1rem,3.7vw,3.45rem);
}
.help-support-section p:last-child {
  max-width: 740px;
  margin-bottom: 0;
  color: #c9d9ef;
}
.help-support-actions {
  display: grid;
  justify-items: center;
  gap: 13px;
}
.help-support-actions > a:last-child {
  color: #cfe1f7;
  font-size: .75rem;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 1050px) {
  .help-hero-grid {
    grid-template-columns: 1fr;
    gap: 46px;
  }
  .help-dashboard {
    justify-self: center;
  }
  .help-jump-heading,
  .help-first-heading {
    grid-template-columns: 1fr;
    gap: 13px;
  }
  .help-first-grid {
    grid-template-columns: 1fr;
    max-width: 790px;
    margin-inline: auto;
  }
  .help-license-grid {
    grid-template-columns: 1fr;
    max-width: 790px;
    margin-inline: auto;
    margin-top: 43px;
  }
  .help-license-grid article {
    min-height: auto;
  }
  .help-support-inner {
    grid-template-columns: 1fr;
  }
  .help-support-actions {
    justify-items: start;
  }
}
@media (max-width: 850px) {
  .help-jump-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 720px) {
  .help-workflow-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 650px) {
  .help-hero-content h1 {
    font-size: clamp(2.6rem,12vw,4.1rem);
  }
  .help-hero-proof {
    display: grid;
    gap: 10px;
  }
  .help-dashboard {
    padding-inline: 15px;
    border-radius: 20px;
  }
  .help-dashboard-head {
    margin-inline: -15px;
  }
  .help-jump-grid {
    grid-template-columns: 1fr;
  }
  .help-jump-grid a {
    min-height: 133px;
  }
  .help-step-list,
  .help-requirements-card {
    padding: 24px 21px;
    border-radius: 18px;
  }
  .help-support-section {
    padding: 61px 0;
  }
  .help-support-actions,
  .help-support-actions .button {
    width: 100%;
  }
  .help-support-actions {
    justify-items: stretch;
    text-align: center;
  }
}


/* Version 40: Kontaktseite */
.contact-page-hero {
  padding-bottom: 94px;
}
.contact-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .98fr .72fr;
  gap: 86px;
  align-items: center;
}
.contact-hero-content h1 {
  max-width: 800px;
  margin-bottom: 25px;
  font-size: clamp(3rem,5.15vw,5.2rem);
}
.contact-hero-lead {
  max-width: 710px;
  margin-bottom: 30px;
  color: #52647f;
  font-size: 1.12rem;
  line-height: 1.7;
}
.contact-hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 11px 22px;
  padding-top: 22px;
  border-top: 1px solid rgba(166,190,219,.52);
}
.contact-hero-proof span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #50627e;
  font-size: .77rem;
  font-weight: 750;
}
.contact-hero-proof i {
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--green-700);
  background: var(--green-100);
  font-size: .62rem;
  font-style: normal;
  font-weight: 900;
}
.contact-mail-card {
  position: relative;
  padding: 0 28px 27px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.96);
  border-radius: 26px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 35px 88px rgba(10,45,96,.21);
  backdrop-filter: blur(18px);
}
.contact-mail-card-head {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 -28px 24px;
  padding: 16px 20px;
  color: white;
  background: linear-gradient(100deg,var(--navy-975),#123d79);
}
.contact-mail-card-head img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.contact-mail-card-head strong,
.contact-mail-card-head span {
  display: block;
}
.contact-mail-card-head strong { font-size: .8rem; }
.contact-mail-card-head span { color: #9cb4d3; font-size: .58rem; }
.contact-mail-address {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px;
  border: 1px solid #d8e6f4;
  border-radius: 15px;
  background: #f6faff;
}
.contact-mail-address > span {
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: white;
  background: linear-gradient(145deg,var(--blue-500),var(--blue-750));
  font-size: .9rem;
}
.contact-mail-address small,
.contact-mail-address strong {
  display: block;
}
.contact-mail-address small {
  color: #7c8da2;
  font-size: .62rem;
}
.contact-mail-address strong {
  margin-top: 3px;
  color: var(--navy-950);
  font-size: 1.02rem;
}
.contact-mail-card > p {
  margin: 18px 0;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.6;
}
.contact-mail-card ul {
  display: grid;
  gap: 10px;
  margin: 0 0 20px;
  padding: 17px 0;
  border-top: 1px solid #e1eaf4;
  border-bottom: 1px solid #e1eaf4;
  list-style: none;
}
.contact-mail-card li {
  display: flex;
  gap: 9px;
  color: #5f7188;
  font-size: .7rem;
}
.contact-mail-card li span {
  color: var(--green-700);
  font-weight: 900;
}
.contact-mail-card > a {
  color: var(--blue-650);
  font-size: .75rem;
  font-weight: 800;
}

.contact-options-section {
  background:
    radial-gradient(circle at 91% 12%,rgba(51,133,245,.08),transparent 24%),
    linear-gradient(180deg,#fff,#f8fbff);
}
.contact-options-heading {
  max-width: 860px;
}
.contact-options-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
  max-width: 1120px;
  margin: 44px auto 0;
}
.contact-options-grid article {
  min-height: 310px;
  padding: 27px;
  border: 1px solid #dbe6f3;
  border-radius: 20px;
  background: white;
  box-shadow: 0 18px 48px rgba(17,55,112,.07);
}
.contact-option-index {
  display: block;
  margin-bottom: 16px;
  color: var(--blue-600);
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .12em;
}
.contact-option-icon {
  width: 47px;
  height: 47px;
  display: grid;
  place-items: center;
  margin-bottom: 20px;
  border-radius: 14px;
  color: white;
  background: linear-gradient(145deg,var(--blue-500),var(--blue-750));
  box-shadow: 0 10px 23px rgba(37,117,232,.19);
  font-size: .86rem;
  font-weight: 900;
}
.contact-options-grid article:nth-child(2) .contact-option-icon,
.contact-options-grid article:nth-child(4) .contact-option-icon {
  background: linear-gradient(145deg,var(--green-500),var(--green-700));
  box-shadow: 0 10px 23px rgba(61,150,11,.18);
}
.contact-options-grid h3 {
  margin: 0 0 9px;
  color: var(--navy-950);
  font-size: 1.08rem;
}
.contact-options-grid p {
  min-height: 76px;
  margin: 0 0 21px;
  color: var(--muted);
  font-size: .81rem;
  line-height: 1.63;
}

.contact-support-info-section {
  border-top: 1px solid #dfe8f3;
  border-bottom: 1px solid #dfe8f3;
}
.contact-support-info-grid {
  display: grid;
  grid-template-columns: .96fr 1.04fr;
  gap: 55px;
  align-items: center;
}
.contact-support-copy h2 {
  margin-bottom: 20px;
}
.contact-support-copy > p:not(.eyebrow) {
  color: var(--muted);
  font-size: .9rem;
  line-height: 1.72;
}
.contact-support-copy ul {
  display: grid;
  gap: 11px;
  margin: 24px 0 25px;
  padding: 0;
  list-style: none;
}
.contact-support-copy li {
  display: flex;
  gap: 10px;
  color: #53657d;
  font-size: .8rem;
}
.contact-support-copy li span {
  color: var(--green-700);
  font-weight: 900;
}
.contact-version-card {
  padding: 30px;
  border: 1px solid #d8e4f2;
  border-radius: 22px;
  background: white;
  box-shadow: 0 22px 56px rgba(17,55,112,.09);
}
.contact-version-kicker {
  margin: 0 0 7px;
  color: var(--blue-600);
  font-size: .68rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.contact-version-card > h3 {
  margin: 0 0 25px;
  color: var(--navy-950);
  font-size: 1.55rem;
}
.contact-version-item {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  gap: 15px;
  padding: 18px 0;
  border-top: 1px solid #e1eaf4;
}
.contact-version-item > span {
  width: 47px;
  height: 47px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: var(--blue-700);
  background: #edf6ff;
  font-size: .68rem;
  font-weight: 900;
}
.contact-version-item strong {
  color: var(--navy-950);
  font-size: .86rem;
}
.contact-version-item p {
  margin: 6px 0 0;
  color: #718199;
  font-size: .73rem;
  line-height: 1.55;
}

.contact-email-note-section {
  background: white;
}
.contact-email-note {
  display: grid;
  grid-template-columns: 70px minmax(0,1fr) auto;
  gap: 24px;
  align-items: center;
  padding: 31px 33px;
  border: 1px solid #d8e4f2;
  border-radius: 22px;
  background: linear-gradient(145deg,#fff,#f7fbff);
  box-shadow: 0 17px 44px rgba(17,55,112,.065);
}
.contact-email-note-icon {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  border-radius: 19px;
  color: white;
  background: linear-gradient(145deg,var(--blue-500),var(--blue-750));
  font-size: 1.25rem;
}
.contact-email-note h2 {
  margin-bottom: 9px;
  font-size: clamp(1.55rem,2.7vw,2.35rem);
}
.contact-email-note p:last-child {
  margin-bottom: 0;
  color: var(--muted);
  font-size: .8rem;
  line-height: 1.6;
}

.contact-cta {
  position: relative;
  overflow: hidden;
  padding: 76px 0;
  color: white;
  background:
    radial-gradient(circle at 88% 12%,rgba(91,214,239,.18),transparent 26%),
    linear-gradient(135deg,var(--navy-975),#0c3269 60%,#1453a4);
}
.contact-cta::before {
  content: "";
  position: absolute;
  width: 470px;
  height: 470px;
  right: -280px;
  top: -250px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(255,255,255,.02);
}
.contact-cta-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 50px;
  align-items: center;
}
.contact-cta h2 {
  max-width: 760px;
  margin-bottom: 14px;
  color: white;
  font-size: clamp(2.1rem,3.7vw,3.45rem);
}
.contact-cta p:last-child {
  max-width: 740px;
  margin-bottom: 0;
  color: #c9d9ef;
}
.contact-cta-actions {
  display: grid;
  justify-items: center;
  gap: 13px;
}
.contact-cta-actions > a:last-child {
  color: #cfe1f7;
  font-size: .75rem;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 1050px) {
  .contact-hero-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }
  .contact-mail-card {
    width: min(100%,680px);
  }
  .contact-support-info-grid {
    grid-template-columns: 1fr;
  }
  .contact-email-note {
    grid-template-columns: 66px minmax(0,1fr);
  }
  .contact-email-note .button {
    grid-column: 1 / -1;
    justify-self: start;
  }
  .contact-cta-inner {
    grid-template-columns: 1fr;
  }
  .contact-cta-actions {
    justify-items: start;
  }
}
@media (max-width: 720px) {
  .contact-options-grid {
    grid-template-columns: 1fr;
  }
  .contact-options-grid p {
    min-height: auto;
  }
}
@media (max-width: 650px) {
  .contact-hero-content h1 {
    font-size: clamp(2.6rem,12vw,4.1rem);
  }
  .contact-hero-proof {
    display: grid;
    gap: 10px;
  }
  .contact-mail-card {
    padding-inline: 20px;
    border-radius: 20px;
  }
  .contact-mail-card-head {
    margin-inline: -20px;
  }
  .contact-options-grid article {
    min-height: auto;
    padding: 24px 21px;
  }
  .contact-version-card {
    padding: 24px 21px;
  }
  .contact-email-note {
    grid-template-columns: 1fr;
    padding: 25px 21px;
  }
  .contact-email-note .button {
    grid-column: auto;
    width: 100%;
  }
  .contact-cta {
    padding: 61px 0;
  }
  .contact-cta-actions,
  .contact-cta-actions .button {
    width: 100%;
  }
  .contact-cta-actions {
    justify-items: stretch;
    text-align: center;
  }
}


/* Version 42: Impressum und Datenschutzerklärung */
.legal-page-hero {
  position: relative;
  overflow: hidden;
  padding: 76px 0 72px;
  background:
    radial-gradient(circle at 87% 13%, rgba(51,133,245,.14), transparent 25%),
    linear-gradient(158deg, #fcfeff 0%, #f3f8ff 55%, #eaf3ff 100%);
  border-bottom: 1px solid #dfe8f3;
}
.legal-page-hero::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: -290px;
  top: -315px;
  border: 1px solid rgba(51,133,245,.14);
  border-radius: 50%;
  box-shadow: 0 0 0 68px rgba(51,133,245,.02);
}
.legal-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 980px;
}
.legal-hero-inner h1 {
  margin: 0 0 17px;
  color: var(--navy-975);
  font-size: clamp(3rem, 6vw, 5.4rem);
  line-height: 1;
  letter-spacing: -.055em;
}
.legal-hero-inner > p:last-child {
  max-width: 760px;
  margin: 0;
  color: #566983;
  font-size: 1.04rem;
  line-height: 1.7;
}
.legal-content-section {
  background:
    radial-gradient(circle at 93% 7%, rgba(51,133,245,.055), transparent 20%),
    #fff;
}
.legal-layout {
  display: grid;
  grid-template-columns: 235px minmax(0, 830px);
  gap: 66px;
  align-items: start;
  justify-content: center;
}
.legal-side-navigation {
  position: sticky;
  top: 112px;
  padding: 21px;
  border: 1px solid #dce6f2;
  border-radius: 17px;
  background: linear-gradient(145deg, #fff, #f8fbff);
  box-shadow: 0 13px 34px rgba(17,55,112,.06);
}
.legal-side-navigation > p {
  margin: 0 0 14px;
  color: var(--blue-600);
  font-size: .66rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .13em;
}
.legal-side-navigation nav {
  display: grid;
  gap: 3px;
}
.legal-side-navigation a {
  padding: 9px 10px;
  border-radius: 9px;
  color: #607189;
  font-size: .72rem;
  font-weight: 700;
}
.legal-side-navigation a:hover {
  color: var(--blue-700);
  background: #edf6ff;
}
.legal-document {
  min-width: 0;
}
.legal-document-intro {
  display: grid;
  grid-template-columns: 30px minmax(0,1fr);
  gap: 12px;
  align-items: start;
  margin-bottom: 38px;
  padding: 17px 18px;
  border: 1px solid #d8e8f8;
  border-radius: 14px;
  background: #f5faff;
}
.legal-document-intro > span {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--blue-700);
  background: #e4f1ff;
  font-size: .72rem;
  font-weight: 900;
}
.legal-document-intro p {
  margin: 3px 0 0;
  color: #50647e;
  font-size: .79rem;
  line-height: 1.6;
}
.legal-document > section {
  scroll-margin-top: 116px;
  padding: 0 0 38px;
  margin: 0 0 38px;
  border-bottom: 1px solid #e1e9f3;
}
.legal-document > section:last-of-type {
  margin-bottom: 25px;
}
.legal-kicker {
  margin: 0 0 7px !important;
  color: var(--blue-600) !important;
  font-size: .66rem !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.legal-document h2 {
  margin: 0 0 17px;
  color: var(--navy-950);
  font-size: clamp(1.45rem, 2.6vw, 2.1rem);
  line-height: 1.2;
  letter-spacing: -.03em;
}
.legal-document p,
.legal-document li,
.legal-document address {
  color: #586a82;
  font-size: .86rem;
  line-height: 1.75;
}
.legal-document p {
  margin: 0 0 14px;
}
.legal-document address {
  margin: 0 0 14px;
  color: #485c76;
  font-style: normal;
}
.legal-document address strong {
  color: var(--navy-950);
}
.legal-document ul {
  display: grid;
  gap: 7px;
  margin: 12px 0 17px;
  padding-left: 22px;
}
.legal-document code {
  padding: 2px 5px;
  border-radius: 5px;
  color: #425a78;
  background: #edf3fa;
  font-family: Consolas, "Courier New", monospace;
  font-size: .78rem;
}
.legal-email {
  color: var(--navy-900);
  font-weight: 750;
}
.legal-action-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 3px;
  color: var(--blue-650);
  font-size: .76rem;
  font-weight: 850;
}
.legal-action-link:hover {
  color: var(--blue-800);
}
.legal-status {
  margin: 0 !important;
  color: #7c8ba0 !important;
  font-size: .71rem !important;
  text-align: right;
}
@media (max-width: 900px) {
  .legal-layout {
    grid-template-columns: 1fr;
    gap: 31px;
  }
  .legal-side-navigation {
    position: static;
  }
  .legal-side-navigation nav {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}
@media (max-width: 600px) {
  .legal-page-hero {
    padding: 58px 0 57px;
  }
  .legal-hero-inner h1 {
    font-size: clamp(2.7rem, 13vw, 4rem);
  }
  .legal-side-navigation {
    padding: 16px;
  }
  .legal-side-navigation nav {
    grid-template-columns: 1fr;
  }
  .legal-document > section {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}


/* Version 43: Lizenzbedingungen */
.license-document > h2 {
  scroll-margin-top: 116px;
  margin: 0 0 18px;
  padding-top: 4px;
  color: var(--navy-950);
  font-size: clamp(1.65rem, 3vw, 2.35rem);
  line-height: 1.18;
  letter-spacing: -.035em;
}
.license-document > h2:not(:first-of-type) {
  margin-top: 52px;
  padding-top: 42px;
  border-top: 1px solid #e1e9f3;
}
.license-document h3 {
  margin: 28px 0 12px;
  color: #184f87;
  font-size: 1.08rem;
  line-height: 1.35;
}
.license-document h4 {
  margin: 22px 0 9px;
  color: #345f8b;
  font-size: .91rem;
  line-height: 1.4;
}
.license-document > section { border: 0; padding: 0; margin: 0; }
.license-document ol { padding-left: 24px; }
.license-download-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  margin: 0 0 44px;
  padding: 24px 25px;
  border: 1px solid #d7e5f4;
  border-radius: 17px;
  background: linear-gradient(135deg, #f9fcff, #edf6ff);
  box-shadow: 0 12px 30px rgba(17,55,112,.055);
}
.license-download-card h2 { margin: 0 0 7px; color: var(--navy-950); font-size: 1.3rem; }
.license-download-card p { margin-bottom: 0; }
.license-download-card .button { flex: 0 0 auto; }
@media (max-width: 680px) {
  .license-download-card { align-items: flex-start; flex-direction: column; }
  .license-download-card .button { width: 100%; justify-content: center; }
}


/* Version 44: HOAI-E-Rechnungen */
.hoai-hero {
  position: relative;
  overflow: hidden;
  padding: 82px 0 88px;
  background:
    radial-gradient(circle at 88% 12%, rgba(91,214,239,.20), transparent 24%),
    radial-gradient(circle at 70% 82%, rgba(51,133,245,.14), transparent 29%),
    linear-gradient(158deg, #fcfeff 0%, #f3f8ff 50%, #eaf3ff 100%);
  border-bottom: 1px solid #dce7f4;
}
.hoai-hero::after { content:""; position:absolute; width:590px; height:590px; right:-320px; top:-290px; border:1px solid rgba(51,133,245,.16); border-radius:50%; box-shadow:0 0 0 72px rgba(51,133,245,.025); }
.hoai-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:.96fr 1.04fr; gap:66px; align-items:center; }
.hoai-hero-content h1 { max-width:720px; font-size:clamp(3.1rem,5.2vw,5.25rem); }
.hoai-hero-lead { max-width:690px; margin-bottom:30px; color:#536681; font-size:1.09rem; line-height:1.72; }
.hoai-hero-proof { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 18px; max-width:690px; padding-top:23px; border-top:1px solid rgba(166,190,219,.55); }
.hoai-hero-proof span { display:flex; align-items:center; gap:9px; color:#50627b; font-size:.78rem; font-weight:720; }
.hoai-hero-proof i { width:21px; height:21px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:var(--green-700); background:var(--green-100); font-style:normal; font-size:.68rem; font-weight:900; }
.hoai-hero-visual { position:relative; min-height:630px; display:grid; place-items:center; }
.hoai-main-shot { width:min(100%,505px); padding:11px; border:1px solid #d4e2f1; border-radius:24px; background:#fff; box-shadow:0 35px 85px rgba(12,50,106,.22); transform:rotate(1.2deg); cursor:zoom-in; }
.hoai-main-shot img { display:block; width:100%; height:auto; border-radius:15px; }
.hoai-floating-card { position:absolute; z-index:2; display:flex; align-items:center; gap:12px; min-width:232px; padding:14px 17px; border:1px solid rgba(215,229,244,.95); border-radius:15px; background:rgba(255,255,255,.96); box-shadow:0 17px 38px rgba(10,42,92,.15); backdrop-filter:blur(12px); }
.hoai-floating-card > span { min-width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:var(--blue-700); background:var(--blue-100); font-size:.66rem; font-weight:900; }
.hoai-floating-card strong,.hoai-floating-card small { display:block; }
.hoai-floating-card strong { color:var(--navy-950); font-size:.78rem; }
.hoai-floating-card small { color:#718198; font-size:.63rem; }
.hoai-floating-card-top { right:-7px; top:92px; }
.hoai-floating-card-bottom { left:-13px; bottom:88px; }

.hoai-audience-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:72px; align-items:center; }
.hoai-audience-grid h2,.hoai-feature-copy h2,.hoai-public-heading h2,.hoai-examples-heading h2 { margin-bottom:20px; color:var(--navy-950); font-size:clamp(2.25rem,4vw,3.75rem); line-height:1.08; letter-spacing:-.045em; }
.hoai-audience-grid > div:first-child > p:not(.eyebrow),.hoai-feature-copy > p,.hoai-public-heading > p,.hoai-examples-heading > p { color:#607087; font-size:.95rem; line-height:1.75; }
.hoai-audience-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.hoai-audience-cards article { min-height:205px; padding:24px; border:1px solid #dbe6f2; border-radius:19px; background:linear-gradient(145deg,#fff,#f8fbff); box-shadow:0 14px 32px rgba(17,55,112,.06); }
.hoai-audience-cards article > span { width:38px; height:38px; display:grid; place-items:center; margin-bottom:24px; border-radius:11px; color:var(--blue-700); background:#eaf3ff; font-weight:900; }
.hoai-audience-cards h3 { margin-bottom:8px; color:var(--navy-950); font-size:1.04rem; }
.hoai-audience-cards p { margin:0; color:#697991; font-size:.76rem; line-height:1.65; }

.hoai-section-heading { max-width:860px; margin:0 auto 44px; }
.hoai-template-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.hoai-template-grid article { position:relative; min-height:340px; padding:31px; overflow:hidden; border:1px solid #d9e5f2; border-radius:22px; background:#fff; box-shadow:0 16px 38px rgba(17,55,112,.06); }
.hoai-template-grid article::after { content:""; position:absolute; right:-44px; top:-58px; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle,rgba(51,133,245,.12),rgba(51,133,245,0) 68%); }
.hoai-template-number { display:inline-flex; margin-bottom:27px; color:var(--blue-600); font-size:.72rem; font-weight:900; letter-spacing:.12em; }
.hoai-template-grid h3 { margin-bottom:12px; color:var(--navy-950); font-size:1.42rem; }
.hoai-template-grid p { color:#667790; font-size:.83rem; line-height:1.72; }
.hoai-template-grid ul { display:grid; gap:8px; margin:20px 0 0; padding:18px 0 0; list-style:none; border-top:1px solid #e4ebf4; }
.hoai-template-grid li { position:relative; padding-left:20px; color:#4e627d; font-size:.74rem; font-weight:670; }
.hoai-template-grid li::before { content:"✓"; position:absolute; left:0; color:var(--green-600); font-weight:900; }

.hoai-feature-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:72px; align-items:center; }
.hoai-feature-grid-reverse { grid-template-columns:1.1fr .9fr; }
.hoai-feature-copy .showcase-tags { margin:25px 0 22px; }
.hoai-note { padding:14px 16px; border-left:3px solid #8ab9f6; border-radius:0 11px 11px 0; background:#f5f9ff; font-size:.75rem !important; }
.hoai-tall-shot { width:min(100%,615px); margin-inline:auto; cursor:zoom-in; }
.hoai-tall-shot img { display:block; width:100%; height:auto; }
.hoai-check-list { display:grid; gap:13px; margin:27px 0 28px; padding:0; list-style:none; }
.hoai-check-list li { display:flex; align-items:flex-start; gap:11px; color:#50637e; font-size:.82rem; font-weight:690; }
.hoai-check-list li span { width:22px; height:22px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:var(--green-700); background:var(--green-100); font-size:.66rem; font-weight:900; }

.hoai-public-heading,.hoai-examples-heading { display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:end; margin-bottom:41px; }
.hoai-public-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; }
.hoai-wide-shot { cursor:zoom-in; }
.hoai-wide-shot img { display:block; width:100%; height:auto; }
.hoai-reference-list { display:grid; gap:10px; }
.hoai-reference-list article { display:grid; grid-template-columns:43px 1fr; gap:14px; padding:17px 18px; border:1px solid #dfe8f2; border-radius:15px; background:#fff; }
.hoai-reference-list article > span { width:37px; height:37px; display:grid; place-items:center; border-radius:10px; color:var(--blue-700); background:var(--blue-100); font-size:.65rem; font-weight:900; }
.hoai-reference-list h3 { margin:1px 0 4px; color:var(--navy-950); font-size:.9rem; }
.hoai-reference-list p { margin:0; color:#708098; font-size:.69rem; line-height:1.55; }

.hoai-workflow-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:46px; }
.hoai-workflow-grid article { padding:24px 22px; border:1px solid #dce6f2; border-radius:18px; background:#fff; }
.hoai-workflow-grid article > span { display:block; margin-bottom:27px; color:var(--blue-600); font-size:.68rem; font-weight:900; letter-spacing:.1em; }
.hoai-workflow-grid h3 { margin-bottom:9px; color:var(--navy-950); font-size:1rem; }
.hoai-workflow-grid p { margin:0; color:#6c7c92; font-size:.72rem; line-height:1.65; }
.hoai-dialog-showcase { display:grid; grid-template-columns:1.1fr .9fr; gap:52px; align-items:center; padding:35px; border:1px solid #dce7f3; border-radius:26px; background:linear-gradient(145deg,#f8fbff,#edf5ff); }
.hoai-dialog-shot { cursor:zoom-in; }
.hoai-dialog-shot img { display:block; width:100%; height:auto; }
.hoai-dialog-showcase h3 { margin-bottom:13px; color:var(--navy-950); font-size:1.45rem; }
.hoai-dialog-showcase p { color:#62748e; font-size:.82rem; line-height:1.72; }

.hoai-download-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.hoai-download-grid article { display:grid; grid-template-columns:57px 1fr auto; gap:18px; align-items:center; padding:22px; border:1px solid #dce6f2; border-radius:18px; background:linear-gradient(145deg,#fff,#f8fbff); box-shadow:0 12px 30px rgba(17,55,112,.05); }
.hoai-file-icon { width:53px; height:57px; display:grid; place-items:center; border-radius:12px; color:#b02c2c; background:#fff0f0; font-size:.65rem; font-weight:900; }
.hoai-download-grid article p { margin:0 0 2px; color:var(--blue-600); font-size:.61rem; font-weight:900; text-transform:uppercase; letter-spacing:.1em; }
.hoai-download-grid h3 { margin:0 0 3px; color:var(--navy-950); font-size:.93rem; }
.hoai-download-grid small { display:block; color:#75849a; font-size:.64rem; line-height:1.5; }
.hoai-download-grid a { white-space:nowrap; color:var(--blue-700); font-size:.7rem; font-weight:850; }
.hoai-download-grid a:hover { color:var(--navy-900); }

.hoai-cta { padding:74px 0; color:white; background:
  radial-gradient(circle at 84% 25%,rgba(91,214,239,.18),transparent 25%),
  linear-gradient(135deg,#06142e,#0b2d62); }
.hoai-cta-inner { display:grid; grid-template-columns:1.15fr .85fr; gap:65px; align-items:center; }
.hoai-cta h2 { margin-bottom:15px; color:white; font-size:clamp(2.2rem,4vw,3.6rem); line-height:1.08; letter-spacing:-.045em; }
.hoai-cta p:not(.eyebrow) { max-width:760px; margin-bottom:0; color:#c8d8ef; font-size:.91rem; line-height:1.7; }
.hoai-cta-actions { display:flex; flex-direction:column; align-items:flex-start; gap:17px; }
.hoai-cta-actions > a:not(.button) { color:#c9e7ff; font-size:.78rem; font-weight:800; }
.hoai-cta-actions > a:not(.button):hover { color:white; }
.usecase-card-link { display:inline-flex; align-items:center; gap:6px; margin-top:18px; color:var(--blue-700); font-size:.72rem; font-weight:850; }
.usecase-card-link:hover { color:var(--navy-900); }

@media (max-width: 1040px) {
  .hoai-hero-grid,.hoai-audience-grid,.hoai-feature-grid,.hoai-feature-grid-reverse,.hoai-public-grid,.hoai-dialog-showcase { grid-template-columns:1fr; }
  .hoai-hero-visual { min-height:590px; }
  .hoai-main-shot { width:min(100%,540px); }
  .hoai-public-heading,.hoai-examples-heading { grid-template-columns:1fr; gap:12px; align-items:start; }
  .hoai-workflow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hoai-cta-inner { grid-template-columns:1fr; gap:32px; }
}
@media (max-width: 720px) {
  .hoai-hero { padding:62px 0 68px; }
  .hoai-hero-content h1 { font-size:clamp(2.7rem,12vw,4.25rem); }
  .hoai-hero-proof,.hoai-audience-cards,.hoai-template-grid,.hoai-download-grid { grid-template-columns:1fr; }
  .hoai-hero-visual { min-height:auto; padding:34px 0 25px; }
  .hoai-floating-card { position:static; width:100%; margin-top:12px; }
  .hoai-main-shot { transform:none; }
  .hoai-workflow-grid { grid-template-columns:1fr; }
  .hoai-dialog-showcase { padding:21px; }
  .hoai-download-grid article { grid-template-columns:52px 1fr; }
  .hoai-download-grid a { grid-column:2; }
}


/* Version 46: Eingabebereiche für XRechnungen an öffentliche Auftraggeber */
.hoai-public-intro {
  display: grid;
  gap: 12px;
}
.hoai-public-intro p {
  margin: 0;
}
.hoai-public-content {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: 46px;
  align-items: start;
}
.hoai-input-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
}
.hoai-input-shot {
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #dce6f2;
  border-radius: 16px;
  color: inherit;
  background:
    radial-gradient(circle at 95% 0, rgba(51,133,245,.07), transparent 35%),
    #fff;
  box-shadow: 0 12px 28px rgba(17,55,112,.055);
  cursor: zoom-in;
  text-align: left;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.hoai-input-shot:hover {
  transform: translateY(-2px);
  border-color: #b9d4f3;
  box-shadow: 0 17px 34px rgba(17,55,112,.09);
}
.hoai-input-shot:focus-visible {
  outline: 3px solid rgba(37,118,230,.28);
  outline-offset: 3px;
}
.hoai-input-shot-wide {
  grid-column: 1 / -1;
}
.hoai-input-shot-label {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: baseline;
  padding: 12px 14px 11px;
  border-bottom: 1px solid #e3eaf3;
  background: linear-gradient(145deg,#fbfdff,#f5f9fe);
}
.hoai-input-shot-label strong {
  color: var(--navy-950);
  font-size: .75rem;
}
.hoai-input-shot-label small {
  color: #7a899d;
  font-size: .58rem;
  font-weight: 650;
  text-align: right;
}
.hoai-input-shot img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 16px auto;
}
.hoai-input-shot-wide img {
  margin-block: 18px;
}
.hoai-public-content .hoai-reference-list {
  position: sticky;
  top: 112px;
}

@media (max-width: 1040px) {
  .hoai-public-content {
    grid-template-columns: 1fr;
  }
  .hoai-public-content .hoai-reference-list {
    position: static;
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 720px) {
  .hoai-input-gallery,
  .hoai-public-content .hoai-reference-list {
    grid-template-columns: 1fr;
  }
  .hoai-input-shot-wide {
    grid-column: auto;
  }
  .hoai-input-shot-label {
    display: grid;
    gap: 3px;
  }
  .hoai-input-shot-label small {
    text-align: left;
  }
}


/* Version 47: HOAI-Einstieg deutlicher hervorheben */
.button-hoai {
  color: #fff;
  border-color: #4f9f15;
  background: linear-gradient(145deg, #69b725, #3f8d0e);
  box-shadow: 0 13px 30px rgba(71, 144, 15, .24);
}
.button-hoai:hover {
  color: #fff;
  border-color: #3f8d0e;
  background: linear-gradient(145deg, #73c42c, #357d0b);
  box-shadow: 0 16px 34px rgba(71, 144, 15, .3);
}

.usecase-card-hoai-featured {
  position: relative;
  border-color: #b9dba4 !important;
  background:
    radial-gradient(circle at 96% 4%, rgba(96,177,34,.13), transparent 34%),
    linear-gradient(145deg,#fff,#f8fff3) !important;
  box-shadow: 0 18px 42px rgba(67,133,20,.10);
}
.usecase-card-hoai-featured::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 3px 0 rgba(96,177,34,.48);
}
.usecase-hoai-badge {
  display: inline-flex;
  align-items: center;
  margin: 0 0 11px;
  padding: 6px 10px;
  border-radius: 999px;
  color: #3b790f;
  background: #eaf8df;
  font-size: .6rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.usecase-card-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  margin-top: 21px;
  padding: 11px 17px;
  border: 1px solid #4e9d16;
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(145deg,#69b725,#3e8c0e);
  box-shadow: 0 10px 24px rgba(70,143,16,.22);
  font-size: .72rem;
  font-weight: 900;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.usecase-card-button:hover {
  color: #fff;
  transform: translateY(-2px);
  background: linear-gradient(145deg,#73c42c,#347b0b);
  box-shadow: 0 14px 28px rgba(70,143,16,.28);
}
.usecase-card-button span {
  transition: transform .2s ease;
}
.usecase-card-button:hover span {
  transform: translateX(3px);
}

.audience-hoai-featured {
  border-color: #b9dba4 !important;
  background:
    radial-gradient(circle at 96% 4%, rgba(96,177,34,.15), transparent 35%),
    linear-gradient(145deg,#fff,#f7fff1) !important;
  box-shadow: 0 18px 45px rgba(67,133,20,.09);
}
.audience-hoai-featured::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 3px 0 rgba(96,177,34,.5);
}
.audience-hoai-featured .audience-icon {
  margin-bottom: 14px;
  background: linear-gradient(145deg,#6eba27,#3d880e);
  box-shadow: 0 12px 26px rgba(70,143,16,.22);
}
.audience-hoai-badge {
  display: inline-flex;
  margin-bottom: 22px;
  padding: 6px 10px;
  border-radius: 999px;
  color: #39770e;
  background: #eaf8df;
  font-size: .59rem;
  font-weight: 900;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.audience-grid .audience-hoai-button {
  position: absolute;
  left: 31px;
  right: 31px;
  bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 45px;
  padding: 11px 14px;
  border: 1px solid #4e9d16;
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(145deg,#69b725,#3e8c0e);
  box-shadow: 0 10px 24px rgba(70,143,16,.22);
  font-size: .72rem;
  font-weight: 900;
}
.audience-grid .audience-hoai-button:hover {
  color: #fff;
  background: linear-gradient(145deg,#73c42c,#347b0b);
}
.audience-grid .audience-hoai-button span {
  transition: transform .2s ease;
}
.audience-grid .audience-hoai-button:hover span {
  transform: translateX(3px);
}

@media (max-width: 720px) {
  .usecases-hero .hero-actions {
    align-items: stretch;
  }
  .usecases-hero .hero-actions .button {
    width: 100%;
  }
}


/* Version 48: HOAI-Vorlagen und Stundennachweise */
.hoai-template-grid article {
  display: flex;
  flex-direction: column;
}
.hoai-template-grid article > p {
  flex-grow: 1;
}

.hoai-timesheets-section {
  padding-top: 0;
  background: #f7faff;
}
.hoai-timesheets-card {
  display: grid;
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
  gap: 58px;
  align-items: center;
  padding: 52px 58px;
  overflow: hidden;
  border: 1px solid #d9e7f5;
  border-radius: 24px;
  background:
    radial-gradient(circle at 10% 20%, rgba(94,174,34,.10), transparent 30%),
    radial-gradient(circle at 91% 8%, rgba(48,126,235,.11), transparent 27%),
    linear-gradient(145deg, #ffffff, #f4f9ff);
  box-shadow: 0 22px 58px rgba(22,64,123,.08);
}
.hoai-timesheets-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  min-height: 270px;
}
.hoai-sheet-stack {
  position: relative;
  width: 155px;
  height: 190px;
}
.hoai-sheet {
  position: absolute;
  width: 126px;
  height: 164px;
  border: 1px solid #c8d8e9;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 14px 28px rgba(27,67,119,.10);
}
.hoai-sheet-back {
  left: 2px;
  top: 2px;
  transform: rotate(-8deg);
  background: #edf5fc;
}
.hoai-sheet-middle {
  left: 15px;
  top: 9px;
  transform: rotate(-3deg);
  background: #f7fbff;
}
.hoai-sheet-front {
  left: 28px;
  top: 18px;
  padding: 24px 18px;
  border-color: #b7d49f;
  background:
    linear-gradient(180deg, rgba(102,183,37,.12), transparent 35%),
    #fff;
}
.hoai-sheet-front::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 8px;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(90deg,#6dbc28,#3f8c10);
}
.hoai-sheet-front i {
  display: block;
  height: 7px;
  margin-bottom: 12px;
  border-radius: 999px;
  background: #dce8f3;
}
.hoai-sheet-front i:nth-child(2) {
  width: 78%;
}
.hoai-sheet-front i:nth-child(3) {
  width: 91%;
}
.hoai-sheet-front i:nth-child(4) {
  width: 62%;
}
.hoai-sheet-front strong {
  position: absolute;
  right: 13px;
  bottom: 13px;
  display: grid;
  place-items: center;
  width: 45px;
  height: 31px;
  border-radius: 7px;
  color: #fff;
  background: linear-gradient(145deg,#6dbc28,#3f8c10);
  font-size: .64rem;
  letter-spacing: .04em;
}
.hoai-timesheets-arrow {
  color: #7fa2c8;
  font-size: 2.2rem;
  font-weight: 300;
}
.hoai-destination-icons {
  display: grid;
  gap: 14px;
}
.hoai-destination-icons > span {
  display: grid;
  grid-template-columns: 42px auto;
  grid-template-rows: auto auto;
  column-gap: 11px;
  align-items: center;
  min-width: 135px;
  padding: 13px 15px;
  border: 1px solid #d7e5f3;
  border-radius: 13px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 10px 22px rgba(30,69,118,.07);
}
.hoai-destination-icons b {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  color: #286fc6;
  background: #eaf4ff;
  font-size: .78rem;
}
.hoai-destination-icons small {
  color: #657991;
  font-size: .64rem;
  font-weight: 800;
}
.hoai-timesheets-copy h2 {
  margin: 0 0 18px;
  color: var(--navy-950);
  font-size: clamp(2rem, 3.6vw, 3.25rem);
  line-height: 1.08;
  letter-spacing: -.045em;
}
.hoai-timesheets-copy > p:not(.eyebrow) {
  margin: 0 0 14px;
  color: #596c84;
  font-size: .9rem;
  line-height: 1.75;
}
.hoai-timesheets-points {
  display: grid;
  gap: 9px;
  margin-top: 24px;
}
.hoai-timesheets-points span {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #455b74;
  font-size: .76rem;
  font-weight: 760;
}
.hoai-timesheets-points i {
  display: grid;
  place-items: center;
  flex: 0 0 23px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  color: #397d0c;
  background: #e7f6dc;
  font-size: .67rem;
  font-style: normal;
  font-weight: 900;
}

@media (max-width: 900px) {
  .hoai-timesheets-card {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 42px;
  }
  .hoai-timesheets-visual {
    min-height: 230px;
  }
}
@media (max-width: 600px) {
  .hoai-timesheets-card {
    padding: 31px 22px;
    border-radius: 18px;
  }
  .hoai-timesheets-visual {
    gap: 13px;
    transform: scale(.88);
    margin-inline: -20px;
  }
  .hoai-destination-icons > span {
    min-width: 118px;
    padding: 11px;
  }
}


/* Version 49: HOAI-Beispielrechnungen und XRechnung */
.hoai-examples-section {
  background:
    radial-gradient(circle at 5% 0%, rgba(55,129,218,.08), transparent 27%),
    #fff;
}
.hoai-download-grid {
  align-items: stretch;
}
.hoai-download-card {
  display: grid !important;
  grid-template-columns: 57px minmax(0,1fr) !important;
  gap: 19px !important;
  align-items: start !important;
  padding: 25px !important;
}
.hoai-download-card-featured {
  border-color: #c7dbef !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(93,175,37,.11), transparent 35%),
    linear-gradient(145deg,#fff,#f5faff) !important;
  box-shadow: 0 18px 42px rgba(17,55,112,.09) !important;
}
.hoai-download-copy {
  min-width: 0;
}
.hoai-download-copy > p {
  margin-bottom: 5px !important;
}
.hoai-download-copy > h3 {
  margin-bottom: 8px !important;
  font-size: 1.05rem !important;
}
.hoai-download-copy > small {
  min-height: 3em;
  font-size: .69rem !important;
  line-height: 1.55 !important;
}
.hoai-download-links {
  display: grid;
  gap: 9px;
  margin-top: 18px;
}
.hoai-download-grid .hoai-download-link {
  display: grid;
  grid-template-columns: 40px minmax(0,1fr) 19px;
  gap: 11px;
  align-items: center;
  padding: 11px 12px;
  border: 1px solid #dbe7f3;
  border-radius: 12px;
  white-space: normal;
  color: #244f82;
  background: rgba(255,255,255,.88);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.hoai-download-grid .hoai-download-link:hover {
  transform: translateY(-1px);
  border-color: #b9d2eb;
  color: #153e70;
  box-shadow: 0 9px 22px rgba(29,73,126,.08);
}
.hoai-download-link > span:nth-child(2) {
  min-width: 0;
}
.hoai-download-link strong {
  display: block;
  margin-bottom: 2px;
  font-size: .72rem;
  line-height: 1.35;
}
.hoai-download-link em {
  display: block;
  color: #7a899c;
  font-size: .58rem;
  font-style: normal;
  font-weight: 620;
  line-height: 1.45;
}
.hoai-download-link > b {
  color: #6e8cac;
  font-size: .86rem;
}
.hoai-format-badge {
  display: grid;
  place-items: center;
  width: 39px;
  height: 31px;
  border-radius: 8px;
  font-size: .56rem;
  font-weight: 900;
  letter-spacing: .04em;
}
.hoai-format-pdf {
  color: #a52828;
  background: #ffeded;
}
.hoai-format-xml {
  color: #276c0b;
  background: #e7f6dc;
}
.hoai-download-note {
  max-width: 920px;
  margin: 23px auto 0;
  padding: 13px 17px;
  border: 1px solid #dfe9f3;
  border-radius: 12px;
  color: #667990;
  background: #f8fbfe;
  font-size: .78rem;
  line-height: 1.65;
  text-align: center;
}
.hoai-download-note strong {
  color: #365b83;
}

@media (max-width: 600px) {
  .hoai-download-card {
    grid-template-columns: 1fr !important;
  }
  .hoai-download-card > .hoai-file-icon {
    width: 48px;
    height: 48px;
  }
  .hoai-download-copy > small {
    min-height: 0;
  }
  .hoai-download-grid .hoai-download-link {
    grid-column: auto;
  }
}


/* Version 52: lesefreundlichere Typografie und kompaktere Abstände */
html { font-size: 17px; }
body { line-height: 1.62; }

.header-inner { min-height: 84px; }
.hero { padding: 72px 0 76px; }
.hero-grid { gap: 50px; }
.hero-visual { min-height: 520px; }
.subpage-hero { padding: 60px 0 68px; }
.hoai-hero { padding: 64px 0 70px; }
.legal-page-hero { padding: 56px 0 54px; }
.section { padding: 86px 0; }
.problem-section { padding-bottom: 80px; }
.site-footer { padding: 54px 0 23px; }

.hero h1 {
  margin-bottom: 20px;
  font-size: clamp(2.95rem, 4.35vw, 4.65rem);
  line-height: 1.01;
}
.subpage-hero h1,
.hoai-hero h1,
.legal-page-hero h1 {
  margin-bottom: 20px;
  font-size: clamp(2.75rem, 4.1vw, 4.25rem);
  line-height: 1.02;
}
body:not(.legal-page) .section h2,
.functions-test-cta h2,
.prices-test-cta h2,
.trial-order-section h2,
.usecases-cta h2,
.help-support-section h2,
.contact-cta h2,
.hoai-cta h2 {
  margin-bottom: 15px;
  font-size: clamp(1.95rem, 3vw, 3rem);
  line-height: 1.12;
  letter-spacing: -.038em;
}
.legal-document h2 { font-size: clamp(1.45rem, 2.2vw, 1.95rem); }
.eyebrow { margin-bottom: 12px; font-size: .8rem; letter-spacing: .13em; }

.section-heading { margin-bottom: 36px; }
.compact-heading { margin-bottom: 30px; }
.split-heading { gap: 50px; }
.hoai-section-heading { margin-bottom: 34px; }
.hoai-public-heading,
.hoai-examples-heading { gap: 50px; margin-bottom: 32px; }
.help-first-heading { gap: 50px; margin-bottom: 30px; }
.license-principles-heading,
.license-guide-heading { margin-bottom: 32px; }

.section-heading > p:last-child,
.section-intro,
.split-heading > p,
.help-first-heading > p,
.invoice-situations-heading > p,
.license-principles-heading > p { font-size: 1rem; line-height: 1.68; }
.hero-lead,
.functions-hero-lead,
.prices-hero-lead,
.testversion-hero-lead,
.usecases-hero-lead,
.help-hero-lead,
.contact-hero-lead,
.hoai-hero-lead { margin-bottom: 24px; font-size: 1.08rem; line-height: 1.65; }
.hero-actions { margin-bottom: 25px; }
.hero-proof,
.functions-hero-proof,
.prices-hero-proof,
.testversion-hero-proof,
.usecases-hero-proof,
.help-hero-proof,
.contact-hero-proof,
.hoai-hero-proof { padding-top: 19px; }
.hero-proof strong,
.trust-grid strong { font-size: .9rem; }
.hero-proof small,
.trust-grid small { font-size: .78rem; }
.functions-hero-proof span,
.prices-hero-proof span,
.testversion-hero-proof span,
.usecases-hero-proof span,
.help-hero-proof span,
.contact-hero-proof span,
.hoai-hero-proof span { font-size: .82rem; }
.breadcrumb { margin-bottom: 17px; font-size: .78rem; }

.trust-grid > div { min-height: 80px; padding: 16px 21px; }
.comparison-side { padding: 34px 36px 37px; }
.comparison-side h3 { margin-bottom: 17px; }
.benefit-grid { gap: 18px; }
.benefit-card { min-height: 286px; padding: 26px; }
.card-icon { margin-bottom: 22px; }
.benefit-card p,
.audience-grid p,
.feature-list p,
.local-points p,
.faq-list details p { font-size: .96rem; }
.audience-grid article { min-height: 330px; padding: 30px 28px 28px; }
.audience-icon { margin-bottom: 29px; }
.audience-grid a,
.text-link { font-size: .88rem; }
.feature-grid { gap: 64px; }
.feature-list { margin-top: 25px; }
.feature-list > div { padding: 15px 0; }
.faq-grid { gap: 60px; }
.faq-list summary { padding: 20px 2px; }
.faq-list details p { margin-bottom: 20px; }
.cta-section { padding: 68px 0; }

.showcase-feature { margin-top: 42px; }
.showcase-copy-wide { gap: 48px; margin-bottom: 24px; }
.showcase-feature-dialog,
.showcase-feature-viewer,
.showcase-feature-validation { margin-top: 64px; padding-top: 55px; }
.showcase-copy h3 { font-size: clamp(1.6rem, 2.45vw, 2.2rem); }
.showcase-kicker { font-size: .78rem; }
.showcase-tags span,
.sample-data-note { font-size: .76rem; }
.showcase-checks { font-size: .9rem; }
.validation-format-note,
.master-data-optional-note { font-size: .84rem !important; }
.video-feature-content > p,
.complex-invoice-copy > p:not(.showcase-kicker),
.complex-video-copy > p,
.vat-feature-copy > p:not(.showcase-kicker) { font-size: .96rem; }
.function-jump-section,
.help-jump-section { padding: 52px 0 58px; }
.function-jump-heading,
.help-jump-heading { margin-bottom: 27px; }
.function-jump-grid small,
.help-jump-grid small { font-size: .8rem; }
.functions-test-cta,
.prices-test-cta,
.trial-order-section,
.usecases-cta,
.help-support-section,
.contact-cta { padding: 59px 0; }

.trial-offer { margin-top: 36px; }
.license-heading { margin-top: 48px; }
.pricing-grid { gap: 19px; margin-top: 27px; }
.price-card { min-height: 620px; padding: 31px 29px 28px; }
.price-card-head p,
.trial-offer-copy p,
.update-offer-copy p { font-size: .94rem; }
.price-features { font-size: .9rem; }
.pricing-note { font-size: .8rem; }
.license-principles-section { padding: 60px 0 64px; }
.license-principles-grid p,
.license-guide-grid p { font-size: .84rem; }
.license-summary-card li small { font-size: .76rem; }
.license-summary-card > a,
.license-guide-note { font-size: .82rem; }

.trial-process-grid p,
.trial-scope-grid p { font-size: .86rem; }
.trial-transition-card li small,
.trial-requirements-card li small,
.trial-system-list small { font-size: .78rem; }
.trial-journey-list p { font-size: .9rem; }
.trial-extension-note p,
.trial-extension-link { font-size: .82rem; }

.usecases-audience-grid > article > p { font-size: .92rem; }
.usecases-audience-grid li,
.invoice-situations-grid p { font-size: .84rem; }
.usecase-card-link { font-size: .8rem; }

.help-step-list { padding: 27px 28px; }
.help-step-list li { padding-bottom: 23px; }
.help-step-list p { font-size: .9rem; }
.help-card-kicker { font-size: .74rem; }
.help-requirements-card small { font-size: .78rem; }
.help-license-grid p,
.help-workflow-grid p { font-size: .88rem; }
.help-note p { font-size: .8rem; }

.contact-options-grid p,
.contact-mail-card > p { font-size: .88rem; }
.contact-mail-card li,
.contact-support-copy li,
.contact-email-note p:last-child { font-size: .82rem; }
.contact-version-item p { font-size: .82rem; }

.legal-layout { gap: 52px; }
.legal-side-navigation > p { font-size: .72rem; }
.legal-side-navigation a { font-size: .8rem; }
.legal-document-intro { margin-bottom: 30px; }
.legal-document-intro p { font-size: .86rem; }
.legal-document > section { padding-bottom: 31px; margin-bottom: 31px; }
.legal-kicker { font-size: .72rem !important; }
.legal-document p,
.legal-document li,
.legal-document address { font-size: .94rem; line-height: 1.72; }
.legal-action-link { font-size: .82rem; }

.hoai-hero-grid { gap: 54px; }
.hoai-hero-visual { min-height: 560px; }
.hoai-audience-grid,
.hoai-feature-grid { gap: 56px; }
.hoai-audience-grid > div:first-child > p:not(.eyebrow),
.hoai-feature-copy > p,
.hoai-public-heading > p,
.hoai-examples-heading > p { font-size: 1rem; line-height: 1.68; }
.hoai-audience-cards article { min-height: 190px; padding: 22px; }
.hoai-audience-cards article > span { margin-bottom: 18px; }
.hoai-audience-cards p { font-size: .86rem; }
.hoai-template-grid article { min-height: 315px; padding: 27px; }
.hoai-template-number { margin-bottom: 20px; font-size: .76rem; }
.hoai-template-grid h3 { font-size: 1.3rem; }
.hoai-template-grid p { font-size: .9rem; line-height: 1.68; }
.hoai-template-grid ul { margin-top: 16px; padding-top: 15px; }
.hoai-template-grid li { font-size: .82rem; }
.hoai-note { font-size: .84rem !important; }
.hoai-check-list { margin: 22px 0 23px; }
.hoai-check-list li { font-size: .88rem; }
.hoai-reference-list article { padding: 15px 16px; }
.hoai-reference-list h3 { font-size: 1rem; }
.hoai-reference-list p { font-size: .8rem; }
.hoai-workflow-grid { margin-bottom: 34px; }
.hoai-workflow-grid article { padding: 21px 20px; }
.hoai-workflow-grid article > span { margin-bottom: 20px; font-size: .74rem; }
.hoai-workflow-grid p { font-size: .82rem; }
.hoai-dialog-showcase { gap: 42px; padding: 30px; }
.hoai-dialog-showcase p { font-size: .9rem; }
.hoai-timesheets-card { gap: 46px; padding: 44px 50px; }
.hoai-timesheets-visual { min-height: 235px; }
.hoai-timesheets-copy > p:not(.eyebrow) { font-size: .94rem; line-height: 1.68; }
.hoai-timesheets-points { margin-top: 20px; }
.hoai-timesheets-points span { font-size: .84rem; }

.hoai-download-grid { gap: 15px; }
.hoai-download-card { gap: 17px !important; padding: 22px !important; }
.hoai-download-grid article p { font-size: .72rem; line-height: 1.4; }
.hoai-download-copy > h3 { font-size: 1.15rem !important; line-height: 1.3; }
.hoai-download-copy > small { font-size: .82rem !important; line-height: 1.58 !important; }
.hoai-download-links { margin-top: 15px; }
.hoai-download-grid .hoai-download-link { padding: 12px 13px; }
.hoai-download-link strong { font-size: .82rem; }
.hoai-download-link em { font-size: .72rem; line-height: 1.5; }
.hoai-format-badge { font-size: .62rem; }
.hoai-download-note { margin-top: 19px; font-size: .82rem; }
.hoai-cta { padding: 59px 0; }

@media (max-width: 1040px) {
  .hero,
  .subpage-hero,
  .hoai-hero { padding-top: 56px; padding-bottom: 62px; }
  .section { padding: 76px 0; }
  .hero-grid,
  .functions-hero-grid,
  .prices-hero-grid,
  .testversion-hero-grid,
  .usecases-hero-grid,
  .help-hero-grid,
  .contact-hero-grid,
  .hoai-hero-grid { gap: 40px; }
  .hero-visual,
  .hoai-hero-visual { min-height: 500px; }
}

@media (max-width: 700px) {
  html { font-size: 16.5px; }
  .header-inner { min-height: 76px; }
  .hero,
  .subpage-hero,
  .hoai-hero { padding: 48px 0 54px; }
  .section { padding: 62px 0; }
  .hero h1,
  .subpage-hero h1,
  .hoai-hero h1,
  .legal-page-hero h1 { font-size: clamp(2.35rem, 11vw, 3.2rem); }
  body:not(.legal-page) .section h2,
  .functions-test-cta h2,
  .prices-test-cta h2,
  .trial-order-section h2,
  .usecases-cta h2,
  .help-support-section h2,
  .contact-cta h2,
  .hoai-cta h2 { font-size: clamp(1.75rem, 8vw, 2.35rem); }
  .section-heading,
  .hoai-section-heading { margin-bottom: 28px; }
  .benefit-card,
  .audience-grid article,
  .hoai-template-grid article { min-height: 0; }
  .showcase-feature-dialog,
  .showcase-feature-viewer,
  .showcase-feature-validation { margin-top: 50px; padding-top: 44px; }
  .hoai-timesheets-card { padding: 30px 22px; }
  .site-footer { padding-top: 45px; }
}


/* Version 53: abschließender Feinschliff der HOAI-Seite */
.hoai-templates-section .hoai-section-heading {
  max-width: 1040px;
}
.hoai-templates-section .hoai-section-heading > p:not(.eyebrow) {
  max-width: 980px;
}
.hoai-public-intro p:last-child,
.hoai-examples-heading > p {
  margin-bottom: 0;
}
.hoai-dialog-showcase > div:last-child h3 {
  margin-bottom: 10px;
}


/* Version 54: grundlegend gestraffte Startseite */
.home-product-section {
  padding-top: 76px;
  padding-bottom: 80px;
  background:
    radial-gradient(circle at 92% 8%, rgba(58,132,220,.09), transparent 29%),
    #fff;
}
.home-product-grid {
  display: grid;
  grid-template-columns: minmax(330px,.84fr) minmax(0,1.16fr);
  gap: 54px;
  align-items: center;
}
.home-product-copy h2 {
  margin: 0 0 19px;
  max-width: 610px;
  font-size: clamp(2rem,3.2vw,3.15rem);
  line-height: 1.1;
  letter-spacing: -.04em;
}
.home-product-copy > p:not(.eyebrow):not(.sample-data-note) {
  margin: 0;
  color: #5a6d84;
  font-size: 1rem;
  line-height: 1.7;
}
.home-product-points {
  display: grid;
  gap: 11px;
  margin: 25px 0 26px;
  padding: 0;
  list-style: none;
}
.home-product-points li {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  color: #425a74;
  font-size: .9rem;
  font-weight: 680;
  line-height: 1.5;
}
.home-product-points li > span {
  display: grid;
  place-items: center;
  flex: 0 0 23px;
  width: 23px;
  height: 23px;
  margin-top: 1px;
  border-radius: 50%;
  color: #397d0c;
  background: #e7f6dc;
  font-size: .68rem;
  font-weight: 900;
}
.home-product-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 23px;
  align-items: center;
}
.home-product-copy .sample-data-note {
  margin-top: 19px;
}
.home-product-screenshot {
  align-self: center;
  margin: 0;
}

.home-audience-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 16px;
}
.home-audience-grid article {
  min-height: 310px;
  padding: 25px 23px;
}
.home-audience-grid .audience-icon {
  margin-bottom: 22px;
}

.home-decision-section {
  position: relative;
  overflow: hidden;
  padding: 72px 0 66px;
  color: #fff;
  background:
    radial-gradient(circle at 12% 10%, rgba(103,188,42,.17), transparent 29%),
    radial-gradient(circle at 88% 0%, rgba(70,138,226,.23), transparent 32%),
    linear-gradient(135deg,#07172f,#0b2b53);
}
.home-decision-heading {
  max-width: 850px;
  margin-inline: auto;
}
.home-decision-heading h2 {
  color: #fff !important;
}
.home-decision-heading > p:last-child {
  color: #c2d2e3;
}
.home-decision-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
  max-width: 980px;
  margin: 34px auto 0;
}
.home-decision-grid article {
  padding: 30px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 20px;
  background: rgba(255,255,255,.075);
  box-shadow: 0 18px 44px rgba(0,0,0,.11);
}
.home-decision-label {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 6px 10px;
  border-radius: 999px;
  color: #d5e7f9;
  background: rgba(255,255,255,.09);
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.home-decision-grid article > strong {
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-size: clamp(2rem,4vw,3.1rem);
  line-height: 1;
  letter-spacing: -.045em;
}
.home-decision-grid h3 {
  margin: 0 0 11px;
  color: #fff;
  font-size: 1.22rem;
}
.home-decision-grid p {
  min-height: 3.4em;
  margin: 0 0 22px;
  color: #bdcede;
  font-size: .87rem;
  line-height: 1.65;
}
.home-decision-tax {
  margin: 18px 0 0;
  color: #92a9c1;
  font-size: .72rem;
  text-align: center;
}

.home-final-cta {
  padding: 58px 0;
  color: #fff;
  background:
    radial-gradient(circle at 12% 80%, rgba(105,190,43,.16), transparent 30%),
    linear-gradient(130deg,#0a2344,#0d3868);
}
.home-final-cta-inner {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 46px;
  align-items: center;
}
.home-final-cta h2 {
  max-width: 760px;
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(1.85rem,3vw,2.85rem);
  line-height: 1.12;
  letter-spacing: -.038em;
}
.home-final-cta p:not(.eyebrow) {
  margin: 0;
  color: #c1d2e2;
  font-size: .94rem;
}
.home-final-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
}
.home-final-cta .eyebrow {
  margin-bottom: 10px;
}

/* Die Startseite soll als Einstieg kompakter sein als die Detailseiten. */
.home-page #warum,
.home-page #vorteile,
.home-page #zielgruppen,
.home-page #ablauf,
.home-page #faq {
  padding-top: 72px;
  padding-bottom: 72px;
}
.home-page .section-heading {
  margin-bottom: 31px;
}

@media (max-width: 1120px) {
  .home-audience-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .home-audience-grid article {
    min-height: 285px;
  }
}

@media (max-width: 900px) {
  .home-product-grid,
  .home-final-cta-inner {
    grid-template-columns: 1fr;
  }
  .home-product-grid {
    gap: 38px;
  }
  .home-product-copy {
    max-width: 760px;
  }
  .home-final-cta-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 700px) {
  .home-product-section,
  .home-page #warum,
  .home-page #vorteile,
  .home-page #zielgruppen,
  .home-page #ablauf,
  .home-page #faq {
    padding-top: 58px;
    padding-bottom: 58px;
  }
  .home-product-actions {
    align-items: flex-start;
    flex-direction: column;
  }
  .home-audience-grid,
  .home-decision-grid {
    grid-template-columns: 1fr;
  }
  .home-audience-grid article {
    min-height: 0;
  }
  .home-decision-grid article {
    padding: 25px 22px;
  }
  .home-decision-grid p {
    min-height: 0;
  }
  .home-final-cta {
    padding: 50px 0;
  }
}


/* Version 55: Navigation, Zielgruppenkarten und Testversions-Badge */

/* Startseite: Karteninhalt und Links bleiben immer vollständig sichtbar. */
.home-audience-grid article {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.home-audience-grid article > p {
  flex-grow: 1;
  margin-bottom: 22px;
}
.home-audience-grid article > a {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  margin-top: auto;
  align-self: flex-start;
}
.home-audience-grid .audience-hoai-button {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  width: 100%;
  margin-top: auto;
  align-self: stretch;
}

/* Der Testzeitraum ist auf dem hellen Kreis jetzt deutlich lesbar. */
.trial-product-badge {
  color: #ffffff;
  background: linear-gradient(145deg, var(--blue-500), var(--blue-750));
  box-shadow: 0 14px 31px rgba(28,107,225,.28);
}

/* Ergänzende Definitionen für bislang nicht definierte Farbabstufungen. */
:root {
  --blue-800: #0b4190;
  --blue-650: #1763d6;
  --green-750: #236f00;
  --green-650: #359500;
}

/* Mit sieben Menüpunkten etwas kompakter, ohne die Lesbarkeit zu mindern. */
.main-nav {
  gap: 21px;
}
@media (max-width: 1110px) {
  .main-nav {
    gap: 17px;
  }
}
@media (max-width: 880px) {
  .main-nav {
    gap: 0;
  }
}


/* Version 56: Preisangabe auf der Startseite */
.home-license-single-note {
  min-height: 0 !important;
  margin: -10px 0 20px !important;
  color: #d8e5f1 !important;
  font-size: .78rem !important;
  font-weight: 760;
}


/* Version 57: flackerfreies responsives Headerlogo */
.brand-picture {
  display: block;
  line-height: 0;
}
.header-brand .brand-logo-responsive {
  display: block;
  width: 185px;
  max-width: 185px;
  height: auto;
}
@media (max-width: 600px) {
  .header-brand .brand-logo-responsive {
    width: 49px;
    max-width: 49px;
  }
}


/* Version 58: optionaler Outlook-Classic-Hinweis auf der Testseite */
.trial-outlook-note {
  margin: 16px 0 18px;
  padding: 12px 14px;
  border: 1px solid #dce8f3;
  border-radius: 11px;
  color: #61758c;
  background: #f7fbff;
  font-size: .78rem;
  line-height: 1.6;
}


/* Version 59: Fehlerseite */
.error-page {
  min-height: 100vh;
  background: #f6f9fd;
}
.error-page .site-footer {
  padding-top: 28px;
}
.error-hero {
  display: grid;
  min-height: calc(100vh - 190px);
  padding: 80px 0;
  place-items: center;
  text-align: center;
}
.error-hero-inner {
  max-width: 790px;
}
.error-hero h1 {
  margin: 0 0 20px;
  color: var(--navy-950);
  font-size: clamp(2.5rem, 5vw, 4.7rem);
  line-height: 1.04;
  letter-spacing: -.05em;
}
.error-hero p:not(.eyebrow) {
  max-width: 650px;
  margin: 0 auto;
  color: #5e7188;
  font-size: 1.02rem;
  line-height: 1.7;
}
.error-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  justify-content: center;
  margin-top: 30px;
}


/* Version 60: Barrierefreiheit, Tastaturbedienung und Ladeverhalten */
main[tabindex="-1"]:focus {
  outline: none;
}

:where(
  a,
  button,
  summary,
  [tabindex]:not([tabindex="-1"])
):focus-visible {
  outline: 3px solid var(--blue-600);
  outline-offset: 3px;
}

:where(
  .button-primary,
  .button-white,
  .button-outline-light,
  .home-decision-section a,
  .home-final-cta a,
  .site-footer a
):focus-visible {
  outline-color: #ffffff;
  box-shadow: 0 0 0 5px rgba(28,107,225,.92);
}

.main-nav a:focus-visible::after {
  right: 0;
}

.nav-toggle {
  display: none;
  place-items: center;
  min-width: 44px;
  min-height: 44px;
  border-radius: 10px;
}

.screenshot-dialog-close,
.video-dialog-close {
  min-width: 44px;
  min-height: 44px;
}

@media (max-width: 880px) {
  .nav-toggle {
    display: grid;
  }

  .main-nav a {
    display: flex;
    align-items: center;
    min-height: 44px;
  }

  body.nav-open {
    overflow: hidden;
  }
}

@media (forced-colors: active) {
  :where(a, button, summary):focus-visible {
    outline: 2px solid CanvasText;
  }

  .main-nav a[aria-current="page"] {
    text-decoration: underline;
    text-underline-offset: 4px;
  }
}


/* Version 62: Dokumentation und erweiterte FAQ-Bereiche */
.faq-list .faq-answer {
  max-width: 820px;
  margin: -4px 42px 24px 2px;
  color: var(--muted);
  font-size: .96rem;
  line-height: 1.7;
}
.faq-list .faq-answer p {
  max-width: none;
  margin: 0 0 12px;
  color: inherit;
  font-size: inherit;
}
.faq-list .faq-answer p:last-child { margin-bottom: 0; }
.faq-list .faq-answer ul {
  display: grid;
  gap: 7px;
  margin: 3px 0 14px;
  padding-left: 21px;
}
.faq-list .faq-answer li { padding-left: 2px; }
.faq-list .faq-answer strong { color: var(--navy-900); }
.faq-list .faq-answer a {
  color: var(--blue-650);
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.functions-faq-section,
.hoai-faq-section { border-top: 1px solid #e3ebf5; }

.help-documents-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 9%,rgba(49,130,246,.08),transparent 26%),
    linear-gradient(180deg,#f7fbff,#fff);
}
.help-documents-heading {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 72px;
  align-items: end;
  margin-bottom: 38px;
}
.help-documents-heading h2 {
  max-width: 760px;
  margin-bottom: 0;
  font-size: clamp(2rem,3.4vw,3.08rem);
}
.help-documents-heading > p {
  margin: 0 0 4px;
  color: var(--muted);
  line-height: 1.72;
}
.help-documents-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
}
.help-document-card {
  position: relative;
  min-height: 285px;
  display: flex;
  flex-direction: column;
  padding: 28px;
  border: 1px solid #d9e5f3;
  border-radius: 21px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(17,55,112,.07);
}
.help-document-card-featured {
  border-color: #b9d5f6;
  background: linear-gradient(145deg,#fff,#f4f9ff);
}
.help-document-card-secondary { background: #fbfcfe; }
.help-document-type {
  align-self: flex-start;
  margin-bottom: 19px;
  padding: 7px 10px;
  border-radius: 999px;
  color: var(--blue-700);
  background: var(--blue-100);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .04em;
}
.help-document-card h3 {
  margin: 0 0 10px;
  color: var(--navy-950);
  font-size: 1.28rem;
}
.help-document-card p {
  margin: 0 0 16px;
  color: var(--muted);
  font-size: .92rem;
  line-height: 1.67;
}
.help-document-card small {
  display: block;
  margin-top: auto;
  padding-top: 4px;
  color: #7b8ba0;
  font-size: .7rem;
  overflow-wrap: anywhere;
}
.help-document-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 17px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #e3ebf4;
}
.help-document-actions a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--blue-650);
  font-size: .79rem;
  font-weight: 850;
}
.help-document-actions a:last-child { color: #526a87; }

.help-faq-section {
  background:
    radial-gradient(circle at 96% 2%,rgba(44,126,240,.07),transparent 20%),
    #f8fbff;
}
.help-faq-heading {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 72px;
  align-items: end;
  margin-bottom: 43px;
}
.help-faq-heading h2 {
  max-width: 780px;
  margin-bottom: 0;
  font-size: clamp(2.05rem,3.45vw,3.15rem);
}
.help-faq-heading > p {
  margin: 0 0 4px;
  color: var(--muted);
  line-height: 1.72;
}
.help-faq-shell {
  display: grid;
  grid-template-columns: 285px minmax(0,1fr);
  gap: 53px;
  align-items: start;
}
.help-faq-side {
  position: sticky;
  top: 122px;
  padding: 24px;
  border: 1px solid #dbe6f3;
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(17,55,112,.065);
}
.help-faq-side > strong {
  display: block;
  margin-bottom: 13px;
  color: var(--navy-950);
  font-size: .82rem;
}
.help-faq-side nav { display: grid; gap: 5px; }
.help-faq-side nav a {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 8px;
  align-items: center;
  padding: 8px 9px;
  border-radius: 9px;
  color: #536984;
  font-size: .75rem;
  font-weight: 750;
  line-height: 1.35;
}
.help-faq-side nav a:hover {
  color: var(--blue-700);
  background: var(--blue-50);
}
.help-faq-side nav span {
  color: #8aa8cc;
  font-size: .62rem;
  font-weight: 900;
}
.help-faq-side .text-link { margin: 19px 8px 0; }
.help-faq-categories { min-width: 0; }
.faq-category {
  scroll-margin-top: 116px;
  margin-bottom: 50px;
  padding: 29px 32px 7px;
  border: 1px solid #dce7f3;
  border-radius: 21px;
  background: #fff;
  box-shadow: 0 17px 42px rgba(17,55,112,.055);
}
.faq-category:last-child { margin-bottom: 0; }
.faq-category-heading {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 13px;
}
.faq-category-heading > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: var(--blue-700);
  background: var(--blue-100);
  font-size: .64rem;
  font-weight: 900;
}
.faq-category-heading h3 {
  margin: 0;
  color: var(--navy-950);
  font-size: 1.25rem;
}
.faq-category .faq-list { border-top-color: #dce7f3; }

.help-page #dokumentation { scroll-margin-top: 116px; }

@media (max-width: 960px) {
  .help-documents-heading,
  .help-faq-heading { grid-template-columns: 1fr; gap: 17px; }
  .help-documents-heading > p,
  .help-faq-heading > p { max-width: 760px; }
  .help-faq-shell { grid-template-columns: 1fr; gap: 30px; }
  .help-faq-side { position: static; }
  .help-faq-side nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .help-documents-grid { grid-template-columns: 1fr; }
  .help-document-card { min-height: 0; padding: 23px; }
  .help-faq-side nav { grid-template-columns: 1fr; }
  .faq-category { padding: 24px 21px 5px; border-radius: 17px; }
  .faq-category-heading h3 { font-size: 1.08rem; }
  .faq-list .faq-answer { margin: -3px 35px 22px 0; font-size: .92rem; }
}


/* Version 63: Hilfeseite fokussiert; Installation und Lizenzinformationen auf Testversion verschoben */


/* Version 64: Tutorial-Videos und direkte Sprungziele */
.help-page #faq,
.help-page #videos,
.hoai-page #hoai-video,
.home-page #tutorial-videos { scroll-margin-top: 116px; }

.help-hero-actions .button { min-width: 225px; }

.help-videos-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 0%, rgba(95,177,42,.10), transparent 25%),
    radial-gradient(circle at 94% 8%, rgba(46,126,239,.10), transparent 30%),
    linear-gradient(180deg,#fff,#f5f9fe);
}
.help-videos-heading {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 72px;
  align-items: end;
  margin-bottom: 38px;
}
.help-videos-heading h2 {
  max-width: 800px;
  margin-bottom: 0;
  font-size: clamp(2.05rem,3.45vw,3.15rem);
}
.help-videos-heading > p {
  margin: 0 0 4px;
  color: var(--muted);
  line-height: 1.72;
}
.tutorial-video-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 22px;
}
.tutorial-video-card {
  overflow: hidden;
  border: 1px solid #d7e4f2;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 20px 48px rgba(16,52,103,.09);
}
.tutorial-video-placeholder {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #071a34;
}
.tutorial-video-placeholder > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transition: transform .45s ease;
}
.tutorial-video-card-hoai .tutorial-video-placeholder > img { object-position: center 31%; }
.tutorial-video-card:hover .tutorial-video-placeholder > img { transform: scale(1.025); }
.tutorial-video-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,rgba(4,19,38,.08),rgba(4,19,38,.22) 48%,rgba(3,15,31,.76)),
    linear-gradient(90deg,rgba(4,20,41,.20),transparent 58%);
}
.tutorial-video-label {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 2;
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  color: #fff;
  background: rgba(4,21,43,.72);
  backdrop-filter: blur(8px);
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.tutorial-video-load {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 22px;
  width: min(calc(100% - 36px), 345px);
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  column-gap: 12px;
  align-items: center;
  padding: 13px 15px;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 15px;
  color: #fff;
  background: rgba(6,25,49,.88);
  box-shadow: 0 13px 32px rgba(0,0,0,.23);
  backdrop-filter: blur(10px);
  transform: translateX(-50%);
  cursor: pointer;
  text-align: left;
}
.tutorial-video-load:hover { background: rgba(11,48,88,.94); }
.tutorial-video-load > span {
  grid-row: 1 / 3;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--green-600);
  box-shadow: 0 8px 18px rgba(78,158,32,.35);
  font-size: .8rem;
}
.tutorial-video-load strong,
.tutorial-video-load small { display: block; }
.tutorial-video-load strong { font-size: .83rem; line-height: 1.25; }
.tutorial-video-load small { margin-top: 3px; color: #c8d8e8; font-size: .62rem; line-height: 1.35; }
.tutorial-video-copy { padding: 24px 25px 25px; }
.tutorial-video-copy > span {
  display: block;
  margin-bottom: 8px;
  color: var(--blue-650);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.tutorial-video-copy h3 {
  margin: 0 0 9px;
  color: var(--navy-950);
  font-size: 1.18rem;
  line-height: 1.25;
}
.tutorial-video-copy p {
  margin: 0 0 15px;
  color: var(--muted);
  font-size: .88rem;
  line-height: 1.65;
}
.tutorial-video-copy a {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  color: var(--blue-650);
  font-size: .77rem;
  font-weight: 850;
}
.tutorial-youtube-frame {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
.tutorial-video-card.is-video-loaded .tutorial-video-placeholder { background: #000; }
.tutorial-video-local-notice {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px;
  color: #fff;
  background: linear-gradient(145deg,#071a34,#103b68);
  text-align: center;
}
.tutorial-video-local-notice strong {
  margin-bottom: 9px;
  font-size: 1.08rem;
}
.tutorial-video-local-notice p {
  max-width: 520px;
  margin: 0 0 17px;
  color: #d8e5f1;
  font-size: .82rem;
  line-height: 1.6;
}
.tutorial-video-local-notice a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 15px;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 10px;
  color: #fff;
  background: rgba(255,255,255,.10);
  font-size: .76rem;
  font-weight: 850;
}
.tutorial-video-local-notice a:hover { background: rgba(255,255,255,.17); }
.tutorial-video-card.is-video-local-preview .tutorial-video-placeholder { background: #071a34; }
.tutorial-video-privacy {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  max-width: 880px;
  margin: 25px auto 0;
  color: #657a93;
  font-size: .76rem;
  line-height: 1.55;
  text-align: center;
}
.tutorial-video-privacy > span {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--blue-700);
  background: var(--blue-100);
  font-size: .67rem;
  font-weight: 900;
}
.tutorial-video-privacy a { color: var(--blue-650); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }

.home-tutorial-section {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #e4edf7;
  background:
    radial-gradient(circle at 92% 14%,rgba(47,127,240,.09),transparent 28%),
    linear-gradient(180deg,#fff,#f7faff);
}
.home-tutorial-grid {
  display: grid;
  grid-template-columns: minmax(0,.88fr) minmax(500px,1.12fr);
  gap: 66px;
  align-items: center;
}
.home-tutorial-copy h2 {
  max-width: 630px;
  font-size: clamp(2.15rem,3.5vw,3.35rem);
}
.home-tutorial-copy > p:not(.eyebrow) {
  max-width: 620px;
  color: var(--muted);
  font-size: .98rem;
  line-height: 1.72;
}
.home-tutorial-points {
  display: grid;
  gap: 9px;
  margin: 21px 0 27px;
}
.home-tutorial-points span {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #425a75;
  font-size: .84rem;
  font-weight: 750;
}
.home-tutorial-points i {
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--green-600);
  font-size: .64rem;
  font-style: normal;
}
.home-video-collage {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  grid-template-rows: 1.05fr .85fr;
  gap: 10px;
  min-height: 440px;
  padding: 12px 12px 54px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 25px;
  background: linear-gradient(145deg,#081b34,#0d3765);
  box-shadow: 0 28px 65px rgba(8,38,76,.24);
  transition: transform .25s ease, box-shadow .25s ease;
}
.home-video-collage:hover {
  transform: translateY(-3px);
  box-shadow: 0 34px 72px rgba(8,38,76,.29);
}
.home-video-tile {
  position: relative;
  overflow: hidden;
  min-height: 150px;
  margin: 0;
  border-radius: 14px;
  background: #0b2342;
}
.home-video-tile-wide { grid-column: span 3; }
.home-video-tile img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .4s ease;
}
.home-video-tile:last-of-type img { object-position: center 27%; }
.home-video-collage:hover img { transform: scale(1.025); }
.home-video-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,rgba(0,0,0,.03),rgba(3,17,35,.72));
}
.home-video-tile i {
  position: absolute;
  left: 16px;
  bottom: 38px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: rgba(93,177,40,.94);
  box-shadow: 0 9px 18px rgba(0,0,0,.22);
  font-size: .62rem;
  font-style: normal;
}
.home-video-tile figcaption {
  position: absolute;
  left: 16px;
  right: 10px;
  bottom: 13px;
  color: #fff;
  font-size: .72rem;
  font-weight: 850;
  line-height: 1.25;
}
.home-video-collage-cta {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 17px;
  display: flex;
  justify-content: space-between;
  color: #dceaf7;
  font-size: .75rem;
  font-weight: 850;
  letter-spacing: .02em;
}
.home-video-collage-cta b { color: #8dd052; font-size: 1rem; }

.hoai-video-section {
  padding-top: 72px;
  padding-bottom: 72px;
  background:
    radial-gradient(circle at 7% 10%,rgba(91,177,38,.09),transparent 25%),
    #fff;
}
.hoai-video-grid {
  display: grid;
  grid-template-columns: minmax(0,.78fr) minmax(520px,1.22fr);
  gap: 64px;
  align-items: center;
}
.hoai-video-copy h2 { max-width: 590px; }
.hoai-video-copy > p:not(.eyebrow) { max-width: 570px; color: var(--muted); line-height: 1.75; }
.tutorial-video-card-single { max-width: 720px; justify-self: end; }
.tutorial-video-card-single .tutorial-video-copy { padding: 20px 23px 22px; }
.tutorial-video-card-single .tutorial-video-copy p { margin-bottom: 0; }

@media (max-width: 1020px) {
  .home-tutorial-grid,
  .hoai-video-grid { grid-template-columns: 1fr; }
  .home-video-collage { max-width: 760px; width: 100%; }
  .tutorial-video-card-single { max-width: 760px; width: 100%; justify-self: start; }
}
@media (max-width: 960px) {
  .help-videos-heading { grid-template-columns: 1fr; gap: 17px; }
  .help-videos-heading > p { max-width: 760px; }
}
@media (max-width: 760px) {
  .tutorial-video-grid { grid-template-columns: 1fr; }
  .home-video-collage { min-height: 390px; }
  .help-hero-actions .button { min-width: 0; }
}
@media (max-width: 560px) {
  .home-video-collage {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 170px 132px 132px;
    min-height: 500px;
    padding: 9px 9px 52px;
    gap: 8px;
    border-radius: 19px;
  }
  .home-video-tile-wide { grid-column: span 2; }
  .home-video-tile:nth-of-type(2) { grid-column: span 1; }
  .home-video-tile:nth-of-type(3) { grid-column: span 1; }
  .home-video-tile:nth-of-type(4) { grid-column: span 2; }
  .tutorial-video-load {
    bottom: 14px;
    width: calc(100% - 26px);
    grid-template-columns: 40px minmax(0,1fr);
    padding: 10px 12px;
  }
  .tutorial-video-load > span { width: 39px; height: 39px; }
  .tutorial-video-load small { display: none; }
  .tutorial-video-copy { padding: 21px; }
  .tutorial-video-privacy { text-align: left; }
}

/* Version 66: Programmeinstellungen auf der Funktionsseite */
.settings-feature-section {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #dfe8f3;
  border-bottom: 1px solid #dfe8f3;
  background:
    radial-gradient(circle at 10% 15%, rgba(51,133,245,.10), transparent 27%),
    radial-gradient(circle at 91% 86%, rgba(95,190,42,.08), transparent 24%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}
.settings-feature-glow {
  position: absolute;
  width: 560px;
  height: 560px;
  right: -380px;
  top: -210px;
  border: 1px solid rgba(51,133,245,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 76px rgba(51,133,245,.022), 0 0 0 152px rgba(51,133,245,.014);
  pointer-events: none;
}
.settings-feature-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(340px,.72fr) minmax(620px,1.28fr);
  gap: 54px;
  align-items: center;
}
.settings-feature-copy h2 {
  max-width: 580px;
}
.settings-feature-lead {
  max-width: 650px;
  margin: 20px 0 0;
  color: var(--muted);
  font-size: .96rem;
  line-height: 1.72;
}
.settings-feature-points {
  display: grid;
  gap: 13px;
  margin-top: 27px;
}
.settings-feature-points > div {
  display: grid;
  grid-template-columns: 43px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 14px 16px;
  border: 1px solid #dce7f3;
  border-radius: 14px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 10px 25px rgba(17,55,112,.045);
}
.settings-feature-points > div > span {
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: var(--blue-700);
  background: var(--blue-100);
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .05em;
}
.settings-feature-points p {
  margin: 1px 0 0;
  color: #667991;
  font-size: .78rem;
  line-height: 1.58;
}
.settings-feature-points strong {
  display: block;
  margin-bottom: 2px;
  color: var(--navy-950);
  font-size: .86rem;
}
.settings-feature-note {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  margin: 19px 0 0;
  color: #6d7f96;
  font-size: .75rem;
  line-height: 1.55;
}
.settings-feature-note > span {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--blue-700);
  background: var(--blue-100);
  font-size: .68rem;
  font-weight: 900;
}
.screenshot-frame-settings {
  width: min(100%, 900px);
  max-width: 900px;
  justify-self: end;
  border-radius: 21px;
  box-shadow: 0 30px 78px rgba(13,47,94,.17);
}
.screenshot-frame-settings:hover {
  box-shadow: 0 38px 90px rgba(13,47,94,.23);
}
@media (max-width: 1150px) {
  .settings-feature-grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .settings-feature-copy {
    max-width: 900px;
    margin-inline: auto;
  }
  .settings-feature-copy h2,
  .settings-feature-lead {
    max-width: 820px;
  }
  .settings-feature-points {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .settings-feature-points > div {
    grid-template-columns: 1fr;
  }
  .screenshot-frame-settings {
    justify-self: center;
  }
}
@media (max-width: 800px) {
  .settings-feature-points {
    grid-template-columns: 1fr;
  }
  .settings-feature-points > div {
    grid-template-columns: 43px minmax(0,1fr);
  }
}
@media (max-width: 700px) {
  .screenshot-frame-settings {
    border-radius: 15px;
  }
}