* {
  flex-shrink: 0;
  text-decoration-thickness: 0.25px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

html {
  hyphens: manual;
  font-size: 1vw;
  --graph: 1vw;
  --inter: 0.65;
  --shadow: 0.75px;
  --green: #007700;
  --neg-shadow: calc(-1 * var(--shadow)) calc(-1 * var(--shadow));
  --pos-shadow: var(--shadow) var(--shadow);
}

body {
  font-family: Josefin;
  font-size: 1.132rem;
  font-weight: 300;
  color: black;
  line-height: 1.5;
  margin: 0;
  background-color: #fff;
}

h1, h2 {
  font-size: inherit;
  font-weight: inherit;
  margin-bottom: 0;
  margin-top: 0;
  display: contents;
}

h3, h4, h5 {
  margin-top: 0;
  margin-bottom: 0.476rem;
  font-weight: 360;
  line-height: 1.2;
}

h3 {
  font-size: 1.666rem;
}

h4 {
  font-size: 1.428rem;
}

h5 {
  font-size: 1.19em;
}

p {
  margin-top: 0;
  margin-bottom: 0.952rem;
}

.bottom-nav {
  z-index: 4;
  margin-bottom: calc(0.826 * var(--same));
  padding-right: calc(16.2 * var(--inter) * var(--graph));
  font-size: calc(1.11 * var(--same));
}

.fold .bottom-nav {
  margin-bottom: calc(3.57 * var(--graph) - 2.324 * var(--same));
  font-size: calc(1.43 * var(--same));
}

body:not(.safari) .bottom-nav {
  text-shadow: var(--pos-shadow) #000, var(--neg-shadow) #888;
}
.fold body:not(.safari) .reverse, body:not(.safari) .boss, body:not(.safari) .logo, body:not(.safari) .lozenge {
  text-shadow: var(--pos-shadow) #fff, var(--neg-shadow) #888;
}
body:not(.safari) a:hover, .fold body:not(.safari) .reverse a:hover {
  text-shadow: var(--neg-shadow) #fff, var(--pos-shadow) #888;
}
body:not(.safari) .bottom-nav a:hover {
  text-shadow: var(--neg-shadow) #000, var(--pos-shadow) #888;
}

img {
  width: 100%;
  height: auto;
}

img, svg {
  vertical-align: middle;
}

.logo, .lozenge, img {
  user-select: none;
}

.lozenge {
  background-color: white;
  border: 1px solid;
  border-color: #bbb #aaa #999;
  box-shadow: inset 0 1px 1px #fff, inset 0 -1.01px 1px #888, 0 2px 4px -3px #000;
}

#corona::before {
  z-index: -1;
  content: "";
  position: absolute;
  left: -7px;
  top: -7px;
  width: calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: white;
  border-radius: 6px;
}

#corona {
  background-color: white;
  font-size: calc((1.5 - 0.4 * var(--log)) * 1rem);
  text-align: justify;
  line-height: 1.2em;
  padding: 0.833rem;
  border-radius: 6px;
  flex-shrink: 1;
  width: calc((1.5 - 0.4 * var(--log)) * 20.2rem);
  z-index: 6;
  margin: auto;
  display: none;
}

.lozenge {
  font-size: 1.032rem;
  display: inline-flex;
  align-items: center;
  min-width: 1em;
  color: #333;
  padding: 2px 2px 0px 2px;
  pointer-events: auto;
  border-radius: 1000px;
}

.lang:hover {
  box-shadow: inset 0 1px 1px #ccc, inset 0 -1px 1px #ccc, 0 2px 4px -3px #000;
  border-color: #bbb;
}

.lang:active {
  box-shadow: inset 0 1px 1px #444, inset 0 -1px 1px #ccc, 0 2px 4px -3px #fff;
}

.box {
  color: var(--green);
}

.corner {
  font-size: calc(1.746 * var(--same));
  line-height: 1em;
  position: fixed;
  top: 0.476rem;
}

.corner span, path, image, .scroll {
  pointer-events: none;
}

.corner a {
  display: inline-block;
}

.img {
  padding: 1px;
  padding-bottom: 2px;
}

.frame {
  overflow: hidden;
}

.more {
  text-decoration: underline;
  float: right;
}

a {
  text-decoration: none;
}

a, .fold .reverse a {
  color: black;
}

