/*
Theme Name: Diga-Tec Dark Lesbar
Author: Diga-Tec
Description: Dunkles, kontrastreiches Theme mit echtem Diga-Tec-Logo und mobilen Menüs.
Version: 4.0
Requires PHP: 7.4
*/
:root{color-scheme:dark;--bg:#090b0f;--surface:#151a22;--text:#f5f7fa;--muted:#d5dbe5;--accent:#ff6868;--border:#414b5c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.75}a{color:#ff9999;text-underline-offset:4px}a:hover{color:white}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffcc66;outline-offset:5px}.wrap{width:min(1160px,92%);margin:auto}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:#fff;color:#000;z-index:100}.top{background:#151a22;color:var(--muted);font-size:15px;padding:8px 0}.top .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}header{border-bottom:1px solid var(--border);background:#090b0f}.header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 0}.brand{background:#fff;display:block;border-radius:6px;padding:10px;flex-shrink:0}.brand img{width:240px;height:auto;display:block}.navigation ul{display:flex;gap:18px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.navigation a{font-size:15px;font-weight:700;color:#f5f7fa;text-decoration:none;display:block;padding:8px 0}.navigation a:hover{color:#ff9999}.mobile{display:none}.hero{padding:80px 0 65px;background:radial-gradient(ellipse at top right,#37191f,transparent 65%);border-bottom:1px solid var(--border)}.eyebrow{color:#ff9999;font-size:14px;text-transform:uppercase;letter-spacing:2px;font-weight:700}h1{font-size:clamp(34px,5vw,64px);line-height:1.15;letter-spacing:-1px;margin:18px 0 25px;overflow-wrap:anywhere}h2{font-size:clamp(26px,3vw,36px);line-height:1.3;margin:48px 0 20px;color:#fff}h3{font-size:23px;color:#fff;line-height:1.4}p,li{color:var(--muted)}strong{color:#fff}.lead{max-width:780px;font-size:21px}.button{display:inline-block;background:#b6222e;color:white;border:1px solid #ff7c87;padding:12px 22px;border-radius:6px;font-weight:700;text-decoration:none;margin:8px 8px 8px 0}.button:hover{background:#8b1721}.content{padding:25px 0 75px;min-height:40vh}.content p,.content ul{max-width:880px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:30px 0}.card{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.card h2,.card h3{margin-top:0}.card a{font-weight:700}.contact{border-top:1px solid var(--border);background:#151a22;padding:36px 0}.contact .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}footer{padding:24px 0;color:var(--muted);font-size:15px}footer a{margin-right:18px}.content img{max-width:100%;height:auto}.content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}td,th{border:1px solid var(--border);padding:12px}th{background:#232b37}.wp-block-button__link{color:white;background:#b6222e}input,textarea,select{max-width:100%;background:#151a22;color:white;border:1px solid var(--border);padding:12px} @media(max-width:960px){.desktop{display:none}.mobile{display:block;padding-bottom:16px}.mobile summary{cursor:pointer;padding:12px 16px;border:1px solid var(--border);border-radius:6px;font-weight:700}.mobile ul{display:block;padding:12px}.mobile a{padding:12px}.header{padding:18px 0}.hero{padding:48px 0}.cards{grid-template-columns:1fr}.brand img{width:220px}}@media(max-width:420px){body{font-size:17px}.header{flex-wrap:wrap}.lead{font-size:19px}}