:root{--fd:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;--ft:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;background:#F3F1EC}
a{color:#FDBE01}@media (hover:hover) and (pointer:fine){a:hover{color:#FFD54A}}
.dots{background-image:radial-gradient(rgba(237,234,228,.16) 1.2px,transparent 1.4px);background-size:9px 9px}
.dots-dark{background-image:radial-gradient(rgba(16,18,19,.10) 1.2px,transparent 1.4px);background-size:9px 9px}
details summary{cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
details[open] .plus{transform:rotate(45deg)}
.nav-a{display:inline-flex;align-items:center;gap:4px;padding:12px 0;color:#EDEAE4;text-decoration:none;font-family:var(--ft);font-weight:500;font-size:15px;letter-spacing:-0.01em;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.nav-a:hover{color:#FDBE01}}
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .9s cubic-bezier(.16,.8,.24,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.rv{opacity:1 !important;transform:none !important;transition:none}}
.tl{position:relative}
.tl::before{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:2px;margin-left:-1px;background:linear-gradient(#FDBE01,#2C3133)}
.tl-row{display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);align-items:start;margin-bottom:48px}
.tl-row:last-child{margin-bottom:0}
.tl-right{margin-top:-24px}
.tl-dot{grid-column:2;grid-row:1;justify-self:center;position:relative;width:52px;height:52px;border-radius:50%;background:#101213;border:2px solid #FDBE01;color:#FDBE01;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:700;font-size:24px}
.tl-card{grid-row:1;background:rgba(26,29,31,.88);border:1px solid #2C3133;border-radius:10px;padding:28px}
.tl-left .tl-card{grid-column:1}
.tl-right .tl-card{grid-column:3}
@media (max-width: 760px){.tl::before{left:26px}.tl-row{grid-template-columns:52px minmax(0,1fr);column-gap:16px;margin-bottom:28px}.tl-right{margin-top:0}.tl-dot{grid-column:1}.tl-left .tl-card,.tl-right .tl-card{grid-column:2}}
.dd{position:relative}
.dd-menu{display:none;position:absolute;top:100%;left:-18px;min-width:230px;flex-direction:column;padding:10px;background:#1A1D1F;border:1px solid #2C3133;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.45)}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:flex}
.dd:hover>.nav-a{color:#FDBE01}
.dd-a{padding:12px 14px;border-radius:8px;color:#EDEAE4;text-decoration:none;font-family:var(--ft);font-weight:500;font-size:15px;letter-spacing:-0.01em}
@media (hover:hover) and (pointer:fine){.dd-a:hover{background:#24282A;color:#FDBE01}}
@media (max-width: 1240px){.navlinks{display:none !important}.burger{display:inline-flex !important}}
@media (max-width: 860px){.hide-sm{display:none !important}}
.btn{transition:transform .2s,box-shadow .2s}@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(253,190,1,.35)}}
.hcard{transition:transform .3s,border-color .3s}@media (hover:hover) and (pointer:fine){.hcard:hover{transform:translateY(-6px);border-color:#FDBE01 !important}}
#kontakt input:focus,#kontakt textarea:focus,#kontakt select:focus{outline:2px solid #FDBE01;outline-offset:1px;border-color:#8A6200}
@media (prefers-reduced-motion: reduce){.btn:hover,.hcard:hover{transform:none}}
.mnav{position:relative}
.mnav>summary{list-style:none;cursor:pointer;width:44px;height:44px;border:1px solid #2C3133;border-radius:8px;color:#EDEAE4;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.mnav>summary::-webkit-details-marker{display:none}
.mnav[open]>summary{border-color:#FDBE01;color:#FDBE01}
.mnav .x{display:none}.mnav[open] .x{display:block}.mnav[open] .bars{display:none}
.mnav-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 120px);overflow:auto;background:#1A1D1F;border:1px solid #2C3133;border-radius:14px;padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.5);display:flex;flex-direction:column;z-index:50}
.mnav-panel a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:8px;color:#EDEAE4;text-decoration:none;font-weight:500;font-size:16px}
.mnav-panel a[aria-current]{background:#24282A;color:#FDBE01}
@media (hover:hover) and (pointer:fine){.mnav-panel a:hover{background:#24282A;color:#FDBE01}}
.mnav-panel .sub{padding-left:30px;font-size:15px;color:#C9C4BB}
.mnav-panel .cta{margin-top:8px;justify-content:center;background:#FDBE01;color:#101213 !important;font-weight:600;border-radius:999px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #FDBE01;outline-offset:3px}
@media (max-width: 760px){.hdr-cta{display:none !important}}
.mnav-lang{display:flex;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid #2C3133}
.mnav-lang a{flex:1;gap:10px;justify-content:center;border:1px solid #2C3133}
.mnav-lang a[aria-current]{border-color:#FDBE01;background:transparent;color:#EDEAE4}
.pcard{display:block;text-decoration:none;color:#16191A}.pcard .ph{transition:transform .5s cubic-bezier(.2,.7,.2,1)}@media (hover:hover) and (pointer:fine){.pcard:hover .ph{transform:scale(1.05)}}@media (hover:hover) and (pointer:fine){.pcard:hover .pt{color:#8A6200}}
.art h2{margin:40px 0 0;font-family:var(--fd);font-weight:600;font-size:clamp(24px,2.4vw,30px);line-height:1.2;letter-spacing:-0.02em;color:#16191A}
.art h3{margin:28px 0 0;font-family:var(--fd);font-weight:600;font-size:22px;line-height:1.3;letter-spacing:-0.01em;color:#16191A}
.art p{margin:14px 0 0;font-size:18px;line-height:1.75;color:#2E3336}
.art ul{margin:14px 0 0;padding-left:22px;font-size:18px;line-height:1.75;color:#2E3336}.art li{margin-top:6px}.art strong{color:#16191A}
.art a{color:#8A6200;font-weight:600;text-decoration:underline;text-underline-offset:3px}@media (hover:hover) and (pointer:fine){.art a:hover{color:#16191A}}
@media (prefers-reduced-motion: reduce){.pcard:hover .ph{transform:none}}
.mbar{display:none}@media (max-width:760px){.mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#101213;border-top:1px solid #24282A;box-shadow:0 -6px 24px rgba(0,0,0,.25)}.mbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none}footer{padding-bottom:72px}}.gbadge{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px 8px 10px;border-radius:999px;background:#FFFFFF;border:1px solid #DDD8CE;color:#16191A;text-decoration:none;font-size:15px;min-height:44px;box-sizing:border-box}@media (hover:hover) and (pointer:fine){.gbadge:hover{border-color:#FDBE01}}
.mfab{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;gap:0;height:60px;min-width:60px;padding:0;border-radius:999px;background:#0866FF;color:#FFFFFF;text-decoration:none;font-weight:600;font-size:16px;box-shadow:0 8px 24px rgba(8,102,255,.35);overflow:hidden;transition:gap .2s ease,padding .2s ease}.mfab .ic{flex:0 0 60px;height:60px;display:flex;align-items:center;justify-content:center}.mfab .tx{max-width:0;white-space:nowrap;transition:max-width .25s ease}.mfab:focus-visible{padding-right:22px}@media (hover:hover) and (pointer:fine){.mfab:hover{padding-right:22px}}.mfab:focus-visible .tx{max-width:160px}@media (hover:hover) and (pointer:fine){.mfab:hover .tx{max-width:160px}}@media (max-width:760px){.mfab{display:none}}@media (prefers-reduced-motion:reduce){.mfab,.mfab .tx{transition:none}}

.kmp-root{font-family: var(--ft); color: rgb(22, 25, 26); background: rgb(243, 241, 236); width: 100%; line-height: 1.6;}