*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{margin:0;padding:0;font-family:Arial,sans-serif;background:#f9f9f9;color:#0b0b0b;display:flex;justify-content:center;align-items:center;min-height:100vh;font-style:normal;font-weight:normal}
.architektur{max-width:900px;width:98%;padding:0 1.7rem 1.7rem 1.5rem;margin:.5rem;background:#f9f9f9;text-align:left;position:relative}
h1,h2{font-family:Arial,sans-serif;font-weight:100;letter-spacing:.0825rem;text-transform:uppercase;text-decoration-line:underline;text-underline-offset:6px;text-decoration-thickness:1px;hyphens:auto;overflow-wrap:break-word;word-wrap:break-word}
h1{font-size:2.2rem;margin-top:1em}
h2{font-size:1.8rem}
h2.h1-like{margin-top:0;margin-bottom:1.5rem}
p{font-size:1.1rem;line-height:1.6;margin:0 0 1.5rem;letter-spacing:.0825rem;hyphens:auto;overflow-wrap:break-word;word-wrap:break-word}
a{text-decoration:none;transition:color .15s ease}
a:link,a:visited{color:#fbfbfb}
a:hover,a:focus{color:#cc0000}
a:active{color:#990000}
.btn{display:inline-block;margin:1rem 0;padding:.8rem 1.6rem;background:#0b0b0b;color:#fbfbfb;font-weight:700;letter-spacing:.0832rem;border:1px solid #d5d5d5;transition:background .25s ease,color .25s ease,transform .05s ease}
.btn:hover,.btn:focus{background:#cc0000;color:#d5d5d5;border-color:#cc0000}
.btn:active{transform:translateY(1px)}
.image-row{display:flex;gap:.5rem;width:90%;margin-top:1.5rem}
.image-box{flex:1;overflow:hidden}
.image-box img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .4s ease;user-select:none;pointer-events:none}
.image-box img:hover{transform:scale(1.1)}
.footer-links{margin-top:2rem;font-size:.85rem;letter-spacing:.0832rem}
.footer-links a{color:#0b0b0b}
.footer-links a:hover{color:#cc0000}
a:focus-visible,.btn:focus-visible{outline:2px dashed #cc0000;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media (max-width:600px){
.architektur{width:100%;margin:.6rem;padding:0 1rem}
h1,h2.h1-like{font-size:1.5rem}
p{font-size:1rem}
.image-row{flex-direction:column;width:100%}
.image-box img{height:350px}
}