.bottom-nav a {
  color: #bfbfbf;
}

a.mail, a.tel, a.link {
  color: var(--green);
}

a.mail, a.tel, a.link, a.name, a.terms {
  text-decoration-line: underline;
}

a.gray {
  color: #aaa;
}

.paraphrasis, span.green, a.green {
  color: #007000;
}

.gray {
  fill: #bfbfbf;
}

.green {
  fill: #008000;
}

.bio {
  text-decoration: underline;
  margin-bottom: 0.5em;
}

div.head h3:not(:first-of-type) {
  margin-top: 1.5em;
}

div.head h4:not(:first-of-type) {
  margin-top: 0.72em;
}

div.head h5:not(:first-of-type) {
  margin-top: 0.56em;
}

div.indent {
  margin-left: 1.5em;
}

.quote {
  font-style: italic;
}

.bquo, .rquo, .lquo {
  font-size: 1.5em;
  position: relative;
}

.rquo, .lquo {
  top: 0.12em;
}

.lquo {
  left: -0.05em;
}

.source {
  font-style: italic;
  text-align: right;
}

.caps, .serv {
  font-variant: small-caps;
}

.separator {
  color: #999;
  padding: 0 0.45em;
  position: relative;
  top: -0.1em;
}

.separator::after {
  content: "|";
}

.wide {
  width: 396pt;
}

.lozenges {
  position: fixed;
  top: calc(10.417 * var(--same));
}

#corona {
  position: fixed;
  left: 7rem;
  top: 14rem;
}

@media (min-width: 960px) {
  .caps:not(.plain) {
    text-decoration-line: underline;
  }
}
@font-face {
  font-family: GentiumPlus;
  src: local(""), url("../fonts/GentiumPlus-R.woff2") format("woff2"), url("../fonts/GentiumPlus-R.woff") format("woff"), url("../fonts/GentiumPlus-R.ttf") format("truetype");
}
/*
@font-face {
    font-family: Josefin;
    src: local(''),
       url('../fonts/Josefin.ttf') format('truetype');
}
*/
@font-face {
  font-family: Josefin;
  font-weight: 300;
  font-display: block;
  src: local(""), url("../fonts/Josefin300.ttf") format("truetype");
}
@font-face {
  font-family: Josefin;
  font-weight: 360;
  font-display: block;
  src: local(""), url("../fonts/Josefin360.ttf") format("truetype");
}
@font-face {
  font-family: Gunny;
  src: local(""), url("../fonts/Gunny.ttf") format("truetype");
}
#floor::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  z-index: -1;
  background: url("../img/floor.png") 0 0 repeat;
  background-size: calc(10 * var(--graph));
}

.v1 #both {
  left: calc((1.36 + 20 * var(--log)) * 1rem);
  top: calc((24.63 - 15 * var(--log)) * 1rem);
  width: calc((31.47 - 6.17 * var(--log)) * 1rem);
}

.v1 #work {
  right: calc((3.36 + 11.41 * var(--log)) * 1rem);
  top: calc((20.04 - 9.56 * var(--log)) * 1rem);
  width: calc((28.52 + 14.26 * var(--log)) * 1rem);
}

.v1 #laura {
  left: calc((15 + 16 * var(--log)) * 1rem);
  top: calc((52.1 - 19 * var(--log)) * 1rem);
  width: calc((29.07 + 1.86 * var(--log)) * 1rem);
}

.v1 #felix {
  left: calc((36.14 + 16 * var(--log)) * 1rem);
  top: calc((45.5 - 19 * var(--log)) * 1rem);
  width: calc((29.07 + 1.86 * var(--log)) * 1rem);
}

.v2 #both {
  left: calc((4.44 + 17.87 * var(--log)) * 1rem);
  top: calc((16.96 - 7.02 * var(--log)) * 1rem);
  width: calc((26.41 + 2.34 * var(--log)) * 1rem);
}

.v2 #work {
  left: calc((18.04 + 14.85 * var(--log)) * 1rem);
  top: calc((40.1 - 4.98 * var(--log)) * 1rem);
  width: calc((28.52 + 14.26 * var(--log)) * 1rem);
}

.v2 #laura {
  left: initial;
  right: calc((4.44 + 17.87 * var(--log)) * 1rem);
  top: calc((28.7 - 5.3 * var(--log)) * 1rem);
  width: calc((26.6 + 15.29 * var(--log)) * 1rem);
}

