/*
Theme Name: Architekturwerk
Theme URI: https://architekturwerk.jimdofree.com/
Author: Architekturwerk
Description: Reduziertes, bildstarkes WordPress-Theme fuer Architekturwerk Gesellschaft von Architekten mbH.
Version: 1.20.18
Text Domain: architekturwerk
*/

:root{
  --ink:#11110f;
  --paper:#f4f2ed;
  --white:#fff;
  --muted:#78766f;
  --line:#d9d6cf;
  --accent:#5f6d58;
  --max:1560px;
  --pad:clamp(20px,3vw,52px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.site-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);background:rgba(244,242,237,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(17,17,15,.08)}
.brand{font-size:18px;font-weight:700;letter-spacing:.13em;white-space:nowrap}
.main-nav{display:flex;align-items:center;gap:28px;font-size:12px;letter-spacing:.11em;text-transform:uppercase}
.main-nav>a,.projects-main-link{padding:10px 0;border:0;background:none;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;display:inline-block}
.nav-projects{position:relative}
.projects-main-link:after{content:'+';margin-left:7px}
.project-dropdown{position:absolute;left:0;top:calc(100% - 2px);min-width:245px;padding:14px 18px 16px;background:var(--ink);color:#fff;display:none;box-shadow:0 12px 40px rgba(0,0,0,.15)}
.nav-projects:hover .project-dropdown,.nav-projects:focus-within .project-dropdown{display:grid}
.project-dropdown a{padding:7px 0;font-size:11px;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.15)}
.project-dropdown a:last-child{border-bottom:0}
.menu-toggle{display:none;border:0;background:none;font-size:22px;padding:8px;cursor:pointer}
.hero{min-height:82vh;position:relative;overflow:hidden;background:#111}
.hero img{width:100%;height:82vh;object-fit:cover;filter:brightness(.82)}
.hero-copy{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(32px,6vw,88px);color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.hero h1{margin:0;max-width:900px;font-size:clamp(46px,7.7vw,132px);line-height:.88;letter-spacing:-.055em;font-weight:400}
.hero-copy p{margin:0 0 8px;max-width:320px;font-size:14px;line-height:1.5}
.section{padding:clamp(72px,9vw,150px) var(--pad)}
.section-inner{max-width:var(--max);margin:0 auto}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0 0 22px}
.intro{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.65fr);gap:clamp(35px,7vw,120px);align-items:start}
.intro h2,.page-title{font-weight:400;font-size:clamp(42px,5.7vw,88px);letter-spacing:-.045em;line-height:.98;margin:0}
.intro p{font-size:clamp(17px,1.4vw,22px);margin:6px 0 0;max-width:580px}
.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(20px,2.3vw,38px);margin-top:clamp(60px,8vw,120px)}
.project-card{grid-column:span 6;display:block}
.project-card:nth-child(3n){grid-column:span 7}.project-card:nth-child(3n+1){grid-column:span 5}
.project-card-media{aspect-ratio:4/3;overflow:hidden;background:#ddd}
.project-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.project-card:hover img{transform:scale(1.018)}
.project-card-meta{display:flex;justify-content:space-between;gap:20px;padding:15px 0 3px;border-bottom:1px solid var(--line)}
.project-card-title{font-size:16px}.project-card-type{font-size:12px;color:var(--muted);text-align:right}
.project-hero{padding:clamp(60px,7vw,110px) var(--pad) 28px}
.project-hero-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.5fr .55fr;gap:40px;align-items:end}
.project-hero h1{margin:0;font-size:clamp(52px,8vw,132px);font-weight:400;letter-spacing:-.055em;line-height:.92}
.project-facts{font-size:13px;display:grid;gap:6px;padding-bottom:8px}.project-facts span{color:var(--muted)}
.project-lead{max-width:var(--max);margin:0 auto;padding:0 var(--pad) clamp(48px,6vw,88px);font-size:clamp(19px,2vw,30px);max-width:1000px;margin-left:var(--pad)}
.project-gallery{max-width:var(--max);margin:0 auto;padding:0 var(--pad) 120px;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(18px,2vw,30px)}
.project-gallery figure{margin:0;grid-column:span 12;background:#e6e3dc;overflow:hidden}
.project-gallery figure:nth-child(3n+2){grid-column:span 7}.project-gallery figure:nth-child(3n){grid-column:span 5}
.project-gallery img{width:100%;height:auto}
.page-wrap{max-width:var(--max);margin:0 auto;padding:clamp(70px,9vw,145px) var(--pad) 130px}
.page-head{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;margin-bottom:clamp(60px,8vw,120px);align-items:end}
.page-head p{font-size:clamp(17px,1.5vw,23px);margin:0;max-width:560px}
.content-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 70px;border-top:1px solid var(--line)}
.content-block{padding:30px 0;border-bottom:1px solid var(--line)}
.content-block h3{font-size:22px;font-weight:400;margin:0 0 14px}.content-block p,.content-block li{color:#373732}.content-block ul{margin:0;padding-left:18px}
.office-feature{margin:0 0 clamp(48px,6vw,88px);background:#e6e3dc;overflow:hidden;border:1px solid var(--line)}
.office-feature img{width:100%;height:auto;display:block}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:65px}.contact-large{font-size:clamp(26px,3vw,48px);line-height:1.1;letter-spacing:-.03em}
.legal{max-width:760px}.legal h2{font-size:20px;margin-top:40px;font-weight:400}.legal p{margin:8px 0}
.site-footer{background:var(--ink);color:#fff;padding:44px var(--pad);font-size:12px}
.footer-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.footer-links{display:flex;gap:22px;text-transform:uppercase;letter-spacing:.11em}.footer-contact{color:#bcbab3;margin-top:10px}
.back-link{display:inline-block;margin-top:40px;border-bottom:1px solid currentColor;padding-bottom:3px;font-size:13px;text-transform:uppercase;letter-spacing:.11em}
@media(max-width:900px){
 .menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:18px var(--pad) 28px;border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:2px}.main-nav.is-open{display:flex}.nav-projects{width:100%}.project-dropdown{position:static;display:grid!important;background:transparent;color:var(--ink);box-shadow:none;padding:3px 0 10px 14px}.project-dropdown a{border-color:var(--line)}
 .hero,.hero img{height:72vh;min-height:620px}.hero-copy{display:block}.hero-copy p{margin-top:22px}.intro,.project-hero-inner,.page-head,.contact-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-card,.project-card:nth-child(n){grid-column:1}.project-gallery figure,.project-gallery figure:nth-child(n){grid-column:span 12}.content-columns{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}
}

.project-dropdown a:hover,.project-dropdown a:focus{opacity:.72}
.all-projects-link{font-weight:700}


/* v1.6 – ruhigere, geordnetere Startseite */
body{background:#fff;color:#181818}
.site-header{position:sticky;top:0;z-index:1000;min-height:80px;padding:0 clamp(28px,3vw,54px);background:rgba(255,255,255,.97);border-bottom:1px solid #e9e9e7;backdrop-filter:blur(10px)}
.brand{font-size:22px;font-weight:400;letter-spacing:.045em}
.main-nav{gap:34px;font-size:12px;letter-spacing:.03em;text-transform:uppercase}
.main-nav>a,.projects-main-link{padding:29px 0}
.projects-main-link:after{content:'⌄';font-size:12px;margin-left:7px;position:relative;top:-1px}
.project-dropdown{top:76px;background:#fff;color:#181818;border:1px solid #e5e5e2;box-shadow:0 14px 38px rgba(0,0,0,.08);padding:12px 18px 14px}
.project-dropdown a{border-color:#ecece9;color:#181818}

.hero-calm{height:68vw;max-height:760px;min-height:560px;background:#111}
.hero-calm img{height:100%;width:100%;object-fit:cover;filter:none}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.18) 42%,rgba(0,0,0,.02) 70%)}
.hero-copy-calm{left:clamp(42px,7vw,110px);right:auto;bottom:clamp(52px,7vw,105px);display:block;max-width:630px;color:#fff}
.hero-copy-calm h1{font-size:clamp(54px,6vw,92px);line-height:1.02;letter-spacing:.01em;font-weight:300;margin:0 0 22px;text-transform:uppercase}
.hero-kicker{margin:0 0 18px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.9}
.hero-rule{width:54px;border-top:2px solid #fff;margin:0 0 22px}
.hero-subline{max-width:390px!important;font-size:17px!important;line-height:1.55!important;margin:0 0 28px!important}
.hero-button{display:inline-block;background:#fff;color:#171717;padding:14px 21px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;border:1px solid #fff;transition:.2s ease}
.hero-button:hover{background:transparent;color:#fff}

.home-intro{border-bottom:1px solid #e7e7e4;background:#fff}
.home-intro-inner{max-width:1380px;margin:0 auto;padding:54px clamp(28px,5.2vw,82px);display:grid;grid-template-columns:220px minmax(0,820px);gap:50px;align-items:start}
.home-intro .eyebrow{margin-top:5px;color:#222}
.home-intro-text{margin:0;font-size:17px;line-height:1.72;color:#363636;max-width:820px}

.home-projects{background:#fff;padding:70px 0 82px}
.home-projects-inner{max-width:1380px;margin:0 auto;padding:0 clamp(28px,5.2vw,82px)}
.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}
.home-section-head h2{font-size:18px;letter-spacing:.12em;text-transform:uppercase;font-weight:400;margin:0}
.home-section-head a{font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.home-section-head a span{margin-left:14px;font-size:16px}
.home-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 28px}
.home-project-card{display:block}
.home-project-image{aspect-ratio:4/4.55;overflow:hidden;background:#ecebe7}
.home-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.home-project-card:hover img{transform:scale(1.012)}
.home-project-name{font-size:14px;margin-top:11px;letter-spacing:.01em}

.home-info{border-top:1px solid #e7e7e4;background:#faf9f6}
.home-info-inner{max-width:1380px;margin:0 auto;padding:48px clamp(28px,5.2vw,82px) 56px;display:grid;grid-template-columns:repeat(3,1fr);gap:70px}
.home-info-block{font-size:14px;line-height:1.65;color:#333}
.home-info-block .eyebrow{margin-bottom:16px;color:#1a1a1a}
.home-info-block p{max-width:330px}
.text-arrow{display:inline-block;margin-top:22px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid transparent}
.text-arrow span{margin-left:14px;font-size:16px}.text-arrow:hover{border-bottom-color:#181818}

.site-footer{background:#fff;color:#222;padding:20px clamp(28px,5.2vw,82px);border-top:1px solid #e7e7e4;font-size:10px}
.footer-inner{max-width:1380px;grid-template-columns:1fr auto;align-items:center}.footer-contact{display:none}.footer-links{font-size:10px;gap:24px;color:#444}

@media(max-width:1100px){
 .home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-info-inner{grid-template-columns:1fr 1fr;gap:45px}
}
@media(max-width:900px){
 .site-header{min-height:68px}.brand{font-size:18px}.main-nav{top:68px;background:#fff}.main-nav>a,.projects-main-link{padding:10px 0}
 .hero-calm{height:72vh;min-height:560px}.hero-copy-calm{left:28px;right:28px;bottom:48px}.hero-copy-calm h1{font-size:46px}
 .home-intro-inner{grid-template-columns:1fr;gap:6px;padding-top:42px;padding-bottom:42px}
 .home-project-grid{grid-template-columns:1fr 1fr;gap:24px 18px}
 .home-info-inner{grid-template-columns:1fr;gap:36px}
}
@media(max-width:560px){
 .home-project-grid{grid-template-columns:1fr}.home-project-image{aspect-ratio:4/3.9}
 .home-section-head{align-items:flex-start;flex-direction:column;gap:12px}
 .hero-copy-calm h1{font-size:39px}.hero-subline{font-size:15px!important}
}


/* v1.7 – geordnetere Projektübersicht */
.projects-page{max-width:1380px;padding-top:clamp(72px,8vw,118px)}
.projects-head{margin-bottom:clamp(42px,5vw,70px);grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}
.projects-overview-bar{display:flex;justify-content:space-between;gap:24px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.project-grid-orderly{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(42px,4.2vw,68px) clamp(22px,2.5vw,36px);margin-top:34px}
.project-card-orderly,.project-card-orderly:nth-child(n){grid-column:auto}
.project-card-orderly .project-card-media{aspect-ratio:4/3.15;background:#ecebe7}
.project-card-orderly .project-card-meta{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:13px 0 11px}
.project-card-index{font-size:10px;letter-spacing:.08em;color:#999}
.project-card-orderly .project-card-title{font-size:14px;line-height:1.3}
.project-card-orderly .project-card-type{font-size:11px;line-height:1.3;white-space:nowrap;color:#777}
.project-card-orderly:hover .project-card-title{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
@media(max-width:1050px){
 .project-grid-orderly{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .projects-head{grid-template-columns:1fr}
 .projects-overview-bar{align-items:flex-start;flex-direction:column;gap:5px}
 .project-grid-orderly{grid-template-columns:1fr;gap:38px;margin-top:26px}
 .project-card-orderly .project-card-media{aspect-ratio:4/3}
 .project-card-orderly .project-card-meta{grid-template-columns:30px minmax(0,1fr);gap:10px}
 .project-card-orderly .project-card-type{grid-column:2;text-align:left;white-space:normal;margin-top:-5px}
}


/* v1.7.1 – Kontaktbild */
.contact-feature{margin:0 0 clamp(36px,5vw,68px);background:#e6e3dc;overflow:hidden;border:1px solid var(--line)}
.contact-feature img{width:100%;height:auto;display:block}
.contact-grid{margin-top:0;align-items:start}


/* v1.7.2 – Büro und Kontakt: kleineres Bild mit Text daneben */
.page-head-compact{grid-template-columns:1fr;margin-bottom:clamp(36px,4.5vw,66px)}
.image-text-layout{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(360px,1.12fr);gap:clamp(42px,6vw,92px);align-items:start}
.image-text-layout figure{margin:0}
.office-feature,.contact-feature{width:100%;margin:0;background:#e6e3dc;overflow:hidden;border:1px solid var(--line)}
.office-feature img,.contact-feature img{width:100%;height:auto;display:block}
.image-text-copy{padding-top:2px;max-width:650px}
.image-text-lead{margin:0 0 clamp(36px,4vw,58px);font-size:clamp(19px,1.8vw,28px);line-height:1.45}
.side-info-block{padding:22px 0;border-top:1px solid var(--line)}
.side-info-block:last-child{border-bottom:1px solid var(--line)}
.side-info-block h3{font-size:17px;font-weight:400;margin:0 0 10px}
.side-info-block p{margin:0;color:#373732;line-height:1.65}
.contact-copy .contact-large{font-size:clamp(25px,2.6vw,42px);margin:0 0 clamp(30px,4vw,48px)}
.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid var(--line);padding-top:22px}
.contact-details p{margin:0;line-height:1.6}
@media(max-width:900px){
 .image-text-layout{grid-template-columns:1fr;gap:30px}
 .image-text-layout figure{max-width:620px}
 .image-text-copy{max-width:720px}
 .contact-details{grid-template-columns:1fr}
}


/* v1.8.0 - Projekt Baumkolonne Lichtenberg */
.project-gallery-baumkolonne-lichtenberg figure:nth-child(1){grid-column:span 12}
.project-gallery-baumkolonne-lichtenberg figure:nth-child(2),
.project-gallery-baumkolonne-lichtenberg figure:nth-child(3){grid-column:span 6}
.project-gallery-baumkolonne-lichtenberg figure:nth-child(4){grid-column:span 12}
.project-gallery-baumkolonne-lichtenberg figure:nth-child(5){grid-column:4 / span 6}
.project-gallery-baumkolonne-lichtenberg figure{background:#fff}
@media(max-width:900px){
 .project-gallery-baumkolonne-lichtenberg figure:nth-child(n){grid-column:span 12}
}


/* v1.8.1 – Aktuelle Projekte */
.project-menu-heading{display:block;padding:13px 0 6px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#777;border-bottom:1px solid var(--line)}
.project-menu-heading-secondary{margin-top:7px}
.project-menu-current{font-weight:600}
.project-section{margin-top:clamp(42px,5vw,72px)}
.project-section-head{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:28px}
.project-section-head .eyebrow{margin:0}
.project-section-current{margin-top:38px}
.project-section-archive{margin-top:clamp(70px,8vw,110px)}
@media(max-width:900px){
 .project-menu-heading{padding-left:14px}
}


/* v1.9.0 - KHK Rettungsstelle */
.project-gallery-khk-rettungsstelle figure:nth-child(1),
.project-gallery-khk-rettungsstelle figure:nth-child(4),
.project-gallery-khk-rettungsstelle figure:nth-child(5){grid-column:span 12}
.project-gallery-khk-rettungsstelle figure:nth-child(2),
.project-gallery-khk-rettungsstelle figure:nth-child(3){grid-column:span 6}
.project-gallery-khk-rettungsstelle figure{background:#fff}
@media(max-width:900px){
 .project-gallery-khk-rettungsstelle figure:nth-child(n){grid-column:span 12}
}


/* v1.10.5 – ausführliche Projektbeschreibung */
.project-details{max-width:1080px;margin:0 auto clamp(58px,7vw,100px);padding:0 clamp(22px,5vw,70px)}
.project-detail-section{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);padding:clamp(30px,4vw,52px) 0;border-top:1px solid var(--line)}
.project-detail-section:last-child{border-bottom:1px solid var(--line)}
.project-detail-section h2{font-size:16px;font-weight:400;letter-spacing:.02em;margin:0}
.project-detail-section p{grid-column:2;margin:0 0 1.25em;line-height:1.7;color:#2f2f2b;max-width:780px}
.project-detail-section p:last-child{margin-bottom:0}
@media(max-width:800px){
 .project-detail-section{grid-template-columns:1fr;gap:18px}
 .project-detail-section p{grid-column:1}
}

/* v1.10.8 – Aktuelle Projekte mit gleicher leichter Schrift wie Projekte */
.project-menu-current{font-weight:400}
.project-menu-heading{font-weight:400}
.project-section-head .eyebrow{font-weight:400}


/* v1.10.9 – Baumkolonne: Pläne kleiner, Renderings ergänzt */
.project-gallery-baumkolonne-lichtenberg figure:nth-child(2),
.project-gallery-baumkolonne-lichtenberg figure:nth-child(3),
.project-gallery-baumkolonne-lichtenberg figure:nth-child(4),
.project-gallery-baumkolonne-lichtenberg figure:nth-child(5){grid-column:4 / span 6}
.project-gallery-baumkolonne-lichtenberg figure:nth-child(6),
.project-gallery-baumkolonne-lichtenberg figure:nth-child(7){grid-column:span 6}
@media(max-width:900px){
 .project-gallery-baumkolonne-lichtenberg figure:nth-child(n){grid-column:span 12}
}


/* v1.11.1 – Baumkolonne Grundrisse waagerecht dargestellt */

/* v1.12.0 – Projektplan-Feinschliff */
/* Baumkolonne: Grundrisse und Schnitt ca. 25 % groesser als zuvor; roter Grundriss gleich behandelt. */
.project-gallery-baumkolonne-lichtenberg figure:nth-child(2),
.project-gallery-baumkolonne-lichtenberg figure:nth-child(3),
.project-gallery-baumkolonne-lichtenberg figure:nth-child(4),
.project-gallery-baumkolonne-lichtenberg figure:nth-child(5){
  grid-column:1 / -1;
  width:62.5%;
  justify-self:center;
}
@media(max-width:900px){
  .project-gallery-baumkolonne-lichtenberg figure:nth-child(2),
  .project-gallery-baumkolonne-lichtenberg figure:nth-child(3),
  .project-gallery-baumkolonne-lichtenberg figure:nth-child(4),
  .project-gallery-baumkolonne-lichtenberg figure:nth-child(5){width:100%}
}

/* v1.14.0 - Baumkolonne und Franz-Jacob-Strasse Feinausrichtung */
/* Baumkolonne: Renderings getauscht; Lageplan kleiner; Plaene in einer gemeinsamen Flucht. */
.project-gallery-baumkolonne-lichtenberg .project-image-7,
.project-gallery-baumkolonne-lichtenberg .project-image-6{
  grid-column:1 / -1;
  width:70%;
  justify-self:center;
}
.project-gallery-baumkolonne-lichtenberg .project-image-1{
  grid-column:1 / -1;
  width:70%;
  justify-self:center;
}
.project-gallery-baumkolonne-lichtenberg .project-image-2,
.project-gallery-baumkolonne-lichtenberg .project-image-3,
.project-gallery-baumkolonne-lichtenberg .project-image-4,
.project-gallery-baumkolonne-lichtenberg .project-image-5{
  grid-column:1 / -1;
  width:75%;
  justify-self:center;
}
/* Der rote Grundriss (Bild 5) sitzt exakt in derselben horizontalen Flucht wie die Grundrisse 2 und 3. */
.project-gallery-baumkolonne-lichtenberg .project-image-2 img,
.project-gallery-baumkolonne-lichtenberg .project-image-3 img,
.project-gallery-baumkolonne-lichtenberg .project-image-5 img{
  display:block;
  width:100%;
  margin:0;
}

/* Franz-Jacob-Strasse: Lageplan und Grundriss etwas groesser untereinander. */
.project-gallery-franz-jacob-strasse .project-image-1{grid-column:1 / -1}
.project-gallery-franz-jacob-strasse .project-image-2,
.project-gallery-franz-jacob-strasse .project-image-3{
  grid-column:1 / -1;
  width:88%;
  justify-self:center;
  background:#fff;
}
/* Die beiden Schnitte kleiner und nebeneinander. */
.project-gallery-franz-jacob-strasse .project-image-4{
  grid-column:2 / span 4;
  width:82%;
  justify-self:center;
  background:#fff;
}
.project-gallery-franz-jacob-strasse .project-image-5{
  grid-column:8 / span 4;
  width:82%;
  justify-self:center;
  background:#fff;
}
@media(max-width:900px){
  .project-gallery-baumkolonne-lichtenberg .project-image-1,
  .project-gallery-baumkolonne-lichtenberg .project-image-2,
  .project-gallery-baumkolonne-lichtenberg .project-image-3,
  .project-gallery-baumkolonne-lichtenberg .project-image-4,
  .project-gallery-baumkolonne-lichtenberg .project-image-5,
  .project-gallery-baumkolonne-lichtenberg .project-image-6,
  .project-gallery-baumkolonne-lichtenberg .project-image-7,
  .project-gallery-franz-jacob-strasse .project-image-1,
  .project-gallery-franz-jacob-strasse .project-image-2,
  .project-gallery-franz-jacob-strasse .project-image-3,
  .project-gallery-franz-jacob-strasse .project-image-4,
  .project-gallery-franz-jacob-strasse .project-image-5{
    grid-column:1 / -1;
    width:100%;
  }
}


/* v1.15.0 - Baumkolonne: zusätzliches Axonometrie-Bild eingefügt */
.project-gallery-baumkolonne-lichtenberg .project-image-8{
  grid-column:1 / -1;
  width:74%;
  justify-self:center;
  background:#fff;
}
@media(max-width:900px){
  .project-gallery-baumkolonne-lichtenberg .project-image-8{
    grid-column:1 / -1;
    width:100%;
  }
}


/* v1.16.0 - Feinjustierung Baumkolonne und Franz-Jacob-Strasse */
/* Baumkolonne: roter Grundriss gleich groß wie die beiden anderen und mittig dazwischen; graues Bild und Rendering darunter. */
.project-gallery-baumkolonne-lichtenberg .project-image-2,
.project-gallery-baumkolonne-lichtenberg .project-image-3,
.project-gallery-baumkolonne-lichtenberg .project-image-5{
  grid-column:1 / -1;
  width:75%;
  justify-self:center;
  background:#fff;
}
.project-gallery-baumkolonne-lichtenberg .project-image-4{
  grid-column:1 / -1;
  width:75%;
  justify-self:center;
  background:#fff;
}
.project-gallery-baumkolonne-lichtenberg .project-image-8,
.project-gallery-baumkolonne-lichtenberg .project-image-6{
  grid-column:1 / -1;
  width:72%;
  justify-self:center;
  background:#fff;
}

/* Franz-Jacob-Strasse: Lageplan größer mittig, Grundriss darunter 3% größer; Schnitte unten gleich groß nebeneinander. */
.project-gallery-franz-jacob-strasse .project-image-2{
  grid-column:1 / -1;
  width:92%;
  justify-self:center;
  background:#fff;
}
.project-gallery-franz-jacob-strasse .project-image-3{
  grid-column:1 / -1;
  width:95%;
  justify-self:center;
  background:#fff;
}
.project-gallery-franz-jacob-strasse .project-image-4,
.project-gallery-franz-jacob-strasse .project-image-5{
  width:80%;
  justify-self:center;
  background:#fff;
}
.project-gallery-franz-jacob-strasse .project-image-4{
  grid-column:2 / span 4;
}
.project-gallery-franz-jacob-strasse .project-image-5{
  grid-column:8 / span 4;
}
@media(max-width:900px){
  .project-gallery-baumkolonne-lichtenberg .project-image-2,
  .project-gallery-baumkolonne-lichtenberg .project-image-3,
  .project-gallery-baumkolonne-lichtenberg .project-image-4,
  .project-gallery-baumkolonne-lichtenberg .project-image-5,
  .project-gallery-baumkolonne-lichtenberg .project-image-6,
  .project-gallery-baumkolonne-lichtenberg .project-image-8,
  .project-gallery-franz-jacob-strasse .project-image-2,
  .project-gallery-franz-jacob-strasse .project-image-3,
  .project-gallery-franz-jacob-strasse .project-image-4,
  .project-gallery-franz-jacob-strasse .project-image-5{
    grid-column:1 / -1;
    width:100%;
  }
}


/* v1.17.0 - Feinschliff */
/* Baumkolonne: die beiden letzten Bilder etwa 30% größer. */
.project-gallery-baumkolonne-lichtenberg .project-image-8,
.project-gallery-baumkolonne-lichtenberg .project-image-6{
  width:94%;
}


/* v1.18.0 - Baumkolonne und Franz-Jacob-Strasse: vertikale Ausrichtung */

/* Baumkolonne:
   - Grundrisse 02/03/05 gleich groß und mittig
   - roter Grundriss 05 unter den beiden anderen
   - roter Plan um 180° gedreht: Beschriftung links, vertikal lesbar
   - Schnitt 04 direkt darunter und gleich breit
   - letzte beiden Bilder mittig und untereinander
*/
.project-gallery-baumkolonne-lichtenberg .project-image-2,
.project-gallery-baumkolonne-lichtenberg .project-image-3,
.project-gallery-baumkolonne-lichtenberg .project-image-5,
.project-gallery-baumkolonne-lichtenberg .project-image-4{
  grid-column:1 / -1;
  width:75%;
  justify-self:center;
  background:#fff;
}
.project-gallery-baumkolonne-lichtenberg .project-image-5 img{
  transform:rotate(180deg);
  transform-origin:center center;
}
.project-gallery-baumkolonne-lichtenberg .project-image-8,
.project-gallery-baumkolonne-lichtenberg .project-image-6{
  grid-column:1 / -1;
  width:94%;
  justify-self:center;
  background:#fff;
}

/* Franz-Jacob-Strasse: alle Bilder mittig und strikt untereinander. */
.project-gallery-franz-jacob-strasse .project-image-1,
.project-gallery-franz-jacob-strasse .project-image-2,
.project-gallery-franz-jacob-strasse .project-image-3,
.project-gallery-franz-jacob-strasse .project-image-4,
.project-gallery-franz-jacob-strasse .project-image-5{
  grid-column:1 / -1;
  justify-self:center;
  background:#fff;
}
.project-gallery-franz-jacob-strasse .project-image-1{width:100%;}
.project-gallery-franz-jacob-strasse .project-image-2{width:92%;}
.project-gallery-franz-jacob-strasse .project-image-3{width:95%;}
.project-gallery-franz-jacob-strasse .project-image-4,
.project-gallery-franz-jacob-strasse .project-image-5{width:72%;}

@media(max-width:900px){
  .project-gallery-baumkolonne-lichtenberg .project-image-2,
  .project-gallery-baumkolonne-lichtenberg .project-image-3,
  .project-gallery-baumkolonne-lichtenberg .project-image-4,
  .project-gallery-baumkolonne-lichtenberg .project-image-5,
  .project-gallery-baumkolonne-lichtenberg .project-image-6,
  .project-gallery-baumkolonne-lichtenberg .project-image-8,
  .project-gallery-franz-jacob-strasse .project-image-1,
  .project-gallery-franz-jacob-strasse .project-image-2,
  .project-gallery-franz-jacob-strasse .project-image-3,
  .project-gallery-franz-jacob-strasse .project-image-4,
  .project-gallery-franz-jacob-strasse .project-image-5{
    grid-column:1 / -1;
    width:100%;
  }
}


/* v1.18.1 - Baumkolonne: drei markierte Bilder untereinander und mittig */
.project-gallery-baumkolonne-lichtenberg .project-image-4,
.project-gallery-baumkolonne-lichtenberg .project-image-8,
.project-gallery-baumkolonne-lichtenberg .project-image-6{
  grid-column:1 / -1 !important;
  justify-self:center !important;
  display:block;
  background:#fff;
}
.project-gallery-baumkolonne-lichtenberg .project-image-4{
  width:75%;
}
.project-gallery-baumkolonne-lichtenberg .project-image-8,
.project-gallery-baumkolonne-lichtenberg .project-image-6{
  width:94%;
}
@media(max-width:900px){
  .project-gallery-baumkolonne-lichtenberg .project-image-4,
  .project-gallery-baumkolonne-lichtenberg .project-image-8,
  .project-gallery-baumkolonne-lichtenberg .project-image-6{
    width:100%;
  }
}


/* v1.18.2 - Franz-Jakob-Strasse: Lageplan und Grundriss groesser, mittig untereinander */
.project-gallery-franz-jacob-strasse .project-image-2,
.project-gallery-franz-jacob-strasse .project-image-3{
  grid-column:1 / -1 !important;
  justify-self:center !important;
  display:block;
  background:#fff;
}
.project-gallery-franz-jacob-strasse .project-image-2{
  width:98%;
}
.project-gallery-franz-jacob-strasse .project-image-3{
  width:98%;
}
@media(max-width:900px){
  .project-gallery-franz-jacob-strasse .project-image-2,
  .project-gallery-franz-jacob-strasse .project-image-3{
    width:100%;
  }
}


/* v1.18.3 - Franz-Jakob-Strasse: beide unteren Schnittbilder optisch gleich gross, mittig untereinander */
.project-gallery-franz-jacob-strasse .project-image-4,
.project-gallery-franz-jacob-strasse .project-image-5{
  grid-column:1 / -1 !important;
  justify-self:center !important;
  display:block;
  background:#fff;
}
/* Wegen der unterschiedlichen Bildformate werden die Breiten angepasst, damit beide optisch gleich groß erscheinen. */
.project-gallery-franz-jacob-strasse .project-image-4{
  width:65%;
}
.project-gallery-franz-jacob-strasse .project-image-5{
  width:94%;
}
@media(max-width:900px){
  .project-gallery-franz-jacob-strasse .project-image-4,
  .project-gallery-franz-jacob-strasse .project-image-5{
    width:100%;
  }
}


/* v1.18.4 - Franz-Jakob-Strasse: unterste Zeichnung 20% kleiner */
.project-gallery-franz-jacob-strasse .project-image-5{
  width:75.2% !important;
  justify-self:center !important;
}
@media(max-width:900px){
  .project-gallery-franz-jacob-strasse .project-image-5{
    width:80% !important;
  }
}


/* v1.19.0 - Schwules Museum */
.project-gallery-schwules-museum .project-image-1,
.project-gallery-schwules-museum .project-image-2,
.project-gallery-schwules-museum .project-image-3,
.project-gallery-schwules-museum .project-image-4{
  grid-column:1 / -1 !important;
  justify-self:center !important;
  display:block;
  background:#fff;
}
.project-gallery-schwules-museum .project-image-1{width:100%;}
.project-gallery-schwules-museum .project-image-2,
.project-gallery-schwules-museum .project-image-3,
.project-gallery-schwules-museum .project-image-4{width:88%;}
@media(max-width:900px){
  .project-gallery-schwules-museum .project-image-1,
  .project-gallery-schwules-museum .project-image-2,
  .project-gallery-schwules-museum .project-image-3,
  .project-gallery-schwules-museum .project-image-4{width:100%;}
}


/* v1.19.1 - zusaetzliches Bild Schwules Museum */
.project-gallery-schwules-museum .project-image-5{
  grid-column:1 / -1;
  width:88%;
  justify-self:center;
  background:#fff;
}
@media(max-width:900px){
  .project-gallery-schwules-museum .project-image-5{width:100%;}
}


/* v1.19.2 - Franz-Jakob-Strasse: unterste Zeichnung weitere 12% kleiner */
.project-gallery-franz-jacob-strasse .project-image-5{
  width:66.176% !important;
  justify-self:center !important;
}
@media(max-width:900px){
  .project-gallery-franz-jacob-strasse .project-image-5{
    width:70.4% !important;
  }
}


/* v1.20.2 - Franz-Jacob-Strasse: Planrahmen entfernt */
.project-gallery-franz-jacob-strasse figure{background:#fff;}


/* v1.20.7 – Bildgrößen Büro/Kontakt */
.office-layout{grid-template-columns:minmax(330px,.968fr) minmax(360px,1.032fr)}
.office-layout .office-feature img{filter:saturate(.92) hue-rotate(8deg) brightness(1.01)}
.contact-layout{grid-template-columns:minmax(240px,.704fr) minmax(360px,1.296fr)}
.contact-layout .contact-feature{max-width:80%}
@media(max-width:900px){
 .office-layout,.contact-layout{grid-template-columns:1fr}
 .contact-layout .contact-feature{max-width:100%}
}


/* v1.20.9 – Büro und Kontakt Bilder 20% größer */
.office-layout{grid-template-columns:minmax(360px,1.162fr) minmax(330px,.838fr)}
.contact-layout{grid-template-columns:minmax(290px,.845fr) minmax(330px,1.155fr)}
.contact-layout .contact-feature{max-width:96%}
@media(max-width:900px){
 .office-layout,.contact-layout{grid-template-columns:1fr}
 .contact-layout .contact-feature{max-width:100%}
}

/* Friedenau: alle Projektbilder in einer einspaltigen Folge untereinander */
.project-gallery-friedenau figure,
.project-gallery-friedenau figure:nth-child(n){
  grid-column:1 / -1;
}