@import url('/styles-base.css');
@import url('/header-unified.css');

/* Global subpage fixes: contrast, mobile navigation and active states */
body:not(.home-pro) .page-hero{
  background:linear-gradient(90deg,rgba(5,18,29,.72),rgba(5,18,29,.34)),url('/bilder/hero-bbs-r10.webp') center/cover no-repeat!important;
  color:#fff!important;
}
body:not(.home-pro) .page-hero h1{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.35)!important}
body:not(.home-pro) .page-hero .lead,
body:not(.home-pro) .page-hero .sub{color:#eef5fa!important;text-shadow:0 1px 5px rgba(0,0,0,.35)!important}
body:not(.home-pro) .page-hero .eyebrow{color:#31aaff!important}

body:not(.home-pro) .links a[href="/dienstleistungen/"]{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#fff!important}
body:not(.home-pro) .links a.uvv-nav,
body:not(.home-pro):has(#uvv-pruefung) .links a[href="/dienstleistungen/"]{background:linear-gradient(180deg,#159bff,#0877df)!important;border-color:#32a6ff!important;box-shadow:0 8px 22px rgba(0,140,255,.28)!important;color:#fff!important}
body:not(.home-pro):has(.mietpark-hero) .links a[href="/mietpark/"]{background:rgba(20,156,255,.16)!important;border-color:#159cff!important;color:#35adff!important}
.home-pro .pro-nav a.uvv-main,.home-pro .pro-mobile-menu a.uvv-main{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#fff!important}
.home-pro .pro-nav a.uvv-main:hover,.home-pro .pro-mobile-menu a.uvv-main:hover{background:#122b3c!important}

@media(min-width:901px){
  .mietpark-grid{align-items:stretch}.rental-image-wrap{height:285px!important;padding:14px!important;background:#fff!important}
  .mietpark-grid .rental-img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#fff!important}
  .mietpark-grid .rental-img[src$=".svg"]{padding:10px!important}
  .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;gap:42px!important}
  .hero-image{width:100%!important;height:320px!important;max-height:none!important;object-fit:cover!important;object-position:center!important;padding:0!important;background:#e8edf1!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important}
  .hero-image.product-shot{object-fit:contain!important;padding:20px!important;background:#fff!important}.hero-image.bagger-shot{object-position:center 58%!important}
}

@media(max-width:900px){
  body:not(.home-pro) header{position:sticky!important;top:0!important;z-index:80!important;background:linear-gradient(90deg,#07131d,#0d2638)!important}
  body:not(.home-pro) header .wrap{padding:0 10px!important}
  body:not(.home-pro) header nav{min-height:0!important;display:grid!important;grid-template-columns:1fr!important;gap:2px!important;padding:4px 0 7px!important}
  body:not(.home-pro) .brand{width:100%!important;height:auto!important;min-height:78px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}
  body:not(.home-pro) .brand-logo{display:block!important;width:210px!important;height:78px!important;max-height:78px!important;object-fit:contain!important}
  body:not(.home-pro) .brand::before,body:not(.home-pro) .brand::after{display:none!important;content:none!important}
  body:not(.home-pro) .links{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important;overflow:visible!important;padding:2px 0 0!important}
  body:not(.home-pro) .links a{min-width:0!important;min-height:55px!important;padding:5px 2px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#fff!important;font-size:9px!important;line-height:1.05!important;white-space:normal!important;text-align:center!important}
  body:not(.home-pro) .links a:hover{background:#122b3c!important}body:not(.home-pro) .links a::before{font-size:18px!important;line-height:1!important}
  body:not(.home-pro) .links a[href="/dienstleistungen/"]{font-size:0!important}body:not(.home-pro) .links a[href="/dienstleistungen/"]::after{font-size:9px!important;line-height:1.05!important}
  body:not(.home-pro) .links a.uvv-nav,body:not(.home-pro):has(#uvv-pruefung) .links a[href="/dienstleistungen/"]{background:linear-gradient(180deg,#159bff,#0877df)!important;border-color:#32a6ff!important;box-shadow:0 4px 12px rgba(0,140,255,.22)!important;color:#fff!important}
  body:not(.home-pro):has(.mietpark-hero) .links a[href="/mietpark/"]{background:linear-gradient(180deg,#159bff,#0877df)!important;border-color:#32a6ff!important;color:#fff!important}
  body:not(.home-pro) .page-hero{padding:34px 0 32px!important;min-height:0!important}body:not(.home-pro) .page-hero h1{font-size:clamp(34px,9vw,46px)!important;margin:8px 0 12px!important}body:not(.home-pro) .page-hero .lead{font-size:16px!important;line-height:1.45!important}body:not(.home-pro) .page-hero .sub{font-size:14px!important;line-height:1.45!important}
  .mietpark-grid .rental-image-wrap{height:auto!important;min-height:0!important;padding:0!important;display:block!important;overflow:visible!important;background:#fff!important}
  .mietpark-grid .rental-img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;background:#fff!important}
  .mietpark-grid .rental-img[src$=".svg"]{max-height:320px!important;padding:14px!important;object-fit:contain!important}
  .mietpark-grid .rental-image-wrap:has(.rental-img[src*="minibagger-rippa-r10-900.webp"]){height:340px!important;overflow:hidden!important;padding:0!important}
  .mietpark-grid .rental-img[src*="minibagger-rippa-r10-900.webp"]{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 72%!important}
  .mietpark-grid .category-badge{z-index:2}
}

@media(max-width:700px){
  .home-pro .pro-header-inner{min-height:88px!important;padding:4px 10px!important;grid-template-columns:1fr auto!important;gap:8px!important}
  .home-pro .pro-logo img{display:block!important;width:220px!important;height:82px!important;max-height:82px!important;object-fit:contain!important}
  .home-pro .pro-mobile-nav{display:block!important;position:relative!important}.home-pro .pro-mobile-nav summary{min-width:72px!important;min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:7px 11px!important;border:1px solid #2b5068!important;border-radius:8px!important;background:#102432!important;color:#fff!important;font-size:12px!important;font-weight:900!important;list-style:none!important;cursor:pointer!important;box-shadow:none!important}.home-pro .pro-mobile-nav summary::-webkit-details-marker{display:none!important}
  .home-pro .pro-mobile-menu{position:absolute!important;top:46px!important;right:0!important;width:min(360px,94vw)!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:7px!important;border:1px solid #294052!important;border-radius:10px!important;background:linear-gradient(180deg,#081722,#0b1d2a)!important;box-shadow:0 14px 30px rgba(0,0,0,.35)!important}
  .home-pro .pro-mobile-menu a{min-height:68px!important;padding:6px 3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#fff!important;text-align:center!important;text-decoration:none!important;font-size:10px!important;line-height:1.05!important;font-weight:800!important}.home-pro .pro-mobile-menu a::before{font-size:21px!important;line-height:1!important;color:#fff!important}
  .home-pro .pro-mobile-menu a[href="/"]::before{content:"⌂"}.home-pro .pro-mobile-menu a[href="/mietpark/"]::before{content:"♜"}.home-pro .pro-mobile-menu a[href="/dienstleistungen/"]::before{content:"◇"}.home-pro .pro-mobile-menu a[href="/dienstleistungen/#weitere-leistungen"]::before{content:"⚙"}.home-pro .pro-mobile-menu a[href="/referenzen/"]::before{content:"★"}.home-pro .pro-mobile-menu a[href="/einsatzgebiet/"]::before{content:"●"}.home-pro .pro-mobile-menu a[href="/kontakt/"]::before{content:"✉"}
  .home-pro .pro-mobile-menu a[href="/"]{color:#35adff!important;border-color:rgba(21,156,255,.35)!important;background:rgba(20,156,255,.10)!important}.home-pro .pro-mobile-menu a.uvv-main{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
}

@media(max-width:560px){
  body:not(.home-pro)::before{font-size:10px!important;padding:6px 10px!important;text-align:center!important}
  
  body:not(.home-pro) .links{gap:2px!important}body:not(.home-pro) .links a{min-height:50px!important;padding:4px 1px!important;font-size:8px!important;border-radius:6px!important}body:not(.home-pro) .links a::before{font-size:16px!important}body:not(.home-pro) .links a[href="/dienstleistungen/"]::after{font-size:8px!important}
  body:not(.home-pro) .page-hero{padding:28px 0 30px!important}body:not(.home-pro) .page-hero h1{font-size:35px!important;line-height:1.02!important}
  
  .home-pro .pro-mobile-menu{width:min(344px,96vw)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.home-pro .pro-mobile-menu a{min-height:64px!important;font-size:9px!important}.home-pro .pro-mobile-menu a::before{font-size:20px!important}
}

/* Uniform price typography across all Mietpark cards. */
body:not(.home-pro):has(.mietpark-hero) .mietpark-grid .price-row,
body:not(.home-pro):has(.mietpark-hero) .mietpark-grid .price-row *{
  font-family:Arial,Helvetica,sans-serif!important;
}
body:not(.home-pro):has(.mietpark-hero) .mietpark-grid .price-row>div:first-child{
  display:flex;
  align-items:baseline;
  gap:4px;
}
body:not(.home-pro):has(.mietpark-hero) .mietpark-grid .price-row>div:first-child strong{
  font-size:31px!important;
  font-weight:900!important;
  line-height:1!important;
  color:#111!important;
}
body:not(.home-pro):has(.mietpark-hero) .mietpark-grid .price-row>div:first-child span{
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.2!important;
  color:#5f6d77!important;
}
body:not(.home-pro):has(.mietpark-hero) .mietpark-grid .week-price{
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.25!important;
  color:#253540!important;
}

/* Keep price typography consistent in the rental cards on the homepage as well. */
.home-pro .pro-rental-body strong,
.home-pro .pro-rental-body b{
  font-family:Arial,Helvetica,sans-serif!important;
}



/* Mietpark: pricing information stays visible without competing with the machines. */
.mietpark-rate-note{
  margin:10px 0 18px;
  padding:0 2px;
  font-size:.84rem;
  line-height:1.45;
  color:#617482;
}
.deposit-strip{
  display:grid;
  grid-template-columns:1fr auto;
  gap:2px 12px;
  align-items:center;
  margin:12px 0 15px;
  padding:10px 11px;
  border-radius:10px;
  background:#f5f8fa;
  border:1px solid #dde7ed;
}
.deposit-strip span{font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#647785}
.deposit-strip strong{font:900 17px/1 Arial,Helvetica,sans-serif;color:#18394e}
.deposit-strip small{grid-column:1/-1;font-size:.72rem;line-height:1.35;color:#71818c}
.rental-detail-policy{margin:14px 0;padding:13px 14px;border:1px solid #dce7ed;border-radius:12px;background:#f7f9fa}
.rental-detail-policy p{margin:5px 0!important;line-height:1.4}
@media(max-width:560px){.mietpark-rate-note{font-size:.78rem;margin:7px 1px 14px}}