.quick-path{
  background:#191b18;
  color:#f1f0e8;
  padding:54px var(--gutter) 62px!important;
}
.quick-path-intro{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:40px;
  max-width:1800px;
  margin:0 auto 34px;
}
.quick-path-kicker{
  margin-bottom:15px;
  color:#d8ff3e;
  font-size:10px;
  font-weight:700;
  letter-spacing:.17em;
}
.quick-path h2{
  font-size:clamp(31px,3.3vw,58px);
  line-height:1.05;
  letter-spacing:-.055em;
}
.quick-path h2 em{color:#d8ff3e;font-weight:400}
.quick-path-intro>p{
  max-width:305px;
  color:#c1c4b9;
  font-size:14px;
  line-height:1.55;
}
.quick-path-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #f1f0e83a;
  border-bottom:1px solid #f1f0e83a;
  max-width:1800px;
  margin:auto;
}
.quick-path-grid>a{
  position:relative;
  display:flex;
  min-width:0;
  min-height:205px;
  flex-direction:column;
  align-items:flex-start;
  padding:25px 22px 23px;
  overflow:hidden;
  transition:background .25s ease;
}
.quick-path-grid>a:first-child{padding-left:0}
.quick-path-grid>a+a{border-left:1px solid #f1f0e83a}
.quick-path-grid>a::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:3px;
  background:#d8ff3e;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s ease;
}
.quick-path-grid>a:hover,.quick-path-grid>a:focus-visible{background:#d8ff3e0c}
.quick-path-grid>a:hover::after,.quick-path-grid>a:focus-visible::after{transform:scaleX(1)}
.quick-path-index{
  color:#aeb3a6;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
}
.quick-path-grid strong{
  display:block;
  margin:28px 34px 17px 0;
  font-size:clamp(22px,2vw,36px);
  font-weight:600;
  line-height:1.06;
  letter-spacing:-.045em;
}
.quick-path-label{
  margin-top:auto;
  padding-right:38px;
  color:#c1c4b9;
  font-size:13px;
}
.quick-path-arrow{
  position:absolute;
  right:19px;
  bottom:18px;
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border:1px solid #d8ff3e83;
  border-radius:50%;
  color:#d8ff3e;
  font-size:21px;
  line-height:1;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.quick-path-grid>a:hover .quick-path-arrow,.quick-path-grid>a:focus-visible .quick-path-arrow{
  background:#d8ff3e;
  color:#11120f;
  transform:translate(2px,-2px);
}
@media(max-width:1050px){
  .quick-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-path-grid>a{min-height:185px}
  .quick-path-grid>a:nth-child(3){border-left:0;border-top:1px solid #f1f0e83a;padding-left:0}
  .quick-path-grid>a:nth-child(4){border-top:1px solid #f1f0e83a}
}
@media(max-width:600px){
  .quick-path{padding:42px var(--gutter) 48px!important}
  .quick-path-intro{display:block;margin-bottom:27px}
  .quick-path h2{font-size:clamp(34px,9vw,48px)}
  .quick-path-intro>p{margin-top:16px;font-size:13px}
  .quick-path-grid{grid-template-columns:1fr}
  .quick-path-grid>a,.quick-path-grid>a:first-child,.quick-path-grid>a:nth-child(3){
    min-height:128px;
    padding:17px 48px 17px 0;
    border-left:0;
  }
  .quick-path-grid>a+a{border-top:1px solid #f1f0e83a}
  .quick-path-grid strong{margin:9px 0 7px;font-size:23px}
  .quick-path-label{font-size:12px}
  .quick-path-arrow{right:2px;bottom:20px}
}
@media(prefers-reduced-motion:reduce){
  .quick-path-grid>a,.quick-path-grid>a::after,.quick-path-arrow{transition:none}
}
.site-search{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(360px,1.6fr);
  gap:20px 40px;
  align-items:center;
  max-width:1800px;
  margin:27px auto 0;
  scroll-margin-top:120px;
}
.site-search>label{
  font-size:clamp(17px,1.4vw,23px);
  font-weight:600;
  letter-spacing:-.035em;
}
.site-search>label em{font-family:Georgia,serif;font-weight:400;color:#d8ff3e}
.site-search-form{display:flex;min-height:54px;gap:8px}
.site-search-form input{
  width:100%;
  min-width:0;
  border:1px solid #f1f0e850;
  border-radius:3px;
  padding:0 18px;
  background:#f1f0e8;
  color:#11120f;
  font-size:15px;
}
.site-search-form input::placeholder{color:#656961;opacity:1}
.site-search-form button{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:20px;
  justify-content:center;
  min-width:126px;
  border:1px solid #d8ff3e;
  border-radius:3px;
  padding:0 16px;
  background:#d8ff3e;
  color:#11120f;
  font-size:14px;
  font-weight:700;
  transition:background .2s ease;
}
.site-search-form button:hover{background:#edff9a}
.site-search-form button span{font-size:21px;font-weight:400}
.site-search-results{grid-column:1/-1;border-top:1px solid #f1f0e83a;padding-top:18px}
.site-search-status{margin-bottom:12px;color:#c1c4b9;font-size:12px}
.site-search-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 24px}
.site-search-list a{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  border-top:1px solid #f1f0e82d;
  padding:14px 28px 14px 0;
  position:relative;
}
.site-search-list a::after{content:"↗";position:absolute;right:5px;top:19px;color:#d8ff3e;font-size:19px}
.site-search-list a:hover strong,.site-search-list a:focus-visible strong{color:#d8ff3e}
.site-search-list small{color:#d8ff3e;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.site-search-list strong{font-size:17px;letter-spacing:-.025em;line-height:1.2}
.site-search-list span{color:#c1c4b9;font-size:12px;line-height:1.4}
@media(max-width:760px){
  .site-search{grid-template-columns:1fr;gap:12px;margin-top:27px}
  .site-search>label{font-size:19px}
  .site-search-form{min-height:50px}
  .site-search-form input{font-size:14px;padding-inline:13px}
  .site-search-form button{min-width:85px;padding-inline:10px;gap:0;font-size:13px}
  .site-search-form button span{display:none}
  .site-search-list{grid-template-columns:1fr}
}
@media(max-width:370px){
  .site-search-form input{font-size:12px}
  .site-search-form button{min-width:72px}
}
@media(prefers-reduced-motion:reduce){.site-search-form button{transition:none}}

.site-search-hint{grid-column:1/-1;margin:-8px 0 0;color:#d0d6c8;font-size:12px;line-height:1.5}
.atelier-home.back-top-on-scroll .back-top{opacity:0;visibility:hidden;pointer-events:none}
.atelier-home.back-top-on-scroll .back-top.is-visible{opacity:1;visibility:visible;pointer-events:auto}

/* Projekt in Arbeit: knapper, gut sichtbarer Weg zum dokumentierten Fortschritt. */
.studio-live{background:#142721;color:#f1f0e8;border-block:1px solid #d8ff3e66;padding:25px var(--gutter)!important}
.studio-live-inner{max-width:1800px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:26px 48px}
.studio-live-copy{min-width:0}
.studio-live-kicker{display:inline-flex;align-items:center;gap:9px;color:#d8ff3e;font-size:10px;font-weight:750;letter-spacing:.14em}
.studio-live-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:#d8ff3e;box-shadow:0 0 0 4px #d8ff3e24}
.studio-live h2{margin:6px 0 3px;font-size:clamp(22px,2.35vw,35px);line-height:1.12;letter-spacing:-.04em}
.studio-live p{margin:0;color:#e0e6d9;font-size:clamp(13px,1.06vw,16px);line-height:1.48}
.studio-live-link{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:17px;min-height:50px;padding:10px 16px;background:#d8ff3e;color:#11120f;font-size:14px;font-weight:750;text-decoration:none;white-space:nowrap;transition:background .2s ease,transform .2s ease}
.studio-live-link:hover,.studio-live-link:focus-visible{background:#edff9a;transform:translateY(-2px)}
.studio-live-link:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:760px){.studio-live{padding-block:23px 27px!important}.studio-live-inner{align-items:flex-start;flex-direction:column;gap:17px}.studio-live-link{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.studio-live-link{transition:none}.studio-live-link:hover,.studio-live-link:focus-visible{transform:none}}