.meister-header .logo{ background: transparent; }
.logo-type{ height: 40px; }
.meister-header .logo-type,.meister-header .logo-icon{ mix-blend-mode: screen; }
.meister-header .logo-type img{ filter: grayscale(1) invert(1); }
.meister-header .logo-icon img{ filter: grayscale(1) invert(1) sepia(1) saturate(1.6); }
.meister .work-grid{ align-items: start; }
.meister .work-card{ padding: 0; overflow: hidden; }
.work-photo{ overflow: hidden; background: #ddd; }
.work-photo img{ width: 100%; height: 270px; object-fit: cover; transition: transform .35s ease; }
#malerarbeiten .work-photo img{ object-position: 50% 43%; }
#fassaden .work-photo img{ object-position: center 43%; }
.work-content{ padding: 28px 32px 30px; }
.work-content > p{ min-height: 4.8em; }
.work-details{ margin-top: 22px; border-top: 1px solid #b9bdb6; }
.work-details summary{ display: flex; justify-content: space-between; align-items: center; min-height: 54px; gap: 20px; padding-top: 12px; font-size: .95rem; font-weight: 700; list-style: none; }
.work-details summary::-webkit-details-marker{ display: none; }
.detail-symbol{ display: grid; place-items: center; width: 30px; height: 30px; background: #181c1d; color: #e3bd76; font-size: 1.3rem; transition: transform .2s; }
.less-label{ display: none; }
.work-details[open] .more-label{ display: none; }
.work-details[open] .less-label{ display: inline; }
.work-details[open] .detail-symbol{ transform: rotate(45deg); }
.work-expanded .text-link{ display: inline-block; margin-top: 20px; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
.work-photo-note{ margin-top: 18px; color: #58605e; font-size: .8rem; }
@media (hover: hover) and (prefers-reduced-motion: no-preference){.work-card:hover .work-photo img{ transform: scale(1.035); }
.work-details summary:hover .detail-symbol{ background: #ac803a; color: #fff; }}
@media (max-width: 760px){.work-photo img{ height: 230px; }
.work-content{ padding: 25px; }
.work-content > p{ min-height: 0; }}
@media (prefers-reduced-motion: reduce){.work-photo img,.detail-symbol{ transition: none; }}
@media (max-width: 760px){.meister-header{
  align-content: center;
  padding-block: 8px;
 }
.meister-header .menu-toggle{
  border-color: currentColor;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .12);
  border-radius: 2px;
 }
.meister-header .menu-toggle{
  color: #fff;
  background: rgba(24, 28, 29, .45);
  border-color: rgba(255, 255, 255, .45);
 }
.meister-header nav{
  margin-top: 6px;
  padding: 12px;
  border: 1px solid rgba(52, 44, 61, .18);
  background: #fff;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
 }
.meister-header nav{
  border-color: rgba(255, 255, 255, .18);
  background: #202526;
 }
.meister-header nav a:not(.action){
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 12px 10px;
  border-bottom: 1px solid rgba(52, 44, 61, .12);
 }
.meister-header nav a:not(.action){
  border-bottom-color: rgba(255, 255, 255, .14);
 }
.meister-header nav a:last-child{
  border-bottom: 0;
 }
.meister-header nav .action{
  width: 100%;
  justify-content: space-between;
  margin-top: 8px;
 }
.meister-hero-copy{
  max-width: 560px;
 }
.service-dock a{
  min-height: 76px;
 }}
@media (max-width: 560px){body{
  padding-bottom: 102px;
 }
.container{
  width: calc(100% - 30px);
 }
.meister h2{
  font-size: clamp(2.35rem, 11vw, 3rem);
 }
.meister-header .logo{
  transform: scale(.72);
  margin-right: -70px;
 }
.meister-hero{
  min-height: 590px;
 }
.meister h1{
  font-size: clamp(3rem, 14vw, 4.35rem);
 }
.meister-actions .action{
  width: 100%;
  justify-content: space-between;
 }
.service-dock{
  grid-template-columns: 1fr;
 }
.service-dock a{
  min-height: 58px;
  border-right: 0;
 }
.work-card h3{
  font-size: 1.85rem;
 }
.promise-items{
  grid-template-columns: 1fr;
 }
.v-footer{
  padding-bottom: 108px;
 }}
@media(max-width:760px){.meister-header nav{gap:0}
.meister-header nav a:not(.action){width:100%}}
body{padding-bottom:0}