/* v23 update: service presentation above the existing 800px mobile breakpoint. */
@media (min-width:801px) {
  main { background:#f6f8f3; }
  .detail-hero { padding:28px 0 0; background:#f6f8f3; }
  .detail-hero>.wrap,.detail-body,#bestand-galerie>.wrap { max-width:1400px; padding-inline:clamp(28px,5vw,64px); }
  .detail-hero .breadcrumbs { gap:11px; margin:0 0 24px; color:#65705e; font-size:12px; line-height:1.6; }
  .detail-hero .breadcrumbs a { padding-block:3px; }
  .detail-hero .breadcrumbs [aria-current] { color:#263c2a; font-weight:600; }
  .detail-hero .detail-hero-grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); align-items:stretch; gap:0; overflow:hidden; border:1px solid #283d2c; border-radius:18px; background:#202d24; box-shadow:0 14px 35px -25px #17281a60; }
  .detail-hero .detail-hero-grid>div { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-width:0; padding:clamp(32px,4vw,54px) clamp(26px,3.3vw,46px); }
  .detail-hero .eyebrow { margin:0 0 22px; color:#dfcd8a; font-size:10px; font-weight:700; line-height:1.6; letter-spacing:.12em; }
  .detail-hero .detail-hero-grid h1 { max-width:100%; margin:0; color:#edc24d; font-size:clamp(30px,3.2vw,47px); font-weight:700; line-height:1.13; letter-spacing:-.045em; hyphens:none; overflow-wrap:normal; }
  .detail-hero h1::first-line { color:#fff; }
  .detail-hero .detail-intro { max-width:490px; margin:24px 0 28px; color:#d0d9ca; font-size:15px; line-height:1.8; }
  .detail-hero .button { justify-content:space-between; min-width:215px; min-height:52px; padding:14px 20px; border:1px solid #edc24d; border-radius:7px; background:#edc24d; color:#20301f; font-size:13px; font-weight:700; line-height:1.5; box-shadow:none; }
  .detail-hero .button>span { font-size:21px; }
  .detail-hero .detail-hero-grid>img { align-self:stretch; width:100%; height:100%; min-height:460px; max-height:580px; object-fit:cover; object-position:50% 50%; border:0; border-radius:0; box-shadow:none; }
  .detail-hero .detail-hero-grid>.detail-image-roof { object-position:58% 52%; }
  main>.section { padding:60px 0 76px; background:#f6f8f3; }
  .detail-body { display:grid; grid-template-columns:minmax(0,1fr) 320px; align-items:start; gap:56px; }
  .detail-body>.article-content { display:none; }
  .detail-body>.mobile-service-content { display:block; min-width:0; }
  .mobile-service-intro { max-width:670px; margin:0 0 26px; padding:0; }
  .mobile-service-content .eyebrow { margin:0 0 12px; color:#657556; font-size:10px; font-weight:700; line-height:1.5; letter-spacing:.13em; }
  .mobile-service-content h2 { margin:0 0 17px; color:#24362a; font-size:clamp(29px,2.7vw,38px); font-weight:650; line-height:1.15; letter-spacing:-.035em; }
  .mobile-service-content p { margin:0; color:#53624f; font-size:15px; line-height:1.75; }
  .mobile-service-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:0; padding:0; overflow:hidden; list-style:none; border:1px solid #dce4d4; border-radius:13px; background:#fff; }
  .mobile-service-list li { display:flex; align-items:flex-start; gap:14px; min-width:0; min-height:144px; padding:26px 22px; }
  .mobile-service-list li:nth-child(even) { border-left:1px solid #e4e9dd; }
  .mobile-service-list li:nth-child(n+3) { border-top:1px solid #e4e9dd; }
  .mobile-service-number { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; border:1px solid #e1e7d9; border-radius:7px; background:#f3f6ed; color:#5d704e; font-size:10px; font-weight:700; }
  .mobile-service-list h3 { margin:4px 0 7px; color:#2c402a; font-size:15px; font-weight:700; line-height:1.35; letter-spacing:-.015em; }
  .mobile-service-list p { color:#5e6d56; font-size:13px; line-height:1.65; }
  .mobile-service-content .mobile-service-note { margin:14px 2px 0; color:#63715b; font-size:12px; line-height:1.7; }
  .mobile-service-reference { display:block; margin:34px 0 42px; overflow:hidden; border:1px solid #293e2c; border-radius:13px; background:#223027; text-decoration:none; }
  .mobile-service-reference .reference-mini-content { display:grid; grid-template-columns:180px minmax(0,1fr); align-items:center; gap:26px; padding:20px; }
  .mobile-service-reference img { width:180px; height:146px; object-fit:cover; border-radius:7px; }
  .mobile-service-reference .eyebrow { margin:0 0 12px; color:#d0dabc; font-size:9px; }
  .mobile-service-reference h3 { margin:0 0 10px; color:#fff; font-size:clamp(22px,2vw,29px); font-weight:650; line-height:1.15; letter-spacing:-.025em; }
  .mobile-service-reference p { color:#c3cfba; font-size:13px; line-height:1.5; }
  .reference-mini-fact { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:15px 22px; background:#edc24d; color:#24341f; font-size:13px; font-weight:700; line-height:1.5; }
  .reference-mini-fact>span:last-child { flex-shrink:0; font-size:23px; line-height:1; }
  .mobile-service-details>h2 { margin:0 0 22px; font-size:29px; }
  .mobile-service-details details { margin:0; overflow:hidden; border:1px solid #dce4d4; border-bottom:0; background:#fff; }
  .mobile-service-details details:first-of-type { border-radius:12px 12px 0 0; }
  .mobile-service-details details:last-child { border-bottom:1px solid #dce4d4; border-radius:0 0 12px 12px; }
  .mobile-service-details summary { display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:70px; padding:19px 24px; list-style:none; cursor:pointer; color:#2f442b; font-size:15px; font-weight:600; line-height:1.5; }
  .mobile-service-details summary::-webkit-details-marker { display:none; }
  .mobile-service-details summary::after { content:'+'; display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; border-radius:50%; background:#f0f4e8; color:#536b40; font-size:22px; font-weight:400; }
  .mobile-service-details details[open] summary::after { content:'−'; background:#293b28; color:#edc24d; }
  .mobile-service-details details[open] { background:#fdfefb; }
  .mobile-service-answer { padding:0 24px 24px; }
  .mobile-service-answer p { font-size:14px; line-height:1.8; }
  .mobile-service-answer p+p { margin-top:12px; }
  .mobile-service-answer .text-link { margin-top:17px; font-size:14px; }
  .detail-sidebar { min-width:0; padding:28px; border:1px solid #dce4d4; border-top:3px solid #d4b45a; border-radius:13px; background:#fff; box-shadow:0 12px 32px -26px #23392055; }
  .detail-sidebar>.eyebrow { margin:0 0 13px; color:#657556; font-size:10px; font-weight:700; line-height:1.5; letter-spacing:.13em; }
  .detail-sidebar dl { margin:0 0 26px; }
  .detail-sidebar dl>div { padding:13px 0; border:0; border-bottom:1px solid #e5eade; }
  .detail-sidebar dt { margin:0 0 4px; color:#65745c; font-size:11px; line-height:1.5; }
  .detail-sidebar dd { color:#30452b; font-size:13px; font-weight:500; line-height:1.6; }
  .detail-sidebar h2 { margin:0 0 16px; color:#273c28; font-size:26px; font-weight:650; line-height:1.18; letter-spacing:-.035em; }
  .detail-sidebar .sidebar-phone { display:inline-block; padding:4px 0; color:#2c4227; font-size:21px; font-weight:700; line-height:1.5; letter-spacing:-.025em; }
  .detail-sidebar p:not(.eyebrow) { margin:4px 0 20px; color:#63735a; font-size:11px; line-height:1.7; }
  .detail-sidebar .button { display:flex; justify-content:space-between; width:100%; min-height:48px; padding:13px 15px; border:1px solid #edc24d; border-radius:7px; background:#edc24d; color:#24351f; font-size:12px; font-weight:700; line-height:1.5; box-shadow:none; }
  .detail-sidebar .button>span { font-size:20px; }
  .detail-sidebar .sidebar-area,.detail-sidebar .related { margin:23px 0 0; padding:20px 0 0; border-top:1px solid #e1e7d8; }
  .detail-sidebar .sidebar-area h3,.detail-sidebar .related h3 { margin:0 0 9px; color:#3b5330; font-size:12px; font-weight:700; line-height:1.5; letter-spacing:0; }
  .detail-sidebar .sidebar-area p { margin:0 0 10px; font-size:12px; line-height:1.7; }
  .detail-sidebar .sidebar-area>a { color:#455f34; font-size:12px; text-decoration:underline; text-underline-offset:4px; }
  .detail-sidebar .related>a { display:flex; align-items:center; justify-content:space-between; min-height:42px; padding:9px 0; color:#36502d; font-size:13px; line-height:1.5; }
  .detail-sidebar .related>a+a { border-top:1px solid #edf0e7; }
  #bestand-galerie { padding:48px 0 0; background:#f6f8f3; border:0; }
  #bestand-galerie .bestand-gallery-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:35px; margin:0 0 25px; }
  #bestand-galerie .eyebrow { margin:0 0 10px; color:#657556; font-size:10px; line-height:1.5; letter-spacing:.12em; }
  #bestand-galerie .bestand-gallery-heading h2 { color:#273b29; font-size:30px; font-weight:650; line-height:1.2; letter-spacing:-.03em; }
  #bestand-galerie .bestand-gallery-heading>p { color:#617056; font-size:12px; line-height:1.7; }
  #bestand-galerie .bestand-gallery-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
  #bestand-galerie .bestand-photo { overflow:hidden; border:1px solid #dce4d4; border-radius:12px; background:#fff; box-shadow:none; }
  #bestand-galerie figure { margin:0; }
  #bestand-galerie .bestand-photo-frame { height:235px; min-height:0; aspect-ratio:auto; border:0; border-radius:0; }
  #bestand-galerie .bestand-photo-frame img { width:100%; height:100%; object-fit:cover; }
  #bestand-galerie figcaption { display:flex; gap:12px; align-items:center; min-height:62px; padding:16px 18px; border:0; color:#344c2f; font-size:13px; line-height:1.5; }
  #bestand-galerie .bestand-photo-number { color:#6c7e5c; font-size:10px; }
  .detail-hero .button:hover,.detail-sidebar .button:hover { background:#f5ce62; border-color:#f5ce62; transform:none; }
  .mobile-service-reference:hover .reference-mini-fact { background:#f5ce62; }
  .mobile-service-details summary:hover { background:#f4f7ed; }
  .mobile-service-reference:focus-visible,.mobile-service-details summary:focus-visible { outline:3px solid #a27c23; outline-offset:4px; }
  /* Draw the decorative arrows without depending on installed symbol fonts. */
  .detail-hero .button>span,.detail-sidebar .button>span,.detail-sidebar .related>a>span,.reference-mini-fact>span:last-child,.mobile-service-answer .text-link>span { display:inline-block; position:relative; flex:0 0 16px; width:16px; height:16px; font-size:0; line-height:0; }
  .detail-hero .button>span::before,.detail-sidebar .button>span::before,.detail-sidebar .related>a>span::before,.reference-mini-fact>span:last-child::before,.mobile-service-answer .text-link>span::before { content:""; position:absolute; top:2px; right:2px; width:10px; height:10px; border-top:1.6px solid currentColor; border-right:1.6px solid currentColor; }
  .detail-hero .button>span::after,.detail-sidebar .button>span::after,.detail-sidebar .related>a>span::after,.reference-mini-fact>span:last-child::after,.mobile-service-answer .text-link>span::after { content:""; position:absolute; top:2px; right:2px; width:15px; height:1.6px; background:currentColor; transform:rotate(-45deg); transform-origin:right center; }
}
@media (min-width:801px) and (max-width:1100px) {
  .detail-hero .detail-hero-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
  .detail-hero .detail-hero-grid>div { padding:34px 26px; }
  .detail-hero .detail-hero-grid h1 { font-size:clamp(29px,3.25vw,36px); }
  .detail-hero .detail-intro { font-size:14px; line-height:1.7; }
  .detail-hero .detail-hero-grid>img { min-height:420px; }
  .detail-body { grid-template-columns:minmax(0,1fr) 280px; gap:30px; }
  .mobile-service-list li { gap:10px; padding:22px 16px; }
  .mobile-service-list h3 { font-size:14px; }
  .mobile-service-list p { font-size:12px; }
  .mobile-service-reference .reference-mini-content { grid-template-columns:126px minmax(0,1fr); gap:18px; padding:16px; }
  .mobile-service-reference img { width:126px; height:130px; }
  .mobile-service-reference h3 { font-size:22px; }
  .reference-mini-fact { padding-inline:18px; font-size:12px; }
  .detail-sidebar { padding:23px; }
  .detail-sidebar h2 { font-size:23px; }
  .detail-sidebar .sidebar-phone { font-size:19px; }
  #bestand-galerie .bestand-photo-frame { height:190px; }
}
@media (min-width:801px) and (max-width:920px) {
  .detail-body { grid-template-columns:minmax(0,1fr) 258px; gap:24px; }
  .detail-sidebar { padding:20px; }
  .detail-sidebar .sidebar-phone { font-size:18px; }
  .mobile-service-list { grid-template-columns:minmax(0,1fr); }
  .mobile-service-list li { min-height:0; padding:21px; border-left:0; }
  .mobile-service-list li+li { border-top:1px solid #e4e9dd; }
  .mobile-service-reference .reference-mini-content { grid-template-columns:100px minmax(0,1fr); gap:15px; }
  .mobile-service-reference img { width:100px; height:115px; }
  .mobile-service-reference h3 { font-size:20px; }
}