:root{
  --bg:#ffffff;
  --fg:#000000;
  --muted:#4b5563;
  --accent:#E62249;
}
*{box-sizing:border-box}
@font-face{
  font-family:'BasierSquare';
  src:url('basiersquare-regular-webfont.eot');
  src:url('basiersquare-regular-webfont.eot?#iefix') format('embedded-opentype'),
      url('basiersquare-regular-webfont.woff2') format('woff2'),
      url('basiersquare-regular-webfont.woff') format('woff');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
html{scroll-behavior:smooth}
body{
  margin:0;
  padding:15px; /* umlaufender Rand */
  font-family:'BasierSquare', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  color:var(--fg);
  background:var(--bg);
  font-size:18px;
  line-height:1.3;
  font-weight:400;
}

.legal-dock-home{
  border-top: 1px solid #000000;
  width:calc(100% - 30px); /* 15px inset left and right */
  margin-left:0px;
  padding-top:10px;
}

.legal-dock{
  border-top: 1px solid #000000 /* #d7d7d7; */;
  width: 100%; /* 15px inset left and right */
  margin-left:0px;
  padding-top:10px;
}

/* Links */
a{color:#000; text-decoration:none}
a:hover{text-decoration:underline}

/* Homepage sticky menu bottom-left (14px) */
.legal-dock-home{
  position:fixed;
  left:15px;
  bottom:15px;
  z-index:60;
  font-size:14px;
}
.legal-dock-home a{margin-right:12px}

/* Legal pages menu (non-sticky, 14px) */
.legal-dock{
  position:static;
  margin-top:20px;
  font-size:14px;
}
.legal-dock a{margin-right:12px}

/* Stage layout */
.main{min-height:calc(100dvh - 30px);display:flex;flex-direction:column}
.stage{
  display:grid;
  grid-template-columns:1fr; /* mobile: single column */
  align-items:start;
  gap:24px;
}
.logo-wrap{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start; /* left-aligned */
  margin-left: -2px;
}
.logo{
  width:100%;        /* <1080px: full width */
  height:auto;
  display:block;
  margin-top:0px;   /* top spacing equals page padding */
}
.text{
  max-width:none; 
  text-align:left;
  margin-left: 0;
  margin-top: -3px;
  padding-top: 20px;
  border-top: 1px solid #000000;
}

/* Remove bold anywhere */
h1,h2,h3,strong,b{font-weight:400; font-size:inherit}
.kicker{font-weight:400; font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.14em}

/* Accent helper */
.accent{color:var(--accent)}

@media (min-width:1080px){
  .text{
  max-width:none; 
  text-align:left;
  margin-left: 20% !important;
  margin-top: 1% !important;
  border: none;
  padding-top: 0 !important;

}

}

@media (min-width:992px){
  .stage{
    grid-template-columns:60vw 1fr;
    gap:40px;
	/* aborder-bottom: 1px solid #000000;
    padding-bottom: 22px; */
  }
  .logo{width:60vw; margin-top:0} /* align to top of grid; left padding remains 15px from body */

.text{
  max-width:none; 
  text-align:left;
  margin-left: 0%;
  margin-top: 10px;
}
	

/* Overlays (non-sticky close at fixed offset) */
.overlay{
  position:relative;
  padding:0;
  background:transparent;
}
.overlay-inner{
  max-width:900px;
  margin-bottom:250px; /* spacing above non-sticky menu on legal pages */
}
	}

@media (max-width:600px){
  .overlay-inner{margin-bottom:150px;margin-top:30px !important;}
   a:hover{}
}

/* Close button: NOT fixed, but always offset 15px from top/right within overlay */
.close{
  position:absolute;
  top:15px;
  right:15px;
  width:22px;  /* ~80% scaling */
  height:22px;
}
.close img{width:100%;height:100%;display:block}

/* Legal content uniform */
.legal-title{font-size:inherit; margin:0 0 .5em}
.legal-body{font-size:inherit; line-height:1.3}
.legal-body p{margin:0 0 1.3em}