/* Institut Test 2 – ruhige Fassung.
   Desktop: feste Hauptüberschrift links, interaktiver Kreis rechts.
   Mobil: kompakter Themenkreis mit zehn antippbaren Punkten. */
.institut-explorer-section {
  position: relative;
  min-height: calc(100vh - 68px);
  padding: 34px 0 72px;
  overflow: hidden;
  color: #f4f2ea;
  background:
    radial-gradient(circle at 76% 39%, rgba(143,207,192,.12), transparent 28%),
    linear-gradient(150deg, #092126 0%, #07171a 66%);
}

.institut-explorer-grid-lines {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 84px 84px;
  pointer-events: none;
}

.institut-explorer-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(520px, .94fr);
  grid-template-areas:
    "display map"
    "help map";
  column-gap: clamp(42px, 5vw, 92px);
  align-items: start;
  min-height: 720px;
}

.institut-explorer-display {
  grid-area: display;
  position: relative;
  align-self: start;
  min-width: 0;
}

.institut-explorer-display-inner {
  position: relative;
  max-width: 760px;
  min-height: 640px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 10px 0 34px;
}

.institut-explorer-watermark {
  position: absolute;
  left: 0;
  top: 48%;
  max-width: 95%;
  overflow: hidden;
  color: rgba(143,207,192,.052);
  font-size: clamp(6rem, 11vw, 11rem);
  font-weight: 900;
  line-height: .82;
  letter-spacing: -.075em;
  white-space: nowrap;
  transform: translateY(-68%);
  pointer-events: none;
}