.v2 #felix {
  left: initial;
  right: calc((4.44 + 17.87 * var(--log)) * 1rem);
  top: calc((16.96 - 7.02 * var(--log)) * 1rem);
  width: calc((26.6 + 15.29 * var(--log)) * 1rem);
}

.v3 #work, .v3 #both {
  left: initial;
  right: initial;
  top: initial;
  width: 100%;
  max-width: 300px;
  margin-bottom: 2em;
}

.v3 #laura, .v3 #felix {
  left: initial;
  right: initial;
  top: initial;
  margin-bottom: 2em;
  flex-grow: 1;
  width: 100%;
  max-width: 300px;
}

.both #work {
  max-width: initial;
}

.both #felix {
  margin-left: 2em;
}

.both #laura, .both #felix {
  width: initial;
  max-width: initial;
}

.single, #ser, #phil, .rising {
  font-size: calc((1.332 - 0.327 * var(--log)) * 1rem);
}

.s1 {
  left: calc((3.69 + 19.04 * var(--log)) * 1rem);
  top: calc((15.37 - 3.62 * var(--log)) * 1rem);
  width: calc((30.67 + 0.72 * var(--log)) * 1rem);
}

.v3 .s1 {
  left: calc((11.19 + 19.04 * var(--log)) * 1rem);
}

.v3 .s1.org, .v3 .s1.tra {
  left: calc((8.69 + 19.04 * var(--log)) * 1rem);
  width: calc((35.67 + 0.72 * var(--log)) * 1rem);
}

.s2 {
  width: calc((46.96 + -12.57 * var(--log)) * 1rem);
  left: calc((12.44 + 26.92 * var(--log)) * 1rem);
  top: calc((43.75 + -14.36 * var(--log)) * 1rem);
}

.v3 .s2 {
  width: calc((39.27 + 26.88 * var(--log)) * 1rem);
  left: calc((19.38 + 1.32 * var(--log)) * 1rem);
  top: calc((43.99 + -14.84 * var(--log)) * 1rem);
}

.v1 .s1 {
  left: 15.31rem;
  top: 13.16rem;
  width: 31.12rem;
}

.v1 .s2 {
  width: 39.29rem;
  left: 28.87rem;
  top: 34.98rem;
}

.v1 #ser {
  left: 19.44rem;
  top: 13.16rem;
  width: 26.99rem;
  font-size: 1.132rem;
}

#sim, #con, #tra, #org {
  width: 13rem;
}

.v1 #sim {
  left: 52.43rem;
  top: 13.16rem;
}

.v1 #con {
  left: 61.43rem;
  top: 19.15rem;
}

.v1 #tra {
  left: 70.43rem;
  top: 25.14rem;
}

.v1 #org {
  left: 52.43rem;
  top: 25.14rem;
}

.v2 #ser {
  left: calc((6.34 + 21.44 * var(--log)) * 1rem);
  top: calc((15.37 - 3.62 * var(--log)) * 1rem);
  width: calc((28.02 - 1.68 * var(--log)) * 1rem);
}

.v2 #sim {
  left: calc((39.5 + 21.17 * var(--log)) * 1rem);
  top: calc((15.37 - 3.62 * var(--log)) * 1rem);
}

.v2 #con {
  left: calc((49.25 + 19.94 * var(--log)) * 1rem);
  top: calc((24.83 - 9.3 * var(--log)) * 1rem);
}

.v2 #tra {
  left: calc((59 + 18.71 * var(--log)) * 1rem);
  top: calc((34.29 - 14.98 * var(--log)) * 1rem);
}

.v2 #org {
  left: calc((39.5 + 21.17 * var(--log)) * 1rem);
  top: calc((34.29 - 14.98 * var(--log)) * 1rem);
}

.v3 #ser {
  left: calc((13.84 + 11.44 * var(--log)) * 1rem);
  top: calc((15.37 - 3.62 * var(--log)) * 1rem);
  width: calc((28.02 - 1.68 * var(--log)) * 1rem);
}

.v3 #sim {
  left: calc((49.56 + 27.75 * var(--log)) * 1rem);
  top: calc((15.37 - 3.62 * var(--log)) * 1rem);
}

