/*
Theme Name: H&M Busreisen – Premium Unternehmensseite
Author: H&M Busreisen GmbH
Description: Individuelles, responsives Theme für H&M Busreisen GmbH.
Version: 4.0.0
*/
:root{--ink:#303030;--graphite:#555;--mid:#777;--line:#ddd;--light:#f5f5f3;--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.7;background:#fff}a{color:var(--graphite);text-decoration:none}a:hover{color:#111}img{max-width:100%;height:auto;display:block}.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:30}.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand-img{width:230px;height:auto}.main-nav ul{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:2px}.main-nav li{position:relative}.main-nav a{display:block;padding:13px 13px;font-size:15px;font-weight:700;color:#444}.main-nav a:hover{background:var(--light)}.main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:285px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 35px rgba(0,0,0,.12);padding:5px 0}.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:block}.main-nav .sub-menu a{font-size:14px;padding:9px 15px;font-weight:600}.mobile-toggle{display:none;background:#fff;border:1px solid var(--line);padding:9px 12px;font-weight:700}
.hero{position:relative;min-height:690px;color:#fff;background:#333;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,25,25,.82) 0%,rgba(25,25,25,.55) 48%,rgba(25,25,25,.12) 100%)}.hero-inner{position:relative;z-index:2;min-height:690px;display:flex;align-items:center}.hero-copy{max-width:730px;padding:75px 0}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.hero .eyebrow{color:#eee}.hero h1{font-size:clamp(44px,5.5vw,76px);line-height:1.02;letter-spacing:-2.5px;margin:15px 0 22px}.hero-lead{font-size:clamp(20px,2vw,26px);font-weight:700;margin:0 0 12px}.hero p{font-size:18px;color:#eee;max-width:690px;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-block;padding:14px 23px;font-weight:800;border:1px solid transparent}.btn-primary{background:#fff;color:#333}.btn-primary:hover{background:#eee;color:#111}.btn-outline{border-color:rgba(255,255,255,.65);color:#fff}.btn-outline:hover{background:rgba(255,255,255,.12);color:#fff}
.section{padding:90px 0}.section-light{background:var(--light)}.section-head{max-width:850px;margin-bottom:42px}.section-head .eyebrow{color:#666}.section-head h2{font-size:clamp(32px,4vw,48px);line-height:1.12;margin:10px 0 16px;color:#333}.section-head p{font-size:18px;color:#666;margin:0}.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.image-card img{width:100%;height:440px;object-fit:cover}.image-caption{font-size:12px;color:#777;margin-top:8px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);padding:31px;min-height:250px}.card h3{font-size:23px;margin:0 0 12px;color:#333}.card p{color:#666;margin:0}.card a{display:inline-block;margin-top:19px;font-weight:800}.cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.wide-card{background:#fff;border:1px solid var(--line);padding:30px}.wide-card h3{margin-top:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:28px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;font-size:29px;color:#333}.stat span{color:#666}.fleet-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fleet-tile{position:relative;min-height:250px;overflow:hidden;background:#444;color:#fff}.fleet-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.fleet-tile:hover img{transform:scale(1.04)}.fleet-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.78))}.fleet-tile div{position:absolute;z-index:2;left:24px;right:24px;bottom:20px}.fleet-tile h3{margin:0 0 3px;font-size:22px}.fleet-tile span{font-size:13px;color:#eee}.cta{background:#3d3d3d;color:#fff;padding:70px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{margin:0 0 8px;font-size:36px}.cta p{margin:0;color:#ddd}.page-hero{background:var(--light);padding:70px 0;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(40px,5vw,58px);line-height:1.1;margin:0 0 10px;color:#333}.page-hero p{margin:0;max-width:850px;color:#666;font-size:18px}.content{padding:70px 0}.content-narrow{max-width:920px}.content h2{font-size:34px;line-height:1.2;color:#333;margin-top:42px}.content h3{font-size:24px;color:#333}.content p,.content li{font-size:17px;color:#555}.content ul{padding-left:23px}.content img{margin:25px 0}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fleet-card{border:1px solid var(--line);background:#fff;overflow:hidden}.fleet-card img{width:100%;height:220px;object-fit:cover}.fleet-body{padding:24px}.fleet-body h3{margin:0 0 10px}.fleet-body p{margin:0;color:#666}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:45px}.contact-photo img{width:100%;max-height:520px;object-fit:cover}.form-box{background:#fafafa;border:1px solid var(--line);padding:30px}.form-box label{display:block;font-weight:700;margin:0 0 5px}.form-box input,.form-box textarea,.form-box select{width:100%;padding:12px;border:1px solid #ccc;margin:0 0 17px;font:inherit;background:#fff}.form-box textarea{min-height:160px}.notice{padding:14px 18px;background:#f0f0ee;border-left:4px solid #555;margin-bottom:25px}.site-footer{background:#3d3d3d;color:#fff}.footer-inner{padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-title{font-weight:800;font-size:18px;margin-bottom:8px}.site-footer p{color:#ddd;margin:0}.site-footer a{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);margin-top:40px;padding-top:18px;color:#bbb;font-size:13px}
@media(max-width:900px){.container{width:min(var(--max),calc(100% - 30px))}.header-inner{min-height:76px;flex-wrap:wrap}.brand-img{width:205px}.mobile-toggle{display:block}.main-nav{display:none;width:100%}.main-nav.open{display:block}.main-nav ul{flex-direction:column;align-items:stretch}.main-nav .sub-menu{position:static;box-shadow:none;border:0;padding-left:15px}.main-nav li:hover>.sub-menu{display:none}.main-nav li.expanded>.sub-menu{display:block}.hero,.hero-inner{min-height:610px}.hero-overlay{background:rgba(20,20,20,.65)}.two-col,.contact-grid{grid-template-columns:1fr}.cards,.fleet-grid,.fleet-preview{grid-template-columns:1fr}.cards-2{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(3),.stat:nth-child(4){border-top:1px solid var(--line)}.cta-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.image-card img{height:330px}}
@media(max-width:560px){.hero h1{font-size:44px}.hero-copy{padding:60px 0}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}}