html,body{margin:0;padding:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}
html{background:#777}
body{
  background:linear-gradient(to bottom,#36353d 0,#4f4f4f 110px,#777 760px,#777 100%);
  color:#111;font-size:11px;
}
.site{width:1001px;margin:0 auto}
.header{width:1001px;height:140px;background:#ddd;overflow:hidden}
.header img{display:block;height:140px;}
.gap{height:22px}
.main-frame{
	background:white; 
	background-image: url("../images/Cadwork02b.jpg");
	background-size: cover;
	
	background-position: center;
	/* Breite festlegen (z. B. 100% des Bildschirms oder feste Pixel) */
	width: 100%; 

	/* Magie: Passt die Höhe automatisch an die Bildproportionen an */
	aspect-ratio: 1920 / 1080; 
	
	padding:12px 8px 10px;box-sizing:border-box}
.home-visual{display:block;width:985px;height:485px;object-fit:fill}
.footer{width:1001px;height:22px;background:#777;color:#fff;box-sizing:border-box;padding:4px 5px 0 2px;font-size:11px;font-weight:bold}
.footer nav{float:left;white-space:nowrap}
.footer a{color:#000;text-decoration:underline;margin-right:22px}
.footer .copyright{float:right;color:#fff;font-weight:normal}
.page-frame{width:1001px;box-sizing:border-box;background:#fff;padding:12px 14px 18px;min-height:507px;border-left:8px solid #777;border-right:8px solid #777;font-size:13px;line-height:1.45}
.page-frame h1{font-size:20px;margin:0 0 14px}
.page-frame h2{font-size:16px;margin:22px 0 8px}
.page-frame p{margin:0 0 10px}
.page-frame a{color:#000}
.page-frame address{font-style:normal}
.back{display:inline-block;margin-bottom:14px}
.legal{font-size:12px}
@media(max-width:1020px){
  .site,.header,.footer,.main-frame{width:100%}
  .header img{height:140px;object-fit:cover;object-position:left top}
  .main-frame{height:auto;padding:8px}
  .home-visual{height:auto}
  .footer{height:auto;min-height:22px}
  .footer .copyright{float:none;display:block;margin-top:4px}
  .page-frame{width:100%;border:0;min-height:0}
}