.v3 #con {
  left: calc((49.56 + 27.75 * var(--log)) * 1rem);
  top: calc((22.37 - 9.3 * var(--log)) * 1rem);
}

.v3 #tra {
  left: calc((49.56 + 27.75 * var(--log)) * 1rem);
  top: calc((36.37 - 20.66 * var(--log)) * 1rem);
}

.v3 #org {
  left: calc((49.56 + 27.75 * var(--log)) * 1rem);
  top: calc((29.37 - 14.98 * var(--log)) * 1rem);
}

html:not(.v4) #phil {
  left: calc(13 * var(--graph));
  bottom: calc(4.8 * var(--graph));
  right: 23rem;
  font-size: calc((1.332 - 0.327 * var(--log)) * 1rem);
}

.rising {
  position: absolute;
  line-height: 1.2em;
  text-align: justify;
  padding: 1em;
  visibility: hidden;
  opacity: 0;
}

#phil {
  position: fixed;
}

#ser {
  position: absolute;
}

.v4 .service, .v4 #ser, .v4 #phil {
  position: relative;
}

.v4 #ser, .v4 #phil {
  width: 100%;
}

.v4 #ser {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.icon {
  float: right;
  padding-right: 0.3em;
}

.v3 .icon, .v4 .icon {
  float: left;
  padding-right: initial;
  padding-left: 0.3em;
}

.ricon {
  float: right;
}

.licon {
  float: left;
}

.v3 .licon, .v4 .licon {
  float: right;
}

svg.frame {
  position: absolute;
  left: calc(var(--delta) * -2px);
  top: calc(var(--delta) * -2px);
  width: calc(100% + var(--delta) * 4px);
  height: calc(100% + var(--delta) * 4px);
  pointer-events: none;
}

rect.border {
  x: calc(var(--delta) * 2px);
  y: calc(var(--delta) * 2px);
  width: calc(100% - var(--delta) * 4px);
  height: calc(100% - var(--delta) * 4px);
  stroke: rgba(0, 128, 0, calc(var(--delta) * 0.2));
  fill: none;
}

.inverted rect.border {
  stroke: rgba(0, 128, 0, calc((5 - var(--delta)) * 0.2));
}

.ref {
  position: absolute;
  line-height: 1.2em;
  padding: 0.8em;
  text-align: justify;
}

#groups {
  left: calc((8.23 + 20.85 * var(--log)) * 1rem);
  top: calc((16.76 - 6.64 * var(--log)) * 1rem);
  width: calc((23.7 + 10 * var(--log)) * 1rem);
}

#people {
  left: calc((41.24 + 34.86 * var(--log)) * 1rem);
  top: calc((26.95 - 13.64 * var(--log)) * 1rem);
  width: 28.5rem;
}

#tsafrir {
  left: calc((5.3 + 15.37 * var(--log)) * 1rem);
  top: calc((47.2 - 16.61 * var(--log)) * 1rem);
  width: calc((29.57 + 20.95 * var(--log)) * 1rem);
}

#anna {
  left: calc((20.77 + 20.59 * var(--log)) * 1rem);
  top: calc((47.9 - 16.61 * var(--log)) * 1rem);
  width: calc((25.89 + 26.83 * var(--log)) * 1rem);
}

.scrolling #groups {
  left: 3rem;
  right: min(25rem, 50% - 5rem);
  top: 20rem;
  width: initial;
}

.scrolling #people {
  right: 3rem;
  left: min(25rem, 50% - 5rem);
  top: 21rem;
  width: initial;
}

.scrolling #tsafrir {
  left: 3rem;
  right: min(25rem, 50% - 5rem);
  top: 20rem;
  width: initial;
}

.scrolling #anna {
  right: 3rem;
  left: min(25rem, 50% - 5rem);
  top: 21rem;
  width: initial;
}

.ufo {
  position: absolute;
}

.v3 .ufo {
  position: relative;
}

.index {
  line-height: 1.3em;
  text-align: center;
  background-color: white;
  padding: 0.8rem;
}

.v2 .thick, .v3 .thick {
  display: none;
}

.v1 #niveau {
  left: calc((8.32 + 26.23 * var(--log)) * 1rem);
  top: calc((16.15 - 4.03 * var(--log)) * 1rem);
  width: calc((27.54 - 5.44 * var(--log)) * 1rem);
  font-size: calc((1.91 - 0.32 * var(--log)) * 1rem);
}

