/* TAK Systems: navy, white and restrained petrol, with a turquoise brand accent. */
:root{--navy:#0b293d;--ink:#102f43;--blue:#155e70;--sky:#edf3f5;--ice:#f6f8f9;--line:#d6e1e6;--muted:#526573;--accent:#79d9cd;--shadow:0 10px 28px rgba(11,41,61,.06)}
body,.gateway-page,.craft-page{background:var(--ice);color:var(--ink)}
.site-header,.site-footer{background:var(--navy)}
.site-header{border-bottom:1px solid #355367}
.hero,.gateway-intro,.craft-hero,.pest-overview-hero,.contact,.service{background:var(--navy)}
.gateway-intro p,.craft-hero p,.pest-overview-hero>.wrap>p:last-of-type{color:#dbe8ed}
.site-header .brand-tagline{color:#e1edf1;font-weight:600;border-color:#486373}
.site-header nav.service-navigation .service-nav-button{background:#183f55;border-color:#4b6b7d;border-radius:8px;font-weight:650}
.site-header nav.service-navigation .service-nav-button[aria-current="page"]{background:#245d70;border-color:#8abfbf}
.button{border-radius:8px;font-weight:700;transition:background-color .18s,border-color .18s,box-shadow .18s}
.button.blue,.craft-service-copy>a.button{background:var(--blue);color:#fff}
.button.yellow,.button.orange{background:var(--accent);color:#0b293d}
.button.outline{border-color:#95aeb9}
.hero .button.outline,.craft-hero .button.outline{color:#fff;border-color:#8aa8b8}
.button:hover{transform:none;box-shadow:0 4px 12px rgba(11,41,61,.1)}
.eyebrow{color:var(--blue);font-weight:700;letter-spacing:1px}
.hero .eyebrow,.gateway-intro .eyebrow,.craft-hero .eyebrow,.pest-overview-hero .eyebrow,.contact .eyebrow,.service .eyebrow{color:#9ae2d9}
.hero .hero-indoor-benefit{color:#b9eee6;border-color:var(--accent)}
.pricing,.quick,.craft-process,.gateway-contact,.pest-teaser,.pest-help,.pest-detail-heading{background:#edf3f5;border-color:var(--line)}
.area-visual,.craft-panel .area-visual{background:#edf3f5}
.area-panel{border-color:var(--line);border-radius:16px;box-shadow:0 8px 24px #0b293d06}
.card,.price,.craft-service,.pest-card,.pest-detail-price,.craft-form{border-color:var(--line);border-radius:14px;box-shadow:none}
.area-label{background:#ffffffed;border-color:#c9d9df;color:#365362;font-weight:650}
.area-content h2,.craft-service-copy h3,.pest-card h3{letter-spacing:-.6px}
.area-benefits,.craft-service p,.craft-process-list p,.craft-contact-copy>p,.pest-card-short,.pest-facts p{color:var(--muted)}
.area-benefits li::before,.pest-amount,.price .daily-price strong,.price .price-setting,.pest-more,.pest-back,.craft-service-copy>a:not(.button),.craft-service>a,.gateway-contact-actions>a:last-child,.craft-person a,.pest-call,.pest-facts>article>span,.craft-process-list span{color:var(--blue)}
.price.popular{border-color:var(--blue);box-shadow:0 6px 22px #155e700a}
.popular-tag{background:var(--blue)}
.pest-chip-grid>a{border-color:var(--line);border-radius:8px}
.pest-chip-grid>a>span,.service-symbol{color:var(--blue)}
.service-symbol{background:#e8f2f3}
.pest-price-note,.pest-detail-terms,.craft-arrival-box{background:#edf4f5;border-color:#cbdfe2}
.pest-price-note,.craft-arrival-box{border-left-color:var(--blue)}
.craft-hero-art{background:#163c50;border-color:#3f6172}
.craft-person{border-color:var(--line)}
.craft-form input,.craft-form select,.craft-form textarea{border-color:#bdcdd5;border-radius:7px}
.craft-form .form-message{background:#edf5f5;border-color:#c5dddf}
.craft-form .form-note a{color:var(--blue)}
.longterm-note{background:#edf5f1;border-color:#c6dcd1;border-left-color:#4c7e68}
.site-header .brand-logo{object-fit:contain}
.gateway-page .gateway-area-headings{font-size:clamp(24px,3.1vw,38px);letter-spacing:-.9px;line-height:1.2}
.gateway-page .area-visual{height:auto;aspect-ratio:3/2}
.gateway-page .area-visual-photo{padding:0}
.gateway-page .area-visual-photo img{width:100%;height:100%;object-fit:contain}
.gateway-page .area-visual-photo .area-label{top:auto;bottom:14px;left:14px;z-index:1}
.area-image-caption{position:absolute;right:14px;bottom:14px;padding:3px 8px;border-radius:5px;background:#ffffffed;color:#526573;font-size:10px;line-height:1.5}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#155e70}
.site-header a:focus-visible,.hero a:focus-visible,.craft-hero a:focus-visible{outline-color:#9ae2d9}
@media(hover:hover){.button.blue:hover,.craft-service-copy>a.button:hover{background:#0f4c5c}.button.yellow:hover,.button.orange:hover{background:#9ce5db}.site-header nav.service-navigation .service-nav-button:hover{background:#24576c;border-color:#a2c5ce}.pest-chip-grid>a:hover{color:var(--blue);border-color:var(--blue)}}
@media(max-width:1100px){.site-header nav.service-navigation{background:var(--navy)}}
@media(max-width:760px){.gateway-column>.mobile-area-heading{font-size:clamp(25px,4.8vw,31px);letter-spacing:-.6px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}

/* Customer and tradesman greeting at the house. */
.craft-hero-art{padding:12px;overflow:hidden}
.craft-hero-photo{position:relative;border-radius:12px;overflow:hidden}
.craft-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.craft-hero-photo-label{position:absolute;bottom:10px;left:10px;padding:4px 9px;border-radius:5px;background:#fffffff0;color:#34566b;font-size:11px;line-height:1.5}

/* Distinct area buttons, shared by every page and the mobile menu. */
.site-header nav.service-navigation .service-nav-button[href="heizungsvermietung.html"]{background:#ad3038;border-color:#d76b71;color:#fff}
.site-header nav.service-navigation .service-nav-button[href="handwerk.html"]{background:#247048;border-color:#61a47d;color:#fff}
.site-header nav.service-navigation .service-nav-button[href="heizungsvermietung.html"][aria-current="page"],.site-header nav.service-navigation .service-nav-button[href="handwerk.html"][aria-current="page"]{box-shadow:inset 0 0 0 1px #ffffffa6}
@media(hover:hover){.site-header nav.service-navigation .service-nav-button[href="heizungsvermietung.html"]:hover{background:#93262d;border-color:#e18c91}.site-header nav.service-navigation .service-nav-button[href="handwerk.html"]:hover{background:#1c5939;border-color:#8dbda2}}

/* Personal contact and transparent service costs. */
.personal-introduction{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.personal-introduction-grid{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:32px;align-items:center}
.personal-introduction-portrait{display:flex;align-items:center;gap:18px}
.personal-introduction-portrait img{width:140px;height:auto;aspect-ratio:184/164;object-fit:cover;border-radius:12px;flex-shrink:0}
.personal-introduction-portrait>div{display:grid;gap:7px;min-width:0}
.personal-introduction-portrait strong{font-size:20px;line-height:1.35}
.personal-introduction-portrait span{font-size:13px;line-height:1.5;color:var(--muted)}
.personal-introduction h2{font-size:clamp(25px,3vw,34px);line-height:1.2;margin:8px 0 12px;letter-spacing:-.6px}
.personal-introduction p:not(.eyebrow){font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 14px}
.personal-introduction-links{display:flex;gap:10px 24px;flex-wrap:wrap}
.personal-introduction-links a{font-weight:700;color:var(--blue);overflow-wrap:anywhere;padding:6px 0}
.personal-company-link{display:inline-block;font-size:13px;color:var(--muted);text-decoration:underline;margin-top:10px;padding:5px 0}
.craft-hero-cost-note{display:grid;gap:5px;margin-top:20px;border-left:3px solid var(--accent);padding:4px 0 4px 14px;font-size:14px;line-height:1.6}
.craft-hero-cost-note strong{font-size:17px;color:#fff}
.craft-hero-cost-note span{color:#dbe8ed}
.craft-hero-cost-note a{color:#b9eee6;text-decoration:underline;text-underline-offset:3px}
.craft-costs{background:var(--sky)}
.craft-cost-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}
.craft-travel-price{background:#fff;border:1px solid var(--line);border-top:4px solid #247048;border-radius:12px;padding:24px}
.craft-travel-price>strong{display:block;font-size:42px;line-height:1.2;letter-spacing:-1px;margin:8px 0}
.craft-travel-price>span{display:block;font-size:13px;color:var(--muted)}
.craft-travel-price p{font-size:15px;line-height:1.65;color:var(--muted);margin:16px 0 0}
.craft-travel-price p:first-child{font-size:17px;color:var(--ink);font-weight:650;margin:0}
.craft-cost-items{margin:0;display:grid;gap:0}
.craft-cost-items>div{padding:18px 0;border-bottom:1px solid #cbd8df}
.craft-cost-items>div:first-child{padding-top:0}
.craft-cost-items dt{font-size:18px;font-weight:700;margin-bottom:7px}
.craft-cost-items dd{margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.craft-cost-exception{margin-top:20px;padding:18px 22px;border:1px solid #bbd5c7;border-radius:10px;background:#edf5f0}
.craft-cost-exception strong{font-size:16px}
.craft-cost-exception p,.craft-cost-footnote{font-size:14px;line-height:1.7;color:var(--muted);margin:10px 0}
.craft-cost-exception a,.craft-cost-footnote a,.craft-contact-copy a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.craft-cost-footnote{margin-bottom:0}
.inquiry-assurance{font-size:14px;line-height:1.7;padding:14px 16px;background:#edf5f1;color:var(--ink);border-left:3px solid #247048;border-radius:0 8px 8px 0;margin:0 0 20px}
.craft-form h3{margin-bottom:16px}
.contact .form .inquiry-assurance{color:var(--ink)}
.required-fields-note{font-size:13px;color:var(--muted);margin:0 0 18px}
.installation-photo figcaption>strong{display:block;font-weight:650}
.installation-photo figcaption>span{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:6px}
.wrap,.gateway-grid>*,.craft-hero-grid>*,.craft-contact-grid>*,.contact-grid>*,.company-grid>*,.personal-introduction-grid>*{min-width:0}
@media(min-width:1101px){.site-header nav.service-navigation{display:grid!important}}
@media(max-width:850px){.personal-introduction-grid{grid-template-columns:1fr;gap:20px}.personal-introduction-portrait img{width:110px}.personal-introduction-portrait strong{font-size:19px}}
@media(max-width:600px){.craft-cost-layout{grid-template-columns:1fr;gap:20px}.craft-travel-price{padding:20px}.craft-cost-exception{padding:16px}.personal-introduction-links{flex-direction:column;gap:4px}.personal-introduction-links a{min-height:40px}.personal-introduction-portrait{gap:14px}.personal-introduction-portrait img{width:94px}.craft-contact-person-link{overflow-wrap:anywhere}.craft-form input,.craft-form select,.craft-form textarea{scroll-margin-top:100px}}

/* Mobile craft pages: white surroundings, readable copy and vivid action links. */
.arrival-compact{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1.55fr);gap:26px;align-items:start}
.arrival-compact-price{padding:18px 20px;background:#fff;border:1px solid var(--line);border-top:3px solid #247048;border-radius:10px}
.arrival-compact-price strong{display:block;font-size:36px;line-height:1.25;letter-spacing:-.8px;color:var(--ink)}
.arrival-compact-price span{display:block;font-size:13px;line-height:1.65;margin-top:8px;color:var(--muted)}
.arrival-compact p{font-size:15px;line-height:1.7;margin:0 0 10px;color:var(--muted)}
.arrival-compact p:last-child{margin-bottom:0}
.craft-arrival-box>summary{font-weight:700;font-size:18px;line-height:1.5;cursor:pointer;color:var(--ink)}
.arrival-consent-field>label{display:flex;gap:12px;align-items:flex-start;font-weight:400}
.craft-form .arrival-consent-field input[type=checkbox]{width:22px;min-width:22px;height:22px;min-height:22px;margin:3px 0 0;padding:0;accent-color:#155e70;flex:0 0 22px}
.arrival-consent-field label>span{font-size:14px;line-height:1.7}
.arrival-consent-field>p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 0}
.craft-form .arrival-consent-field[hidden]{display:none}
@media(max-width:600px){.arrival-compact{grid-template-columns:1fr;gap:16px}.arrival-compact-price{display:flex;align-items:center;gap:18px}.arrival-compact-price span{margin:0}.arrival-compact-price strong{font-size:30px}}
@media(max-width:760px){
  body.craft-page{background:#fff;color:#111}
  .craft-page main>section{background:#fff;color:#111}
  .craft-page main>.personal-introduction{border-color:var(--line)}
  .craft-page main>section>.wrap>.intro :is(h1,h2,p),
  .craft-page .craft-hero-grid>div:first-child>h1,
  .craft-page .craft-hero-grid>div:first-child>p:not(.eyebrow),
  .craft-page .craft-hero-cost-note>:is(strong,span),
  .craft-page .personal-introduction :is(h2,p,strong,span),
  .craft-page .craft-contact-copy :is(h2,p,strong),
  .craft-page .craft-cost-items :is(dt,dd),
  .craft-page .craft-cost-footnote,
  .craft-page .arrival-compact>div:last-child>p,
  .craft-page .craft-process-list :is(h3,p),
  .craft-page .pest-teaser-intro :is(h2,p),
  .craft-page .pest-overview-hero :is(h1,p,label),
  .craft-page .pest-detail-heading :is(h1,p),
  .craft-page .pest-help :is(h2,p),
  .craft-page .pest-facts :is(h2,p),
  .craft-page .pest-image-note{color:#111}
  .craft-page :is(.craft-contact-copy,.personal-introduction,.craft-hero-cost-note,.craft-cost-footnote) a:not(.button),
  .craft-page .pest-back{color:#0066ff;text-decoration-color:currentColor;text-underline-offset:3px}
  .craft-page .craft-service-copy>a,
  .craft-page .pest-more,
  .craft-page .pest-back{font-size:20px;line-height:1.45;font-weight:750;min-height:44px;padding-top:10px;padding-bottom:10px}
  .craft-page .craft-service-copy>a.button{background:#0066ff;color:#fff;font-size:20px;line-height:1.4;white-space:normal;text-align:left}
  .craft-page .craft-service-copy>a:not(.button){color:#0066ff}
  .craft-page .craft-hero .actions>.button.yellow{background:#9bd8ff;color:#111;border:1px solid #78c7fa;font-size:18px;line-height:1.4}
  .craft-page .craft-hero .actions>.button.outline{background:#fff;color:#0066ff;border-color:#0066ff;font-size:18px}
  .craft-page .craft-hero .back-to-areas,
  .craft-page .craft-hero .eyebrow{color:#0074b8;font-size:16px;font-weight:750;line-height:1.5;letter-spacing:.03em;text-shadow:0 0 12px #69c9ff33}
  .craft-page .craft-hero .back-to-areas{display:inline-flex;align-items:center;min-height:44px;margin-bottom:10px}
  .craft-page .craft-hero .eyebrow{margin:0 0 10px}
  .craft-page .craft-hero .craft-hero-art p{color:#e4f0f8}
  .craft-page .craft-hero-cost-note{border-color:#72c8ff}
  .craft-page .pest-overview-hero>.wrap>p{color:#111}
  .craft-page .craft-service,.craft-page .pest-card{background:#e8f2fb;border-color:#c4d7e8;color:var(--ink)}
  .craft-page .craft-service-copy,.craft-page .pest-card-body{background:#e8f2fb}
  .craft-page .craft-service :is(h3,.service-claim),.craft-page .pest-card h3{color:var(--ink)}
  .craft-page .craft-service-copy>p:not(.service-claim),
  .craft-page .pest-card :is(.pest-group,.pest-card-short,.pest-tax,.pest-net,.pest-additional){color:var(--muted)}
  .craft-page .pest-card .pest-amount:not(.individual),.craft-page .pest-card .pest-more{color:var(--blue)}
  .craft-page .pest-card .pest-amount.individual{color:var(--ink)}
}

/* Mobile: gut lesbarer Rueckweg zur Handwerksseite. */
@media(max-width:760px){
  .craft-page .pest-overview-hero .back-to-areas{color:#0057b8;font-size:18px;font-weight:750;line-height:1.5;text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
}