:root{--bg:#0d0d0d;--surface:#121212;--surface-2:#161616;--surface-3:#1b1b1b;--line:#262626;--text:#e5e7eb;--muted:#a3a3a3;--headcol:#f3f4f6;--accent:#fee514;--btn:#0ea5e9;--orange:#1f2937;--radius:10px;}
*,*::before,*::after{box-sizing:border-box;}
html,body{height:100%;}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans";color:var(--text);background:var(--bg);line-height:1.6;}
img,svg,video{display:block;max-width:100%;height:auto;}
.container{max-width:1200px;margin-inline:auto;padding-inline:16px;}
.content a,.content a:hover,.content a:focus,.content a:active,.content a:visited{color:var(--accent);text-decoration:underline;}
h1{color:var(--accent);margin:0.6em 0 0.3em;line-height:1.25;}
h2,h3,h4{color:var(--headcol);margin:0.6em 0 0.3em;line-height:1.25;}
h1{font-size:clamp(1.8rem,1.2rem + 2.2vw,2.4rem);}
h2{font-size:clamp(1.4rem,1.0rem + 1.2vw,1.8rem);}
h3{font-size:clamp(1.2rem,0.9rem + 0.8vw,1.4rem);}
h4{font-size:1.05rem;}
p{margin:0.5em 0 1em;color:#d4d4d4;}
.site-header{padding:16px 0;}
.logo{width:100%;}
.nav-wrap{margin-top:12px;}
#nav-toggle,.sub-toggle{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.nav-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-weight:600;cursor:pointer;user-select:none;}
.nav-btn::before{content:"☰";font-size:1.1rem;line-height:1;}
.site-nav{display:none;margin-top:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);overflow:hidden;}
#nav-toggle:checked~.site-nav{display:block;}
.site-nav ul{list-style:none;margin:0;padding:8px;display:grid;gap:6px;}
.site-nav a{display:block;padding:10px 12px;text-decoration:none;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;}
.site-nav a:hover{background:#202020;}
.sub-btn{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font-weight:600;cursor:pointer;}
.sub-btn::after{content:" ▾";}
.toplink{display:none;}
.submenu{display:none;list-style:none;margin:6px 0 0;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface-3);gap:6px;}
.submenu a{border-radius:10px;}
.submenu a:hover{background:#232323;}
.imgbox{border:1px solid var(--line);border-radius:var(--radius);}
@media (max-width:899.98px){.site-nav .toplink{display:none!important;}.site-nav .sub-btn{display:block!important;}.site-nav .has-submenu>.submenu{display:none!important;}.site-nav .has-submenu>.sub-toggle:checked+.sub-btn+.submenu{display:grid!important;}}
@media (min-width:900px){.nav-btn{display:none!important;}.site-nav{display:block!important;overflow:visible;margin-top:12px;}.site-nav ul{display:flex;gap:12px;padding:10px;}.site-nav .sub-btn{display:none!important;}.site-nav .toplink{display:block!important;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-weight:600;}.site-nav .has-submenu{position:relative;}.site-nav .has-submenu>.submenu{position:absolute;top:100%;left:0;min-width:220px;padding:8px;display:none;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.35);z-index:20;}.site-nav .has-submenu>.submenu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;}.site-nav .has-submenu>.sub-toggle:checked+.sub-btn+.submenu{display:none!important;}.site-nav .has-submenu:hover>.submenu,.site-nav .has-submenu:focus-within>.submenu{display:block;}}
.grid{display:grid;gap:16px;align-items:stretch;}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
@media (max-width:900px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:600px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr;}}
.testen{border-left:4px solid var(--btn);background-color:#121417;padding:15px;margin-bottom:15px;margin-top:15px;}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:14px;background:var(--surface);box-shadow:0 1px 0 rgba(0,0,0,0.25);height:100%;display:flex;flex-direction:column;overflow-wrap:anywhere;}
.card .card-actions{margin-top:auto;}
.card h2,.card h3{margin-top:0;color:var(--headcol);}
.card2 { text-align:center; padding:14px; background:inherit; height:100%;display:flex;flex-direction:column;overflow-wrap:anywhere;}
.card2 .card-actions2{margin-top:auto;}
.card2 h2,.card2 h3{margin-top:0;color:var(--headcol);}
.accordion{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);}
.accordion details{border-bottom:1px solid var(--line);background:var(--surface);}
.accordion details:last-child{border-bottom:0;}
.accordion summary{cursor:pointer;padding:14px 16px;list-style:none;user-select:none;font-weight:600;color:var(--text);background:var(--orange);}
.accordion summary::-webkit-details-marker{display:none;}
.accordion summary::after{content:"▸";float:right;transition:transform .2s ease;}
.accordion details[open] summary::after{transform:rotate(90deg);}
.accordion .panel{padding:0 16px 16px;color:#cbd5e1;}
.btn{display:inline-block; min-width:250px;  padding:10px 16px;background:var(--btn);color:#0b0b0b;text-decoration:none;border:0;border-radius:999px;font-weight:600;line-height:1;transition:filter .15s ease,transform .02s ease;}
.btn:hover{filter:brightness(1.08);}
.btn:active{transform:translateY(1px);}
.btn:focus-visible{outline:3px solid color-mix(in oklab,var(--btn) 40%, white);outline-offset:2px;}
.btn,.btn:link,.btn:visited,.content a.btn,.container a.btn,.site-footer a.btn{color:#0b0b0b!important;text-decoration:none!important;}
.section{padding:10px 0;}
.muted{color:var(--muted);}
.hr{height:1px;background:var(--line);border:0;margin:24px 0;}
.site-footer{border-top:1px solid var(--line);margin-top:32px;padding:18px 0 40px;color:var(--muted);background:transparent;}
.site-footer a:link,.site-footer a:visited{color:var(--accent);text-decoration:underline;}

.leftimg {float:left; margin-right:20px; border-radius:var(--radius); }
.key-features { background-color:#222; border:1px solid #555; border-radius:10px; padding:12px; margin-bottom:20px; }
.key-features ul { margin-left:20px; padding-left:0; margin-top:10px; }
.box-inner { display:block; }

.advantages { display:-webkit-flex; display:-ms-flexbox; display:flex; padding:25px; float:left; margin-bottom:10px; background-color:#001801; border:1px solid green; border-radius:10px; }
.advantages ul { margin-left:20px; }
.disadvantages ul { margin-left:20px; }
.disadvantages { display:-webkit-flex; display:-ms-flexbox; display:flex; padding:25px; float:left; margin-bottom:10px; background-color:#2a0000; border:1px solid red; border-radius:10px; }
.box-container { width:100%; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.tabres { width: 100%; padding: 0px; 0px; overflow-y: hidden; border: 1px solid #ddd; border-radius:0px; overflow-x: auto; min-height: 0.01%; margin-bottom:15px; }
th, td { border: 1px solid #ddd; padding: 0.4em !important; }

@media (min-width:900px) { 
.advantages { width:49%; margin-right:23px; } 
.disadvantages { width:49%; } 
}
@media (max-width:899px) { 
.advantages { width:100%; } 
.disadvantages { width:100%; } 
}

.normimg { float:left; margin:0px 20px 20px 0px; }
.normimg img { display:block; border-radius:var(--radius); }
.infobox { width:100%; background-color:#242200; border:1px solid #3a3800; border-radius:var(--radius); }
.infobox-inner { padding:10px 20px 20px 20px; }

.oksym { background:url('d/ok.webp') no-repeat left center; height:25px; line-height:25px; margin:0 0 5px; padding:0 0 0 20px; }
a.biglink:link, a.dllink:visited ,a.dllink:active { text-decoration:underline; line-height:1.4em; color:var(--accent); font-size:22px; font-weight:bold; }
a.biglink:hover { text-decoration:underline; line-height:1.4em; color:var(--accent); font-size:22px; font-weight:bold; }
.product-card { color:var(--accent); background-color:var(--bg); border:1px solid #cccccc; border-radius:8px; padding:12px; line-height:1.9em; padding-top:0px; }
.product h3 { color:var(--headcol); }
.product-type, .operating-system, .license, .download-size, .supported-file-formats { color:var(--accent); font-weight:bold; }

.subbox-wrapper { position: relative; width: 100%; margin: 20px auto; background-color: #292929; border: 1px solid #aaaaaa; border-radius: 10px; color: #fff; padding: 20px; overflow: hidden; }
.subbox { position: relative; z-index: 1; }
.peel-corner { position: absolute; top: 0; right: 0; width: 80px; height: 80px; z-index: 2; background: linear-gradient(135deg, #aaaaaa 50%, transparent 50%); clip-path: polygon(100% 0, 100% 100%, 0 0); }
.subbox { padding:20px; }