.v1 #format {
  left: calc((42.53 + 19.8 * var(--log)) * 1rem);
  top: calc((21.31 - 5.43 * var(--log)) * 1rem);
  width: calc((30.2 - 11.88 * var(--log)) * 1rem);
  font-size: calc((1.42 - 0.41 * var(--log)) * 1rem);
}

.v1 #herzen {
  left: calc((17.65 + 22.77 * var(--log)) * 1rem);
  top: calc((36.83 - 9.49 * var(--log)) * 1rem);
  width: calc((23.91 - 3.71 * var(--log)) * 1rem);
  font-size: calc((1.84 - 0.22 * var(--log)) * 1rem);
}

.v1 #rahmen {
  left: calc((31.76 + 20.54 * var(--log)) * 1rem);
  top: calc((24.7 - 7.33 * var(--log)) * 1rem);
  width: 12.61rem;
  height: 12.61rem;
}

.v1 #rahmen2 {
  display: none;
}

.v2 #niveau {
  left: calc((6.66 + 27.01 * var(--log)) * 1rem);
  top: calc((15.44 - 8.79 * var(--log)) * 1rem);
  width: calc((26.64 - 11.83 * var(--log)) * 1rem);
  font-size: calc((1.89 - 0.91 * var(--log)) * 1rem);
}

.v2 #format {
  left: calc((39.56 + 22.38 * var(--log)) * 1rem);
  top: calc((25.43 - 11.66 * var(--log)) * 1rem);
  width: calc((28.21 - 13.54 * var(--log)) * 1rem);
  font-size: calc((1.52 - 0.73 * var(--log)) * 1rem);
}

.v2 #herzen {
  left: calc((18.23 + 31.24 * var(--log)) * 1rem);
  top: calc((44.1 - 15.1 * var(--log)) * 1rem);
  width: calc((23.1 - 11.09 * var(--log)) * 1rem);
  font-size: calc((1.83 - 0.88 * var(--log)) * 1rem);
}

.v2 #rahmen {
  left: calc((38.27 + 22.18 * var(--log)) * 1rem);
  top: calc((35.8 - 16.36 * var(--log)) * 1rem);
  width: calc((4.6 - 0.71 * var(--log)) * 1rem);
  height: calc((10.01 + 4.16 * var(--log)) * 1rem);
}

.v2 #rahmen2 {
  left: calc((31.95 + 14.45 * var(--log)) * 1rem);
  top: calc((22.39 - 9.64 * var(--log)) * 1rem);
  width: calc((10.01 + 4.16 * var(--log)) * 1rem);
  height: calc((4.6 - 0.71 * var(--log)) * 1rem);
}

.v3 #niveau {
  width: calc((31 - 3.18 * var(--log)) * 1rem);
  font-size: calc((2.12 - 0.06 * var(--log)) * 1rem);
  margin-top: calc((-1.4648 - 13.6256 * var(--log)) * 1rem);
}

.v3 #format {
  top: -4rem;
  width: calc((31 - 3.18 * var(--log)) * 1rem);
  font-size: calc((1.43 - 0.28 * var(--log)) * 1rem);
}

.v3 #herzen {
  top: -8rem;
  width: calc((31 - 3.18 * var(--log)) * 1rem);
  font-size: calc((2.08 - 0.37 * var(--log)) * 1rem);
}

.v3 #rahmen {
  top: -2rem;
  width: 4rem;
  height: calc((9.2676 - 6.8128 * var(--log)) * 1rem);
  left: -2rem;
}

.v3 #rahmen2 {
  top: -6rem;
  width: 4rem;
  height: calc((9.2676 - 6.8128 * var(--log)) * 1rem);
  left: calc((29 - 3.18 * var(--log)) * 1rem);
}

.comic {
  position: fixed;
}

.gunny {
  font-family: Gunny;
  width: 12rem;
  font-size: 1.825rem;
  line-height: 1em;
  text-align: center;
  color: #060;
}

.arrow {
  width: calc(var(--inter) * 5.952rem);
  content: url("../img/arrow.png");
}

.fold .comic {
  display: none;
}

#talk, #booth {
  position: fixed;
  z-index: 3;
}

#talk {
  width: calc(44.17 * var(--inter) * var(--graph));
  right: calc(-4.76 * var(--inter) * var(--graph));
  bottom: calc((3.57 - 6.85 * var(--inter)) * var(--graph));
}

