.demo-float-link{display:block;float:left;margin-right:30px;margin-bottom:20px;width:350px;min-height:341px}.content-area a.demo-float-link,.demo-float-link{text-decoration:none!important;color:inherit!important;border-bottom:none!important}.content-area a.demo-float-link{font-weight:inherit!important}.content-area a.demo-float-link:hover{color:inherit!important;text-decoration:none!important;border-bottom:none!important}.demo-float-image{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-bottom:15px;transition:transform .5s ease-out,box-shadow .5s ease-out;pointer-events:none}.demo-float-button{display:block;width:350px;height:36px;margin:0 auto;padding:0;background:linear-gradient(135deg,#e4612f,#fff);color:#c54a20!important;text-decoration:none!important;border:none!important;outline:none!important;border-bottom:none!important;box-sizing:border-box;border-radius:6px;font-weight:600;font-size:.95rem;text-align:center;line-height:36px;transform-origin:center;transform:scale(.857);transition:all .5s ease-out;box-shadow:0 2px 6px rgba(228,97,47,.25);white-space:nowrap;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.demo-float-link:hover{text-decoration:none!important;border-bottom:none!important;color:inherit!important}.demo-float-link:hover .demo-float-image{transform:scale(1.043);box-shadow:0 6px 20px rgba(0,0,0,.18)}.demo-float-link:hover .demo-float-button{transform:scale(1.043);height:42px;line-height:42px;background:var(--primary-orange);color:#fff!important;box-shadow:0 4px 12px rgba(228,97,47,.45)}.clear-float{clear:both}.content-area{padding:20px 60px 40px 60px}.content-area h1{font-size:2.8rem;margin-bottom:35px;color:var(--primary-orange);line-height:1.15;font-weight:700;position:relative;padding-bottom:15px}.content-area h1:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,var(--primary-orange),transparent);border-radius:2px}.content-area h2{font-size:1.5rem;margin-top:30px;margin-bottom:20px;color:#b85d38;padding-bottom:3px;position:relative}.content-area h2:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:2px;background:linear-gradient(90deg,var(--primary-orange),transparent)}.content-area h3{font-size:1.3rem;margin-top:25px;margin-bottom:12px;color:var(--text-dark);font-weight:600;line-height:1.35}.content-area p{margin-bottom:10px;font-size:1.05rem;line-height:1.6;color:var(--text-medium)}.content-area p strong{font-weight:600;color:var(--text-medium)}.content-area p em{font-style:italic;color:var(--text-light)}.content-area ol,.content-area ul{margin-bottom:18px;padding-left:70px}.content-area li{margin-bottom:1px;font-size:1rem;line-height:1.5;color:var(--text-medium);position:relative}.content-area ul{list-style:none}.content-area ul li:before{content:"—";position:absolute;left:-25px;color:var(--primary-orange);font-weight:600}.content-area ul li:has(.float-fix):before{display:none}.content-area ul li .float-fix{position:relative}.content-area ul li .float-fix:before{content:"—";position:absolute;left:-20px;color:var(--primary-orange);font-weight:600}.content-area ol{list-style:decimal;list-style-position:outside}.content-area ol>li{padding-left:5px}.content-area ol>li::marker{color:var(--primary-orange);font-weight:600}.content-area ol.quote-explanation>li{font-size:.95rem;font-style:italic;color:#666;line-height:1.6}.content-area ol.quote-explanation>li::marker{color:var(--primary-orange);font-weight:600;font-style:normal}.content-area a{color:var(--primary-orange);text-decoration:none;transition:color .2s ease,-webkit-text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease,-webkit-text-decoration .2s ease;font-weight:500;border-bottom:1px solid transparent}.content-area a:hover{color:#ff7640;border-bottom:1px solid #ff7640}.content-area .highlight-box{background:linear-gradient(135deg,#fff9f0,#fff4e6);border-left:4px solid var(--primary-orange);padding:20px 25px;margin:25px 0;border-radius:0 8px 8px 0;box-shadow:0 2px 8px rgba(0,0,0,.05)}.content-area .highlight-box p:last-child{margin-bottom:0}.content-area .quote-box{display:inline-flex;align-items:center;background:rgba(228,97,47,.06);padding:20px 25px;margin:15px 0 10px 20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);position:relative;font-style:italic;font-size:1.15rem;color:#555}.content-area .quote-box:before{content:"„";margin-right:8px;align-self:flex-start}.content-area .quote-box:after,.content-area .quote-box:before{font-size:2rem;color:#b54a29;font-family:Georgia,serif;line-height:1}.content-area .quote-box:after{content:"“";margin-left:8px;align-self:flex-end}.content-area .quote-explanation{font-size:.95rem;font-style:italic;color:#666;line-height:1.6;margin-top:10px;margin-bottom:20px;margin-left:70px}.content-area .quote-explanation .correct,.content-area .quote-explanation .incorrect{font-style:normal}.content-area .incorrect{color:#c54545;text-decoration:line-through;-webkit-text-decoration-color:rgba(197,69,69,.25);text-decoration-color:rgba(197,69,69,.25);text-decoration-thickness:1px}.content-area .correct{color:#4a9a3a}.content-area .emphasis{font-weight:400;color:#1a1a1a;background:rgba(228,97,47,.08);padding:2px 6px;border-radius:3px;border-bottom:1px solid rgba(244,212,202,.3);-webkit-text-decoration-color:rgba(228,97,47,.2);text-decoration-color:rgba(228,97,47,.2);text-underline-offset:2px}.content-area .callout{font-size:1.15rem;line-height:1.7;color:var(--text-dark);font-style:italic;padding:12px 0 12px 30px;border-left:3px solid var(--primary-orange);margin:15px 0}.section-end-divider{border:none;height:3px;margin-top:120px;margin-bottom:0;background:linear-gradient(90deg,transparent,var(--primary-orange),transparent);border-radius:2px;width:150px;margin-left:auto;margin-right:auto}.loading-message{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.2rem;color:#999}@media screen and (max-width:768px){.content-area{padding:20px 20px 30px 20px}.content-area h1{font-size:2rem;margin-bottom:25px}.content-area h2{font-size:1.5rem;margin-top:28px;margin-bottom:15px}.content-area h3{font-size:1.25rem;margin-top:20px}.content-area li,.content-area p{font-size:1rem;line-height:1.6}.content-area ol,.content-area ul{padding-left:35px}}@media screen and (max-width:480px){.content-area{padding:15px 15px 20px 15px}.content-area h1{font-size:1.75rem}.content-area ol,.content-area ul{padding-left:30px}}@media screen and (max-width:768px){.demo-float-link{float:none;margin:20px auto;width:100%;max-width:350px;min-height:341px}.demo-float-image{width:100%}.demo-float-button{width:100%;transform:scale(.85);height:36px;line-height:36px}.demo-float-link:hover .demo-float-button{transform:scale(1);height:42px;line-height:42px}}@media screen and (max-width:480px){.demo-float-link{max-width:300px;min-height:290px}.demo-float-button{font-size:.9rem;transform:scale(.85);height:34px;line-height:34px}.demo-float-link:hover .demo-float-button{transform:scale(1);height:40px;line-height:40px}}:root{--arrow-initial-color:#ccc;--arrow-hover-color:#e4612f;--arrow-initial-size:32px;--arrow-enlarged-size:64px;--arrow-enlarge-scale:2.0;--arrow-initial-stroke:2px;--arrow-enlarged-stroke:3px;--transition-duration:800ms;--arrow-hover-duration:300ms;--nav-panel-width:260px;--arrow-container-height:60px;--primary-orange:#e4612f;--primary-orange-light:rgba(228,97,47,0.08);--primary-orange-glow:rgba(228,97,47,0.15);--nav-active-bg:transparent;--nav-hover-bg:transparent;--content-bg:#fff;--border-color:#e0e0e0;--text-dark:#2d2d2d;--text-medium:#555;--text-light:#777}.holder{display:flex;width:100vw;height:calc(100vh - 120px);overflow:hidden;margin-top:60px}.navigation-panel{width:var(--nav-panel-width);background-color:transparent;padding:35px 0 35px 25px;overflow-y:auto;overflow-x:hidden;flex-shrink:0}.nav-item{padding:14px 22px;margin:3px 0;cursor:pointer;transition:color .25s ease,transform .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1rem;font-weight:500;color:var(--text-light);line-height:1.5;position:relative}.nav-item.nav-main{font-weight:600;font-size:1.1rem;padding-top:20px;padding-bottom:14px;color:var(--text-medium);letter-spacing:.4px;margin-top:8px}.nav-item.nav-sub{padding-left:38px;font-size:.95rem;font-weight:500;color:var(--text-light)}.nav-item:hover{color:var(--primary-orange);transform:translateX(2px)}.nav-item.active{color:var(--primary-orange);font-weight:500}.nav-item.nav-main.active{font-weight:600;font-size:1.1rem}.nav-item.nav-sub.active{font-weight:500}.nav-item.deactivating{color:var(--primary-orange);font-weight:500}.nav-item.nav-main.deactivating{font-weight:600;font-size:1.1rem}.nav-item.nav-sub.deactivating{font-weight:500}.nav-item.active:before,.nav-item.deactivating:before{content:"";position:absolute;left:-25px;right:-5px;top:2px;bottom:2px;background:linear-gradient(90deg,var(--primary-orange-glow) 0,var(--primary-orange-light) 30%,rgba(228,97,47,.04) 70%,transparent);border-radius:8px 12px 10px 8px;transform:rotate(-.5deg);transform-origin:left center;z-index:-1;box-shadow:0 1px 3px rgba(228,97,47,.1),inset 1px 1px 2px hsla(0,0%,100%,.8)}.nav-item.active:before{animation:brushGrowHorizontal .5s ease-out forwards}.nav-item.deactivating:before{animation:brushShrinkHorizontal .4s ease-in forwards}.nav-item.active:after,.nav-item.deactivating:after{content:"";position:absolute;left:-25px;top:4px;bottom:4px;width:3px;background:linear-gradient(180deg,transparent,var(--primary-orange) 20%,var(--primary-orange) 80%,transparent);border-radius:2px}.nav-item.active:after{animation:barFadeIn .3s ease-out forwards}.nav-item.deactivating:after{animation:barFadeOut .3s ease-in forwards}@keyframes brushGrowHorizontal{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes brushShrinkHorizontal{0%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 100% 0 0);opacity:0}}@keyframes barFadeIn{0%{opacity:0;transform:scaleY(.5)}to{opacity:1;transform:scaleY(1)}}@keyframes barFadeOut{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.5)}}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.arrow-container{width:100%;height:var(--arrow-container-height);display:flex;align-items:center;justify-content:center;background-color:var(--content-bg);flex-shrink:0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.arrow-container.visible{opacity:1;visibility:visible}.arrow-svg{width:var(--arrow-initial-size);height:var(--arrow-initial-size);cursor:pointer;color:var(--arrow-initial-color);transition:transform var(--arrow-hover-duration) ease,color var(--arrow-hover-duration) ease;transform-origin:center center}.arrow-svg:hover{transform:scale(var(--arrow-enlarge-scale));color:var(--arrow-hover-color)}.arrow-svg.scroll-triggering{pointer-events:auto}.arrow-svg.scroll-triggering:hover{transform:none;color:inherit}.content-wrapper{flex:1;position:relative;overflow:hidden;background-color:var(--content-bg)}.content-area{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;opacity:0;visibility:hidden}.content-area.active-content{opacity:1;visibility:visible;z-index:2}.content-area.next-content{z-index:3}.slide-down-enter{animation:slideDownEnter var(--transition-duration) ease-out forwards}.slide-down-exit{animation:slideDownExit var(--transition-duration) ease-out forwards}.slide-up-enter{animation:slideUpEnter var(--transition-duration) ease-out forwards}.slide-up-exit{animation:slideUpExit var(--transition-duration) ease-out forwards}@keyframes slideDownEnter{0%{transform:translateY(-100%) scaleY(1);opacity:0;visibility:visible}60%{transform:translateY(0) scaleY(1);opacity:1}75%{transform:translateY(5%) scaleY(.95);opacity:1}90%{transform:translateY(-2%) scaleY(1.02);opacity:1}to{transform:translateY(0) scaleY(1);opacity:1;visibility:visible}}@keyframes slideDownExit{0%{transform:translateY(0);opacity:1}50%{transform:translateY(50%);opacity:.3}75%{transform:translateY(75%);opacity:0}to{transform:translateY(100%);opacity:0;visibility:hidden}}@keyframes slideUpEnter{0%{transform:translateY(100%) scaleY(1);opacity:0;visibility:visible}60%{transform:translateY(0) scaleY(1);opacity:1}75%{transform:translateY(-5%) scaleY(.95);opacity:1}90%{transform:translateY(2%) scaleY(1.02);opacity:1}to{transform:translateY(0) scaleY(1);opacity:1;visibility:visible}}@keyframes slideUpExit{0%{transform:translateY(0);opacity:1}50%{transform:translateY(-50%);opacity:.3}75%{transform:translateY(-75%);opacity:0}to{transform:translateY(-100%);opacity:0;visibility:hidden}}.content-area{scrollbar-width:none;-ms-overflow-style:none}.content-area::-webkit-scrollbar{display:none}@media screen and (max-width:768px){:root{--nav-panel-width:190px;--arrow-container-height:50px}.navigation-panel{padding:25px 0 25px 18px}.nav-item{font-size:.9rem;font-weight:500;padding:12px 18px}.nav-item.nav-main{font-size:.95rem;font-weight:600;padding-top:16px}.nav-item.nav-sub{padding-left:30px;font-size:.85rem;font-weight:500}}@media screen and (max-width:480px){:root{--nav-panel-width:150px;--arrow-initial-size:28px;--arrow-enlarged-size:56px}.navigation-panel{padding:20px 0 20px 12px}.nav-item{font-size:.8rem;font-weight:500;padding:10px 12px}.nav-item.nav-main{font-size:.85rem;font-weight:600;padding-top:14px}.nav-item.nav-sub{padding-left:24px;font-size:.75rem;font-weight:500}}