@charset "utf-8";
/* – – – – – – – – – */
/* II. FIGURE – HISTORY/TIMELINE */

.idiv-tml-wrapper {
  position: relative;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.idiv-tml-wrapper p {
  margin: 0;
  padding: 0;
}

.idiv-tml-wrapper:after {
  position: absolute;
  content: '';
  z-index: 0;
  left: 34%;
  top: 0;
  height: 100%;
  border-left: 1px dotted #333;
}

.idiv-tml-wrapper li {
  position: relative;
  z-index: 100;
  display: table;
  width: 100%;
  min-height: 50px;
  padding: 10px 0;
}

.idiv-tml-wrapper li:before {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  background: #333;
  border-radius: 50%;
  top: 50%;
  left: 34%;
  margin: -3px 0 0 -3px;
  z-index: 0;
}

.idiv-tml-wrapper li:after {
  position: absolute;
  content: '';
  width: 80px;
  height: 80px;
  background-color: #333;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  top: 50%;
  left: 34%;
  margin: -40px 0 0 -40px;
  z-index: 10;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform .66s ease-out;
  transition: transform .66s ease-out;
}

.idiv-tml-1000participants:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/1000participants.png'); }
.idiv-tml-1000publications:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/1000publications.png'); }
.idiv-tml-annualLecture_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/annualLecture_1.png'); }
.idiv-tml-biocity:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/biocity.png'); }
.idiv-tml-bioSyn_phyDiv:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/bioSyn_phyDiv.png'); }
.idiv-tml-canopy_crane:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/canopy_crane.png'); }
.idiv-tml-celebration_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/celebration_1.png'); }
.idiv-tml-celebration_2016:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/celebration_2016.png'); }
.idiv-tml-conference_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/conference_1.png'); }
.idiv-tml-conference_2:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/conference_2.png'); }
.idiv-tml-conference_3:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/conference_3.png'); }
.idiv-tml-conference_4:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/conference_4.png'); }
.idiv-tml-conference_5:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/conference_5.png'); }
.idiv-tml-conference_6:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/conference_6.png'); }
.idiv-tml-conference_7:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/conference_7.png'); }
.idiv-tml-dfg_logo:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/dfg_logo.png'); }
.idiv-tml-dfg_visit_2016:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/dfg_visit_2016.png'); }
.idiv-tml-dfg:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/dfg.png'); }
.idiv-tml-ecotronOpening:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/ecotronOpening.png'); }
.idiv-tml-eisenhauer_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/eisenhauer_1.png'); }
.idiv-tml-ercGrant:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/ercGrant.png'); }
.idiv-tml-ess:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/ess_1.png'); }
.idiv-tml-evoeco:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/evoeco_1.png'); }
.idiv-tml-geoBonConf_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/geoBonConf_1.png'); }
.idiv-tml-gerth:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/gerth.png'); }
.idiv-tml-gma_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/gma_1.png'); }
.idiv-tml-groundbreaking:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/groundbreaking.png'); }
.idiv-tml-hpc:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/hpc.png'); }
.idiv-tml-idivPicture_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/idivPicture_1.png'); }
.idiv-tml-inaugurationFGH:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/inaugurationFGH.png'); }
.idiv-tml-knight_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/knight_1.png'); }
.idiv-tml-kuehl_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/kuehl_1.png'); }
.idiv-tml-macroEcoSociety:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/macroEcoSociety.png'); }
.idiv-tml-mascher_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/mascher_1.png'); }
.idiv-tml-mie_eie:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/mie_eie.png'); }
.idiv-tml-moveBuilding:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/moveBuilding_1.png'); }
.idiv-tml-newBuilding_2:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/newBuilding_2.png'); }
.idiv-tml-onstein_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/onstein_1.png'); }
.idiv-tml-pereira:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/pereira.png'); }
.idiv-tml-pohnert_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/pohnert_1.png'); }
.idiv-tml-potapov:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/potapov.png'); }
.idiv-tml-proposal2016:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/proposal2016.png'); }
.idiv-tml-proposal2020:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/proposal2020.png'); }
.idiv-tml-quaas_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/quaas_1.png'); }
.idiv-tml-reichstein_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/reichstein_1.png'); }
.idiv-tml-roofing_ceremony:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/roofing_ceremony.png'); }
.idiv-tml-rueger_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/rueger_1.png'); }
.idiv-tml-sab2017:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/sab2017.png'); }
.idiv-tml-sabineMatthiae:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/sabineMatthiae.png'); }
.idiv-tml-splot:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/splot.png'); }
.idiv-tml-stateMinisters:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/stateMinisters.png'); }
.idiv-tml-summerSchool_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/summerSchool_1.png'); }
.idiv-tml-summerSchool_2:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/summerSchool_2.png'); }
.idiv-tml-summerSchool_3:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/summerSchool_3.png'); }
.idiv-tml-summerSchool_4:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/summerSchool_4.png'); }
.idiv-tml-summerSchool_5:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/summerSchool_5.png'); }
.idiv-tml-summerSchool_6:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/summerSchool_6.png'); }
.idiv-tml-theory:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/theory.png'); }
.idiv-tml-toppingOut:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/toppingOut.png'); }
.idiv-tml-twitter_1000followers:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/twitter_1000followers.png'); }
.idiv-tml-uniLeipzig:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/UL-logo-1.png'); }
.idiv-tml-visitTillich201706:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/visitTillich201706.png'); }
.idiv-tml-website_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/website_1.png'); }
.idiv-tml-wirth_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/wirth_1.png'); }
.idiv-tml-wirth_2:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/wirth_2.png'); }
.idiv-tml-ydiv_1:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/ydiv_1.png'); }
.idiv-tml-ydiv_2:after { background-image: url('https://www.idiv.de/fileadmin/content/HTML_module_files/iDiv_Timeline/ydiv_2.png'); }

.idiv-tml-time,
.idiv-tml-event {
  display: table-cell;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.idiv-tml-wrapper .idiv-tml-time {
  width: 34%;
  padding-right: 20px;
  text-align: right;
  -webkit-transition: padding-right .66s ease-out;
  transition: padding-right .66s ease-out;
}

.idiv-tml-time time {
}

.idiv-tml-wrapper .idiv-tml-event {
  width: 66%;
  padding-left: 20px;
  -webkit-transition: padding-left .66s ease-out;
  transition: padding-left .66s ease-out;
}

.idiv-tml-wrapper .idiv-tml-event p {
  width: 400px;
  max-width: 80%;
}

.idiv-tml-wrapper li:hover .idiv-tml-time,
.idiv-tml-wrapper li.active .idiv-tml-time {
  padding-right: 60px;
  -webkit-transition: padding-right .66s ease-out;
  transition: padding-right .66s ease-out;
}

.idiv-tml-wrapper li:hover .idiv-tml-event,
.idiv-tml-wrapper li.active .idiv-tml-event {
  padding-left: 60px;
  -webkit-transition: padding-left .66s ease-out;
  transition: padding-left .66s ease-out;
}

.idiv-tml-wrapper li:hover:after,
.idiv-tml-wrapper li.active:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .66s ease-out;
  transition: transform .66s ease-out;
}

@media (max-width: 768px) {

  .idiv-tml-wrapper:after {
    left: 33.3333%;
  }

  .idiv-tml-wrapper li {
    table-layout: fixed;
  }

  .idiv-tml-wrapper li:after {
    max-width: 80px;
    max-height: 80px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .idiv-tml-wrapper li .idiv-tml-time,
  .idiv-tml-wrapper li:hover .idiv-tml-time {
    width: 33.3333%;
    padding-right: 10%;
  }

  .idiv-tml-wrapper li .idiv-tml-event,
  .idiv-tml-wrapper li:hover .idiv-tml-event {
    width: 66.6666%;
    padding-left: 10%;
  }

}

/* – – – – – – – – – */