#booth {
  width: calc(29.76 * var(--inter) * var(--graph));
  left: calc(-6.6 * var(--inter) * var(--graph));
  bottom: calc((3.57 - 11.07 * var(--inter)) * var(--graph));
}

.flex-column-row {
  flex-direction: row;
}

.fold .flex-column-row {
  flex-direction: column;
}

.fold .big {
  display: none;
}

:root:not(.fold) .scroll {
  display: none;
}

#bottom-fill {
  display: none;
}

.scrolling #bottom-fill {
  display: block;
}

html:not(.small) #small {
  display: none;
}

html:not(.fold) #fold {
  display: none;
}

.padded {
  padding: 1em;
}

.item {
  position: absolute;
  text-align: justify;
  line-height: 1.2em;
}

.scrolling .item {
  position: relative;
}

#bio {
  line-height: 1.31;
}

#portrait {
  width: var(--width);
  height: calc(1.5 * var(--width));
}

.v1 #portrait {
  left: calc((15.77 - 0.48 * var(--log)) * 1rem);
  top: calc((12.33 + 0.26 * var(--log)) * 1rem);
  --width: calc((26.87 - 17.02 * var(--log)) * 1rem);
}

.v1 #details {
  left: calc((15.77 - 0.48 * var(--log)) * 1rem);
  top: calc((56.09 - 26.15 * var(--log)) * 1rem);
  width: calc((8.26 + 29.51 * var(--log)) * 1rem);
}

.v1 #bio {
  left: calc((23.45 + 35.04 * var(--log)) * 1rem);
  top: calc((12.33 + 0.26 * var(--log)) * 1rem);
  width: calc((28.11 + 5.31 * var(--log)) * 1rem);
}

.v2 #portrait {
  left: calc((4.2 + 17.32 * var(--log)) * 1rem);
  top: calc((18.84 - 11.55 * var(--log)) * 1rem);
  --width: calc((19.55 - 3.56 * var(--log)) * 1rem);
}

.v2 #details {
  left: calc((17.59 + 10.18 * var(--log)) * 1rem);
  top: calc((53.39 - 20.75 * var(--log)) * 1rem);
  width: calc((32.91 - 5.86 * var(--log)) * 1rem);
}

.v2 #bio {
  left: calc((31.94 + 6.55 * var(--log)) * 1rem);
  top: calc((18.84 - 11.55 * var(--log)) * 1rem);
  width: calc((40.38 + 14.39 * var(--log)) * 1rem);
}

.v3 #portrait {
  --width: 17rem;
}

.v3 #details {
  width: calc((33.47 + 26.59 * var(--log)) * 1rem);
}

.v4 #portrait {
  --width:20rem;
}

.v4 #details {
  width: 100%;
  margin-top: 3rem;
}

html:not(.v4) #d1, html:not(.v4) #d2 {
  display: none;
}

#souter, .v3 #outer, .v4 #outer {
  display: flex;
  flex-direction: column;
  width: 80%;
  align-items: center;
  justify-content: end;
  margin-left: 10%;
  margin-right: 10%;
}

.v3 #outer, #souter {
  margin-top: 2rem;
}

.sinner, .v3 #inner, .v4 #inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: end;
  width: 100%;
  margin-bottom: 3rem;
}

.v4 #inner {
  flex-direction: column;
  align-items: center;
}

.v4 #sim {
  margin-right: max(3rem, (200% - 65rem) / 3);
}

.v4 #org {
  margin-left: max(3rem, (200% - 65rem) / 3);
}

.scrolling .team {
  display: flex;
  flex-direction: column;
  width: calc(60% - var(--log) * 10rem);
  align-items: center;
  margin-left: calc((100% - (60% - var(--log) * 10rem)) / 2);
  margin-right: calc((100% - (60% - var(--log) * 10rem)) / 2);
}

.scrolling:not(.both) .team {
  margin-top: 5rem;
}

.both .team {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}

.us {
  width: 100%;
  max-width: 300px;
}

.both .us {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  max-width: initial;
}

.scrolling .tgroups {
  left: initial;
  top: initial;
  width: 100%;
  max-width: 300px;
  margin-bottom: 2em;
}

#visit {
  padding: 0.2em;
}

.contact {
  position: absolute;
  text-align: justify;
  padding: 0.8em;
}

