body{margin:0;padding:0;font-family:Arial,sans-serif;background:#0b0b0b;color:#d5d5d5;display:flex;justify-content:center;align-items:center;min-height:100vh;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.architektur{max-width:900px;width:98%;height:90%;padding:0rem 1.7rem 1.7rem 1.5rem;margin:0.5rem;border:0.023rem solid #d5d5d5;background:#0b0b0b;box-sizing:border-box;text-align:left;position:relative}
h1{font-size:2.2rem;margin-bottom:1.5rem;font-family:Arial,sans-serif;letter-spacing:.0825rem;font-style:normal;font-weight:100;text-transform:uppercase;text-decoration-line:underline;text-underline-offset:6px;text-decoration-thickness:1px;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;overflow-wrap:break-word;word-wrap:break-word}
p{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;letter-spacing:.0825rem;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;overflow-wrap:break-word;word-wrap:break-word}
a:link,a:visited{color:#f9f9f9;text-decoration:none;transition:color .1s ease,text-decoration-color .3s ease}
a:hover,a:focus{color:#cc0000;}
a:active{color:#990000}
.btn{display:inline-block;padding:.8rem 1.6rem;background:#d5d5d5;color:#000!important;text-decoration:none;font-weight:700;border-radius:0;transition:background .25s ease,color .25s ease,transform .03s ease;margin-top:1rem;margin-bottom:1rem;letter-spacing:.0832rem;border:1px solid #d5d5d5}
.btn:hover,.btn:focus{background:#cc0000;color:#d5d5d5!important;border-color:#cc0000}
.btn:active{transform:translateY(0px)}
.footer-links{margin-top:2rem;font-size:.85rem}
.footer-links a{color:#666;text-decoration:none;margin:0rem;letter-spacing:.0832rem}
.footer-links a:hover{color:#cc0000}
.footer-links span{color:#aaa}
.img-wrapper{display:inline-block;pointer-events:none;user-select:none}
.img-wrapper img{width:160px;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
a:focus-visible,.btn:focus-visible{outline:2px dashed #cc0000;outline-offset:3px}
.image-row{display:flex;gap:.5rem;margin-top:1.5rem}
.image-box{flex:1;overflow:hidden}
.image-box img{width:100%;height:340px;object-fit:cover;transition:transform .4s ease;display:block}
.image-box img:hover{transform:scale(1.1)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media (max-width:600px){.architektur{max-width:800px;width:100%;margin:0.6rem;padding:0rem 1rem 0 1rem}h1{font-size:1.5rem}p{font-size:1rem}.logo-container img{width:220px}img{pointer-events:none;user-select:none}.image-row{flex-direction:column}.image-box{width:100%}.image-box img{height:350px}}
/* Bildreihe enger setzen */
.image-row {
  gap: 0.25rem;               /* oder 0 wenn es ganz bündig sein soll */
  margin-top: 1rem;           /* optional etwas kleiner als 1.5rem */
}

/* Default-Margins der Figure-Elemente neutralisieren */
.image-row figure,
.image-row .image-box {
  margin: 0;
  padding: 0;
}

/* Caption dezent, ohne extra Abstand */
.image-row figcaption {
  margin-top: 0.25rem;
  line-height: 1.3;
  font-size: 0.9rem;
  color: #a8a8a8;
}

/* Mobile genauso eng halten */
@media (max-width: 600px) {
  .image-row { gap: 0.25rem; }
  .image-row figure { margin: 0; }
}