/*
Theme Name: Fleet 360
Theme URI: https://fleet.360onmedia.com/
Author: 360onmedia
Description: Modernes, responsives WordPress-Theme für das Fuhrparkportal Fleet 360.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: fleet-360
*/
:root{--navy:#14263d;--navy2:#1e3652;--teal:#0aa9a3;--bg:#f4f7fa;--ink:#203047;--muted:#617287}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#087f83}a:hover{text-decoration:none}.site-header{background:var(--navy);color:#fff}.header-inner{max-width:1180px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.35rem;font-weight:800;letter-spacing:.2px;color:#fff;text-decoration:none}.brand-mark{color:#5ce0d3}.site-nav ul{list-style:none;display:flex;gap:22px;align-items:center;padding:0;margin:0}.site-nav a{color:#e7f0fa;text-decoration:none;font-weight:600}.site-nav a:hover{color:#5ce0d3}.nav-toggle{display:none;border:1px solid #708096;background:transparent;color:white;padding:8px 12px;border-radius:8px}.hero{background:linear-gradient(120deg,var(--navy),#244a6b);color:white;padding:74px 24px}.hero-inner,.container{max-width:1180px;margin:auto}.eyebrow{color:#7be2d7;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15;margin:12px 0 18px;max-width:780px}.hero p{color:#dbe8f5;max-width:680px;font-size:1.1rem}.btn{display:inline-block;background:var(--teal);color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:700;margin:10px 10px 0 0}.btn.secondary{background:transparent;border:1px solid #aac1d5}.content-area{padding:42px 24px 70px}.panel{background:white;border:1px solid #e0e8ef;border-radius:16px;padding:28px;box-shadow:0 8px 30px rgba(20,38,61,.05)}.panel h2:first-child{margin-top:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature{background:white;border:1px solid #e0e8ef;border-radius:16px;padding:24px}.feature .symbol{font-size:1.8rem}.feature h2{font-size:1.15rem;margin:12px 0 6px}.feature p{color:var(--muted);margin:0}.page-title{font-size:clamp(1.8rem,4vw,2.7rem);margin:0 0 24px}.entry-content img{max-width:100%;height:auto}.entry-content table{width:100%;border-collapse:collapse}.entry-content th,.entry-content td{border:1px solid #d9e4ed;padding:10px;text-align:left}.site-footer{background:var(--navy);color:#c6d4e1;padding:26px 24px}.footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.site-footer a{color:#c6d4e1}.skip-link{position:absolute;top:-100px;left:10px;background:white;padding:10px;z-index:999}.skip-link:focus{top:10px}input,select,textarea,button{font:inherit}input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%;padding:10px;border:1px solid #bccbd8;border-radius:8px}button,input[type=submit]{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #08c4bc;outline-offset:3px}@media(max-width:760px){.header-inner{flex-wrap:wrap}.nav-toggle{display:block}.site-nav{display:none;width:100%}.site-nav.open{display:block}.site-nav ul{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0}.grid{grid-template-columns:1fr}.hero{padding:52px 22px}.content-area{padding:28px 16px}.panel{padding:20px}}