.v3 .contact {
  font-size: 1.6rem;
}

.v2 #visit {
  position: absolute;
}

.v1 #visit {
  position: absolute;
  left: calc((41.96 + 23.02 * var(--log)) * 1rem);
  top: calc((19.56 - 8.35 * var(--log)) * 1rem);
  width: calc((31.47 - 6.17 * var(--log)) * 1rem);
  /*
      width:calc((32.76 + -1.32 * var(--log)) * 1rem);
      left:calc((36.24 + 26.52 * var(--log)) * 1rem);
      top:calc((21.59 + -13.05 * var(--log)) * 1rem);
  */
}

#contact1 {
  font-weight: 360;
}

.v1 #contact1 {
  left: calc((1.55 + 11.97 * var(--log)) * 1rem);
  top: calc((19.56 - 8.35 * var(--log)) * 1rem);
  width: calc((25.73 + 9.85 * var(--log)) * 1rem);
  /*
  width:calc((25.56 + 10.22 * var(--log)) * 1rem);
  left:calc((2.10 + 10.62 * var(--log)) * 1rem);
  top:calc((17.89 + -4.79 * var(--log)) * 1rem);
  */
}

.v1 #contact2 {
  left: calc((8.88 + 15.14 * var(--log)) * 1rem);
  top: calc((47.03 - 14.17 * var(--log)) * 1rem);
  width: calc((25.81 + 9.94 * var(--log)) * 1rem);
  /*
      width:calc((25.53 + 10.54 * var(--log)) * 1rem);
      left:calc((5.33 + 17.34 * var(--log)) * 1rem);
      top:calc((36.17 + -10.71 * var(--log)) * 1rem);
  */
}

.v1 #contact3 {
  left: calc((20.16 + 23.05 * var(--log)) * 1rem);
  top: calc((47.73 - 14.17 * var(--log)) * 1rem);
  width: calc((28.01 + 12.47 * var(--log)) * 1rem);
  /*
      width:calc((26.40 + 15.90 * var(--log)) * 1rem);
      left:calc((21.69 + 19.61 * var(--log)) * 1rem);
      top:calc((49.25 + -16.11 * var(--log)) * 1rem);
  */
}

#visit {
  width: calc((30.69 + -1.51 * var(--log)) * var(--scale));
  left: calc((38.7 + -1.9 * var(--log)) * var(--scale));
  top: calc((18.32 + -0.9 * var(--log)) * var(--scale));
}

/*
.v2 #contact1 {
    width:calc((27.60 + -1.36 * var(--log)) * var(--scale));
    left:calc((6.85 + -0.34 * var(--log)) * var(--scale));
    top:calc((18.13 + -0.89 * var(--log)) * var(--scale));
}

.v2 #contact2 {
    width:calc((27.70 + -1.36 * var(--log)) * var(--scale));
    left:calc((6.64 + -0.33 * var(--log)) * var(--scale));
    top:calc((32.30 + -1.59 * var(--log)) * var(--scale));
}

.v2 #contact3 {
    width:calc((30.34 + -1.49 * var(--log)) * var(--scale));
    left:calc((20.56 + -1.01 * var(--log)) * var(--scale));
    top:calc((42.84 + -2.11 * var(--log)) * var(--scale));
}
*/
/*
.v2 #contact1 {
    width:calc((29.84 + -14.47 * var(--log)) * 1rem);
    left:calc((9.86 + -3.54 * var(--log)) * 1rem);
    top:calc((19.56 + -9.49 * var(--log)) * 1rem);
}

.v2 #contact2 {
    width:calc((29.84 + -14.47 * var(--log)) * 1rem);
    left:calc((9.86 + -3.54 * var(--log)) * 1rem);
    top:calc((45.54 + -16.91 * var(--log)) * 1rem);
}

.v2 #contact3 {
    width:calc((32.74 + -15.89 * var(--log)) * 1rem);
    left:calc((24.77 + -10.77 * var(--log)) * 1rem);
    top:calc((46.24 + -22.43 * var(--log)) * 1rem);
}

.v2 #visit {
    width:calc((33.12 + -16.07 * var(--log)) * 1rem);
    left:calc((44.35 + -20.27 * var(--log)) * 1rem);
    top:calc((19.77 + -9.59 * var(--log)) * 1rem);
}
*/
/*
.v2 #contact1 {
    width:calc((29.84 + -14.79 * var(--log)) * 1rem);
    left:calc((1.05 + 34.40 * var(--log)) * 1rem);
    top:calc((19.78 + -10.78 * var(--log)) * 1rem);
}

.v2 #contact2 {
    width:calc((29.84 + -14.19 * var(--log)) * 1rem);
    left:calc((1.06 + 33.10 * var(--log)) * 1rem);
    top:calc((45.21 + -20.88 * var(--log)) * 1rem);
}

.v2 #contact3 {
    width:calc((32.74 + -15.86 * var(--log)) * 1rem);
    left:calc((16.07 + 25.87 * var(--log)) * 1rem);
    top:calc((45.91 + -20.50 * var(--log)) * 1rem);
}

.v2 #visit {
    width:calc((33.12 + -16.05 * var(--log)) * 1rem);
    left:calc((34.34 + 24.21 * var(--log)) * 1rem);
    top:calc((19.77 + -9.61 * var(--log)) * 1rem);
}
*/
.v2 #contact1 {
  width: calc((31.65 + -25.6 * var(--log)) * 1rem);
  left: calc((1.74 + 42.96 * var(--log)) * 1rem);
  top: calc((20.97 + -17.94 * var(--log)) * 1rem);
}

