/*
Theme Name: MC AutoConcept Onepager
Author: MC AutoConcept
Description: Klarer, responsiver Firmen-Onepager für das interne Fuhrparkmanagement der MC Gruppe.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mc-autoconcept
*/
:root{--navy:#0b2d5c;--navy-dark:#071c39;--ink:#122136;--muted:#5f7184;--pale:#f3f6fa;--white:#fff;--line:#dce4ed;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #5f9af5;outline-offset:4px}::selection{background:#bfd5fb;color:#071c39}.container{width:min(var(--max),calc(100% - 56px));margin-inline:auto}
.site-header{height:94px;position:relative;z-index:20;background:#fff;border-bottom:1px solid #edf0f5}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:260px;height:auto;display:block}.nav-links{display:flex;align-items:center;gap:37px}.nav-links>a{font-size:13px;font-weight:650;color:#536276;transition:color .2s}.nav-links>a:hover{color:var(--navy)}.nav-links .nav-cta{padding:12px 20px;border:1px solid #c9d7e9;border-radius:999px;color:var(--navy);transition:all .2s}.nav-links .nav-cta:hover{color:#fff;background:var(--navy)}.menu-toggle{display:none;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #dce4ed;background:white;border-radius:10px;color:var(--ink);cursor:pointer}
.hero{position:relative;overflow:hidden;background:linear-gradient(119deg,#fafdff 4%,#f4f7fb 62%,#f0f4fa 100%)}.hero:before{content:"";position:absolute;width:450px;height:450px;border-radius:100%;border:1px solid #dce5f1;left:-320px;top:36px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:626px;gap:45px;padding-block:86px 98px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--navy);font-size:11px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}.eyebrow:before{content:"";display:block;width:29px;height:2px;background:#426ba0}.hero h1{font-size:clamp(43px,4.2vw,66px);letter-spacing:-.058em;line-height:1.075;margin:26px 0 25px;font-weight:760}.hero h1 span{color:var(--navy)}.hero-lead{max-width:525px;color:#576b81;font-size:17px;line-height:1.83;margin:0}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:35px}.button-primary{display:inline-flex;align-items:center;gap:24px;border-radius:9px;background:var(--navy);color:white;padding:17px 22px;font-size:13px;font-weight:750;box-shadow:0 8px 18px #0b2d5c22}.button-primary:hover{background:#123f7c}.arrow{font-size:20px;line-height:0}.text-link{font-weight:750;font-size:13px;color:#1f416d}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.hero-graphic{position:relative;min-height:414px;display:flex;align-items:center;justify-content:center}.hero-graphic:before{content:"";position:absolute;width:440px;height:440px;max-width:100%;border:1px solid #d3deeb;border-radius:50%;top:0;right:0}.hero-graphic:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #e0e7ef;border-radius:50%;top:53px;right:53px}.visual-card{position:relative;z-index:2;width:100%;max-width:492px;min-height:330px;border:1px solid #203f67;border-radius:18px;background:linear-gradient(145deg,#123865,#071b36 77%);box-shadow:0 30px 70px #061f3a2c;overflow:hidden;color:white;padding:27px 30px}.visual-card:before{content:"";width:430px;height:430px;border:1px solid #ffffff11;border-radius:50%;position:absolute;top:-200px;right:-130px}.visual-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#aec7e4;letter-spacing:.13em;font-weight:700}.visual-dot{width:7px;height:7px;display:inline-block;background:#b2c9e1;border-radius:50%;box-shadow:0 0 0 6px #ffffff12}.car-line{width:100%;display:block;margin-top:33px;filter:drop-shadow(0 4px 12px #447cb020)}.visual-footer{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #ffffff29;padding-top:23px;margin-top:24px}.visual-footer strong{display:block;font-size:21px;letter-spacing:-.04em}.visual-footer small{display:block;font-size:10px;color:#b9cde0;letter-spacing:.16em;margin-top:6px}.card-tag{font-size:10px;color:#d1e3f6;border:1px solid #5d7da2;border-radius:100px;padding:9px 11px;letter-spacing:.11em}.visual-floating{position:absolute;z-index:3;right:-17px;bottom:11px;background:white;box-shadow:0 12px 30px #0f325024;padding:15px 19px;border-radius:12px;display:flex;align-items:center;gap:11px;border:1px solid #edf1f6}.float-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#e9f0f9;color:var(--navy);font-size:20px}.visual-floating strong{display:block;font-size:12px}.visual-floating small{display:block;font-size:10px;color:#7f91a3;margin-top:4px}
.metrics{border-top:1px solid #e7edf5;border-bottom:1px solid #e7edf5;background:#fff}.metrics-inner{display:grid;grid-template-columns:repeat(3,1fr)}.metric{padding:27px 30px 27px 0;display:flex;gap:13px;align-items:center}.metric+.metric{border-left:1px solid #e5eaf1;padding-left:36px}.metric-icon{width:32px;height:32px;flex-shrink:0;border:1px solid #cad8e8;border-radius:8px;display:grid;place-items:center;color:var(--navy)}.metric strong{font-size:13px;display:block;font-weight:770}.metric small{font-size:11px;color:#7e8ea0;display:block;margin-top:4px}
.section{padding:108px 0}.section-kicker{font-size:11px;letter-spacing:.14em;color:var(--navy);text-transform:uppercase;font-weight:780}.section h2{font-size:clamp(32px,3vw,43px);line-height:1.18;letter-spacing:-.045em;margin:20px 0}.section p{color:#627488;line-height:1.83;font-size:16px}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.about-grid .section-kicker{margin-top:8px}.about-copy{max-width:590px}.about-copy p:first-child{margin-top:4px}.about-statement{border-left:3px solid #376399;padding-left:21px;color:#254364!important;font-size:18px!important;font-weight:580;margin-top:27px}.section-muted{background:#f6f8fb}.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:42px}.section-heading p{max-width:380px;margin-bottom:5px;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:31px 29px 33px;min-height:244px;box-shadow:0 8px 25px #1a3a5a08}.service-icon{width:42px;height:42px;background:#edf3fa;border-radius:10px;color:var(--navy);display:grid;place-items:center;font-size:21px}.service-num{color:#9ba9b9;font-size:11px;letter-spacing:.12em;margin-top:22px;font-weight:800}.service-card h3{font-size:19px;letter-spacing:-.025em;margin:7px 0 10px}.service-card p{font-size:13px;line-height:1.75;margin:0}
.contact-section{background:#0a2851;color:#fff;padding:78px 0 84px;position:relative;overflow:hidden}.contact-section:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:600px;height:600px;position:absolute;right:-140px;top:-335px}.contact-inner{position:relative;display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center}.contact-section .section-kicker{color:#a9c6ec}.contact-section h2{font-size:clamp(34px,3.1vw,44px);line-height:1.15;letter-spacing:-.04em;margin:20px 0 17px}.contact-section p{font-size:15px;line-height:1.85;color:#cad9e9;margin:0;max-width:540px}.contact-details{background:#ffffff0d;border:1px solid #ffffff23;border-radius:14px;padding:25px 31px}.contact-row{padding:13px 0;display:flex;gap:17px;align-items:flex-start}.contact-row+.contact-row{border-top:1px solid #ffffff1c}.contact-row-icon{font-size:21px;color:#b5d5ff;line-height:1.15}.contact-row span{display:block;font-size:10px;letter-spacing:.12em;color:#9fb9d8;text-transform:uppercase;margin-bottom:7px}.contact-row a,.contact-row strong{font-size:16px;font-weight:620;overflow-wrap:anywhere}.contact-row a:hover{text-decoration:underline}.pending{color:#a2b9d2;font-weight:450!important;font-style:italic}
.site-footer{background:#fff;padding:35px 0 32px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-mark img{width:196px;display:block}.footer-copy{font-size:11px;color:#8a9aaa;margin-top:8px}.footer-right{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:11px;color:#687b8f}.footer-right a:hover{text-decoration:underline}
.content-page{min-height:55vh;padding:85px 0}.content-page h1{font-size:42px;letter-spacing:-.04em}.content-page article{max-width:850px;color:#344a61;line-height:1.7}
@media(max-width:960px){.hero-grid{grid-template-columns:1fr 1fr;gap:20px}.hero h1{font-size:47px}.hero-graphic{min-height:340px}.visual-card{min-height:280px;padding:24px}.car-line{margin-top:24px}.about-grid{gap:45px}.service-card{padding:26px 21px}.visual-floating{right:-9px;bottom:-8px}.brand img{width:215px}}
@media(max-width:740px){.container{width:calc(100% - 38px)}.site-header{height:78px}.brand img{width:204px}.menu-toggle{display:flex}.nav-links{display:none;position:absolute;left:0;right:0;top:78px;padding:17px 19px 25px;background:#fff;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #edf0f5;box-shadow:0 15px 30px #081f3717}.nav-links.open{display:flex}.nav-links>a{padding:15px 4px}.nav-links .nav-cta{margin-top:10px;text-align:center}.hero-grid{grid-template-columns:1fr;gap:20px;padding-block:67px 65px;min-height:auto}.hero h1{font-size:clamp(42px,9vw,55px)}.hero-lead{font-size:15px}.hero-graphic{margin-top:30px;min-height:320px}.visual-card{max-width:460px}.visual-floating{right:2px;bottom:-10px}.metrics-inner{grid-template-columns:1fr}.metric,.metric+.metric{padding:18px 0;border-left:0}.metric+.metric{border-top:1px solid #edf0f5}.section{padding:75px 0}.about-grid,.contact-inner{grid-template-columns:1fr;gap:28px}.section-heading{display:block}.section-heading p{max-width:560px}.service-grid{grid-template-columns:1fr}.service-card{min-height:initial}.contact-section{padding:69px 0}.footer-inner{display:block}.footer-right{margin-top:24px}.contact-details{padding:18px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}