.main-content-wrapper{display:flex;margin:0 auto;max-width:1400px;padding:50px 20px}.sidebar{flex:0 0 300px;margin-right:50px}.main-content-area{flex:1}.sidebar-nav{position:sticky;top:120px}.sidebar-nav .nav-title{font-size:22px;font-weight:700;margin-bottom:25px;color:var(--text);border-bottom:2px solid var(--praxis-gruen);padding-bottom:10px}.sidebar-nav-button{display:flex;align-items:center;padding:14px 18px;margin-bottom:10px;background:#f8f9fa;border-radius:8px;text-decoration:none;color:var(--text-soft);transition:all 0.2s ease;box-shadow:0 5px 15px rgba(0,0,0,0.05);border-left:3px solid transparent;font-weight:500}.sidebar-nav-button .icon{margin-right:12px;color:var(--gruen-text);font-size:16px;transition:all 0.2s ease;min-width:25px;text-align:center}.sidebar-nav-button:hover,.sidebar-nav-button.active{background:linear-gradient(to right,rgba(149,193,33,0.1),rgba(255,255,255,0));color:var(--text);transform:translateX(5px);border-left:3px solid var(--praxis-gruen);box-shadow:0 8px 25px rgba(149,193,33,0.12)}.sidebar-nav-button.active{padding-left:15px}.sidebar-submenu{display:block;padding-left:20px;margin-bottom:20px;margin-top:5px;max-height:0;overflow:hidden;transition:max-height 0.3s ease}.sidebar-nav-button.active + .sidebar-submenu,.mobile-nav-item.active + .sidebar-submenu{max-height:1400px}.sidebar-nav-subitem{display:flex;align-items:center;padding:8px 12px;margin-bottom:4px;background:rgba(255,255,255,0.7);border-radius:6px;text-decoration:none;color:var(--text-soft);transition:all 0.2s ease;border-left:2px solid transparent;line-height:1.3;min-width:0;font-size:15px}.sidebar-nav-subitem .icon{margin-right:10px;color:var(--gruen-text);font-size:12px;transition:all 0.2s ease;flex-shrink:0}.sidebar-nav-subitem span{min-width:0;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.sidebar-nav-subitem:hover{background:rgba(149,193,33,0.1);color:var(--text);transform:translateX(3px);border-left:2px solid var(--praxis-gruen)}.sidebar-nav-subitem.active{background:rgba(149,193,33,0.15);color:var(--text);font-weight:500;transform:translateX(3px);border-left:2px solid var(--praxis-gruen)}.sidebar-submenu .sidebar-nav-subitem.active{color:var(--gruen-text);font-weight:600;background:rgba(149,193,33,0.1)}.mobile-accordion{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.05);margin-bottom:20px}.mobile-accordion-header{background:linear-gradient(to right,rgba(255,255,255,0.9),rgba(240,240,240,0.9));padding:15px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-left:3px solid var(--praxis-gruen);transition:all 0.3s ease}.mobile-accordion-header h3{margin:0;font-size:18px;display:flex;align-items:center}.mobile-accordion-header .icon,.mobile-accordion-header h3 .icon{color:var(--gruen-text);margin-right:10px}.mobile-accordion-header .toggle-icon{color:var(--gruen-text);font-size:16px;transition:transform 0.3s ease}.mobile-accordion-header.active{background:linear-gradient(to right,rgba(149,193,33,0.1),rgba(255,255,255,0.9))}.mobile-accordion-header.active .toggle-icon{transform:rotate(180deg)}.mobile-accordion-body{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0,1,0,1)}.mobile-accordion-body.active{max-height:1000px;transition:max-height 0.4s cubic-bezier(1,0,1,0)}.mobile-accordion-content{padding:15px;background:#fcfcfc}.mobile-nav-item{display:flex;align-items:center;padding:12px 15px;margin:5px 0;background:#fff;border-radius:8px;text-decoration:none;color:var(--text);transition:all 0.3s ease;border-left:2px solid transparent}.mobile-nav-item:hover,.mobile-nav-item:active,.mobile-nav-item.active{background:rgba(149,193,33,0.05);border-left:2px solid var(--praxis-gruen);transform:translateX(3px)}.mobile-nav-item .icon{color:var(--gruen-text);margin-right:10px;min-width:20px;text-align:center}.sidebar{display:none}.mobile-accordion-container{display:block;margin-bottom:30px}@media (max-width:768px){.sidebar-nav{margin:0 -10px}.sidebar-nav .nav-title{font-size:20px;text-align:center;padding-bottom:8px;margin-bottom:15px}.sidebar-nav-button{margin-bottom:10px;padding:14px 15px}.main-content-area{padding:0 10px}.mobile-accordion-container .sidebar-submenu{padding-left:15px;margin-top:0}.sidebar-nav-subitem{padding:6px 10px;font-size:12px;margin-bottom:3px}}@media (max-width:991px){.main-content-wrapper{flex-direction:column}.sidebar{flex:0 0 100%;margin-right:0;margin-bottom:40px}.sidebar-nav{position:relative;top:0}}@media (max-width:480px){.sidebar-nav-button{padding:16px 15px}.sidebar-nav-button .icon{font-size:20px}.main-content-wrapper{padding:30px 10px}}@media (min-width:768px){.sidebar{display:block}.mobile-accordion-container{display:none}}.tech-layout{width:100%;max-width:900px;margin:30px auto;padding:0 15px}.tech-info{flex:1;width:100%}.tech-image{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;position:relative}.tech-image img,.tech-image-full img,.content-img img{width:100%;height:auto;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.12);transition:transform 0.3s ease,box-shadow 0.3s ease}.tech-image:hover img,.tech-image-full:hover img{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.18)}.tech-image-full{width:100%;max-width:900px;margin:30px auto;padding:0 15px}.tech-info.continuation{max-width:900px;margin:20px auto 40px;padding:0 15px}.praxis-details{line-height:1.8;color:#444}.praxis-details h2{font-size:32px;margin-bottom:30px;font-weight:700;color:var(--text);position:relative;padding-bottom:15px}.praxis-details h2:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:3px;background:var(--praxis-gruen)}.praxis-details h3{font-size:24px;margin:35px 0 15px;color:#444;font-weight:600;display:flex;align-items:center}.praxis-details h3:before{content:"";display:inline-block;width:6px;height:22px;background:var(--praxis-gruen);margin-right:12px;border-radius:3px}.praxis-details p{margin-bottom:20px;font-size:16px;line-height:1.8}.praxis-details p a{color:var(--gruen-text);text-decoration:none;font-weight:500;transition:all 0.2s ease;border-bottom:1px dotted rgba(149,193,33,0.5)}.praxis-details p a:hover{color:#7a9e1c;border-bottom:1px solid var(--praxis-gruen)}.content-card{width:100%;box-sizing:border-box;background:#ffffff;border-radius:12px;padding:25px 30px;margin:30px 0;box-shadow:0 8px 30px rgba(0,0,0,0.05);position:relative;overflow:hidden}.content-card:before{content:"";position:absolute;top:0;left:0;height:100%;width:4px;background:var(--praxis-gruen)}.content-card h4{font-size:20px;margin-bottom:15px;display:flex;align-items:center;color:var(--text)}.content-card h4 .icon{color:var(--gruen-text);margin-right:12px;font-size:18px}.highlight-box{background:linear-gradient(45deg,rgba(149,193,33,0.08),rgba(149,193,33,0.03));border-radius:10px;padding:25px;margin:30px 0;border-left:4px solid var(--praxis-gruen)}.highlight-box p{margin:0;font-size:16px;font-weight:500}.infobox{background:linear-gradient(to right,rgba(149,193,33,0.1),rgba(220,240,180,0.1));padding:25px 30px;border-radius:12px;margin:35px 0;position:relative;box-shadow:0 6px 20px rgba(149,193,33,0.1)}.infobox:before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-50%);background:var(--gruen-cta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E") no-repeat center / 20px 20px;color:white;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 10px rgba(149,193,33,0.3)}.infobox p{margin:0;font-weight:500}.content-img{max-width:100%;height:auto;margin:20px 0}.content-img img{box-shadow:0 6px 20px rgba(0,0,0,0.1)}.content-section{max-width:900px;margin:30px auto;padding:0 15px}.content-header{margin-bottom:20px}.content-header h4{font-size:22px;margin-bottom:20px;color:var(--text);display:flex;align-items:center}.content-header h4 .icon{color:var(--gruen-text);margin-right:12px;font-size:22px}.content-text{margin-bottom:30px}@media (min-width:768px){.tech-layout{flex-direction:row;align-items:center}.tech-info{flex:0 0 55%;padding-right:40px}.tech-image{flex:0 0 45%;margin:0}.praxis-details{max-width:800px;margin:0 auto}.content-img{margin:30px 0}}@media (min-width:1200px){.tech-info{flex:0 0 60%}.tech-image{flex:0 0 40%}}@media (max-width:768px){.content-section{padding:0 10px;margin:20px auto}.content-header h4{font-size:20px;margin-bottom:15px}.content-header h4 .icon{font-size:18px;margin-right:10px}.tech-image-full{margin:20px auto;padding:0 5px}.tech-image-full img{border-radius:8px}.content-text{margin-bottom:20px}}@media (max-width:480px){.content-header h4{font-size:18px;line-height:1.4;flex-wrap:wrap}.tech-image-full{margin:15px auto}}