@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Smooch+Sans:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Share Tech Mono,monospace;background-color:var(--blue-light);color:var(--text-primary);line-height:1.5;font-size:16px}:root{--blue-light: #EAF3FF;--blue-bg: #DDEEFF;--blue-mid: #A3BBF7;--blue-dark: #3057D5;--blue-primary: #3366FF;--blue-secondary: #2C4FB3;--blue-darker-1: #2542A3;--blue-darker-2: #1B2D73;--text-primary: #333333;--text-secondary: #555555;--text-muted: #777777;--white: #FFFFFF}h1,h2,h3,h4,h5,h6{color:var(--blue-dark);margin-bottom:20px}h1{font-size:2.5rem}p{font-size:1.2rem;color:var(--text-secondary);max-width:800px;margin:20px auto}.logo-wrapper{position:fixed;top:-15%;left:50%;transform:translate(-50%);width:250px;height:250px;transition:top .3s ease;z-index:100}.logo-wrapper.visible{top:-3%}.logo-wrapper-spotlight{width:0;height:0;color:var(--blue-mid);box-shadow:0 0 120px 120px var(--blue-mid);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.logo-wrapper svg,.logo-wrapper img{width:100%;height:100%;display:block;margin:auto}.rotating-text{position:absolute;top:0;left:0;animation:rotate 30s linear infinite}.static-logo{position:absolute;top:27.5%;left:27.5%;width:45%;height:45%}@keyframes rotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.bottom-nav-positioner{position:fixed;bottom:10px;left:50%;transform:translate(-50%);width:100%;display:flex;justify-content:center;z-index:9000}.bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));grid-template-rows:auto auto auto;min-width:max-content}.nav-id-row{grid-row:1;grid-column:1 / 6;display:flex;align-items:center;justify-content:center;gap:.8ch;font-family:Share Tech Mono,Consolas,monospace;font-size:.68rem;font-style:italic;color:var(--blue-darker-2);padding:4px 8px;white-space:nowrap;background-color:var(--blue-mid)}.nav-id-kw{color:var(--blue-darker-2);font-style:normal;font-weight:700}.nav-id-sep{color:var(--blue-dark);margin:0 .4ch}.nav-division{grid-row:2;display:flex;align-items:center;justify-content:center;padding:5px 16px;font-family:Share Tech Mono,Consolas,monospace;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-decoration:none;color:var(--text-muted);background-color:#1b2d730f;border-bottom:1px solid var(--blue-mid);white-space:nowrap;user-select:none;transition:color .3s,background-color .3s}.nav-division.data-div{grid-column:1 / 4;border-right:1px solid var(--blue-mid)}.nav-division.proc-div{grid-column:4 / 6}.nav-division.active-division{color:var(--blue-mid);background-color:var(--blue-darker-2);font-weight:800}.nav-box{grid-row:3;padding:10px 18px;font-family:Share Tech Mono,Consolas,monospace;font-size:.78rem;background-color:var(--blue-mid);color:var(--text-primary);border-top:none;cursor:pointer;font-weight:600;text-align:center;user-select:none;white-space:nowrap;text-decoration:none;transition:background-color .4s,color .4s}.nav-box.active{background-color:var(--blue-darker-2);color:var(--blue-mid);font-weight:800}.nav-box.top{background-color:var(--text-primary);color:var(--blue-mid);font-weight:800}.bottom-nav-shadow-left,.bottom-nav-shadow-right{position:fixed;bottom:9px;height:100px;width:30px;pointer-events:none;z-index:9999;opacity:0}.bottom-nav-shadow-left{left:0;background:linear-gradient(to left,transparent,rgba(21,21,21,.6))}.bottom-nav-shadow-right{right:0;background:linear-gradient(to right,transparent,rgba(21,21,21,.6))}@media (max-width: 768px){.bottom-nav-positioner{left:0;right:0;bottom:10px;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch;transform:none;justify-content:flex-start}.bottom-nav-shadow-right,.bottom-nav-shadow-left{opacity:1}.bottom-nav{position:relative;min-width:max-content;z-index:1}}.ctrl-division{font-family:Share Tech Mono,Consolas,monospace;font-size:1.1rem;font-weight:700;color:var(--blue-darker-2);letter-spacing:.02em;margin-bottom:2px}#file-section-indicator{position:fixed;top:24px;left:8%;z-index:50;font-family:Share Tech Mono,Consolas,monospace;font-size:.9rem;display:flex;flex-direction:column;gap:4px;opacity:0;pointer-events:none;transition:opacity .4s ease .2s}#file-section-indicator.visible{opacity:1;pointer-events:auto}#file-section-indicator .ctrl-para-hdr{color:var(--blue-darker-1);font-weight:700;font-size:.98rem}.ctrl-data-record{display:flex;align-items:baseline;gap:.5ch;padding-left:4ch;font-family:Share Tech Mono,Consolas,monospace;font-size:inherit}.ctrl-data-record .kw{color:var(--blue-darker-1)}.ctrl-data-record .name{color:var(--blue-darker-2);font-weight:600}.ctrl-data-record .dot{color:var(--text-muted)}.ctrl-data-record .call-comment{color:var(--text-muted);font-style:italic}#control-prgrph{position:fixed;top:24px;left:8%;z-index:50;font-family:Share Tech Mono,Consolas,monospace;font-size:.9rem;display:flex;flex-direction:column;gap:4px;opacity:0;pointer-events:none;transition:opacity .4s ease .2s}#control-prgrph.visible{opacity:1;pointer-events:auto}.ctrl-para-hdr{color:var(--blue-darker-1);font-weight:700;font-size:.98rem}.ctrl-l1{padding-left:1.5ch}.ctrl-l2{padding-left:3ch}.ctrl-stmt-dot{color:var(--blue-darker-1);font-weight:700;font-family:Share Tech Mono,Consolas,monospace;font-size:1.05rem;line-height:1}a.ctrl-goback{display:flex;align-items:baseline;gap:1ch;text-decoration:none;color:inherit;padding-top:2px;padding-bottom:2px}a.ctrl-goback .kw{color:var(--blue-darker-1)}a.ctrl-goback .dot{color:var(--text-muted)}a.ctrl-goback .call-comment{color:var(--text-muted);font-style:italic}a.ctrl-goback:hover .kw{text-decoration:underline}.section-scroll-container{position:relative;width:100%;height:55vh}.section-content-wrapper{position:fixed;width:100%;height:100vh;top:0;left:0;opacity:0;transform:translateY(0);transition:opacity .5s ease,transform 1s ease;pointer-events:none;z-index:0}.section-content-wrapper.active{opacity:1;pointer-events:auto;z-index:2}.section-content-wrapper.exit-up{transform:translateY(-80vh);opacity:0;z-index:1}.section-content-wrapper.exit-down{transform:translateY(80vh);opacity:0;z-index:1}.section-content-wrapper.enter-up{transform:translateY(80vh);opacity:0}.section-content-wrapper.enter-down{transform:translateY(-80vh);opacity:0}.sections-scroll-space{height:5000px}.top-container{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%}.top-text-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-left:10%;max-width:52%}.top-01-line,.top-data-field .cobol-line{opacity:1;transform:none;transition:none}.top-01-line{margin-top:12px;margin-bottom:6px;flex-wrap:wrap;gap:0 1.5ch}.top-record-comment{color:var(--text-muted);font-size:.72rem;font-style:italic;white-space:nowrap}.top-data-field{display:flex;flex-direction:column;gap:3px}.top-dyn-name{min-width:14ch!important;font-size:.95rem!important}.top-dyn-pic{font-size:.8rem}.top-value-row{display:flex;align-items:baseline;gap:1ch;padding-left:8ch;font-family:Share Tech Mono,Consolas,monospace;font-size:.9rem;flex-wrap:wrap}#top-text-content{color:var(--blue-primary);font-weight:700;font-size:1rem}@media (max-width: 768px){.top-text-wrapper{margin-left:4%;max-width:56%;margin-top:12%}}.top-image{position:relative;top:-30%;width:35%;height:auto;max-height:60%;opacity:1!important}.top-image img{position:absolute;max-width:75%;object-fit:contain;opacity:0;transition:none}.top-image img.shown{opacity:1}@media (max-width: 768px){.top-image{top:-20%;margin-right:5%}.top-image img{max-width:95%}}.top-image img.profile{-webkit-mask-image:linear-gradient(to bottom,black 0%,black 98%,transparent 100%),linear-gradient(to top,black 0%,black 98%,transparent 100%),linear-gradient(to right,black 0%,black 98%,transparent 100%),linear-gradient(to left,black 0%,black 98%,transparent 100%);-webkit-mask-composite:destination-in;mask-image:linear-gradient(to bottom,black 0%,black 98%,transparent 100%),linear-gradient(to top,black 0%,black 98%,transparent 100%),linear-gradient(to right,black 0%,black 98%,transparent 100%),linear-gradient(to left,black 0%,black 98%,transparent 100%);mask-composite:intersect}@keyframes slideInFade{0%{transform:translate(-100%);opacity:0}50%{transform:translate(-50%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutFade{0%{transform:translate(0);opacity:1}50%{transform:translate(50%);opacity:0}to{transform:translate(100%);opacity:0}}.top-image img.slide-in{animation:slideInFade 1s ease forwards}.top-image img.slide-out{animation:slideOutFade 1s ease forwards}.aboutme-container{display:flex;flex-direction:column;justify-content:center;height:100%;padding:20px 8% 110px}.cobol-block{display:flex;flex-direction:column;gap:0;font-family:Share Tech Mono,Consolas,monospace;font-size:.82rem;line-height:1.45;overflow-x:auto}.cobol-comment{color:var(--text-muted);font-style:italic;margin-bottom:10px;opacity:0;transition:opacity .5s ease}.cobol-comment.revealed{opacity:1}.cobol-spacer{height:3px}.cobol-spacer-lg{height:14px}.cobol-line{display:flex;align-items:baseline;white-space:nowrap;opacity:0;transform:translate(-14px);transition:opacity .35s ease,transform .35s ease}.cobol-line.revealed{opacity:1;transform:translate(0)}.l05{padding-left:2ch}.l10,.l88{padding-left:4ch}.cobol-line .lvl{color:var(--text-muted);min-width:3ch;margin-right:1ch;flex-shrink:0}.cobol-line .name{color:var(--blue-darker-2);margin-right:1.2ch;flex-shrink:0}.l01 .name{font-weight:700;font-size:1.05rem}.l05 .name{font-weight:600;min-width:16ch}.l10 .name{min-width:12ch}.l88 .name{min-width:14ch}.cobol-line.primary .name{color:var(--blue-darker-2);font-weight:700}.cobol-line .pic{color:var(--text-muted);font-size:.78rem;margin-right:1.5ch;min-width:11ch;flex-shrink:0}.l05 .pic{min-width:unset;margin-right:.3ch}.cobol-line .kw{color:var(--blue-darker-1);margin-right:1ch;flex-shrink:0}.cobol-line .val{color:var(--blue-primary)}.cobol-line .numval{color:var(--blue-mid)}.cobol-line .dot{color:var(--text-muted);margin-left:.1ch}a.val-link{color:var(--blue-primary);text-decoration:none}a.val-link:hover{text-decoration:underline}.cobol-division{font-family:Share Tech Mono,Consolas,monospace;font-size:1.7rem;font-weight:700;color:var(--blue-darker-2);margin-bottom:4px;letter-spacing:.02em}.cobol-section-hdr{font-family:Share Tech Mono,Consolas,monospace;font-size:1.2rem;font-weight:600;color:var(--blue-darker-1);margin-bottom:10px}a.cobol-call{display:flex;align-items:baseline;gap:1ch;padding:4px .5ch;border-radius:2px;text-decoration:none;color:inherit;font-family:Share Tech Mono,Consolas,monospace;font-size:.9rem;line-height:1.6;white-space:nowrap;cursor:pointer;opacity:0;transform:translate(-14px);transition:opacity .35s ease,transform .35s ease,background .15s}a.cobol-call.revealed{opacity:1;transform:translate(0)}a.cobol-call:hover{background:rgba(135,167,247,.1)}a.cobol-call .call-comment{color:var(--text-muted);font-style:italic;margin-left:1ch}a.cobol-author-link{font-family:Share Tech Mono,Consolas,monospace;font-size:.82rem;color:var(--text-muted);font-style:italic;text-decoration:none;margin-left:2ch;transition:color .2s;white-space:nowrap}a.cobol-author-link:hover{color:var(--blue-primary)}a.cobol-author-link .kw{font-style:normal;color:var(--blue-darker-1)}.cobol-para-label{font-family:Share Tech Mono,Consolas,monospace;font-size:1rem;font-weight:700;color:var(--blue-darker-1);padding-left:2ch;margin-top:4px;margin-bottom:2px}.para-body{padding-left:4ch}.para-lvl{padding-left:2ch}a.cobol-call.para-body{padding-left:4ch}a.cobol-call.para-lvl{padding-left:2ch}.lone-dot{font-size:1.2rem;font-weight:700;color:var(--blue-darker-1)}.cobol-lan-note{font-family:Share Tech Mono,Consolas,monospace;font-size:.82rem;color:var(--text-muted);font-style:italic;padding-left:0;margin-bottom:1px}.impressum-display-kw{font-family:Share Tech Mono,Consolas,monospace;font-size:.9rem;font-weight:700;color:var(--blue-darker-1);padding-left:2ch;margin:4px 0 2px}.impressum-display-body{padding-left:4ch}.impressum-exit-dot{font-family:Share Tech Mono,Consolas,monospace;color:var(--blue-darker-1);font-weight:700;font-size:1.1rem;padding-left:2ch;margin-top:1px}a.cobol-exit-link{display:flex;align-items:baseline;gap:1ch;font-family:Share Tech Mono,Consolas,monospace;font-size:.88rem;font-weight:600;text-decoration:none;color:inherit;margin-top:10px;padding:2px 0;padding-left:2ch}a.cobol-exit-link .kw{color:var(--blue-darker-1)}a.cobol-exit-link .call-comment{color:var(--text-muted);font-style:italic}a.cobol-exit-link:hover .kw{text-decoration:underline}.lan-group.lan-only{display:none}.lan-group.lan-visible{display:block}.work-container,.links-container{display:flex;flex-direction:column;justify-content:center;height:100%;padding:20px 8% 110px}.impressum-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding:20px 8% 110px;gap:10px;overflow-y:hidden}.impressum-para-hdr{margin-bottom:6px}.impressum-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;width:100%}.impressum-col{display:flex;flex-direction:column;gap:4px}.impressum-section-title{font-size:.78rem;font-weight:700;color:var(--blue-darker-1);margin-top:10px}.impressum-text{font-size:.72rem;color:var(--text-secondary);margin:0;text-align:left;line-height:1.4}.impressum-text a{color:var(--blue-primary)}@media (max-width: 768px){.impressum-grid{grid-template-columns:1fr}.impressum-container{overflow-y:auto;justify-content:flex-start;padding-top:80px}}