/* node teaser */

.node-view-teaser { display:block; margin:0; padding:0; }
.node-view-teaser .node-inner { max-width:300px; height:auto; margin:0 auto; padding:0.6rem; }
.node-view-teaser .node-image { margin:0; padding:0.4rem; }
.node-view-teaser .node-image img { display:block; width:100%; max-width:max-content; height:auto; border-radius:5px; box-shadow:#ccc 2px 1px 5px; }
.node-view-teaser .node-text { padding:0.3rem 1rem 1rem 1rem; text-align:left; }
.node-view-teaser .node-title { font-weight:bold; }
.node-view-teaser .node-bundle { font-weight:normal; color:#6a6a6a; } 

/* node view full */

.node-view-full { display:block; margin:0; padding:0 0 4rem 0; }
.node-view-full .node-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 4rem; align-items: start; max-width: 1024px; }
.node-view-full .node-layout section { margin: 0 0 2rem 0; padding: 0; }
.node-view-full .node-sidebar { order: 2; position: sticky; top: 7.46rem; }
.node-view-full .node-image { margin:0; padding:0 0 1rem 0; }
.node-view-full .node-image img { display:block; width:100%; height:auto; border-radius:5px; box-shadow:#ccc 2px 1px 5px; }
.node-view-full .node-section { padding:0 0 2rem 0; text-align:center; }
.node-view-full .node-bundle { padding:0 0 1rem 0; text-align:center; color:#6a6a6a; font-size:133%; }
.node-view-full .node-tags { padding:2rem 0; }
.node-view-full .node-tags a { display:inline-block; white-space:nowrap; padding:0 1em 0 0; }
.node-view-full .node-tags a::before { display:inline-block; content:"#"; padding:0 1px 0 0; color:#7aa; }
.node-view-full .junction { margin:0; padding:1rem 0; list-style:none; }
.node-view-full .junction li { margin:0; padding:1rem 0; list-style:none; }
.node-view-full table { border-collapse:collapse; border:0; border-top:3px solid #9a9a9a; width:100%; }
.node-view-full table th,
.node-view-full table td { border:0; border-bottom:1px solid #9a9a9a; margin:0; padding:5px 0; }
.node-view-full table.pricelist { border:0; border-top:3px solid #9a9a9a; width:100%; }
.node-view-full table.pricelist td.comment { text-align:left; width:auto; padding-right:1rem; }
.node-view-full table.pricelist td.price { text-align:left; width:140px; }


@media
only screen and (max-width:640px),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 640px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 640px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 640px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 640px),
only screen and (                min-resolution: 192dpi) and (max-width: 640px),
only screen and (                min-resolution: 2dppx)  and (max-width: 640px) {
  /* Middle size and small screen, retina, stuff to override above media query */
  
  .node-view-full .node-layout { display: block; }
  .node-view-full .node-sidebar { position: relative; top: 2rem; left: auto; width: 100%; }
  
  .node-view-full .node-image img { border-radius:0; }
  .node-view-full .node-content { padding-left:1rem; padding-right:1rem; }

}