/* German nature 15 product family: shared new badge and responsive copy. */
#nav-product.nature15-product-navigation { width:230px; }
#nav-product.nature15-product-navigation .nature15-family { margin:10px 0 10px 15px; }
#nav-product.nature15-product-navigation .nature15-new { display:block; margin:0 0 5px; color:#077cc1; font-weight:bold; font-size:13px; line-height:18px; }
#nav-product.nature15-product-navigation .nature15-links { margin:0; padding:0; border-left:2px solid #077cc1; list-style:none; }
#nav-product.nature15-product-navigation .nature15-links a { height:auto; padding:4px 0 4px 12px; line-height:18px; }
#nav-product.nature15-product-navigation li.active > a { font-weight:bold; }
.nature15-existing-new { color:#077cc1; }
.nature15-page .content .nature15-title { margin-bottom:8px; }
.nature15-page .content .nature15-subtitle { font-size:20px; font-weight:400; line-height:1.3; margin:0 0 22px; }
.nature15-intro { margin-bottom:24px; }
.nature15-intro--illustrated { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:14px; align-items:start; }
.nature15-product-image { margin:0; }
.nature15-product-image img { display:block; max-width:100%; height:auto; }
@media screen and (max-width:760px) {
  #nav-product.nature15-product-navigation { width:auto; }
  #nav-product.nature15-product-navigation .nature15-family { margin:10px 0; }
  #nav-product.nature15-product-navigation .nature15-links { border-bottom:0; }
  #nav-product.nature15-product-navigation .nature15-links a { padding:7px 0 7px 12px; }
  .nature15-intro--illustrated { grid-template-columns:minmax(0,1fr); }
  .nature15-page .content .nature15-subtitle { font-size:18px; }
}

/* Existing product photos and supplied isometries; captions remain editable HTML. */
.nature15-layer-section { margin:28px 0; }
.nature15-layer-figure { margin:0; }
.nature15-layer-image { position:relative; }
.nature15-layer-image > img { display:block; width:100%; height:auto; }
.nature15-layer-lines { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.nature15-layer-lines line { stroke:#666; stroke-width:1; vector-effect:non-scaling-stroke; }
.nature15-layer-lines circle { fill:#0076be; }
.nature15-layer-number, .nature15-legend-number {
  display:inline-block; width:22px; height:22px; line-height:22px;
  background:#0076be; color:#fff; border-radius:50%; text-align:center;
  font-size:12px; font-weight:bold;
}
.nature15-layer-number { position:absolute; transform:translate(-50%,-50%); }
.nature15-page .content .nature15-layer-legend {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 20px;
  margin:18px 0 0; padding:0; list-style:none;
}
.nature15-layer-legend li { display:flex; gap:8px; align-items:flex-start; }
.nature15-legend-number { flex:0 0 22px; }
@media screen and (max-width:760px) {
  .nature15-layer-number { width:16px; height:16px; line-height:16px; font-size:10px; }
  .nature15-page .content .nature15-layer-legend { grid-template-columns:minmax(0,1fr); }
}

/* Restore the original line and round point on the flexible roof-product menu. */
@media screen and (min-width:761px) {
  #nav-product.nature15-product-navigation {
    clip-path:inset(0 -6px);
  }
  #nav-product.nature15-product-navigation li > a {
    position:relative;
  }
  #nav-product.nature15-product-navigation li > a::before {
    content:"";
    position:absolute;
    left:-6px;
    bottom:calc(50% - 5px);
    width:11px;
    height:100vmax;
    background-image:url(../images/template/nav-product-linepoint.png),linear-gradient(#2c77b1,#2c77b1);
    background-repeat:no-repeat;
    background-position:center bottom,center top;
    background-size:10px 300px,1px calc(100% - 5px);
    visibility:hidden;
    pointer-events:none;
  }
  #nav-product.nature15-product-navigation .nature15-links a::before {
    left:-23px;
  }
  #nav-product.nature15-product-navigation li.active > a::before,
  #nav-product.nature15-product-navigation li > a:hover::before,
  #nav-product.nature15-product-navigation li > a:focus-visible::before {
    visibility:visible;
  }
}

/* Technical data from the product brochures. */
.nature15-data-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.nature15-data-table th, .nature15-data-table td {
  padding:8px 12px; border:1px solid #ddd; text-align:left; vertical-align:top; overflow-wrap:anywhere;
}
.nature15-data-table thead th { background:#077cc1; color:#fff; }
.nature15-data-table tbody tr:nth-child(odd) { background:#f7f7f7; }
.nature15-data-source { margin:8px 0 12px; }
