:root{--bg:#f4efe4;--card:#fdfbf6;--grey:#ebe3d4;--line:#e1d9c7;--loro-2:#d3c7b4;--loro-3:#b5a48c;--champagne:#e8dcc6;--text:#272320;--text2:#423830;--muted:#5b5249;--blue:#6d1a36;--blue-text:#55122a;--blue-hover:#7f2442;--accent:#6d1a36;--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Helvetica Neue",Helvetica,Arial,sans-serif;--ease:cubic-bezier(.23,1,.32,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:68px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--blue-text);text-decoration:none}
@media(hover:hover) and (pointer:fine){a:hover{text-decoration:underline}}
a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:4px}
.skip{position:absolute;left:22px;top:-90px;background:var(--card);padding:10px 16px;z-index:30}
.skip:focus{top:56px}
.wrap{max-width:980px;margin-inline:auto;padding-inline:max(22px,env(safe-area-inset-left)) max(22px,env(safe-area-inset-right))}
.site-header{height:48px;position:sticky;top:0;z-index:20;background:rgba(244,239,228,.86);border-bottom:1px solid rgba(120,100,60,.1);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);white-space:nowrap}
.brand:hover{text-decoration:none}
.brand>span:last-child{font-family:'Montserrat',var(--font);font-size:20px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;margin-left:.1em}
.brand .ai{color:var(--blue)}
.voice-wave{display:flex;align-items:center;gap:3px;height:20px}
.voice-wave span{display:block;width:3px;height:100%;border-radius:3px;background:var(--blue);transform:scaleY(.2);transform-origin:center;animation:voicebeat 1.6s cubic-bezier(.77,0,.175,1) infinite}
.voice-wave span:nth-child(2),.voice-wave span:nth-child(6){animation-delay:.12s}
.voice-wave span:nth-child(3),.voice-wave span:nth-child(5){animation-delay:.24s}
.voice-wave span:nth-child(4){animation-delay:.36s}
@keyframes voicebeat{0%,100%{transform:scaleY(.18);opacity:.5}25%{transform:scaleY(.95);opacity:1}50%{transform:scaleY(.35);opacity:.8}62%{transform:scaleY(.7);opacity:1}75%{transform:scaleY(.3);opacity:.7}}
.top-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 16px;border-radius:980px;background:var(--blue);color:#fff;font-size:14px;font-weight:500;white-space:nowrap;transition:background-color .2s var(--ease),transform .16s var(--ease)}
@media(hover:hover) and (pointer:fine){.top-link:hover{background:var(--blue-hover);color:#fff;text-decoration:none}}
.top-link:active{transform:scale(.97)}
.crumbs{font-size:13px;color:var(--muted);padding-top:20px}
.crumbs ol{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:7px}
.crumbs li+li::before{content:"/";margin-right:7px;color:var(--muted)}
.hero{padding:96px 0 100px;background:linear-gradient(to bottom,var(--bg) 0%,var(--bg) 55%,var(--grey) 100%)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:54px;align-items:start}
.hero-kicker{grid-column:1;grid-row:1;display:inline-flex;align-items:center;gap:9px;justify-self:start;width:max-content;max-width:100%;min-height:34px;padding:6px 13px;border:1px solid var(--line);border-radius:980px;background:var(--card);box-shadow:0 2px 12px rgba(90,70,40,.06);font-size:13px;font-weight:600;color:var(--text2);margin:0 0 30px}
.hero-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px rgba(109,26,54,.12);flex-shrink:0}
h1{font-size:clamp(2.3rem,5vw,3.6rem);font-weight:600;line-height:1.04;letter-spacing:-.022em;max-width:15ch;margin:0 0 30px}
.hero h1{grid-column:1 / -1;grid-row:2;max-width:none}
.h1-accent{color:var(--accent)}
.lead{grid-column:1;grid-row:3;font-size:clamp(1.18rem,2.2vw,1.55rem);line-height:1.38;max-width:620px;margin:0 0 22px;color:var(--text2)}
.hero-answer{grid-column:2;grid-row:3 / span 3;align-self:start;position:relative;font-size:17px;line-height:1.52;max-width:420px;margin:0;color:var(--text2);background:var(--card);border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 12px 34px rgba(90,70,40,.07)}
.hero-answer::before{content:"";display:block;width:46px;height:46px;margin-bottom:22px;border-radius:13px;background:var(--grey) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317345c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16v11H9l-5 3V6z'/%3E%3Cpath d='M8 10h8M8 13h5'/%3E%3C/svg%3E") center/24px no-repeat}
.hero-answer strong{display:block;font-weight:600;color:var(--text);font-size:18px;margin-bottom:9px}
.hero-answer strong::after{content:none}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px}
.hero .actions{grid-column:1;grid-row:4;margin-top:4px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 26px;border-radius:980px;background:var(--blue);color:#fff;font-size:17px;font-weight:500;line-height:1.25;text-align:center;transition:background-color .2s var(--ease),transform .16s var(--ease)}
@media(hover:hover) and (pointer:fine){.button:hover{background:var(--blue-hover);color:#fff;text-decoration:none}}
.button:active{transform:scale(.97)}
.text-link{font-size:17px;font-weight:500}
.note{grid-column:1;grid-row:5;font-size:14px;color:var(--muted);max-width:620px;margin:18px 0 0}
main>section:not(.hero){padding:clamp(72px,9vw,108px) 0}
main>section:nth-of-type(2){background:linear-gradient(to bottom,var(--grey) 0%,var(--loro-2) 28%,var(--loro-2) 100%)}
main>section:nth-of-type(3){background:linear-gradient(to bottom,var(--loro-2) 0%,var(--card) 54%,var(--champagne) 100%)}
main>section:nth-of-type(4){background:linear-gradient(to bottom,var(--champagne) 0%,var(--loro-3) 100%)}
main>section:nth-of-type(5){background:var(--loro-3)}
main>section:nth-of-type(6){background:linear-gradient(to bottom,var(--loro-3) 0%,var(--loro-2) 100%)}
main>section:nth-of-type(7){background:linear-gradient(to bottom,var(--loro-2) 0%,var(--loro-3) 100%)}
section h2{font-size:clamp(2rem,4vw,3.25rem);font-weight:600;letter-spacing:-.018em;line-height:1.08;max-width:15ch;margin:0 0 20px}
.section-intro{font-size:19px;line-height:1.45;max-width:620px;color:var(--text2);margin:0 0 44px}
main>section:not(.hero):not(.next) .wrap>h2{text-align:center;margin-left:auto;margin-right:auto}
main>section:not(.hero):not(.next) .section-intro{text-align:center;margin-left:auto;margin-right:auto}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.card{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:clamp(24px,3vw,34px) clamp(20px,3vw,30px);box-shadow:0 4px 22px rgba(90,70,40,.05)}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.ic{width:46px;height:46px;border-radius:13px;background:var(--grey);display:flex;align-items:center;justify-content:center;margin-bottom:22px;color:var(--blue)}
.ic svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card h3{font-size:clamp(1.3rem,1.85vw,1.55rem);font-weight:600;line-height:1.2;letter-spacing:-.012em;overflow-wrap:anywhere;margin:0 0 14px}
.card p{font-size:16px;color:var(--text2);line-height:1.55;margin:0;max-width:37ch}
.card a{color:var(--text)}
.card a::after{content:" ↗";color:var(--blue);white-space:nowrap}
@media(hover:hover) and (pointer:fine){.card a:hover{color:var(--blue-text);text-decoration:none}}
.branchen-hub .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.branchen-hub .card{position:relative;min-height:206px;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.branchen-hub .card a::before{content:"";position:absolute;inset:0;border-radius:18px}
.branchen-hub .card:focus-within{outline:3px solid var(--blue);outline-offset:4px}
.branchen-hub .card a:focus-visible{outline:0}
@media(hover:hover) and (pointer:fine){.branchen-hub .card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(90,70,40,.11)}}
.flow{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:0}
.flow>li{counter-increment:step;position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 24px;box-shadow:0 4px 22px rgba(90,70,40,.05)}
.flow>li::before{content:"SCHRITT 0" counter(step);display:block;color:var(--blue-text);font-size:12px;font-weight:700;letter-spacing:.11em;margin-bottom:22px}
.flow strong{display:block;font-size:clamp(1.28rem,1.85vw,1.5rem);font-weight:600;line-height:1.15;letter-spacing:-.018em;margin-bottom:12px}
.flow span{display:block;font-size:16px;line-height:1.55;color:var(--text2)}
.boundary{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.boundary>div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:clamp(28px,3vw,38px);box-shadow:0 4px 22px rgba(90,70,40,.05)}
.boundary>div:last-child{background:linear-gradient(165deg,#fbf6ec,#f0e7d4)}
.boundary h3{font-size:clamp(1.55rem,2.6vw,2.1rem);font-weight:600;letter-spacing:-.018em;line-height:1.15;margin:0 0 14px}
.boundary p{font-size:17px;line-height:1.55;color:var(--text2);margin:0}
.faq{max-width:860px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:18px;margin:0 0 12px;padding:0 25px;box-shadow:0 4px 22px rgba(90,70,40,.05)}
.faq summary{cursor:pointer;font-size:18px;font-weight:600;padding:23px 0;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--blue);font-size:24px;font-weight:400;line-height:1;margin-left:20px}
.faq details[open] summary::after{content:"−"}
.faq details p{font-size:17px;color:var(--text2);margin:0;padding:0 0 23px;max-width:65ch}
.next{background:linear-gradient(145deg,#6d1a36,#55122a)!important;color:#fff}
.next-inner{display:flex;align-items:end;justify-content:space-between;gap:36px}
.next h2{max-width:17ch;margin-bottom:20px}
.next-inner p{font-size:18px;max-width:560px;margin:0;color:#fff}
.next .button{background:#fff;color:var(--blue-text);flex-shrink:0}
@media(hover:hover) and (pointer:fine){.next .button:hover{background:var(--card);color:var(--blue-text)}}
.next .button:focus-visible,.next a:focus-visible{outline-color:#fff}
.related{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:28px}
.related a{color:#fff;font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.site-footer{padding:32px 0 44px;font-size:14px;color:var(--muted)}
.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer-inner a{margin-left:18px}
@media(max-width:760px){.brand>span:last-child{font-size:16px;letter-spacing:.22em}.hero{padding:64px 0 76px;text-align:center}.hero .wrap{display:block}.hero-kicker{margin:0 auto 24px}h1{font-size:clamp(1.55rem,6.8vw,2.3rem);max-width:none;margin-bottom:24px}.lead,.hero-answer,.note{margin-left:auto;margin-right:auto}.lead{font-size:20px;margin-bottom:24px}.hero-answer{font-size:16px;text-align:left;padding:26px;margin-bottom:28px}.hero-answer::before{margin-bottom:16px}.actions,.hero .actions{justify-content:center;gap:15px;margin-top:0}.button{min-height:50px}main>section:not(.hero){padding:70px 0}.grid,.branchen-hub .grid,.flow{grid-template-columns:1fr;gap:16px}.section-intro{font-size:18px;margin-bottom:34px}.card{padding:26px}.branchen-hub .card{min-height:0}.flow>li{padding:26px}.boundary{grid-template-columns:1fr;gap:16px}.boundary>div{padding:28px}.next-inner{display:block}.next .button{margin-top:28px}.footer-inner a{margin-left:0;margin-right:16px}}
@media(max-width:380px){.header-inner{gap:8px}.brand{gap:6px}.brand>span:last-child{font-size:12px;letter-spacing:.13em}.top-link{font-size:12px;padding:5px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.voice-wave span{animation:none;transform:scaleY(.5)}.button{transition:none}}

/* Mobil: breite Tabellen scrollen im Rahmen statt die Seite zu verbreitern */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.wrap>table{display:block;overflow-x:auto;max-width:100%}
main h2{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
.weiter{padding:48px 0 8px}
.weiter h2{margin-bottom:16px}
.weiter-liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.weiter-liste,.weiter h2{text-align:left}
.weiter-liste a{color:#6d1a36;text-decoration:underline;text-underline-offset:3px}
@media(min-width:761px){.boundary-3{grid-template-columns:repeat(3,minmax(0,1fr))}.boundary-3>div:last-child{background:var(--card)}.boundary-3>div:nth-child(2){background:linear-gradient(165deg,#fbf6ec,#f0e7d4)}.boundary-3 h3{font-size:clamp(1.3rem,1.9vw,1.6rem)}.boundary-3 p{font-size:16px}}