.v2 #contact2 {
  width: calc((31.64 + -25 * var(--log)) * 1rem);
  left: calc((1.74 + 42.96 * var(--log)) * 1rem);
  top: calc((47.99 + -37.14 * var(--log)) * 1rem);
}

.v2 #contact3 {
  width: calc((34.72 + -27.72 * var(--log)) * 1rem);
  left: calc((17.66 + 29.64 * var(--log)) * 1rem);
  top: calc((48.69 + -37.14 * var(--log)) * 1rem);
}

.v2 #visit {
  width: calc((35.12 + -28.05 * var(--log)) * 1rem);
  left: calc((37.04 + 21.34 * var(--log)) * 1rem);
  top: calc((20.97 + -16.78 * var(--log)) * 1rem);
}

.scrolling .contact, .scrolling #visit {
  position: relative;
  margin-bottom: 3rem;
}

.scrolling #visit {
  width: 100%;
}

/*
.both #contact1 {
    margin-right:40%;
}

.both #visit {
    margin-left:40%;
    width:initial;
}
*/
.both #contact1, .both #visit {
  width: calc(50% - 1.5rem);
}

.both #contact1 {
  font-size: calc((1.65 + 0.8 * var(--log)) * 1rem);
}

#upper {
  flex-direction: column;
}

.both #upper {
  flex-direction: row;
}

.glue {
  height: 1rem;
}

.frameless {
  display: none;
}

.scrolling .frameless {
  display: initial;
}

.single {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  position: relative;
  text-align: justify;
  padding: 1em;
}

.single-head {
  font-size: 2em;
  margin-bottom: 1em;
}

.long-head {
  font-size: 2em;
  margin-bottom: 1em;
  margin-right: calc(10.55 * var(--graph));
}

.long {
  text-align: justify;
  padding: 1em;
  position: relative;
  margin-left: calc(13.45 * var(--graph));
  margin-right: calc(24 * var(--graph));
  margin-bottom: calc(5.57 * var(--graph));
}

.scrolling .long {
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: initial;
}

.scrolling .long-head {
  margin-right: initial;
}

.dyn {
  pointer-events: none;
}

.scrolling .dyn {
  pointer-events: initial;
}

.fill {
  width: 100%;
  position: relative;
}

.service {
  pointer-events: auto;
  font-size: 1.472rem;
  position: absolute;
  line-height: 1.2em;
  text-align: justify;
  padding: 0.3em;
}

.pale {
  opacity: 0.5;
}

.pic {
  width: 100%;
  border-radius: 6px;
}

html:not(.scrolling) .hover:hover .service:not(:hover) {
  opacity: 0.5;
}

html:not(.scrolling) .hover:hover .service:not(:hover) rect.border {
  stroke: rgba(80, 80, 80, calc(var(--delta) * 0.2));
}

.service.nevertheless {
  border: 1px solid #008000;
  border-radius: 5px;
}

html:not(.scrolling) .hover:hover .service.nevertheless:not(:hover) {
  border-color: #808080;
}