.module-network .module-wrap > .row-1 {
    margin-bottom: max(50px, calc(70 * var(--px)));
    text-align: center;
  }
  
  .module-network .module-wrap > .row-2 {
    margin-bottom: max(50px, calc(62 * var(--px)));
    margin-left: calc(var(--page-padding-left) * -1);
    margin-right: calc(var(--page-padding-right) * -1);
  } 

  .module-network .subheadline {
    margin-bottom: 1.4em;
    max-width: max(630px, calc(876 * var(--px)));
  }
  
  .module-network .wysiwyg {
    column-count: 2;
    column-gap: calc(73 * var(--px));
  }
  
  
  @media (max-width: 600px) {
    
    .module-network .wysiwyg {
      column-count: 1;
    }
    
    .module-network .spanned > span {
      display: inline;
    }
    
  }
  
  
  
  
  
  
  
  
  
  .module-network .map {
    position: relative;
  }
  
  .module-network .map img {
    width: 100%;
    height: auto;
    display: block;
    pointer-events: none;
    transform: scale(0.98);
    opacity: 0;
    transition: 1.5s 0.5s var(--ttf-7);
  }
  
  .module-network.is-on-screen .map img {
    opacity: 1;
    transform: none;
  }
  
  .module-network .markers {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
  }
  
  .module-network .markers > li {
    position: absolute;
    top: var(--y);
    left: var(--x);
  }
  
  .module-network .markers > li:nth-child(4n-3) { --color: #29ceb9; }
  .module-network .markers > li:nth-child(4n-2) { --color: #fdb000; }
  .module-network .markers > li:nth-child(4n-1) { --color: #379dee; }
  .module-network .markers > li:nth-child(4n) { --color: #db267f; }
  
  .module-network .marker {
    position: relative;
    width: 1px;
    height: 1px;
  }
  
  .module-network .markers button {
    --marker-initial-delay: 2000ms;
    --marker-delay: 150ms;
    --marker-duration: 750ms;
    --marker-timing-function: var(--ttf-8);
    --size: calc(26 * var(--px));
    top: calc(var(--size) * -0.5);
    left: calc(var(--size) * -0.5);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
    border: 0;
    width: var(--size);
    height: var(--size);
    cursor: pointer;
    position: relative;
    transform: scale(1);
    transform-origin: center center;
    background: var(--color);
    transition: transform var(--marker-duration) calc((var(--marker-delay) * var(--ios-item-index)) + var(--marker-initial-delay)) var(--marker-timing-function);
  }
  
  .module-network.is-on-screen-finished .markers button {
    --marker-initial-delay: 0ms;
    --marker-delay: 0ms;
    --marker-duration: 350ms;
    --marker-timing-function: var(--ttf-2);
  }
  
  .module-network .markers button {
    transform: scale(0);
  }
  
  .module-network.is-on-screen .markers button {
    transform: scale(1);
  }
  
  @media (hover: hover) {
    .module-network .markers > li:is(:hover, :focus) button,
    .module-network .markers button:is(:hover, :focus) {
      transform: scale(1.3);
    }
  }
  
  .module-network .marker[data-marker-size="s"] button {
    --size: calc(12 * var(--px));
  }
  
  .module-network .marker[data-marker-size="m"] button {
    --size: calc(16 * var(--px));
  }
  
  .module-network .tooltip {
    background: var(--base-color-white);
    border-radius: 6px;
    position: absolute;
    right: calc(25 * var(--px));
    top: 0;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 250ms var(--ttf-7);
  }
  
  .module-network .markers > li[data-direction="right"] .tooltip {
    right: auto;
    left: calc(25 * var(--px));
  }

  .module-network .markers > li:is(:hover, :focus) {
    z-index: 50;
  }

  .module-network .markers > li:is(:hover, :focus) .tooltip {
    opacity: 1;
    pointer-events: all;
  }
  

  
  .module-network .tooltip::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    height: 40px;
    width: 17px;
    transform: translateY(-50%);
  }
  
  .module-network .markers > li[data-direction="right"] .tooltip::before {
    left: auto;
    right: 100%;
  }
  
  .module-network .tooltip::after {
  	left: 100%;
  	top: 50%;
  	border: solid transparent;
  	content: "";
  	height: 0;
  	width: 0;
  	position: absolute;
  	pointer-events: none;
  	border-color: rgba(255, 255, 255, 0);
  	border-left-color: #ffffff;
  	border-width: 11px;
  	margin-top: -11px;
  }
  
  .module-network .markers > li[data-direction="right"] .tooltip::after {
    left: auto;
    right: 100%;
  	border-color: rgba(255, 255, 255, 0);
  	border-right-color: #ffffff;
  }
  
  .module-network .tooltip > div {
    padding: 9px 60px 12px 12px;
    color: var(--base-color-black);
  }
  
  .module-network .tooltip > div > div {
    min-width: max(140px, calc(140 * var(--px)));
  }
  
  .module-network .tooltip strong {
    font-weight: normal;
    font-family: var(--base-font-1-bold);
  }
  
  
  
  
  
  
  
  
  
  .module-network .tooltips-list {
    display: none;
  }
  
  @media (max-width: 500px) {
    
    .module-network .map {
      pointer-events: none;
    }
    
    .module-network .map .tooltip {
      display: none;
    }
    
    .module-network .tooltips-list {
      display: block;
      margin-top: 50px;
  		overflow: hidden;
  		overflow-x: scroll;
  		-ms-overflow-style: none;
  		scrollbar-width: none;
  		-webkit-overflow-scrolling: touch;
      display: flex;
      flex-flow: row nowrap;
      gap: 0 var(--page-padding-right);
      scroll-snap-type: x mandatory;
      padding-right: var(--page-padding-right);
    }
    
  	.module-network .tooltips-list::-webkit-scrollbar {
  		display: none;
  	}
    
    .module-network .tooltips-list .tooltip {
      position: static;
      opacity: 1;
      transform: none;
      pointer-events: all;
      width: 80vw;
      flex-shrink: 0;
      scroll-snap-align: center;
      padding: 12px;
      box-sizing: border-box;
    }
    
    .module-network .tooltips-list .tooltip:first-child {
      margin-left: var(--page-padding-left);
    }
    
    .module-network .tooltips-list .tooltip::before,
    .module-network .tooltips-list .tooltip::after {
      display: none;
    }
    
    .module-network .tooltips-list .tooltip .cpy-16 {
      --min-font-size: 1.25rem;
    }
    
    .module-network .tooltips-list .tooltip .cpy-28 {
      margin-bottom: 10px;
    }
    
  }