/* Enquiry and compact homepage contact refinements, September 2026. */
.photo-field{padding:22px;border:1px solid #b7cfdf;border-radius:16px;background:#f6faff}
.photo-field input[type=file]{max-width:100%;min-height:48px;padding:8px;background:#fff}
.photo-field input::file-selector-button{padding:10px 14px;margin-right:10px;border:0;border-radius:8px;background:#103d61;color:white;font:inherit;cursor:pointer}
.photo-status{font-size:14px;line-height:1.5;margin:10px 0 0;color:#294d67}
.photo-status[data-error=true]{color:#a22525}
.photo-list{list-style:none;display:grid;gap:10px;padding:0;margin:12px 0 0}
.photo-list:empty{display:none}
.photo-list li{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;background:#fff;border:1px solid #d6e3ec;border-radius:10px;padding:8px}
.photo-list img{width:72px;height:60px;object-fit:cover;border-radius:6px}
.photo-list span{font-size:14px;overflow-wrap:anywhere}
.photo-list button{font:inherit;font-size:13px;color:#163d5c;background:white;border:1px solid #b5c9d7;border-radius:7px;min-height:44px;padding:8px;cursor:pointer}
.photo-list button:disabled{opacity:.5;cursor:wait}
.home-contact{padding:12px 0 48px;scroll-margin-top:120px}
.home-contact-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px}
.home-contact .eyebrow{font-size:11px;margin-bottom:10px}
.home-contact h2{font-size:clamp(24px,2.5vw,32px);line-height:1.2;margin:0 0 12px;letter-spacing:-.03em}
.home-contact p{max-width:60ch;font-size:16px;line-height:1.65;margin:0}
.home-contact-actions{display:grid;gap:6px;justify-items:center}
.home-contact-actions .btn{min-height:48px;gap:16px}
.home-contact-phone{display:inline-flex;gap:9px;align-items:center;min-height:44px;font-size:14px;color:#244b6b;text-underline-offset:4px}
.home-contact-phone svg{width:17px;height:17px}
.home-contact-phone:hover{text-decoration:underline}
.home-contact-phone:focus-visible{outline:2px solid #165e9a;outline-offset:4px;border-radius:3px}
@media(max-width:680px){
 .home-contact{padding:4px 0 36px;scroll-margin-top:96px}
 .home-contact-inner{grid-template-columns:1fr;gap:20px}
 .home-contact-actions{justify-items:start}
 .home-contact p{font-size:15px}
 .photo-field{padding:16px}
 .photo-list li{grid-template-columns:56px minmax(0,1fr)}
 .photo-list img{width:56px;height:54px}
 .photo-list button{grid-column:2;justify-self:start}
 .project-form input,.project-form select,.project-form textarea{font-size:16px}
 .project-form .inquiry-navigation .btn{min-height:48px}
}

/* Direct contact links; WhatsApp opens only after a visitor clicks. */
.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid #176c50;background:#edf8f2;color:#14583f;font-size:14px}
.btn-whatsapp svg{width:21px;height:21px;flex:0 0 21px}
.btn-whatsapp:hover{background:#dff1e7;border-color:#14583f;color:#104532}
.btn-whatsapp:focus-visible{outline:3px solid #24805c;outline-offset:4px}
.form-aside .btn-whatsapp{background:#edf8f2;color:#14583f;border-color:#b3dcca}
.home-contact-actions{gap:10px}
.home-contact-actions>.btn{width:100%}
@media(max-width:680px){
 #leistungen.section{padding-block:40px}
 #leistungen .section-head{gap:16px;margin-bottom:22px}
 #leistungen .section-head p{margin:0;font-size:15px;line-height:1.6}
 #leistungen .service-grid{gap:12px}
 #leistungen .service-card:nth-child(n){min-height:250px}
 #leistungen .service-card:nth-child(-n+2){min-height:270px}
 #leistungen .service-card.featured{min-height:270px}
 #leistungen .service-card-content{inset:auto 18px 18px}
 #leistungen .service-card.featured .service-card-content{inset:0;padding:20px}
 #leistungen .service-card.featured .service-icon{width:40px;height:40px;margin-bottom:18px}
 .home-contact-actions{width:100%;justify-items:stretch}
 .home-contact-phone{justify-self:center}
 .home-area.section-sm{padding-block:34px}
 .home-area .split{gap:14px}
 .home-area .eyebrow,.home-faq .eyebrow{margin-bottom:12px}
 .home-area h2{margin-bottom:0;font-size:30px}
 .home-area p{font-size:15px;line-height:1.65;margin:0}
 .home-area .area-strip{gap:7px;margin-top:18px}
 .home-area .area-strip span{padding:7px 11px}
 .home-faq.section{padding-block:38px}
 .home-faq .faq-grid{gap:22px}
 .home-faq h2{font-size:30px;margin-bottom:12px}
 .home-faq .faq-grid>div>p{font-size:15px;line-height:1.65;margin-bottom:0}
 .home-faq .button-row{margin-top:16px}
 .home-faq .faq-list details{margin-bottom:10px}
 .home-faq .faq-list summary{padding:17px 44px 17px 16px;min-height:54px;line-height:1.45}
 .home-faq .faq-list details p{font-size:15px;line-height:1.65;padding-left:16px;padding-right:16px}
 .form-aside .button-row{gap:10px}
 .form-aside .btn-whatsapp{width:100%;white-space:normal}
}