.institut-explorer-display h1 {
  position: relative;
  z-index: 1;
  max-width: 620px;
  margin: 0 0 8px;
  color: #e7b85f;
  font-size: clamp(3rem, 4.7vw, 4.9rem);
  font-weight: 780;
  line-height: .96;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.institut-explorer-mission {
  position: relative;
  z-index: 1;
  max-width: 620px;
  margin: 0 0 30px;
  color: rgba(242,239,231,.82);
  font-size: clamp(.98rem, 1.15vw, 1.12rem);
  font-weight: 520;
  line-height: 1.45;
  letter-spacing: -.012em;
}

/* Nur dieser Bereich wechselt. Seine Position und Grundhöhe bleiben stabil. */
.institut-explorer-panel {
  position: relative;
  z-index: 1;
  max-width: 680px;
  min-height: 286px;
  padding-top: 22px;
  border-top: 1px solid rgba(143,207,192,.22);
}

.institut-explorer-panel-inner {
  min-height: 250px;
}

.institut-explorer-panel-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 18px;
  margin-bottom: 10px;
  color: rgba(143,207,192,.9);
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.institut-explorer-panel-meta span:first-child {
  min-width: 22px;
  color: rgba(231,184,95,.92);
}

.institut-explorer-panel h2 {
  min-height: 2.8rem;
  margin: 0 0 13px;
  color: #f2efe7;
  font-size: clamp(1.18rem, 1.55vw, 1.48rem);
  font-weight: 680;
  line-height: 1.18;
  letter-spacing: -.025em;
}

.institut-explorer-display-copy {
  max-width: 660px;
  color: #c6d1cf;
  font-size: clamp(.98rem, 1.08vw, 1.08rem);
  line-height: 1.58;
}

.institut-explorer-display-copy p {
  margin: 0 0 .92rem;
}

.institut-explorer-display-copy p:last-child {
  margin-bottom: 0;
}

.institut-explorer-display-action {
  margin: 21px 0 0;
}

.institut-explorer-panel.is-changing .institut-explorer-panel-inner {
  animation: institutExplorerFade .2s ease;
}

.institut-explorer-map {
  grid-area: map;
  position: relative;
  width: min(100%, 680px);
  aspect-ratio: 1;
  justify-self: center;
  isolation: isolate;
  margin-top: 18px;
}

.institut-explorer-selector-label {
  display: none;
}

.institut-explorer-halo,
.institut-explorer-halo::before,
.institut-explorer-halo::after {
  position: absolute;
  inset: 50% auto auto 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.institut-explorer-halo {
  width: 76%;
  aspect-ratio: 1;
  border: 1px solid rgba(231,184,95,.34);
  box-shadow:
    0 0 0 70px rgba(143,207,192,.035),
    0 0 0 140px rgba(143,207,192,.022);
}

.institut-explorer-halo::before,
.institut-explorer-halo::after {
  content: "";
}

.institut-explorer-halo::before {
  width: 114%;
  aspect-ratio: 1;
  border: 1px solid rgba(143,207,192,.08);
}

.institut-explorer-halo::after {
  width: 146%;
  aspect-ratio: 1;
  border: 1px solid rgba(143,207,192,.045);
}

.institut-explorer-core {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 39%;
  height: 48%;
  padding: 26px 28px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 10px;
  color: #112b2e;
  background: rgba(233,239,237,.2);
  box-shadow: 0 24px 58px rgba(3,18,21,.19);
  transform: translate(-50%, -50%);
  backdrop-filter: blur(8px);
  appearance: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.institut-explorer-core:hover,
.institut-explorer-core:focus-visible,
.institut-explorer-core.is-active {
  border-color: rgba(255,255,255,.52);
  outline: none;
  background: rgba(233,239,237,.25);
  box-shadow: 0 28px 64px rgba(3,18,21,.25);
}

.institut-explorer-core span {
  color: rgba(239,247,245,.84);
  font-size: .68rem;
  letter-spacing: .13em;
}

.institut-explorer-core strong {
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1;
  letter-spacing: -.045em;
}

.institut-explorer-core small {
  color: rgba(239,247,245,.85);
  font-size: .71rem;
  letter-spacing: .04em;
}

.institut-explorer-tile-rail {
  display: contents;
}

.institut-explorer-tile {
  --tile-bg: rgba(28,93,100,.96);
  --tile-fg: #eef7f4;
  --tile-rotation: 0deg;
  position: absolute;
  z-index: 4;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: clamp(128px, 10.2vw, 166px);
  min-height: 92px;
  padding: 13px 14px 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 9px;
  background: var(--tile-bg);
  color: var(--tile-fg);
  box-shadow: 0 17px 35px rgba(3,18,21,.18);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transform: rotate(var(--tile-rotation));
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
}

.institut-explorer-tile::after {
  content: "";
  position: absolute;
  right: -30px;
  bottom: -40px;
  width: 94px;
  height: 94px;
  border: 1px solid currentColor;
  border-radius: 50%;
  opacity: .09;
}

.institut-explorer-tile:hover,
.institut-explorer-tile:focus-visible,
.institut-explorer-tile.is-active {
  z-index: 9;
  border-color: rgba(255,255,255,.58);
  outline: none;
  filter: saturate(1.08);
  box-shadow: 0 25px 46px rgba(3,18,21,.28);
  transform: translateY(-5px) scale(1.045) rotate(0deg);
}

.institut-explorer-tile-number {
  position: relative;
  z-index: 1;
  color: currentColor;
  font-size: .62rem;
  font-weight: 850;
  letter-spacing: .13em;
  opacity: .75;
}

.institut-explorer-tile strong {
  position: relative;
  z-index: 1;
  font-size: .82rem;
  line-height: 1.18;
}

/* Leicht asymmetrische, startseitenartige Anordnung am Kreis. */
.institut-explorer-tile-pos-01 { left: 37%; top: 0%; --tile-bg: rgba(30,101,108,.97); --tile-rotation: -.8deg; }
.institut-explorer-tile-pos-02 { right: 3%; top: 12%; --tile-bg: rgba(203,164,88,.97); --tile-fg: #102d30; --tile-rotation: 1.1deg; }
.institut-explorer-tile-pos-03 { right: -3%; top: 38%; --tile-bg: rgba(137,77,62,.97); --tile-rotation: -.7deg; }
.institut-explorer-tile-pos-04 { right: 4%; bottom: 11%; --tile-bg: rgba(54,101,104,.97); --tile-rotation: 1deg; }
.institut-explorer-tile-pos-05 { left: 51%; bottom: -1%; --tile-bg: rgba(221,184,108,.98); --tile-fg: #123033; --tile-rotation: -.9deg; }
.institut-explorer-tile-pos-06 { left: 21%; bottom: 4%; --tile-bg: rgba(47,87,90,.98); --tile-rotation: .9deg; }
.institut-explorer-tile-pos-07 { left: -2%; bottom: 23%; --tile-bg: rgba(170,91,68,.97); --tile-rotation: -1.1deg; }
.institut-explorer-tile-pos-08 { left: -5%; top: 35%; --tile-bg: rgba(208,169,94,.97); --tile-fg: #102d30; --tile-rotation: .7deg; }
.institut-explorer-tile-pos-09 { left: 4%; top: 11%; --tile-bg: rgba(31,90,97,.98); --tile-rotation: -1deg; }
.institut-explorer-tile-pos-10 { left: 19%; top: -1%; --tile-bg: rgba(109,73,64,.98); --tile-rotation: .8deg; }

.institut-explorer-help {
  grid-area: help;
  align-self: start;
  max-width: 640px;
  margin: -24px 0 0;
  color: rgba(198,209,207,.7);
  font-size: .78rem;
}

.institut-explorer-help-mobile {
  display: none;
}

@keyframes institutExplorerFade {
  from { opacity: .22; }
  to { opacity: 1; }
}

@media (max-width: 1180px) {
  .institut-explorer-layout {
    grid-template-columns: minmax(0, 1fr) minmax(460px, .82fr);
    column-gap: 38px;
  }

  .institut-explorer-display-inner {
    min-height: 610px;
  }

  .institut-explorer-map {
    width: min(100%, 600px);
  }

  .institut-explorer-tile {
    width: 138px;
    min-height: 88px;
  }
}

/* Tablet und Mobil: kompakter Themenkreis vor dem variablen Text.
   Die Auswahl bleibt beim Scrollen aktiv; es gibt kein automatisches Zurücksetzen. */
@media (max-width: 980px) {
  .institut-explorer-section {
    min-height: 0;
    padding: 28px 0 62px;
    overflow: visible;
    background:
      radial-gradient(circle at 76% 26%, rgba(143,207,192,.09), transparent 25%),
      linear-gradient(150deg, #092126 0%, #07171a 72%);
  }

  .institut-explorer-layout {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .institut-explorer-display,
  .institut-explorer-display-inner {
    display: contents;
  }

  .institut-explorer-watermark {
    display: none;
  }

  .institut-explorer-display h1 {
    order: 1;
    max-width: 660px;
    margin: 0 0 7px;
    font-size: clamp(2.55rem, 8.5vw, 4.25rem);
  }

  .institut-explorer-mission {
    order: 2;
    max-width: 620px;
    margin: 0 0 20px;
    font-size: 1rem;
  }

  .institut-explorer-map {
    order: 3;
    width: min(100%, 340px);
    aspect-ratio: 1;
    align-self: center;
    margin: 14px auto 28px;
  }

  .institut-explorer-selector-label {
    display: block;
    position: absolute;
    left: 50%;
    top: -24px;
    width: 100%;
    margin: 0;
    color: #8fcfc0;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .13em;
    text-align: center;
    text-transform: uppercase;
    transform: translateX(-50%);
  }

  .institut-explorer-halo {
    display: block;
    width: 72%;
    border-color: rgba(231,184,95,.42);
    box-shadow:
      0 0 0 34px rgba(143,207,192,.035),
      0 0 0 68px rgba(143,207,192,.02);
  }

  .institut-explorer-halo::before {
    width: 119%;
  }

  .institut-explorer-halo::after {
    width: 151%;
  }

  .institut-explorer-core {
    z-index: 5;
    display: flex;
    width: 36%;
    height: auto;
    aspect-ratio: 1;
    padding: 18px 14px;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border-radius: 50%;
    color: #eef7f4;
    background: rgba(31,67,70,.96);
    text-align: center;
    box-shadow: 0 18px 38px rgba(3,18,21,.28);
    backdrop-filter: none;
  }

  .institut-explorer-core span {
    font-size: .58rem;
  }

  .institut-explorer-core strong {
    color: #f2efe7;
    font-size: .93rem;
    line-height: 1.05;
    letter-spacing: -.02em;
  }

  .institut-explorer-core small {
    color: rgba(143,207,192,.88);
    font-size: .62rem;
    letter-spacing: .03em;
  }

  .institut-explorer-core:hover,
  .institut-explorer-core:focus-visible,
  .institut-explorer-core.is-active {
    border-color: rgba(231,184,95,.9);
    background: rgba(39,82,85,.98);
    box-shadow: 0 20px 42px rgba(3,18,21,.32), 0 0 0 4px rgba(231,184,95,.12);
  }

  .institut-explorer-tile-rail {
    display: contents;
  }

  .institut-explorer-tile,
  .institut-explorer-tile-pos-01,
  .institut-explorer-tile-pos-02,
  .institut-explorer-tile-pos-03,
  .institut-explorer-tile-pos-04,
  .institut-explorer-tile-pos-05,
  .institut-explorer-tile-pos-06,
  .institut-explorer-tile-pos-07,
  .institut-explorer-tile-pos-08,
  .institut-explorer-tile-pos-09,
  .institut-explorer-tile-pos-10 {
    position: absolute;
    right: auto;
    bottom: auto;
    display: grid;
    place-items: center;
    width: 46px;
    min-height: 46px;
    height: 46px;
    padding: 0;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease;
  }

  .institut-explorer-tile::after {
    display: none;
  }

  .institut-explorer-tile strong {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .institut-explorer-tile-number {
    font-size: .66rem;
    opacity: .92;
  }

  .institut-explorer-tile:hover,
  .institut-explorer-tile:focus-visible,
  .institut-explorer-tile.is-active {
    z-index: 9;
    border-color: rgba(255,255,255,.82);
    outline: none;
    box-shadow: 0 14px 28px rgba(3,18,21,.3), 0 0 0 4px rgba(255,255,255,.1);
    transform: translate(-50%, -50%) scale(1.14);
  }

  .institut-explorer-tile-pos-01 { left: 50%; top: 8%; }
  .institut-explorer-tile-pos-02 { left: 74.7%; top: 16%; }
  .institut-explorer-tile-pos-03 { left: 89.9%; top: 37%; }
  .institut-explorer-tile-pos-04 { left: 89.9%; top: 63%; }
  .institut-explorer-tile-pos-05 { left: 74.7%; top: 84%; }
  .institut-explorer-tile-pos-06 { left: 50%; top: 92%; }
  .institut-explorer-tile-pos-07 { left: 25.3%; top: 84%; }
  .institut-explorer-tile-pos-08 { left: 10.1%; top: 63%; }
  .institut-explorer-tile-pos-09 { left: 10.1%; top: 37%; }
  .institut-explorer-tile-pos-10 { left: 25.3%; top: 16%; }

  .institut-explorer-panel {
    order: 4;
    width: 100%;
    max-width: 720px;
    min-height: 0;
    padding: 20px 0 2px;
  }

  .institut-explorer-panel-inner {
    min-height: 0;
  }

  .institut-explorer-panel h2 {
    min-height: 0;
    font-size: 1.25rem;
  }

  .institut-explorer-panel.is-changing .institut-explorer-panel-inner {
    animation: none;
  }

  .institut-explorer-help-desktop {
    display: none;
  }

  .institut-explorer-help-mobile {
    order: 5;
    display: block;
    margin: 13px 0 0;
  }
}

@media (max-width: 560px) {
  .institut-explorer-section {
    padding-top: 26px;
  }

  .institut-explorer-display h1 {
    font-size: clamp(2.35rem, 12vw, 3.55rem);
  }

  .institut-explorer-mission {
    margin-bottom: 18px;
    font-size: .95rem;
  }

  .institut-explorer-map {
    width: min(100%, 292px);
    margin-top: 18px;
  }

  .institut-explorer-tile,
  .institut-explorer-tile-pos-01,
  .institut-explorer-tile-pos-02,
  .institut-explorer-tile-pos-03,
  .institut-explorer-tile-pos-04,
  .institut-explorer-tile-pos-05,
  .institut-explorer-tile-pos-06,
  .institut-explorer-tile-pos-07,
  .institut-explorer-tile-pos-08,
  .institut-explorer-tile-pos-09,
  .institut-explorer-tile-pos-10 {
    width: 44px;
    min-height: 44px;
    height: 44px;
  }

  .institut-explorer-core {
    width: 38%;
    padding: 15px 10px;
  }

  .institut-explorer-core strong {
    font-size: .84rem;
  }

  .institut-explorer-display-copy {
    font-size: .97rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .institut-explorer-tile {
    transition: none;
  }

  .institut-explorer-panel.is-changing .institut-explorer-panel-inner {
    animation: none;
  }
}

/* Produktionsfassung: unterschiedliche Beschriftung der Kreismitte je Eingabeformat. */
.institut-explorer-core-mobile {
  display: none;
}

@media (max-width: 980px) {
  .institut-explorer-core-desktop {
    display: none;
  }

  .institut-explorer-core-mobile {
    display: block;
  }

  .institut-explorer-core small {
    display: none;
  }
}

/* Mobil bewusst kompakt: Der Kreis ist Navigation, nicht Hauptinhalt. */
@media (max-width: 560px) {
  .institut-explorer-section {
    padding-top: 18px;
  }

  .institut-explorer-display h1 {
    margin-bottom: 3px;
    font-size: clamp(2.15rem, 10.5vw, 2.85rem);
  }

  .institut-explorer-mission {
    margin-bottom: 12px;
    font-size: .88rem;
    line-height: 1.35;
  }

  .institut-explorer-map {
    width: min(100%, 236px);
    margin: 16px auto 15px;
  }

  .institut-explorer-selector-label {
    top: -18px;
    font-size: .58rem;
  }

  .institut-explorer-halo {
    width: 70%;
    box-shadow:
      0 0 0 23px rgba(143,207,192,.028),
      0 0 0 46px rgba(143,207,192,.016);
  }

  .institut-explorer-core {
    width: 34%;
    padding: 10px 7px;
  }

  .institut-explorer-core span {
    font-size: .5rem;
  }

  .institut-explorer-core strong {
    font-size: .73rem;
  }

  .institut-explorer-tile,
  .institut-explorer-tile-pos-01,
  .institut-explorer-tile-pos-02,
  .institut-explorer-tile-pos-03,
  .institut-explorer-tile-pos-04,
  .institut-explorer-tile-pos-05,
  .institut-explorer-tile-pos-06,
  .institut-explorer-tile-pos-07,
  .institut-explorer-tile-pos-08,
  .institut-explorer-tile-pos-09,
  .institut-explorer-tile-pos-10 {
    width: 40px;
    min-height: 40px;
    height: 40px;
  }

  .institut-explorer-tile-number {
    font-size: .58rem;
  }

  .institut-explorer-panel {
    padding-top: 14px;
  }

  .institut-explorer-panel-meta {
    margin-bottom: 7px;
    font-size: .6rem;
  }

  .institut-explorer-panel h2 {
    margin-bottom: 9px;
    font-size: 1.15rem;
  }

  .institut-explorer-display-copy {
    font-size: .95rem;
    line-height: 1.52;
  }

  .institut-explorer-help-mobile {
    display: none;
  }
}


/* Layoutkorrektur 2026-07: kollisionsfreie Karten und passende Mittentitel. */
.institut-explorer-core strong {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-wrap: anywhere;
  hyphens: auto;
}

@media (min-width: 981px) {
  .institut-explorer-map-ten .institut-explorer-tile,
  .campus2-explorer-map .institut-explorer-tile {
    width: clamp(118px, 8.6vw, 150px);
    min-height: 90px;
  }

  .institut-explorer-map-ten .institut-explorer-core strong,
  .campus2-explorer-map .institut-explorer-core strong {
    font-size: clamp(1.12rem, 1.55vw, 1.68rem);
    line-height: 1.02;
  }

  /* Zehn Themen: rundum mit bewusstem Abstand zwischen den Karten. */
  .institut-explorer-map-ten .institut-explorer-tile-pos-01 {
    left: 50%; top: 0; right: auto; bottom: auto; translate: -50% 0;
  }
  .institut-explorer-map-ten .institut-explorer-tile-pos-02 {
    right: 0; top: 12%; left: auto; bottom: auto;
  }
  .institut-explorer-map-ten .institut-explorer-tile-pos-03 {
    right: -2%; top: 36%; left: auto; bottom: auto;
  }
  .institut-explorer-map-ten .institut-explorer-tile-pos-04 {
    right: 0; bottom: 22%; left: auto; top: auto;
  }
  .institut-explorer-map-ten .institut-explorer-tile-pos-05 {
    left: 56%; bottom: 0; right: auto; top: auto;
  }
  .institut-explorer-map-ten .institut-explorer-tile-pos-06 {
    left: 27%; bottom: 0; right: auto; top: auto;
  }
  .institut-explorer-map-ten .institut-explorer-tile-pos-07 {
    left: -2%; bottom: 15%; right: auto; top: auto;
  }
  .institut-explorer-map-ten .institut-explorer-tile-pos-08 {
    left: -2%; top: 43%; right: auto; bottom: auto;
  }
  .institut-explorer-map-ten .institut-explorer-tile-pos-09 {
    left: 0; top: 21%; right: auto; bottom: auto;
  }
  .institut-explorer-map-ten .institut-explorer-tile-pos-10 {
    left: 4%; top: 0; right: auto; bottom: auto;
  }

  /* Sechs Campusbereiche: gleichmäßig als Sechseck angeordnet. */
  .campus2-explorer-map .institut-explorer-tile-pos-01 {
    left: 50%; top: 0; right: auto; bottom: auto; translate: -50% 0;
  }
  .campus2-explorer-map .institut-explorer-tile-pos-02 {
    right: 0; top: 16%; left: auto; bottom: auto;
  }
  .campus2-explorer-map .institut-explorer-tile-pos-03 {
    right: 0; bottom: 16%; left: auto; top: auto;
  }
  .campus2-explorer-map .institut-explorer-tile-pos-04 {
    left: 50%; bottom: 0; right: auto; top: auto; translate: -50% 0;
  }
  .campus2-explorer-map .institut-explorer-tile-pos-05 {
    left: 0; bottom: 16%; right: auto; top: auto;
  }
  .campus2-explorer-map .institut-explorer-tile-pos-06 {
    left: 0; top: 16%; right: auto; bottom: auto;
  }
}

@media (max-width: 980px) {
  /* Auf Tablet und Mobil bleiben die sechs Punkte ebenfalls gleichmäßig verteilt. */
  .campus2-explorer-map .institut-explorer-tile-pos-01 { left: 50%; top: 7%; }
  .campus2-explorer-map .institut-explorer-tile-pos-02 { left: 86%; top: 28%; }
  .campus2-explorer-map .institut-explorer-tile-pos-03 { left: 86%; top: 72%; }
  .campus2-explorer-map .institut-explorer-tile-pos-04 { left: 50%; top: 93%; }
  .campus2-explorer-map .institut-explorer-tile-pos-05 { left: 14%; top: 72%; }
  .campus2-explorer-map .institut-explorer-tile-pos-06 { left: 14%; top: 28%; }

  .campus2-explorer-map .institut-explorer-core strong {
    font-size: .82rem;
    line-height: 1.02;
  }
}

@media (max-width: 560px) {
  .campus2-explorer-map .institut-explorer-core strong {
    font-size: .69rem;
  }
}