/****
----------- Table of Content ----------
# Global Styles
# Header
# Side Navigation
# Footer
# Repeated Elements
# Page Specific Elements
# Unsorted
---------------------------------------- ****/
/*--------------- Color Legend -----------*/
/*--------------- Color Legend -----------*/
/*turquese*/
/*orange*/
/*green*/
/*pink*/
/*violett*/
/*grey*/
/*grey*/
/*blue*/
/*pink*/
/*violett*/
/*pink*/
/*turquese*/
/*violett/purple*/
/***Newsletter***/
@media (min-width: 1200px) {
  /* line 2, sass/_bootstrap_overwrite.scss */
  .container, .container-fluid {
    width: 1130px;
  }
}
@media (min-width: 992px) {
  /* line 7, sass/_bootstrap_overwrite.scss */
  .container, .container-fluid {
    width: 100%;
  }
}
/* line 12, sass/_bootstrap_overwrite.scss */
section.container > .row {
  margin-bottom: 0;
}

/* line 16, sass/_bootstrap_overwrite.scss */
li.row {
  margin-right: inherit;
  margin-left: inherit;
  display: list-item;
}

/* line 1, sass/_overwrite_ocms.scss */
section.area-section, section.container {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 5, sass/_overwrite_ocms.scss */
section.area-fullscreen {
  width: 100%;
}

/* line 9, sass/_overwrite_ocms.scss */
#apollo-page {
  width: 100%;
}
/* line 12, sass/_overwrite_ocms.scss */
#apollo-page header.area-head {
  margin-top: 0;
}

@media (max-width: 991px) {
  /* line 17, sass/_overwrite_ocms.scss */
  section.area-section {
    padding: 0;
  }
  /* line 20, sass/_overwrite_ocms.scss */
  section.area-section section.container {
    padding: 0;
  }
}
/*----------------------------------------

--------------- Padding and Margins ----
All content must at least have a
	padding-left:  2.5% of width 100%;
	padding-right: 2.5% of width 100%;
	padding-left: 10%;
Usual Content

*/
/*-----------------------------
-------------- Responsive Webdesign ----*/
/*959px*/
/*----------------------------------------*/
/*-------------------other variables -----*/
@font-face {
  font-family: Corda;
  src: url("../font/CordaMedWeb.woff") format("woff");
}
/*****************************************************************************************************************************
                     GLOBAL STYLES
******************************************************************************************************************************/
/* line 81, sass/umr.scss */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* line 88, sass/umr.scss */
#content {
  height: 100%;
}
/* line 92, sass/umr.scss */
#content a:hover {
  text-decoration: none;
}

/****** TYPOGRAPHY AND SUCH ******/
/* line 100, sass/umr.scss */
html, body {
  color: #222222;
  background-color: #FFFFFF;
  font-family: 'Noto Sans', verdana, arial, sans-serif;
}

/* line 107, sass/umr.scss */
b, strong {
  font-weight: bold;
}

@media all and (max-width: 959px) {
  /* line 112, sass/umr.scss */
  html {
    font-size: 7px;
  }
}
@media only screen and (max-device-width: 1024px) {
  /* line 120, sass/umr.scss */
  html {
    font-size: 7px;
  }
}
@media all and (min-width: 960px) {
  /* line 126, sass/umr.scss */
  html {
    font-size: 10px;
    /*Change this for media-queries*/
    /*for IE 15px*/
  }
}
/* line 132, sass/umr.scss */
body {
  font-size: 16px;
}

/* line 136, sass/umr.scss */
.nowrap {
  white-space: nowrap;
}

/* line 140, sass/umr.scss */
.basic, #footer-stakeholders, .subjectResults .fieldData table td.scatterPlot .label-div > p {
  font-size: 1rem;
  line-height: 1.3rem;
}

/* line 145, sass/umr.scss */
.basic-1, p.instruction, p.description {
  font-size: 1.2rem;
  line-height: 1.5rem;
}

/* line 150, sass/umr.scss */
.basic-2, #content, p, .static-infoBox > p, #regionsContainer .country-stripe-box li.row > a span, .uniData, .subjectResults .subjectResults-list .departments > li > a,
.subjectResults .subjectResults-list .programs > li > a, .subjectResults .fieldData > a.generalResults, .subjectResults .fieldData .legend, .uniSearchContainer > li > .city-list > li,
.uniMultiSearchContainer > li > .city-list > li {
  font-size: 1.5rem;
  line-height: 2.4rem;
}

/* line 155, sass/umr.scss */
.basic-3, .stripe-box, .anchor-stripe-box, .expandable-stripe-box, .subjectResults .subjectResults-list, .subjectResults .subjectResults-list .departments,
.subjectResults .subjectResults-list .programs, .umap-PrefsContainer, .expandable-faq-stripe-box, .subjectlinks, .uniSearchContainer > li > .city-list,
.uniMultiSearchContainer > li > .city-list, .favsListSelection,
.uniListSelection,
.uniList, #aboutLinks,
#readymadeLinks,
#fieldLinks, #aboutLinks .aboutGroup,
#aboutLinks .readymadeGroup,
#aboutLinks .fieldGroup,
#readymadeLinks .aboutGroup,
#readymadeLinks .readymadeGroup,
#readymadeLinks .fieldGroup,
#fieldLinks .aboutGroup,
#fieldLinks .readymadeGroup,
#fieldLinks .fieldGroup, .columnStripe-box, .uniSearchContainer,
.uniMultiSearchContainer, #regionsContainer .country-stripe-box, .entranceLine > p, .entranceLineReadymade > p, .entranceRow > p, .entranceRow-twoCol > p {
  font-size: 1.9rem;
  line-height: 3.2rem;
}

/* line 161, sass/umr.scss */
.basic-4, .cc_banner-wrapper .cc_container .cc_btn, a.close-btn {
  font-size: 2.4rem;
  line-height: 3.8rem;
}

/* line 166, sass/umr.scss */
h5 {
  /*font-family: novo,verdana;*/
  font-size: 1rem;
  line-height: 2.2rem;
  font-weight: bold;
}

/* line 173, sass/umr.scss */
h4 {
  /*font-family: novo,verdana;*/
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: bold;
}

/* line 180, sass/umr.scss */
h3, .orDiv {
  /*font-family: novo,verdana;*/
  font-size: 1.9rem;
  line-height: 3.2rem;
  font-weight: bold;
}

/* line 187, sass/umr.scss */
h2 {
  /*font-family: novo,verdana;*/
  font-size: 2.4rem;
  line-height: 3.8rem;
  font-weight: bold;
}

/* line 194, sass/umr.scss */
h1,
.section-step h5.step,
.section-step > div > h2,
.fact > h3,
.fact > .orDiv {
  font-size: 28px;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 12px;
}

/* line 204, sass/umr.scss */
.fact > h3, .fact > .orDiv {
  font-size: 3.6rem;
}

/* line 209, sass/umr.scss */
a {
  color: #008eb3;
  text-decoration: none;
  cursor: pointer;
}

/* line 214, sass/umr.scss */
a:hover:not(.no-style),
a.active:not(.no-style) {
  font-weight: bold;
}

/* line 219, sass/umr.scss */
.trackContainer a:not(.no-style) > * {
  color: #ffffff;
  text-decoration: none;
}

/* line 224, sass/umr.scss */
ul {
  text-decoration: none;
}

/*necessary for using em*/
/*li li { font-size: 1rem; } */
/*****************************************************************************************************************************
                       HEADER
******************************************************************************************************************************/
/* line 239, sass/umr.scss */
#header {
  background-color: #FFF;
  left: 0px;
  padding: 3rem 8% 1.9rem;
  width: 86%;
  position: fixed;
  top: 0px;
  z-index: 100;
}

/* line 250, sass/umr.scss */
a > img {
  width: 310px;
}
@media screen and (max-width: 1000px) {
  /* line 250, sass/umr.scss */
  a > img {
    width: 280px;
  }
}

/* line 259, sass/umr.scss */
#header-navi {
  float: right;
  /*margin-bottom: 1.3rem;
  margin-top: 0.1rem;*/
}

/* line 264, sass/umr.scss */
#header-navi > li {
  display: inline-block;
  text-align: center;
}

/* line 269, sass/umr.scss */
#header-navi h3, #header-navi .orDiv {
  padding-left: 1.7rem;
  padding-top: 0.6rem;
  font-size: 1.7rem;
}
/* line 274, sass/umr.scss */
#header-navi h3 em, #header-navi .orDiv em {
  font-size: 1rem;
}
@media screen and (max-width: 1000px) {
  /* line 269, sass/umr.scss */
  #header-navi h3, #header-navi .orDiv {
    /*font-size: 1.8rem;*/
    padding-top: 0.4rem;
  }
}

/* line 296, sass/umr.scss */
#header-navi li:nth-child(1) a:hover,
#header-navi li:nth-child(1) a.active {
  color: #00b04c;
}

/* line 301, sass/umr.scss */
#header-navi li:nth-child(2) a:hover,
#header-navi li:nth-child(2) a.active {
  color: #ff9900;
}

/* line 306, sass/umr.scss */
#header-navi li:nth-child(3) a:hover,
#header-navi li:nth-child(3) a.active {
  color: #00cece;
}

/* line 311, sass/umr.scss */
#header-navi li:nth-child(4) a:hover,
#header-navi li:nth-child(4) a.active {
  color: #ff0099;
}

/* line 315, sass/umr.scss */
#header-navi li:nth-child(5) a:hover,
#header-navi li:nth-child(5) a.active {
  color: #9159ff;
}

/* line 319, sass/umr.scss */
#header-navi li:nth-child(6) a:hover,
#header-navi li:nth-child(6) a.active {
  color: #66bbd0;
}

/******************************************************************************************************************************
					  COOKIE-BANNER
******************************************************************************************************************************/
/* line 328, sass/umr.scss */
.cc_banner-wrapper .cc_container {
  padding: 1.7rem 8%;
  background-color: #047897;
  border: none;
}
/* line 332, sass/umr.scss */
.cc_banner-wrapper .cc_container .cc_btn {
  border-radius: 0;
  width: auto;
  color: #ffffff;
  position: absolute;
  right: 8%;
  bottom: 0;
  line-height: 0;
  padding: 2.1rem 1.5rem;
  background-color: rgba(255, 255, 255, 0.2);
  font-weight: bold;
}
/* line 345, sass/umr.scss */
.cc_banner-wrapper .cc_container .cc_btn:hover {
  background-color: #008eb3;
}
/* line 349, sass/umr.scss */
.cc_banner-wrapper .cc_container .cc_message {
  color: #fff;
  font-size: inherit;
  line-height: 2.4rem;
  margin-top: 0;
  width: 80%;
}
/* line 355, sass/umr.scss */
.cc_banner-wrapper .cc_container .cc_message a.cc_more_info {
  color: #fff;
  text-decoration: underline;
}

/******************************************************************************************************************************
		        SIDE NAVIGATION
******************************************************************************************************************************/
/* line 376, sass/umr.scss */
.sideNavWrap {
  position: fixed;
  right: 0%;
  width: 4rem;
  text-align: right;
  top: 50%;
  z-index: 99;
}

/* line 386, sass/umr.scss */
.sideNav {
  position: absolute;
  text-align: left;
}
/* line 391, sass/umr.scss */
.sideNav > li {
  position: relative;
  right: 0px;
  white-space: nowrap;
}
/* line 395, sass/umr.scss */
.sideNav > li a div {
  background-color: #222222;
  display: inline-block;
  margin-left: 0.1rem;
  padding: 0.5rem 1.5rem;
}
/* line 402, sass/umr.scss */
.sideNav > li a:hover {
  font-weight: normal;
}
/* line 406, sass/umr.scss */
.sideNav > li:hover h4 {
  line-height: 2.3rem;
  z-index: 99;
}
/* line 413, sass/umr.scss */
.sideNav > li h4 {
  display: inline;
  padding: 0;
}

/* line 420, sass/umr.scss */
.sideNav li:nth-of-type(2) div {
  background-color: rgba(34, 34, 34, 0.9);
}

/* line 425, sass/umr.scss */
.sideNav li:nth-of-type(3) div {
  background-color: rgba(34, 34, 34, 0.8);
}

/* line 429, sass/umr.scss */
.sideNav li:nth-of-type(4) div {
  background-color: rgba(34, 34, 34, 0.7);
}

/* line 432, sass/umr.scss */
.sideNav li:nth-of-type(5) div {
  background-color: rgba(34, 34, 34, 0.6);
}

/* line 435, sass/umr.scss */
.sideNav li:nth-of-type(6) div {
  background-color: rgba(34, 34, 34, 0.5);
}

/* line 438, sass/umr.scss */
.sideNav li:nth-of-type(7) div {
  background-color: rgba(34, 34, 34, 0.4);
}

/* line 446, sass/umr.scss */
#homeNav > li:hover a div,
.sideNav > li:hover a div,
.sideNav li.highlight a div {
  background-color: #008eb3;
}

/**for subsections of one navigation-point **/
/* line 454, sass/umr.scss */
.sideNav-subsection {
  background-color: #efcdcd;
  border: 1px dashed #899189;
  display: none;
  font-size: 0.9rem;
  font-style: italic;
  overflow: hidden;
  padding: 0.4rem;
}

/* line 463, sass/umr.scss */
.sideNav-subsection div a {
  color: #433443;
}

/*
.sideNav-subsection div {
	display:inline;
}
*/
/*** For Branch Home ***/
/* line 478, sass/umr.scss */
.homeNav-container {
  position: fixed;
  right: 0;
  top: 40%;
  z-index: 110;
}

/* line 485, sass/umr.scss */
#homeNav {
  position: relative;
  top: 0;
  text-align: right;
  width: 100%;
}

/* line 492, sass/umr.scss */
#homeNav li:nth-child(3n+1) div {
  background-color: #222222;
}

/* line 496, sass/umr.scss */
#homeNav li:nth-child(3n+2) div {
  background-color: #3c3c3c;
}

/* line 500, sass/umr.scss */
#homeNav li:nth-child(3n+3) div {
  background-color: #555555;
}

/******************************************************************************************************************************
  		FOOTER
******************************************************************************************************************************/
/* line 515, sass/umr.scss */
#footer {
  color: #ffffff;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* line 522, sass/umr.scss */
#footer > * {
  background-color: #222222;
}

/* line 527, sass/umr.scss */
#footer-networks > a {
  display: inline-block;
}
/* line 531, sass/umr.scss */
#footer-networks #share {
  float: right;
}
/* line 534, sass/umr.scss */
#footer-networks .content {
  padding: 3rem;
}
/* line 537, sass/umr.scss */
#footer-networks .content .text-btn, #footer-networks .content .modify-btn, #footer-networks .content .tableButton, #footer-networks .content .switch-btn {
  margin-bottom: 3rem;
}
/* line 539, sass/umr.scss */
#footer-networks .content .text-btn > a, #footer-networks .content .modify-btn > a, #footer-networks .content .tableButton > a, #footer-networks .content .switch-btn > a {
  display: block;
  width: 20rem;
}

/* line 547, sass/umr.scss */
#footer-index {
  overflow: hidden;
  background-color: rgba(34, 34, 34, 0.9);
}
/* line 553, sass/umr.scss */
#footer-index .readymadeGroup li {
  padding-left: 5px;
}
/* line 557, sass/umr.scss */
#footer-index .readymadeGroup li:nth-child(1) {
  padding-left: 0;
}
/* line 560, sass/umr.scss */
#footer-index .readymadeGroup li:nth-child(1) > a {
  cursor: pointer;
}

/* line 570, sass/umr.scss */
#footer-index img,
#footer-index > ul > li {
  margin-right: 6rem;
}

/* line 575, sass/umr.scss */
#footer-index img {
  float: left;
}

/* line 579, sass/umr.scss */
#footer-index > ul {
  margin-left: 100px;
  padding-right: 5rem;
}

/* line 583, sass/umr.scss */
#footer-index > ul > li {
  display: inline-block;
  margin-right: 0;
  vertical-align: top;
  width: 24%;
}
/* line 589, sass/umr.scss */
#footer-index > ul > li a {
  color: #ffffff;
}

/* line 594, sass/umr.scss */
#footer-header {
  overflow: hidden;
  background-color: #ffffff;
}
/* line 597, sass/umr.scss */
#footer-header > .claimLogo {
  float: right;
  margin-top: 0.5rem;
  color: #008eb3;
}
/* line 601, sass/umr.scss */
#footer-header > .claimLogo h3, #footer-header > .claimLogo .orDiv {
  font-size: 1.7rem;
  font-weight: normal;
  letter-spacing: 0.25px;
}

/* line 611, sass/umr.scss */
#footer-header > a:nth-child(2) {
  float: right;
  margin-top: 1rem;
}
/* line 615, sass/umr.scss */
#footer-header > a:nth-child(2) .claim {
  width: 348px;
}

/* line 621, sass/umr.scss */
#footer-copyright .legal {
  float: right;
  color: #ffffff;
}
/* line 626, sass/umr.scss */
#footer-copyright p {
  display: inline;
}

/* line 631, sass/umr.scss */
#footer-partners {
  background-color: rgba(34, 34, 34, 0.8);
}
/* line 634, sass/umr.scss */
#footer-partners > * {
  display: inline;
  margin-right: 1rem;
  vertical-align: top;
}
/* line 640, sass/umr.scss */
#footer-partners img {
  height: 35px;
}

/* line 648, sass/umr.scss */
#footer-stakeholders a {
  color: #ffffff;
}

/*******************************************************************************************************************************************
                     REPEATED ELEMENTS   	 REPEATED ELEMENTS        REPEATED ELEMENTS        REPEATED ELEMENTS
********************************************************************************************************************************************/
/* line 659, sass/umr.scss */
.hide {
  display: none;
}

/* line 663, sass/umr.scss */
.clearfix {
  clear: both;
}

/* line 667, sass/umr.scss */
.trackContainer {
  height: 100%;
  margin-top: 0;
  margin-bottom: 34px;
  min-height: 100%;
}

/* line 674, sass/umr.scss */
section:not(.area-fullscreen):not(.no-gutter):not(.area-section):not(.container) {
  min-height: 55%;
  overflow: hidden;
  padding: 30px;
}

/* line 680, sass/umr.scss */
section#subject,
section#compareSubject,
section#compareSwitch {
  min-height: 45%;
}

/* line 686, sass/umr.scss */
.innerPad-container {
  padding-left: 6rem;
}
/* line 689, sass/umr.scss */
.innerPad-container > p {
  display: inline-block;
  margin-bottom: 2rem;
  width: 80%;
}

/* line 696, sass/umr.scss */
.outerPad-container {
  width: 80%;
  padding: 0 30px;
}

/* line 702, sass/umr.scss */
.overlay,
#overlayNewsletter {
  background-color: rgba(34, 34, 34, 0.5);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

/* line 714, sass/umr.scss */
.popUp {
  left: 25%;
  position: fixed;
  top: 10rem;
  z-index: 20;
}
/* line 720, sass/umr.scss */
.popUp.hide {
  display: none;
}
/* line 724, sass/umr.scss */
.popUp .inner {
  background-color: #ffffff;
  padding-bottom: 1rem;
}
/* line 729, sass/umr.scss */
.popUp .inner > h3, .popUp .inner > .orDiv {
  padding: 1rem;
  background-color: #a7a7a7;
  text-align: center;
}
/* line 735, sass/umr.scss */
.popUp .inner > p {
  padding: 3rem;
  margin-bottom: 1rem;
}
/* line 740, sass/umr.scss */
.popUp .inner > .content {
  padding: 1rem;
}

/* line 749, sass/umr.scss */
#shareIndikatorPopUp .headerContent {
  padding: 2rem;
  background-color: #dedede;
}
/* line 752, sass/umr.scss */
#shareIndikatorPopUp .headerContent h3, #shareIndikatorPopUp .headerContent .orDiv {
  background-color: #222222;
  color: #fff;
  padding: 0.3rem 1.8rem;
  margin-bottom: 4rem;
}
/* line 759, sass/umr.scss */
#shareIndikatorPopUp .headerContent table {
  background-color: transparent;
  width: auto;
}
/* line 764, sass/umr.scss */
#shareIndikatorPopUp .headerContent table tbody td {
  background-color: transparent;
  border-bottom: none;
}
/* line 768, sass/umr.scss */
#shareIndikatorPopUp .headerContent table tbody td.indikatorGrade {
  padding: 0 0 1rem 0;
}
/* line 770, sass/umr.scss */
#shareIndikatorPopUp .headerContent table tbody td.indikatorGrade h4 {
  font-size: 17rem;
  line-height: 12rem;
}
/* line 776, sass/umr.scss */
#shareIndikatorPopUp .headerContent table tbody td.scatterPlot {
  width: auto;
  background-color: transparent;
  padding-left: 4rem;
}
/* line 780, sass/umr.scss */
#shareIndikatorPopUp .headerContent table tbody td.scatterPlot .label-div {
  height: 1rem;
}
/* line 783, sass/umr.scss */
#shareIndikatorPopUp .headerContent table tbody td.scatterPlot .scatterPlotAll {
  background-color: #e8e8e8;
  padding: 0.8rem 2rem;
}
/* line 788, sass/umr.scss */
#shareIndikatorPopUp .headerContent table tbody td.grade {
  padding: 0;
  text-align: center;
}
/* line 791, sass/umr.scss */
#shareIndikatorPopUp .headerContent table tbody td.grade p:nth-of-type(1) {
  padding: 0 0 0.8rem;
}
/* line 794, sass/umr.scss */
#shareIndikatorPopUp .headerContent table tbody td.grade p:nth-of-type(2) {
  padding: 0;
  font-weight: bold;
}
/* line 800, sass/umr.scss */
#shareIndikatorPopUp .headerContent table tbody td.legend {
  padding: 0 0 0 2rem;
  text-align: left;
  vertical-align: top;
}
/* line 809, sass/umr.scss */
#shareIndikatorPopUp .headerContent table:last-child {
  margin-bottom: 0;
}
/* line 817, sass/umr.scss */
#shareIndikatorPopUp .shareImgCon img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}

/* line 825, sass/umr.scss */
#pdfExportPopup,
#videoPopUp,
#shareComparePopUp,
#shareQuickComparePopUp,
#shareIndikatorPopUp {
  background-color: transparent;
  left: 20%;
  width: 60%;
}
/* line 833, sass/umr.scss */
#pdfExportPopup .inner,
#videoPopUp .inner,
#shareComparePopUp .inner,
#shareQuickComparePopUp .inner,
#shareIndikatorPopUp .inner {
  padding: 30px;
}
/* line 835, sass/umr.scss */
#pdfExportPopup .inner .headerContent,
#videoPopUp .inner .headerContent,
#shareComparePopUp .inner .headerContent,
#shareQuickComparePopUp .inner .headerContent,
#shareIndikatorPopUp .inner .headerContent {
  background-color: #dedede;
}
/* line 837, sass/umr.scss */
#pdfExportPopup .inner .headerContent .sunburstList,
#videoPopUp .inner .headerContent .sunburstList,
#shareComparePopUp .inner .headerContent .sunburstList,
#shareQuickComparePopUp .inner .headerContent .sunburstList,
#shareIndikatorPopUp .inner .headerContent .sunburstList {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 1rem;
}
/* line 845, sass/umr.scss */
#pdfExportPopup .inner .headerContent .sunburstList .sunburstElem,
#videoPopUp .inner .headerContent .sunburstList .sunburstElem,
#shareComparePopUp .inner .headerContent .sunburstList .sunburstElem,
#shareQuickComparePopUp .inner .headerContent .sunburstList .sunburstElem,
#shareIndikatorPopUp .inner .headerContent .sunburstList .sunburstElem {
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
}
/* line 849, sass/umr.scss */
#pdfExportPopup .inner .headerContent .sunburstList .sunburstElem .sunburstDiv,
#videoPopUp .inner .headerContent .sunburstList .sunburstElem .sunburstDiv,
#shareComparePopUp .inner .headerContent .sunburstList .sunburstElem .sunburstDiv,
#shareQuickComparePopUp .inner .headerContent .sunburstList .sunburstElem .sunburstDiv,
#shareIndikatorPopUp .inner .headerContent .sunburstList .sunburstElem .sunburstDiv {
  padding: 1rem;
  text-align: center;
}
/* line 852, sass/umr.scss */
#pdfExportPopup .inner .headerContent .sunburstList .sunburstElem .sunburstDiv img,
#videoPopUp .inner .headerContent .sunburstList .sunburstElem .sunburstDiv img,
#shareComparePopUp .inner .headerContent .sunburstList .sunburstElem .sunburstDiv img,
#shareQuickComparePopUp .inner .headerContent .sunburstList .sunburstElem .sunburstDiv img,
#shareIndikatorPopUp .inner .headerContent .sunburstList .sunburstElem .sunburstDiv img {
  width: 100%;
}
/* line 854, sass/umr.scss */
#pdfExportPopup .inner .headerContent .sunburstList .sunburstElem .sunburstDiv img.alone,
#videoPopUp .inner .headerContent .sunburstList .sunburstElem .sunburstDiv img.alone,
#shareComparePopUp .inner .headerContent .sunburstList .sunburstElem .sunburstDiv img.alone,
#shareQuickComparePopUp .inner .headerContent .sunburstList .sunburstElem .sunburstDiv img.alone,
#shareIndikatorPopUp .inner .headerContent .sunburstList .sunburstElem .sunburstDiv img.alone {
  width: 33%;
}
/* line 862, sass/umr.scss */
#pdfExportPopup .inner .headerContent .sunburstList .sunburstElem.col50 .sunburstDiv img,
#videoPopUp .inner .headerContent .sunburstList .sunburstElem.col50 .sunburstDiv img,
#shareComparePopUp .inner .headerContent .sunburstList .sunburstElem.col50 .sunburstDiv img,
#shareQuickComparePopUp .inner .headerContent .sunburstList .sunburstElem.col50 .sunburstDiv img,
#shareIndikatorPopUp .inner .headerContent .sunburstList .sunburstElem.col50 .sunburstDiv img {
  width: 50%;
}
/* line 871, sass/umr.scss */
#pdfExportPopup .inner .content,
#videoPopUp .inner .content,
#shareComparePopUp .inner .content,
#shareQuickComparePopUp .inner .content,
#shareIndikatorPopUp .inner .content {
  padding: 1rem 0 2rem;
  text-align: center;
}
/* line 874, sass/umr.scss */
#pdfExportPopup .inner .content textarea,
#videoPopUp .inner .content textarea,
#shareComparePopUp .inner .content textarea,
#shareQuickComparePopUp .inner .content textarea,
#shareIndikatorPopUp .inner .content textarea {
  padding: 1rem 2rem;
  display: block;
  width: 100%;
  margin-bottom: 2rem;
  resize: none;
  font-family: inherit;
  font-size: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 886, sass/umr.scss */
#pdfExportPopup .inner .content .text-btn, #pdfExportPopup .inner .content .modify-btn, #pdfExportPopup .inner .content .tableButton, #pdfExportPopup .inner .content .switch-btn,
#videoPopUp .inner .content .text-btn,
#videoPopUp .inner .content .modify-btn,
#videoPopUp .inner .content .tableButton,
#videoPopUp .inner .content .switch-btn,
#shareComparePopUp .inner .content .text-btn,
#shareComparePopUp .inner .content .modify-btn,
#shareComparePopUp .inner .content .tableButton,
#shareComparePopUp .inner .content .switch-btn,
#shareQuickComparePopUp .inner .content .text-btn,
#shareQuickComparePopUp .inner .content .modify-btn,
#shareQuickComparePopUp .inner .content .tableButton,
#shareQuickComparePopUp .inner .content .switch-btn,
#shareIndikatorPopUp .inner .content .text-btn,
#shareIndikatorPopUp .inner .content .modify-btn,
#shareIndikatorPopUp .inner .content .tableButton,
#shareIndikatorPopUp .inner .content .switch-btn {
  display: inline-block;
}

/* line 895, sass/umr.scss */
#pdfExportPopup {
  left: 35%;
  width: 30%;
  top: 5rem;
}
/* line 899, sass/umr.scss */
#pdfExportPopup .inner {
  max-height: 70vh;
  overflow-y: auto;
}
/* line 902, sass/umr.scss */
#pdfExportPopup .inner .content {
  text-align: left;
  padding: 2rem 0;
}
/* line 905, sass/umr.scss */
#pdfExportPopup .inner .content .fields {
  line-height: 1.8rem;
  margin-bottom: 2rem;
}
/* line 909, sass/umr.scss */
#pdfExportPopup .inner .content .fields.row label {
  display: block;
  padding-bottom: 0.3rem;
}
/* line 915, sass/umr.scss */
#pdfExportPopup .inner .content .fields.cell {
  display: table;
  width: 100%;
}
/* line 918, sass/umr.scss */
#pdfExportPopup .inner .content .fields.cell label {
  display: table-cell;
  width: 15%;
}
/* line 922, sass/umr.scss */
#pdfExportPopup .inner .content .fields.cell > div {
  display: table-cell;
  width: 85%;
}
/* line 928, sass/umr.scss */
#pdfExportPopup .inner .content .fields.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
/* line 933, sass/umr.scss */
#pdfExportPopup .inner .content .fields.flex label {
  width: auto;
}
/* line 936, sass/umr.scss */
#pdfExportPopup .inner .content .fields.flex > div {
  margin: 0.2rem 1rem 0 0;
  width: 2rem;
  display: inline-block;
}
/* line 940, sass/umr.scss */
#pdfExportPopup .inner .content .fields.flex > div input {
  padding: 0;
  margin: 0;
}
/* line 948, sass/umr.scss */
#pdfExportPopup .inner .content .fields.float > div {
  float: left;
  margin-right: 1rem;
  width: 2rem;
  display: inline-block;
}
/* line 953, sass/umr.scss */
#pdfExportPopup .inner .content .fields.float > div input {
  padding: 0;
  margin: 0 0 4rem;
}
/* line 959, sass/umr.scss */
#pdfExportPopup .inner .content .fields.float label {
  display: initial;
}
/* line 964, sass/umr.scss */
#pdfExportPopup .inner .content .fields input,
#pdfExportPopup .inner .content .fields select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.2rem;
  font-family: inherit;
  font-size: inherit;
  width: 100%;
}
/* line 974, sass/umr.scss */
#pdfExportPopup .inner .content .fields span.error {
  color: #ff0000;
  font-size: 1.2rem;
  font-style: italic;
  display: block;
}
/* line 981, sass/umr.scss */
#pdfExportPopup .inner .content div.note {
  font-size: 1.2rem;
  padding: 1rem 0;
  font-style: italic;
  line-height: 1.8rem;
}
/* line 988, sass/umr.scss */
#pdfExportPopup .inner .content .text-btn, #pdfExportPopup .inner .content .modify-btn, #pdfExportPopup .inner .content .tableButton, #pdfExportPopup .inner .content .switch-btn {
  display: block;
  margin-top: 2rem;
  margin-bottom: 0;
}

/* line 997, sass/umr.scss */
#videoPopUp {
  height: 50%;
  margin-left: 0;
}
/* line 1000, sass/umr.scss */
#videoPopUp .inner {
  padding: 1rem;
  height: 100%;
  background-color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 1007, sass/umr.scss */
#videoPopUp .inner .content {
  background-color: #fff;
  padding: 1rem;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 1014, sass/umr.scss */
#videoPopUp .inner .content .video {
  height: 100%;
}

/* line 1023, sass/umr.scss */
#load-div {
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  z-index: 99;
}

/******* COLUMNS AND ROWS******/
/* line 1035, sass/umr.scss */
.one-coll,
.two-coll {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 2rem;
  padding-bottom: 2rem;
  width: calc(100% - 2 * $outerPadding);
}

/* line 1045, sass/umr.scss */
.two-coll-1 {
  float: left;
  width: 50%;
}

/* line 1049, sass/umr.scss */
.two-coll-2 {
  display: inline;
}

/* line 1054, sass/umr.scss */
.pic-text-coll {
  overflow: hidden;
  padding: 2rem 30px;
}

/* line 1058, sass/umr.scss */
.pic-text-coll > * {
  margin-left: 270px;
}

/* line 1062, sass/umr.scss */
.pic-text-coll img {
  float: left;
  margin-left: 0;
  width: 250px;
}

/****** OTHER *****/
/* line 1072, sass/umr.scss */
p.instruction {
  font-style: italic;
}

/* line 1077, sass/umr.scss */
p.description {
  font-style: normal;
}

/*** standard Heading for the sections and also in side nav ***/
/* line 1084, sass/umr.scss */
.section-step {
  color: #FFFFFF;
  margin-bottom: 1rem;
}
/* line 1090, sass/umr.scss */
.section-step > .step {
  display: inline;
  float: left;
}
/* line 1095, sass/umr.scss */
.section-step > * {
  background-color: #222222;
  padding: 0.3rem 1.8rem;
}
/* line 1100, sass/umr.scss */
.section-step > div {
  margin-left: 5.5rem;
}
/* line 1104, sass/umr.scss */
.section-step > div > h2 {
  display: inline;
}
/* line 1108, sass/umr.scss */
.section-step h2, .section-step h5 {
  color: #fff;
}

/*** For Shortlist information boxes ***/
/* line 1117, sass/umr.scss */
.static-infoBox {
  position: fixed;
  right: 2%;
  text-align: center;
  top: 9rem;
  z-index: 101;
  background: url("../img/shortlist.png") no-repeat;
  height: 140px;
  width: 150px;
}
/* line 1129, sass/umr.scss */
.static-infoBox > p {
  color: #ffffff;
  padding: 23px 20px 0;
}

/* line 1137, sass/umr.scss */
.static-infoBox strong {
  font-size: 2.8rem;
  font-weight: bold;
}

/***********
 STRIPE BOXES
 ****************/
/* line 1149, sass/umr.scss */
.stripe-box, .anchor-stripe-box, .expandable-stripe-box, .subjectResults .subjectResults-list, .subjectResults .subjectResults-list .departments,
.subjectResults .subjectResults-list .programs, .umap-PrefsContainer, .expandable-faq-stripe-box, .subjectlinks, .uniSearchContainer > li > .city-list,
.uniMultiSearchContainer > li > .city-list, .favsListSelection,
.uniListSelection,
.uniList, #aboutLinks,
#readymadeLinks,
#fieldLinks, #aboutLinks .aboutGroup,
#aboutLinks .readymadeGroup,
#aboutLinks .fieldGroup,
#readymadeLinks .aboutGroup,
#readymadeLinks .readymadeGroup,
#readymadeLinks .fieldGroup,
#fieldLinks .aboutGroup,
#fieldLinks .readymadeGroup,
#fieldLinks .fieldGroup, .columnStripe-box, .uniSearchContainer,
.uniMultiSearchContainer, #regionsContainer .country-stripe-box {
  margin-bottom: 2rem;
  width: 100%;
}
/* line 1156, sass/umr.scss */
.stripe-box > li, .anchor-stripe-box > li, .expandable-stripe-box > li, .subjectResults .subjectResults-list > li, .subjectResults .subjectResults-list .departments > li,
.subjectResults .subjectResults-list .programs > li, .umap-PrefsContainer > li, .expandable-faq-stripe-box > li, .subjectlinks > li, .uniSearchContainer > li > .city-list > li,
.uniMultiSearchContainer > li > .city-list > li, .favsListSelection > li,
.uniListSelection > li,
.uniList > li, #aboutLinks > li,
#readymadeLinks > li,
#fieldLinks > li, #aboutLinks .aboutGroup > li,
#aboutLinks .readymadeGroup > li,
#aboutLinks .fieldGroup > li,
#readymadeLinks .aboutGroup > li,
#readymadeLinks .readymadeGroup > li,
#readymadeLinks .fieldGroup > li,
#fieldLinks .aboutGroup > li,
#fieldLinks .readymadeGroup > li,
#fieldLinks .fieldGroup > li, .columnStripe-box > li, .uniSearchContainer > li,
.uniMultiSearchContainer > li, #regionsContainer .country-stripe-box > li {
  padding: 0.8rem 2rem 0.8rem 2rem;
}
/* line 1159, sass/umr.scss */
.stripe-box > li > a, .anchor-stripe-box > li > a, .expandable-stripe-box > li > a, .subjectResults .subjectResults-list > li > a, .subjectResults .subjectResults-list .departments > li > a,
.subjectResults .subjectResults-list .programs > li > a, .umap-PrefsContainer > li > a, .expandable-faq-stripe-box > li > a, .subjectlinks > li > a, .uniSearchContainer > li > .city-list > li > a,
.uniMultiSearchContainer > li > .city-list > li > a, .favsListSelection > li > a,
.uniListSelection > li > a,
.uniList > li > a, #aboutLinks > li > a,
#readymadeLinks > li > a,
#fieldLinks > li > a, #aboutLinks .aboutGroup > li > a,
#aboutLinks .readymadeGroup > li > a,
#aboutLinks .fieldGroup > li > a,
#readymadeLinks .aboutGroup > li > a,
#readymadeLinks .readymadeGroup > li > a,
#readymadeLinks .fieldGroup > li > a,
#fieldLinks .aboutGroup > li > a,
#fieldLinks .readymadeGroup > li > a,
#fieldLinks .fieldGroup > li > a, .columnStripe-box > li > a, .uniSearchContainer > li > a,
.uniMultiSearchContainer > li > a, #regionsContainer .country-stripe-box > li > a, .stripe-box > li > div > a, .anchor-stripe-box > li > div > a, .expandable-stripe-box > li > div > a, .subjectResults .subjectResults-list > li > div > a, .subjectResults .subjectResults-list .departments > li > div > a,
.subjectResults .subjectResults-list .programs > li > div > a, .umap-PrefsContainer > li > div > a, .expandable-faq-stripe-box > li > div > a, .subjectlinks > li > div > a, .uniSearchContainer > li > .city-list > li > div > a,
.uniMultiSearchContainer > li > .city-list > li > div > a, .favsListSelection > li > div > a,
.uniListSelection > li > div > a,
.uniList > li > div > a, #aboutLinks > li > div > a,
#readymadeLinks > li > div > a,
#fieldLinks > li > div > a, #aboutLinks .aboutGroup > li > div > a,
#aboutLinks .readymadeGroup > li > div > a,
#aboutLinks .fieldGroup > li > div > a,
#readymadeLinks .aboutGroup > li > div > a,
#readymadeLinks .readymadeGroup > li > div > a,
#readymadeLinks .fieldGroup > li > div > a,
#fieldLinks .aboutGroup > li > div > a,
#fieldLinks .readymadeGroup > li > div > a,
#fieldLinks .fieldGroup > li > div > a, .columnStripe-box > li > div > a, .uniSearchContainer > li > div > a,
.uniMultiSearchContainer > li > div > a, #regionsContainer .country-stripe-box > li > div > a {
  color: inherit;
  display: block;
}

/***** stripe-boxes whos li are clickable -> always contains anchors and colors a with $mainCol when hovering over whole list-element or setting it active****/
/* line 1167, sass/umr.scss */
#readymadeLinks .readymadeGroup.noGroup > li.active > div > a {
  background-color: inherit;
}

/* line 1173, sass/umr.scss */
.anchor-stripe-box > li, .expandable-stripe-box > li, .subjectResults .subjectResults-list > li, .subjectResults .subjectResults-list .departments > li,
.subjectResults .subjectResults-list .programs > li, .umap-PrefsContainer > li, .expandable-faq-stripe-box > li, .subjectlinks > li, .uniSearchContainer > li > .city-list > li,
.uniMultiSearchContainer > li > .city-list > li, .favsListSelection > li,
.uniListSelection > li,
.uniList > li, #aboutLinks > li,
#readymadeLinks > li,
#fieldLinks > li, #aboutLinks .aboutGroup > li,
#aboutLinks .readymadeGroup > li,
#aboutLinks .fieldGroup > li,
#readymadeLinks .aboutGroup > li,
#readymadeLinks .readymadeGroup > li,
#readymadeLinks .fieldGroup > li,
#fieldLinks .aboutGroup > li,
#fieldLinks .readymadeGroup > li,
#fieldLinks .fieldGroup > li {
  padding: 0;
  margin-bottom: 1px;
}
/* line 1177, sass/umr.scss */
.anchor-stripe-box > li > a, .expandable-stripe-box > li > a, .subjectResults .subjectResults-list > li > a, .subjectResults .subjectResults-list .departments > li > a,
.subjectResults .subjectResults-list .programs > li > a, .umap-PrefsContainer > li > a, .expandable-faq-stripe-box > li > a, .subjectlinks > li > a, .uniSearchContainer > li > .city-list > li > a,
.uniMultiSearchContainer > li > .city-list > li > a, .favsListSelection > li > a,
.uniListSelection > li > a,
.uniList > li > a, #aboutLinks > li > a,
#readymadeLinks > li > a,
#fieldLinks > li > a, #aboutLinks .aboutGroup > li > a,
#aboutLinks .readymadeGroup > li > a,
#aboutLinks .fieldGroup > li > a,
#readymadeLinks .aboutGroup > li > a,
#readymadeLinks .readymadeGroup > li > a,
#readymadeLinks .fieldGroup > li > a,
#fieldLinks .aboutGroup > li > a,
#fieldLinks .readymadeGroup > li > a,
#fieldLinks .fieldGroup > li > a, .anchor-stripe-box > li > div > a, .expandable-stripe-box > li > div > a, .subjectResults .subjectResults-list > li > div > a, .subjectResults .subjectResults-list .departments > li > div > a,
.subjectResults .subjectResults-list .programs > li > div > a, .umap-PrefsContainer > li > div > a, .expandable-faq-stripe-box > li > div > a, .subjectlinks > li > div > a, .uniSearchContainer > li > .city-list > li > div > a,
.uniMultiSearchContainer > li > .city-list > li > div > a, .favsListSelection > li > div > a,
.uniListSelection > li > div > a,
.uniList > li > div > a, #aboutLinks > li > div > a,
#readymadeLinks > li > div > a,
#fieldLinks > li > div > a, #aboutLinks .aboutGroup > li > div > a,
#aboutLinks .readymadeGroup > li > div > a,
#aboutLinks .fieldGroup > li > div > a,
#readymadeLinks .aboutGroup > li > div > a,
#readymadeLinks .readymadeGroup > li > div > a,
#readymadeLinks .fieldGroup > li > div > a,
#fieldLinks .aboutGroup > li > div > a,
#fieldLinks .readymadeGroup > li > div > a,
#fieldLinks .fieldGroup > li > div > a {
  padding: 0.8rem 2rem 0.8rem 2rem;
}
/* line 1180, sass/umr.scss */
.anchor-stripe-box > li > a:hover, .expandable-stripe-box > li > a:hover, .subjectResults .subjectResults-list > li > a:hover, .subjectResults .subjectResults-list .departments > li > a:hover,
.subjectResults .subjectResults-list .programs > li > a:hover, .umap-PrefsContainer > li > a:hover, .expandable-faq-stripe-box > li > a:hover, .subjectlinks > li > a:hover, .uniSearchContainer > li > .city-list > li > a:hover,
.uniMultiSearchContainer > li > .city-list > li > a:hover, .favsListSelection > li > a:hover,
.uniListSelection > li > a:hover,
.uniList > li > a:hover, #aboutLinks > li > a:hover,
#readymadeLinks > li > a:hover,
#fieldLinks > li > a:hover, #aboutLinks .aboutGroup > li > a:hover,
#aboutLinks .readymadeGroup > li > a:hover,
#aboutLinks .fieldGroup > li > a:hover,
#readymadeLinks .aboutGroup > li > a:hover,
#readymadeLinks .readymadeGroup > li > a:hover,
#readymadeLinks .fieldGroup > li > a:hover,
#fieldLinks .aboutGroup > li > a:hover,
#fieldLinks .readymadeGroup > li > a:hover,
#fieldLinks .fieldGroup > li > a:hover, .anchor-stripe-box > li > a.active, .expandable-stripe-box > li > a.active, .subjectResults .subjectResults-list > li > a.active, .subjectResults .subjectResults-list .departments > li > a.active,
.subjectResults .subjectResults-list .programs > li > a.active, .umap-PrefsContainer > li > a.active, .expandable-faq-stripe-box > li > a.active, .subjectlinks > li > a.active, .uniSearchContainer > li > .city-list > li > a.active,
.uniMultiSearchContainer > li > .city-list > li > a.active, .favsListSelection > li > a.active,
.uniListSelection > li > a.active,
.uniList > li > a.active, #aboutLinks > li > a.active,
#readymadeLinks > li > a.active,
#fieldLinks > li > a.active, #aboutLinks .aboutGroup > li > a.active,
#aboutLinks .readymadeGroup > li > a.active,
#aboutLinks .fieldGroup > li > a.active,
#readymadeLinks .aboutGroup > li > a.active,
#readymadeLinks .readymadeGroup > li > a.active,
#readymadeLinks .fieldGroup > li > a.active,
#fieldLinks .aboutGroup > li > a.active,
#fieldLinks .readymadeGroup > li > a.active,
#fieldLinks .fieldGroup > li > a.active, .anchor-stripe-box > li > div > a:hover, .expandable-stripe-box > li > div > a:hover, .subjectResults .subjectResults-list > li > div > a:hover, .subjectResults .subjectResults-list .departments > li > div > a:hover,
.subjectResults .subjectResults-list .programs > li > div > a:hover, .umap-PrefsContainer > li > div > a:hover, .expandable-faq-stripe-box > li > div > a:hover, .subjectlinks > li > div > a:hover, .uniSearchContainer > li > .city-list > li > div > a:hover,
.uniMultiSearchContainer > li > .city-list > li > div > a:hover, .favsListSelection > li > div > a:hover,
.uniListSelection > li > div > a:hover,
.uniList > li > div > a:hover, #aboutLinks > li > div > a:hover,
#readymadeLinks > li > div > a:hover,
#fieldLinks > li > div > a:hover, #aboutLinks .aboutGroup > li > div > a:hover,
#aboutLinks .readymadeGroup > li > div > a:hover,
#aboutLinks .fieldGroup > li > div > a:hover,
#readymadeLinks .aboutGroup > li > div > a:hover,
#readymadeLinks .readymadeGroup > li > div > a:hover,
#readymadeLinks .fieldGroup > li > div > a:hover,
#fieldLinks .aboutGroup > li > div > a:hover,
#fieldLinks .readymadeGroup > li > div > a:hover,
#fieldLinks .fieldGroup > li > div > a:hover, .anchor-stripe-box > li > div > a.active, .expandable-stripe-box > li > div > a.active, .subjectResults .subjectResults-list > li > div > a.active, .subjectResults .subjectResults-list .departments > li > div > a.active,
.subjectResults .subjectResults-list .programs > li > div > a.active, .umap-PrefsContainer > li > div > a.active, .expandable-faq-stripe-box > li > div > a.active, .subjectlinks > li > div > a.active, .uniSearchContainer > li > .city-list > li > div > a.active,
.uniMultiSearchContainer > li > .city-list > li > div > a.active, .favsListSelection > li > div > a.active,
.uniListSelection > li > div > a.active,
.uniList > li > div > a.active, #aboutLinks > li > div > a.active,
#readymadeLinks > li > div > a.active,
#fieldLinks > li > div > a.active, #aboutLinks .aboutGroup > li > div > a.active,
#aboutLinks .readymadeGroup > li > div > a.active,
#aboutLinks .fieldGroup > li > div > a.active,
#readymadeLinks .aboutGroup > li > div > a.active,
#readymadeLinks .readymadeGroup > li > div > a.active,
#readymadeLinks .fieldGroup > li > div > a.active,
#fieldLinks .aboutGroup > li > div > a.active,
#fieldLinks .readymadeGroup > li > div > a.active,
#fieldLinks .fieldGroup > li > div > a.active {
  color: #ffffff;
  background-color: #008eb3;
  font-weight: bold;
  text-decoration: none;
}
/* line 1189, sass/umr.scss */
.anchor-stripe-box > li.active > a, .expandable-stripe-box > li.active > a, .subjectResults .subjectResults-list > li.active > a, .subjectResults .subjectResults-list .departments > li.active > a,
.subjectResults .subjectResults-list .programs > li.active > a, .umap-PrefsContainer > li.active > a, .expandable-faq-stripe-box > li.active > a, .subjectlinks > li.active > a, .uniSearchContainer > li > .city-list > li.active > a,
.uniMultiSearchContainer > li > .city-list > li.active > a, .favsListSelection > li.active > a,
.uniListSelection > li.active > a,
.uniList > li.active > a, #aboutLinks > li.active > a,
#readymadeLinks > li.active > a,
#fieldLinks > li.active > a, #aboutLinks .aboutGroup > li.active > a,
#aboutLinks .readymadeGroup > li.active > a,
#aboutLinks .fieldGroup > li.active > a,
#readymadeLinks .aboutGroup > li.active > a,
#readymadeLinks .readymadeGroup > li.active > a,
#readymadeLinks .fieldGroup > li.active > a,
#fieldLinks .aboutGroup > li.active > a,
#fieldLinks .readymadeGroup > li.active > a,
#fieldLinks .fieldGroup > li.active > a, .anchor-stripe-box > li.active > div > a, .expandable-stripe-box > li.active > div > a, .subjectResults .subjectResults-list > li.active > div > a, .subjectResults .subjectResults-list .departments > li.active > div > a,
.subjectResults .subjectResults-list .programs > li.active > div > a, .umap-PrefsContainer > li.active > div > a, .expandable-faq-stripe-box > li.active > div > a, .subjectlinks > li.active > div > a, .uniSearchContainer > li > .city-list > li.active > div > a,
.uniMultiSearchContainer > li > .city-list > li.active > div > a, .favsListSelection > li.active > div > a,
.uniListSelection > li.active > div > a,
.uniList > li.active > div > a, #aboutLinks > li.active > div > a,
#readymadeLinks > li.active > div > a,
#fieldLinks > li.active > div > a, #aboutLinks .aboutGroup > li.active > div > a,
#aboutLinks .readymadeGroup > li.active > div > a,
#aboutLinks .fieldGroup > li.active > div > a,
#readymadeLinks .aboutGroup > li.active > div > a,
#readymadeLinks .readymadeGroup > li.active > div > a,
#readymadeLinks .fieldGroup > li.active > div > a,
#fieldLinks .aboutGroup > li.active > div > a,
#fieldLinks .readymadeGroup > li.active > div > a,
#fieldLinks .fieldGroup > li.active > div > a {
  color: #ffffff;
  background-color: #008eb3;
  font-weight: bold;
}
/* line 1197, sass/umr.scss */
.anchor-stripe-box > li.hover > a, .expandable-stripe-box > li.hover > a, .subjectResults .subjectResults-list > li.hover > a, .subjectResults .subjectResults-list .departments > li.hover > a,
.subjectResults .subjectResults-list .programs > li.hover > a, .umap-PrefsContainer > li.hover > a, .expandable-faq-stripe-box > li.hover > a, .subjectlinks > li.hover > a, .uniSearchContainer > li > .city-list > li.hover > a,
.uniMultiSearchContainer > li > .city-list > li.hover > a, .favsListSelection > li.hover > a,
.uniListSelection > li.hover > a,
.uniList > li.hover > a, #aboutLinks > li.hover > a,
#readymadeLinks > li.hover > a,
#fieldLinks > li.hover > a, #aboutLinks .aboutGroup > li.hover > a,
#aboutLinks .readymadeGroup > li.hover > a,
#aboutLinks .fieldGroup > li.hover > a,
#readymadeLinks .aboutGroup > li.hover > a,
#readymadeLinks .readymadeGroup > li.hover > a,
#readymadeLinks .fieldGroup > li.hover > a,
#fieldLinks .aboutGroup > li.hover > a,
#fieldLinks .readymadeGroup > li.hover > a,
#fieldLinks .fieldGroup > li.hover > a {
  color: #ffffff;
  background-color: #008eb3;
  font-weight: bold;
}

/*** this is like a stripe-box, only with coulmns,
in which something can be selected***/
/* line 1212, sass/umr.scss */
.columnStripe-box > li, .uniSearchContainer > li,
.uniMultiSearchContainer > li {
  margin: 0.5rem 0 0 0;
  overflow: hidden;
}
/* line 1215, sass/umr.scss */
.columnStripe-box > li .col-Left, .uniSearchContainer > li .col-Left,
.uniMultiSearchContainer > li .col-Left {
  float: left;
  width: 40%;
}
/* line 1220, sass/umr.scss */
.columnStripe-box > li .col-Right, .uniSearchContainer > li .col-Right,
.uniMultiSearchContainer > li .col-Right {
  margin-left: 42%;
}
/* line 1224, sass/umr.scss */
.columnStripe-box > li label, .uniSearchContainer > li label,
.uniMultiSearchContainer > li label {
  font-weight: bold;
  display: inline-block;
}
/* line 1228, sass/umr.scss */
.columnStripe-box > li label:hover, .uniSearchContainer > li label:hover,
.uniMultiSearchContainer > li label:hover {
  cursor: pointer;
}
/* line 1233, sass/umr.scss */
.columnStripe-box > li .explanation, .uniSearchContainer > li .explanation,
.uniMultiSearchContainer > li .explanation {
  display: none;
}

/**** Schwarze Streifen-Liste, ausklapppbar, li elemente enthalten immer ausklappbaren inhalt ***/
/* line 1244, sass/umr.scss */
.expandable-stripe-box li > a, .subjectResults .subjectResults-list li > a, .subjectResults .subjectResults-list .departments li > a,
.subjectResults .subjectResults-list .programs li > a, .umap-PrefsContainer li > a, .expandable-stripe-box li > div > a, .subjectResults .subjectResults-list li > div > a, .subjectResults .subjectResults-list .departments li > div > a,
.subjectResults .subjectResults-list .programs li > div > a, .umap-PrefsContainer li > div > a {
  color: #ffffff;
  background-color: #222222;
  background-image: url("../img/b_fold_out.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
}
/* line 1251, sass/umr.scss */
.expandable-stripe-box li > a.active, .subjectResults .subjectResults-list li > a.active, .subjectResults .subjectResults-list .departments li > a.active,
.subjectResults .subjectResults-list .programs li > a.active, .umap-PrefsContainer li > a.active, .expandable-stripe-box li > div > a.active, .subjectResults .subjectResults-list li > div > a.active, .umap-PrefsContainer li > div > a.active {
  background-image: url("../img/b_fold_in.png");
}
/* line 1256, sass/umr.scss */
.expandable-stripe-box .noArrow li > a, .subjectResults .subjectResults-list .noArrow li > a, .umap-PrefsContainer .noArrow li > a,
.expandable-stripe-box li.noArrow > a,
.subjectResults .subjectResults-list li.noArrow > a,
.subjectResults .subjectResults-list .departments li.noArrow > a,
.subjectResults .subjectResults-list .programs li.noArrow > a,
.umap-PrefsContainer li.noArrow > a,
.expandable-stripe-box .noArrow li > div > a,
.subjectResults .subjectResults-list .noArrow li > div > a,
.umap-PrefsContainer .noArrow li > div > a,
.expandable-stripe-box li.noArrow > div > a,
.subjectResults .subjectResults-list li.noArrow > div > a,
.umap-PrefsContainer li.noArrow > div > a {
  color: #ffffff;
  background-color: #222222;
  background-image: none;
}
/* line 1264, sass/umr.scss */
.expandable-stripe-box .noArrow li > a.active, .subjectResults .subjectResults-list .noArrow li > a.active, .umap-PrefsContainer .noArrow li > a.active, .expandable-stripe-box .noArrow li > a:hover, .subjectResults .subjectResults-list .noArrow li > a:hover, .umap-PrefsContainer .noArrow li > a:hover,
.expandable-stripe-box li.noArrow > a.active,
.subjectResults .subjectResults-list li.noArrow > a.active,
.subjectResults .subjectResults-list .departments li.noArrow > a.active,
.subjectResults .subjectResults-list .programs li.noArrow > a.active,
.umap-PrefsContainer li.noArrow > a.active,
.expandable-stripe-box li.noArrow > a:hover,
.subjectResults .subjectResults-list li.noArrow > a:hover,
.subjectResults .subjectResults-list .departments li.noArrow > a:hover,
.subjectResults .subjectResults-list .programs li.noArrow > a:hover,
.umap-PrefsContainer li.noArrow > a:hover,
.expandable-stripe-box .noArrow li > div > a.active,
.subjectResults .subjectResults-list .noArrow li > div > a.active,
.umap-PrefsContainer .noArrow li > div > a.active,
.expandable-stripe-box .noArrow li > div > a:hover,
.subjectResults .subjectResults-list .noArrow li > div > a:hover,
.umap-PrefsContainer .noArrow li > div > a:hover,
.expandable-stripe-box li.noArrow > div > a.active,
.subjectResults .subjectResults-list li.noArrow > div > a.active,
.umap-PrefsContainer li.noArrow > div > a.active,
.expandable-stripe-box li.noArrow > div > a:hover,
.subjectResults .subjectResults-list li.noArrow > div > a:hover,
.umap-PrefsContainer li.noArrow > div > a:hover {
  background-color: #008eb3;
  font-weight: bold;
  background-image: none;
}

/* line 1276, sass/umr.scss */
.expandable-faq-stripe-box li {
  margin-bottom: 3px;
}
/* line 1278, sass/umr.scss */
.expandable-faq-stripe-box li > a {
  color: #222222;
  background-color: rgba(255, 255, 255, 0.8);
  background-repeat: no-repeat;
  background-position: 100% 0;
}
/* line 1284, sass/umr.scss */
.expandable-faq-stripe-box li > a > h3, .expandable-faq-stripe-box li > a > .orDiv {
  color: #222222;
}
/* line 1289, sass/umr.scss */
.expandable-faq-stripe-box li > a:hover > h3, .expandable-faq-stripe-box li > a:hover > .orDiv {
  color: #ffffff;
}
/* line 1295, sass/umr.scss */
.expandable-faq-stripe-box li > .content {
  padding: 0.8rem 2rem 0.8rem 2rem;
  background-color: rgba(255, 255, 255, 0.6);
  display: none;
}
/* line 1302, sass/umr.scss */
.expandable-faq-stripe-box li.active > a > h3, .expandable-faq-stripe-box li.active > a > .orDiv {
  color: #fff;
}

/****************************
 The Buttons
 *****************************/
/* line 1315, sass/umr.scss */
#videoBtn,
.startBtn {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 5rem;
  margin-top: 2rem;
}
/* line 1326, sass/umr.scss */
#videoBtn .playContent,
.startBtn .playContent {
  height: 100%;
  width: auto;
  background-color: #fff;
}
/* line 1332, sass/umr.scss */
#videoBtn .howStartIcon,
#videoBtn .playIcon,
.startBtn .howStartIcon,
.startBtn .playIcon {
  background: url("../img/b_viedeo_play.png") no-repeat;
  background-position: 0.8rem center;
  display: table-cell;
  height: 5rem;
  vertical-align: middle;
  cursor: pointer;
}
/* line 1341, sass/umr.scss */
#videoBtn .howStartIcon.tal,
#videoBtn .playIcon.tal,
.startBtn .howStartIcon.tal,
.startBtn .playIcon.tal {
  background-color: rgba(0, 176, 76, 0.8);
}
/* line 1345, sass/umr.scss */
#videoBtn .howStartIcon.intern,
#videoBtn .playIcon.intern,
.startBtn .howStartIcon.intern,
.startBtn .playIcon.intern {
  background-color: rgba(255, 153, 0, 0.8);
}
/* line 1349, sass/umr.scss */
#videoBtn .howStartIcon.knowledge,
#videoBtn .playIcon.knowledge,
.startBtn .howStartIcon.knowledge,
.startBtn .playIcon.knowledge {
  background-color: rgba(0, 206, 206, 0.8);
}
/* line 1352, sass/umr.scss */
#videoBtn .howStartIcon.regional,
#videoBtn .playIcon.regional,
.startBtn .howStartIcon.regional,
.startBtn .playIcon.regional {
  background-color: rgba(145, 89, 255, 0.8);
}
/* line 1356, sass/umr.scss */
#videoBtn .howStartIcon h4,
#videoBtn .playIcon h4,
.startBtn .howStartIcon h4,
.startBtn .playIcon h4 {
  margin-left: 4.9rem;
  color: #fff;
}
/* line 1361, sass/umr.scss */
#videoBtn .howStartIcon,
.startBtn .howStartIcon {
  background: url("../img/b_HowToChoose_text.png") no-repeat;
  background-position: 0.8rem center;
}
/* line 1365, sass/umr.scss */
#videoBtn .arrowIcon,
.startBtn .arrowIcon {
  background: url("../img/b_video_arrow.png") no-repeat;
  background-position: 0 0;
  background-size: 100%;
  width: 2.5rem;
  height: 5rem;
}
/* line 1374, sass/umr.scss */
#videoBtn:hover .howStartIcon,
#videoBtn:hover .playIcon,
.startBtn:hover .howStartIcon,
.startBtn:hover .playIcon {
  background-color: #008eb3;
}
/* line 1379, sass/umr.scss */
#videoBtn:hover .arrowIcon,
.startBtn:hover .arrowIcon {
  background: url("../img/b_video_arrow_ro.png") no-repeat;
}

/* line 1386, sass/umr.scss */
.introduction > .startBtnLink {
  margin-left: 80px;
}

/* line 1392, sass/umr.scss */
.umr-app-btn, .home-btn, .u-btn, .facebook-btn, .twitter-btn, .instagram-btn, .share-btn, .sight-btn, .arrow-btn {
  height: 50px;
  width: 50px;
}

/* line 1398, sass/umr.scss */
.home-btn {
  background: url("../img/home_Sprite.png") no-repeat;
  background-size: 110px 100%;
  background-position: 0 0;
  float: left;
}
/* line 1405, sass/umr.scss */
.home-btn:hover {
  background: url("../img/home_Sprite.png") no-repeat;
  background-size: 110px 100%;
  background-position: -60px 0;
}

/* line 1412, sass/umr.scss */
.u-btn {
  background: url("../img/b_u.png") no-repeat;
  float: right;
}
/* line 1417, sass/umr.scss */
.u-btn:hover {
  background: url("../img/b_u_ro.png") no-repeat scroll;
}

/* line 1431, sass/umr.scss */
.facebook-btn {
  background: url("../img/facebook_Sprite.png") no-repeat;
  background-size: 110px 100%;
  background-position: 0 0;
}
/* line 1437, sass/umr.scss */
.facebook-btn:hover {
  background: url("../img/facebook_Sprite.png") no-repeat;
  background-size: 110px 100%;
  background-position: -60px 0;
}

/* line 1444, sass/umr.scss */
.twitter-btn {
  background: url("../img/twitter_Sprite.png") no-repeat;
  background-size: 110px 100%;
  background-position: 0 0;
}
/* line 1450, sass/umr.scss */
.twitter-btn:hover {
  background: url("../img/twitter_Sprite.png") no-repeat;
  background-size: 110px 100%;
  background-position: -60px 0;
}

/* line 1457, sass/umr.scss */
.instagram-btn {
  background: url("../img/instagram_Sprite.png") no-repeat;
  background-size: 110px 100%;
  background-position: 0 0;
}
/* line 1463, sass/umr.scss */
.instagram-btn:hover {
  background: url("../img/instagram_Sprite.png") no-repeat;
  background-size: 110px 100%;
  background-position: -60px 0;
}

/* line 1470, sass/umr.scss */
.share-btn {
  background: url("../img/b_share_Sprite.png") no-repeat;
  background-size: 110px 100%;
  background-position: 0 0;
}
/* line 1476, sass/umr.scss */
.share-btn:hover {
  background: url("../img/b_share_Sprite.png") no-repeat;
  background-size: 110px 100%;
  background-position: -60px 0;
}

/* line 1484, sass/umr.scss */
.shareIcon {
  background-image: url("../img/b_share.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 4rem;
  width: 4rem;
  background-color: transparenz;
  cursor: pointer;
}
/* line 1493, sass/umr.scss */
.shareIcon:hover {
  background-image: url("../img/b_share_ro.png");
}

/* line 1497, sass/umr.scss */
.shareIconTrans {
  background-image: url("../img/b_shareScatterplot.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 4rem;
  width: 4rem;
  background-color: transparenz;
  cursor: pointer;
}
/* line 1506, sass/umr.scss */
.shareIconTrans:hover {
  background-image: url("../img/b_shareScatterplot_ro.png");
}

/* line 1511, sass/umr.scss */
.section-step .postitionIcon {
  float: right;
  margin-top: 0.3rem;
}

/* line 1516, sass/umr.scss */
.howIcon {
  background-image: url("../img/b_How-to-choose.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 4rem;
  width: 4rem;
  background-color: transparenz;
  cursor: pointer;
}
/* line 1525, sass/umr.scss */
.howIcon:hover {
  background-image: url("../img/b_How-to-choose_ro.png");
}

/* line 1531, sass/umr.scss */
.likeIcon {
  background-image: url("../img/b_unliken.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 4rem;
  width: 4rem;
  background-color: transparenz;
  cursor: pointer;
}
/* line 1540, sass/umr.scss */
.likeIcon:hover {
  background-image: url("../img/b_unliken_ro.png");
}
/* line 1543, sass/umr.scss */
.likeIcon.icon:hover {
  background-image: url("../img/b_unliken.png");
}
/* line 1547, sass/umr.scss */
.likeIcon.unlike {
  background-image: url("../img/b_liken.png");
}
/* line 1549, sass/umr.scss */
.likeIcon.unlike:hover {
  background-image: url("../img/b_liken_ro.png");
}

/* line 1555, sass/umr.scss */
.deleteIcon {
  background-image: url("../img/b_trash.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 4rem;
  width: 4rem;
  background-color: transparenz;
  cursor: pointer;
}
/* line 1564, sass/umr.scss */
.deleteIcon:hover {
  background-image: url("../img/b_trash_ro.png");
}

/* line 1571, sass/umr.scss */
.sight-btn {
  background: url("../img/sight_Sprite.png") no-repeat;
  background-size: 110px 100%;
  background-position: 0 0;
  float: right;
}
/* line 1579, sass/umr.scss */
.sight-btn:hover {
  background: url("../img/sight_Sprite.png") no-repeat;
  background-size: 110px 100%;
  background-position: -60px 0;
}

/* line 1586, sass/umr.scss */
.arrow-btn {
  background: url("../img/pfeil_weiter_Sprite.png") no-repeat;
  background-size: 110px 100%;
  background-position: 0 0;
  float: right;
}
/* line 1592, sass/umr.scss */
.arrow-btn:hover {
  background: url("../img/pfeil_weiter_Sprite.png") no-repeat;
  background-size: 110px 100%;
  background-position: -60px 0;
}

/* line 1599, sass/umr.scss */
.text-btn, .modify-btn, .tableButton, .switch-btn {
  display: block;
  margin-bottom: 1rem;
  text-align: center;
}
/* line 1604, sass/umr.scss */
.text-btn > a, .modify-btn > a, .tableButton > a, .switch-btn > a {
  background-color: rgba(34, 34, 34, 0.7);
  border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  padding: 0.5rem 1.3rem;
}
/* line 1611, sass/umr.scss */
.text-btn > a:hover, .modify-btn > a:hover, .tableButton > a:hover, .switch-btn > a:hover, .text-btn > a.active, .modify-btn > a.active, .tableButton > a.active, .switch-btn > a.active {
  background-color: #008eb3;
}
/* line 1615, sass/umr.scss */
.text-btn > a:hover, .modify-btn > a:hover, .tableButton > a:hover, .switch-btn > a:hover {
  cursor: pointer;
}
/* line 1619, sass/umr.scss */
.text-btn > a > h2, .modify-btn > a > h2, .tableButton > a > h2, .switch-btn > a > h2 {
  display: inline;
}
/* line 1625, sass/umr.scss */
.text-btn > a:nth-of-type(2), .modify-btn > a:nth-of-type(2), .tableButton > a:nth-of-type(2), .switch-btn > a:nth-of-type(2) {
  margin-left: 1rem;
}
/* line 1630, sass/umr.scss */
.text-btn.deselected > a, .deselected.modify-btn > a, .deselected.tableButton > a, .deselected.switch-btn > a {
  background-color: rgba(34, 34, 34, 0.4);
}
/* line 1633, sass/umr.scss */
.text-btn.deselected > a:hover, .deselected.modify-btn > a:hover, .deselected.tableButton > a:hover, .deselected.switch-btn > a:hover {
  cursor: default;
}
/* line 1636, sass/umr.scss */
.text-btn.deselected > a:hover > h2, .deselected.modify-btn > a:hover > h2, .deselected.tableButton > a:hover > h2, .deselected.switch-btn > a:hover > h2,
.text-btn.deselected > a:hover > h4,
.deselected.modify-btn > a:hover > h4,
.deselected.tableButton > a:hover > h4,
.deselected.switch-btn > a:hover > h4 {
  color: rgba(255, 255, 255, 0.6);
}
/* line 1642, sass/umr.scss */
.text-btn.deselected > a > h2, .deselected.modify-btn > a > h2, .deselected.tableButton > a > h2, .deselected.switch-btn > a > h2,
.text-btn.deselected > a > h4,
.deselected.modify-btn > a > h4,
.deselected.tableButton > a > h4,
.deselected.switch-btn > a > h4 {
  color: rgba(255, 255, 255, 0.6);
}

/* line 1650, sass/umr.scss */
.modify-btn-div {
  margin-bottom: 2rem;
  overflow: hidden;
}

/* line 1654, sass/umr.scss */
.modify-btn {
  display: inline;
  margin-bottom: 0;
}
/* line 1660, sass/umr.scss */
.modify-btn > h4 {
  display: inline;
}
/* line 1664, sass/umr.scss */
.modify-btn.right {
  float: right;
}

/* line 1672, sass/umr.scss */
.tableButton > a {
  display: block;
  max-width: 200px;
  margin: auto;
  padding: 1rem 1.3rem;
  background-color: rgba(255, 255, 255, 0.7);
}
/* line 1679, sass/umr.scss */
.tableButton > a h4 {
  color: #222222;
}
/* line 1683, sass/umr.scss */
.tableButton > a:hover, .tableButton > a.active {
  padding: 1rem 1.3rem;
}
/* line 1686, sass/umr.scss */
.tableButton > a:hover h4, .tableButton > a.active h4 {
  color: #ffffff;
}
/* line 1692, sass/umr.scss */
.tableButton:nth-of-type(1) {
  margin-bottom: 3rem;
}
/* line 1697, sass/umr.scss */
.tableButton.favoriteButton > a {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
/* line 1702, sass/umr.scss */
.tableButton.favoriteButton > a h4 {
  display: inline-block;
  line-height: 2rem;
  vertical-align: top;
}
/* line 1708, sass/umr.scss */
.tableButton.favoriteButton > a #fav-span {
  background-image: url("../img/table/b_like_grey.png");
  background-position: center -2px;
  background-repeat: no-repeat;
  background-size: 130% auto;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
}
/* line 1720, sass/umr.scss */
.tableButton.favoriteButton > a:hover #fav-span {
  background-image: url("../img/table/b_like_white.png");
}
/* line 1728, sass/umr.scss */
.tableButton.favoriteButton.deselected:hover #fav-span {
  background-image: url("../img/table/b_like_grey.png");
}

/* line 1738, sass/umr.scss */
.switch-btn > a {
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 1742, sass/umr.scss */
.switch-btn > a > h2 {
  color: #222222;
}
/* line 1748, sass/umr.scss */
.switch-btn > a:hover > h2 {
  color: #ffffff;
}

/* line 1755, sass/umr.scss */
.close-btn {
  color: #ffffff;
  display: inline-block;
  float: right;
}

/* line 1763, sass/umr.scss */
a.close-btn {
  line-height: 0;
  padding: 2.1rem 1.5rem;
  background-color: rgba(255, 255, 255, 0.2);
  font-weight: bold;
}
/* line 1770, sass/umr.scss */
a.close-btn:hover {
  background-color: #008eb3;
}

/* line 1777, sass/umr.scss */
.backwardArrow-btn {
  background: url("../img/table/backward.png") no-repeat 0 18rem;
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  vertical-align: top;
  width: 40px;
  top: 1.95px;
}
/* line 1787, sass/umr.scss */
.backwardArrow-btn:hover {
  background: url("../img/table/backward_ro.png") no-repeat 0 18rem;
}

/* line 1793, sass/umr.scss */
.forwardArrow-btn {
  background: url("../img/table/forward.png") no-repeat 0 18rem;
  display: inline-block;
  height: 100%;
  position: absolute;
  right: 0;
  vertical-align: top;
  width: 40px;
  top: 1.95px;
}
/* line 1804, sass/umr.scss */
.forwardArrow-btn:hover {
  background: url("../img/table/forward_ro.png") no-repeat 0 18rem;
}

/* line 1810, sass/umr.scss */
.scrollArrow.hide {
  display: none;
}

/**temporary**/
/* line 1815, sass/umr.scss */
.button_row {
  margin-bottom: 4%;
  text-align: center;
}

/* line 1820, sass/umr.scss */
.button_row a {
  border: 4px dotted #31302f;
  color: #31302f;
  font-size: 1.6rem;
  margin-left: 3rem;
  padding: 0.6rem;
}

/* line 1827, sass/umr.scss */
.button_row a:first-child {
  margin-right: 3rem;
}

/* line 1831, sass/umr.scss */
.button_row a:hover {
  font-size: 1.8rem;
}

/****************  Region *********************/
/* line 1837, sass/umr.scss */
#regionsContainer {
  margin: 0;
}
/* line 1841, sass/umr.scss */
#regionsContainer.hideZeroCountries .noMatches {
  display: none;
}
/* line 1848, sass/umr.scss */
#regionsContainer .country-stripe-box li.row {
  background-color: rgba(255, 255, 255, 0.4);
  margin-bottom: 0.5rem;
}
/* line 1852, sass/umr.scss */
#regionsContainer .country-stripe-box li.row a:hover {
  font-weight: normal;
}
/* line 1856, sass/umr.scss */
#regionsContainer .country-stripe-box li.row > a {
  display: inline-block;
}
/* line 1859, sass/umr.scss */
#regionsContainer .country-stripe-box li.row > a h3, #regionsContainer .country-stripe-box li.row > a .orDiv {
  color: #222222;
  margin-right: 5px;
}
/* line 1864, sass/umr.scss */
#regionsContainer .country-stripe-box li.row > a span {
  color: #008eb3;
}
/* line 1868, sass/umr.scss */
#regionsContainer .country-stripe-box li.row > a span:hover {
  font-weight: bold;
}
/* line 1874, sass/umr.scss */
#regionsContainer .country-stripe-box li.row span {
  margin-right: 5px;
}
/* line 1879, sass/umr.scss */
#regionsContainer .country-stripe-box li.row .country-list {
  -moz-column-count: 5;
  -webkit-column-count: 5;
  column-count: 5;
}
/* line 1884, sass/umr.scss */
#regionsContainer .country-stripe-box li.row .country-list li {
  line-height: 1.5rem;
  padding: 0.5rem 1rem;
}
/* line 1889, sass/umr.scss */
#regionsContainer .country-stripe-box li.row .country-list li.active, #regionsContainer .country-stripe-box li.row .country-list li:hover {
  background-color: #008eb3;
  color: #ffffff;
  cursor: pointer;
}
/* line 1895, sass/umr.scss */
#regionsContainer .country-stripe-box li.row .country-list li.active a span, #regionsContainer .country-stripe-box li.row .country-list li:hover a span {
  color: #ffffff;
}
/* line 1901, sass/umr.scss */
#regionsContainer .country-stripe-box li.row .country-list li a {
  margin: 0;
  font-size: 1.5rem;
  display: inline-block;
}
/* line 1906, sass/umr.scss */
#regionsContainer .country-stripe-box li.row .country-list li a span {
  color: #222222;
}

/* line 1958, sass/umr.scss */
#compareRegion .columnStripe-box .col-Left, #compareRegion .uniSearchContainer .col-Left,
#compareRegion .uniMultiSearchContainer .col-Left,
#region .columnStripe-box .col-Left,
#region .uniSearchContainer .col-Left,
#region .uniMultiSearchContainer .col-Left {
  width: 30%;
}
/* line 1962, sass/umr.scss */
#compareRegion .columnStripe-box .col-Right, #compareRegion .uniSearchContainer .col-Right,
#compareRegion .uniMultiSearchContainer .col-Right,
#region .columnStripe-box .col-Right,
#region .uniSearchContainer .col-Right,
#region .uniMultiSearchContainer .col-Right {
  margin-left: 32%;
}
/* line 1966, sass/umr.scss */
#compareRegion .columnStripe-box .innerlist li, #compareRegion .uniSearchContainer .innerlist li,
#compareRegion .uniMultiSearchContainer .innerlist li,
#region .columnStripe-box .innerlist li,
#region .uniSearchContainer .innerlist li,
#region .uniMultiSearchContainer .innerlist li {
  display: inline-block;
  padding: 0;
  vertical-align: top;
}
/* line 1973, sass/umr.scss */
#compareRegion .columnStripe-box a, #compareRegion .uniSearchContainer a,
#compareRegion .uniMultiSearchContainer a,
#region .columnStripe-box a,
#region .uniSearchContainer a,
#region .uniMultiSearchContainer a {
  display: block;
  padding: 1rem;
}

/*********************************************************************************************************************************************
  SECTION SPECIFIC STYLES   SECTION SPECIFIC STYLES   SECTION SPECIFIC STYLES   SECTION SPECIFIC STYLES  SECTION SPECIFIC STYLES
**********************************************************************************************************************************************/
/********************* Introduction ***********************/
/* line 1988, sass/umr.scss */
.introduction {
  min-height: 0;
  padding-bottom: 48px;
  padding-top: 48px;
}
/* line 1993, sass/umr.scss */
.introduction > img {
  width: 160px;
  margin-left: 0;
}
/* line 1998, sass/umr.scss */
.introduction > * {
  margin-left: 170px;
}
/* line 2002, sass/umr.scss */
.introduction > p {
  width: 60%;
  color: #222222;
}
/* line 2007, sass/umr.scss */
.introduction h1,
.introduction .section-step h5.step {
  background-color: inherit;
  color: #ffffff;
}
/* line 2013, sass/umr.scss */
.introduction.no-pic > * {
  margin-left: 0;
}

/*********************** Subject *****************************/
/* line 2021, sass/umr.scss */
.orDiv {
  display: inline-block;
  text-align: center;
  overflow: hidden;
  width: 8%;
}
/* line 2028, sass/umr.scss */
.orDiv > span {
  display: inline-block;
  padding: 1.5rem;
}

/* line 2035, sass/umr.scss */
.subjectlinks-container {
  display: inline-block;
  vertical-align: top;
  width: 45%;
  margin-bottom: 1rem;
}
/* line 2041, sass/umr.scss */
.subjectlinks-container .subjectlinks-background {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 1.5rem;
  overflow: hidden;
}

/* line 2048, sass/umr.scss */
.subjectlinks {
  display: inline-block;
  margin-bottom: 1rem;
  min-width: 0px;
}
/* line 2055, sass/umr.scss */
.subjectlinks:nth-of-type(1) {
  float: left;
}
/* line 2059, sass/umr.scss */
.subjectlinks:nth-of-type(2) {
  float: right;
}
/* line 2063, sass/umr.scss */
.subjectlinks > p {
  margin-top: 1rem;
  text-align: center;
}
/* line 2068, sass/umr.scss */
.subjectlinks > li {
  margin: 0.5rem 0 0 0;
}
/* line 2071, sass/umr.scss */
.subjectlinks > li > a {
  background-color: rgba(255, 255, 255, 0.5);
  display: block;
}
/* line 2076, sass/umr.scss */
.subjectlinks > li > p {
  text-align: center;
  padding: 4rem 2rem;
  background-color: rgba(255, 255, 255, 0.3);
}

/****************  PREFERENCES / MAPPING  *********************/
/* line 2086, sass/umr.scss */
.preferenceTable, .umap-PrefsContainer table {
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0.2rem 0.5rem;
  margin-bottom: 2rem;
}
/* line 2097, sass/umr.scss */
.preferenceTable tr td, .umap-PrefsContainer table tr td {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 1rem;
  padding: 0.8rem 1rem;
  font-size: 1.5rem;
  line-height: 1.9rem;
  text-align: center;
  vertical-align: middle;
}
/* line 2110, sass/umr.scss */
.preferenceTable tr td.label, .umap-PrefsContainer table tr td.label {
  background-color: rgba(255, 255, 255, 0.7);
  width: 40%;
  font-size: 1.5rem;
  line-height: 2.4rem;
  text-align: left;
  padding-left: 2rem;
  font-weight: bold;
}
/* line 2120, sass/umr.scss */
.preferenceTable tr td.label > p, .umap-PrefsContainer table tr td.label > p {
  font-size: inherit;
  display: inline;
}
/* line 2125, sass/umr.scss */
.preferenceTable tr td.label > .img-div, .umap-PrefsContainer table tr td.label > .img-div {
  background-image: url("../img/questionmark_sprite.png");
  background-repeat: no-repeat;
  background-position: 0px;
  background-size: 200% 100%;
  display: inline-block;
  width: 15px;
  height: 15px;
}
/* line 2134, sass/umr.scss */
.preferenceTable tr td.label > .img-div:hover, .umap-PrefsContainer table tr td.label > .img-div:hover {
  background-position: -16px 0px;
  cursor: pointer;
}
/* line 2142, sass/umr.scss */
.preferenceTable tr td.pref:hover, .umap-PrefsContainer table tr td.pref:hover {
  font-weight: bold;
  background-color: rgba(0, 142, 179, 0.7);
  color: #ffffff;
  cursor: pointer;
}
/* line 2150, sass/umr.scss */
.preferenceTable tr td.pref.active:hover, .umap-PrefsContainer table tr td.pref.active:hover {
  font-weight: bold;
  background-color: rgba(0, 142, 179, 0.4);
  color: #ffffff;
  cursor: pointer;
}
/* line 2157, sass/umr.scss */
.preferenceTable tr td.active, .umap-PrefsContainer table tr td.active,
.preferenceTable tr td.pref.active,
.umap-PrefsContainer table tr td.pref.active {
  background-color: #008eb3;
  color: #ffffff;
  font-weight: bold;
}
/* line 2165, sass/umr.scss */
.preferenceTable tr.explanation:first-child td, .umap-PrefsContainer table tr.explanation:first-child td,
.preferenceTable tr.explanation td,
.umap-PrefsContainer table tr.explanation td {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 1rem;
  padding: 0.8rem 1rem;
  font-size: 1.5rem;
  font-weight: normal;
  text-align: left;
}
/* line 2175, sass/umr.scss */
.preferenceTable tr.explanation, .umap-PrefsContainer table tr.explanation {
  display: none;
}
/* line 2179, sass/umr.scss */
.preferenceTable tr.spacer td, .umap-PrefsContainer table tr.spacer td {
  background-color: transparent;
}

/****************  Ranking *********************/
/* line 2265, sass/umr.scss */
.rankingSection {
  background-color: rgba(34, 34, 34, 0.75);
  height: 110%;
}
/* line 2271, sass/umr.scss */
.rankingSection > div {
  height: 100%;
}
/* line 2274, sass/umr.scss */
.rankingSection > div > div {
  height: 100%;
}

/* line 2281, sass/umr.scss */
#ranking_table {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
/* line 2287, sass/umr.scss */
#ranking_table > .scrollbarDiv {
  height: 76%;
  overflow: scroll;
}
/* line 2292, sass/umr.scss */
#ranking_table > .scrollbarDiv > #table-Container {
  height: 100%;
}

/* line 2300, sass/umr.scss */
#selectedOptions {
  margin: 0 2.5%;
}
/* line 2305, sass/umr.scss */
#selectedOptions .options-div {
  display: block;
}
/* line 2306, sass/umr.scss */
#selectedOptions .options-div.hide {
  display: none;
}
/* line 2313, sass/umr.scss */
#selectedOptions .showMore {
  float: right;
  font-weight: bold;
  padding-top: 10px;
  color: #ffffff;
}
/* line 2319, sass/umr.scss */
#selectedOptions .showMore:hover {
  cursor: pointer;
}
/* line 2324, sass/umr.scss */
#selectedOptions .label {
  color: #a7a7a7;
}

/******************** UNIVERSITY DETIAL *******************/
/* line 2334, sass/umr.scss */
.universitySection {
  background-color: rgba(34, 34, 34, 0.15);
}

/*** for the main data, adress and such ***/
/* line 2340, sass/umr.scss */
.uniData {
  margin-bottom: 2rem;
  overflow: hidden;
}
/* line 2346, sass/umr.scss */
.uniData > p {
  display: inline-block;
  margin-bottom: 2rem;
  width: 80%;
}
/* line 2357, sass/umr.scss */
.uniData > div {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}
/* line 2363, sass/umr.scss */
.uniData > div.overlay {
  display: none;
}
/* line 2367, sass/umr.scss */
.uniData > .uniAdress {
  min-width: 250px;
  width: 33.33333%;
}
/* line 2373, sass/umr.scss */
.uniData > .uniAdress li.remark {
  padding-top: 2.7rem;
}
/* line 2376, sass/umr.scss */
.uniData > .uniAdress li.share {
  margin-top: 1rem;
}
/* line 2378, sass/umr.scss */
.uniData > .uniAdress li.share > div {
  display: inline-block;
}
/* line 2384, sass/umr.scss */
.uniData > .uniMap {
  float: left;
  margin-top: 0.7rem;
  margin-right: 2rem;
  min-width: 250px;
  width: 30%;
  /*width: 33.33333%;*/
}
/* line 2393, sass/umr.scss */
.uniData > .uniMap #uni-map {
  /*width: 100%;*/
  width: auto;
  height: 250px;
}
/* line 2403, sass/umr.scss */
.uniData > .sunburst-div {
  float: right;
  text-align: right;
  margin-top: 0.7rem;
}
/* line 2413, sass/umr.scss */
.uniData > .sunburst-div .sunburst-small {
  width: 250px;
}

/* line 2423, sass/umr.scss */
.sunburst-div a:hover {
  text-decoration: none;
  font-weight: normal;
}

/* line 2428, sass/umr.scss */
.sunburst-popUp {
  left: 20%;
  top: 10%;
  width: 40%;
}
/* line 2439, sass/umr.scss */
.sunburst-popUp img {
  padding: 5%;
  width: 90%;
}
/* line 2444, sass/umr.scss */
.sunburst-popUp .inner {
  width: 100%;
  padding: 0;
}
/* line 2449, sass/umr.scss */
.sunburst-popUp .sunburstExplain {
  float: right;
  width: 100%;
  text-align: right;
  padding: 0 1rem 1rem 0;
  background-color: #ffffff;
}

/**** result list for all subjects of one university ***/
/* line 2462, sass/umr.scss */
.subjectResults {
  overflow: hidden;
  width: 100%;
}
/* line 2466, sass/umr.scss */
.subjectResults .heading {
  background-color: #008eb3;
  color: #ffffff;
  min-height: 2.3rem;
}
/* line 2472, sass/umr.scss */
.subjectResults .heading > h3, .subjectResults .heading > .orDiv {
  line-height: 3.2rem;
  padding: 0.7rem 2rem;
}
/* line 2479, sass/umr.scss */
.subjectResults .subjectResults-list {
  background-color: transparent;
  float: left;
  min-width: 200px;
  width: 30%;
}
/* line 2487, sass/umr.scss */
.subjectResults .subjectResults-list li {
  overflow: hidden;
  white-space: nowrap;
}
/* line 2493, sass/umr.scss */
.subjectResults .subjectResults-list a {
  height: 3rem;
  overflow: hidden;
}
/* line 2498, sass/umr.scss */
.subjectResults .subjectResults-list li > a {
  padding-right: 40px;
}
/* line 2502, sass/umr.scss */
.subjectResults .subjectResults-list .field > a {
  text-overflow: ellipsis;
}
/* line 2506, sass/umr.scss */
.subjectResults .subjectResults-list .departments,
.subjectResults .subjectResults-list .programs {
  min-width: 0;
  margin-bottom: 0;
}
/* line 2515, sass/umr.scss */
.subjectResults .subjectResults-list .departments > h3, .subjectResults .subjectResults-list .departments > .orDiv,
.subjectResults .subjectResults-list .programs > h3,
.subjectResults .subjectResults-list .programs > .orDiv {
  background-color: rgba(34, 34, 34, 0.7);
  color: #ffffff;
  padding: 0.8rem 2rem 0.8rem 2rem;
}
/* line 2521, sass/umr.scss */
.subjectResults .subjectResults-list .departments > li > a,
.subjectResults .subjectResults-list .programs > li > a {
  background-color: rgba(34, 34, 34, 0.7);
  line-height: 3.4rem;
  padding-right: 40px;
  padding-left: 3rem;
  text-overflow: ellipsis;
}
/* line 2530, sass/umr.scss */
.subjectResults .subjectResults-list .departments > li > a:hover,
.subjectResults .subjectResults-list .programs > li > a:hover {
  background-color: rgba(0, 142, 179, 0.7);
}
/* line 2535, sass/umr.scss */
.subjectResults .subjectResults-list .departments > li > a.active,
.subjectResults .subjectResults-list .programs > li > a.active {
  background-color: #008eb3;
}
/* line 2539, sass/umr.scss */
.subjectResults .subjectResults-list .departments > li:last-child,
.subjectResults .subjectResults-list .programs > li:last-child {
  margin-bottom: 0px;
}
/* line 2546, sass/umr.scss */
.subjectResults .subjectResults-list .programs > h3, .subjectResults .subjectResults-list .programs > .orDiv {
  background-color: rgba(34, 34, 34, 0.5);
}
/* line 2550, sass/umr.scss */
.subjectResults .subjectResults-list .programs > li > a {
  background-color: rgba(34, 34, 34, 0.5);
  padding-left: 4rem;
}
/* line 2554, sass/umr.scss */
.subjectResults .subjectResults-list .programs > li > a:hover {
  background-color: rgba(0, 142, 179, 0.5);
}
/* line 2568, sass/umr.scss */
.subjectResults .fieldData {
  display: inline-block;
  width: 69%;
  /*** UNI DATA TABLE ***/
}
/* line 2572, sass/umr.scss */
.subjectResults .fieldData .remark {
  padding: 0.8rem 2rem;
  background-color: #d3d3d3;
}
/* line 2578, sass/umr.scss */
.subjectResults .fieldData > a.generalResults {
  background-color: #ffffff;
  display: block;
  line-height: 3.2rem;
  padding: 0.8rem 1rem 0.8rem 2rem;
}
/* line 2586, sass/umr.scss */
.subjectResults .fieldData > a.generalResults.active {
  font-weight: normal;
}
/* line 2590, sass/umr.scss */
.subjectResults .fieldData > a.generalResults:hover {
  font-weight: bold;
}
/* line 2596, sass/umr.scss */
.subjectResults .fieldData table:last-child {
  margin-bottom: 8.5rem;
  /*$stripeMargin-b;*/
}
/* line 2600, sass/umr.scss */
.subjectResults .fieldData table {
  background-color: #ffffff;
  width: 100%;
}
/* line 2608, sass/umr.scss */
.subjectResults .fieldData table tr.explanation {
  display: none;
}
/* line 2613, sass/umr.scss */
.subjectResults .fieldData table th {
  color: #222222;
  font-weight: bold;
  text-align: left;
  width: 100%;
}
/* line 2621, sass/umr.scss */
.subjectResults .fieldData table td, .subjectResults .fieldData table th {
  padding: 0.8rem 2rem 0.8rem 2rem;
}
/* line 2625, sass/umr.scss */
.subjectResults .fieldData table td.label {
  width: 40%;
}
/* line 2628, sass/umr.scss */
.subjectResults .fieldData table td.label > p {
  display: inline;
}
/* line 2647, sass/umr.scss */
.subjectResults .fieldData table td.value {
  width: 10%;
}
/* line 2650, sass/umr.scss */
.subjectResults .fieldData table td.value > p {
  display: inline;
}
/* line 2654, sass/umr.scss */
.subjectResults .fieldData table td.value > .img-div {
  background-image: url("../img/remark_sprite.png");
  background-repeat: no-repeat;
  background-position: 0px;
  background-size: 200% 100%;
  display: inline-block;
  width: 15px;
  height: 15px;
}
/* line 2663, sass/umr.scss */
.subjectResults .fieldData table td.value > .img-div:hover {
  background-position: -16px 0px;
}
/* line 2669, sass/umr.scss */
.subjectResults .fieldData table td.value .dash-div {
  background-color: #a7a7a7;
  float: right;
  height: 3px;
  margin: 8px 2px;
  width: 12px;
}
/* line 2677, sass/umr.scss */
.subjectResults .fieldData table td.value .cross-div {
  background-image: url("../img/table/data_notapplicable.png");
  background-repeat: no-repeat;
  background-size: 13px auto;
  float: right;
  height: 13px;
  width: 13px;
}
/* line 2688, sass/umr.scss */
.subjectResults .fieldData table td.longText > div.less {
  overflow: hidden;
  height: 11.5rem;
}
/* line 2693, sass/umr.scss */
.subjectResults .fieldData table td.longText p {
  display: block;
}
/* line 2698, sass/umr.scss */
.subjectResults .fieldData table td.textRight {
  text-align: right;
}
/* line 2701, sass/umr.scss */
.subjectResults .fieldData table td.left,
.subjectResults .fieldData table td.empty {
  border-left: 1px solid rgba(34, 34, 34, 0.3);
}
/* line 2706, sass/umr.scss */
.subjectResults .fieldData table td.right.scatter,
.subjectResults .fieldData table td.left.scatter {
  width: 5%;
}
/* line 2711, sass/umr.scss */
.subjectResults .fieldData table td.textMiddle {
  vertical-align: middle;
}
/* line 2713, sass/umr.scss */
.subjectResults .fieldData table td.textMiddle p a {
  word-wrap: break-word;
  max-width: 500px;
  display: block;
}
/* line 2721, sass/umr.scss */
.subjectResults .fieldData table td {
  background-color: rgba(34, 34, 34, 0.2);
  border-bottom: 1px solid rgba(34, 34, 34, 0.3);
}
/* line 2725, sass/umr.scss */
.subjectResults .fieldData table td.scatter {
  background-color: rgba(34, 34, 34, 0.1);
  vertical-align: middle;
}
/* line 2731, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot {
  width: 50%;
  padding: 0.8rem 2rem 0.8rem 2rem;
}
/* line 2735, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot.withShare .scatterPlotWrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
}
/* line 2743, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot.withShare .scatterPlotWrapper .scatterPlotContent {
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
}
/* line 2748, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot.withShare .scatterPlotWrapper .scatterPlotShare {
  width: 4rem;
  margin-right: -2rem;
}
/* line 2751, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot.withShare .scatterPlotWrapper .scatterPlotShare .shareIconTrans {
  margin-top: -0.8rem;
}
/* line 2760, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot .scatterPlot-div {
  display: block;
  background-color: #ffffff;
  position: relative;
  height: 1.8rem;
  width: 100%;
}
/* line 2767, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot .scatterPlot-div .avgMarker {
  width: 2px;
  height: 2rem;
  background-color: rgba(34, 34, 34, 0.7);
  position: absolute;
  display: inline-block;
  top: 0px;
}
/* line 2776, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot .scatterPlot-div img {
  width: 100%;
  height: 20px;
}
/* line 2780, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot .scatterPlot-div img.reverse {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
/* line 2791, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot .label-div {
  display: block;
}
/* line 2794, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot .label-div > p {
  display: inline-block;
  float: left;
}
/* line 2800, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot .label-div p:nth-of-type(2) {
  float: right;
}
/* line 2806, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot .valuePoint,
.subjectResults .fieldData table td.scatterPlot .valuePoint.g1 {
  position: absolute;
  top: 1px;
  border-radius: 1rem;
  -moz-border-radius: 1rem;
  -webkit-border-radius: 1rem;
  height: 2rem;
  width: 2rem;
  display: inline-block;
}
/* line 2818, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot .valuePoint.g2 {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-width: 8px;
  border-style: solid;
  height: 0;
  top: 1px;
  width: 0;
}
/* line 2829, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot .valuePoint.g3 {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-width: 6px;
  border-style: solid;
  height: 0px;
  top: 3px;
  width: 0px;
}
/* line 2840, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot .valuePoint.g4 {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-width: 4px;
  border-style: solid;
  height: 0px;
  top: 5px;
  width: 0px;
}
/* line 2851, sass/umr.scss */
.subjectResults .fieldData table td.scatterPlot .valuePoint.g5 {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-width: 2px;
  border-style: solid;
  height: 0px;
  top: 7px;
  width: 0px;
}
/* line 2870, sass/umr.scss */
.subjectResults .fieldData table tbody.tal th,
.subjectResults .fieldData table tbody.tal .valuePoint {
  background-color: #00b04c;
}
/* line 2875, sass/umr.scss */
.subjectResults .fieldData table tbody.tal h4.indikator,
.subjectResults .fieldData table tbody.tal .valuePoint.g1,
.subjectResults .fieldData table tbody.tal .valuePoint.g2,
.subjectResults .fieldData table tbody.tal .valuePoint.g3,
.subjectResults .fieldData table tbody.tal .valuePoint.g4,
.subjectResults .fieldData table tbody.tal .valuePoint.g5 {
  color: #00b04c;
}
/* line 2885, sass/umr.scss */
.subjectResults .fieldData table tbody.research th,
.subjectResults .fieldData table tbody.research .valuePoint {
  background-color: #ff0099;
}
/* line 2890, sass/umr.scss */
.subjectResults .fieldData table tbody.research h4.indikator,
.subjectResults .fieldData table tbody.research .valuePoint.g1,
.subjectResults .fieldData table tbody.research .valuePoint.g2,
.subjectResults .fieldData table tbody.research .valuePoint.g3,
.subjectResults .fieldData table tbody.research .valuePoint.g4,
.subjectResults .fieldData table tbody.research .valuePoint.g5 {
  color: #ff0099;
}
/* line 2900, sass/umr.scss */
.subjectResults .fieldData table tbody.intern th,
.subjectResults .fieldData table tbody.intern .valuePoint {
  background-color: #ff9900;
}
/* line 2905, sass/umr.scss */
.subjectResults .fieldData table tbody.intern h4.indikator,
.subjectResults .fieldData table tbody.intern .valuePoint.g1,
.subjectResults .fieldData table tbody.intern .valuePoint.g2,
.subjectResults .fieldData table tbody.intern .valuePoint.g3,
.subjectResults .fieldData table tbody.intern .valuePoint.g4,
.subjectResults .fieldData table tbody.intern .valuePoint.g5 {
  color: #ff9900;
}
/* line 2915, sass/umr.scss */
.subjectResults .fieldData table tbody.regional th,
.subjectResults .fieldData table tbody.regional .valuePoint {
  background-color: #9159ff;
}
/* line 2920, sass/umr.scss */
.subjectResults .fieldData table tbody.regional h4.indikator,
.subjectResults .fieldData table tbody.regional .valuePoint.g1,
.subjectResults .fieldData table tbody.regional .valuePoint.g2,
.subjectResults .fieldData table tbody.regional .valuePoint.g3,
.subjectResults .fieldData table tbody.regional .valuePoint.g4,
.subjectResults .fieldData table tbody.regional .valuePoint.g5 {
  color: #9159ff;
}
/* line 2930, sass/umr.scss */
.subjectResults .fieldData table tbody.knowledge th,
.subjectResults .fieldData table tbody.knowledge .valuePoint {
  background-color: #00cece;
}
/* line 2935, sass/umr.scss */
.subjectResults .fieldData table tbody.knowledge h4.indikator,
.subjectResults .fieldData table tbody.knowledge .valuePoint.g1,
.subjectResults .fieldData table tbody.knowledge .valuePoint.g2,
.subjectResults .fieldData table tbody.knowledge .valuePoint.g3,
.subjectResults .fieldData table tbody.knowledge .valuePoint.g4,
.subjectResults .fieldData table tbody.knowledge .valuePoint.g5 {
  color: #00cece;
}
/* line 2945, sass/umr.scss */
.subjectResults .fieldData table tbody.general th,
.subjectResults .fieldData table tbody.general .valuePoint {
  background-color: #9d9d9d;
}
/* line 2950, sass/umr.scss */
.subjectResults .fieldData table tbody.general h4.indikator,
.subjectResults .fieldData table tbody.general .valuePoint.g1,
.subjectResults .fieldData table tbody.general .valuePoint.g2,
.subjectResults .fieldData table tbody.general .valuePoint.g3,
.subjectResults .fieldData table tbody.general .valuePoint.g4,
.subjectResults .fieldData table tbody.general .valuePoint.g5 {
  color: #9d9d9d;
}
/* line 2963, sass/umr.scss */
.subjectResults .fieldData .extUniLink:hover {
  font-weight: normal;
}
/* line 2968, sass/umr.scss */
.subjectResults .fieldData .legend {
  color: rgba(34, 34, 34, 0.7);
  font-size: 1.2rem;
  font-style: italic;
  text-align: right;
  vertical-align: middle;
}
/* line 2981, sass/umr.scss */
.subjectResults .fieldData .legend img {
  margin-left: 2rem;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 2990, sass/umr.scss */
.img-div {
  position: relative;
  background-image: url("../img/questionmark_sprite.png");
  background-repeat: no-repeat;
  background-position: 0px;
  background-size: 200% 100%;
  display: inline-block;
  width: 15px;
  height: 15px;
}
/* line 3001, sass/umr.scss */
.img-div[data-tooltip]::before {
  background-color: #646464;
  color: #ffffff;
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  text-align: left;
  content: attr(data-tooltip);
  white-space: pre-wrap;
  display: none;
  height: auto;
  top: -5px;
  left: 25px;
  padding: 8px 8px 10px 10px;
  position: absolute;
  min-width: 200px;
  z-index: 500;
}
/* line 3020, sass/umr.scss */
.img-div[data-tooltip]:hover::before {
  display: block;
}
/* line 3026, sass/umr.scss */
.img-div[data-tooltip]::before {
  background-color: #646464;
  color: #ffffff;
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  text-align: left;
  content: attr(data-tooltip);
  display: none;
  height: auto;
  top: -5px;
  left: 25px;
  padding: 8px 8px 10px 10px;
  position: absolute;
  min-width: 200px;
  z-index: 500;
}
/* line 3044, sass/umr.scss */
.img-div[data-tooltip]:hover::before {
  display: block;
}
/* line 3050, sass/umr.scss */
.img-div[data-tooltip][data-tooltip-newline]::before {
  content: attr(data-tooltip) "\a" attr(data-tooltip-newline);
  white-space: pre-wrap;
}
/* line 3056, sass/umr.scss */
.img-div:hover {
  background-position: -16px 0px;
  cursor: pointer;
}

/******************************* Uni Select ************************************/
/* line 3065, sass/umr.scss */
.selectUni-section h3, .selectUni-section .orDiv {
  margin-bottom: 1rem;
}

/* line 3074, sass/umr.scss */
.uniSearchContainer ul.city-list > li > a:hover, .uniSearchContainer ul.city-list > li > a.open {
  background-color: transparent;
  color: #008eb3;
}
/* line 3080, sass/umr.scss */
.uniSearchContainer ul.city-list > li .uniList {
  font-size: inherit;
  line-height: 2.2rem;
  margin: 0 2rem 0 2.5rem;
  width: auto;
}
/* line 3085, sass/umr.scss */
.uniSearchContainer ul.city-list > li .uniList > li {
  background-color: transparent;
  border-bottom: 1px solid #fff;
  margin: 0;
}
/* line 3089, sass/umr.scss */
.uniSearchContainer ul.city-list > li .uniList > li:nth-of-type(1) {
  border-top: 1px solid #fff;
}
/* line 3092, sass/umr.scss */
.uniSearchContainer ul.city-list > li .uniList > li > a {
  padding: 0.5rem 1rem;
}
/* line 3094, sass/umr.scss */
.uniSearchContainer ul.city-list > li .uniList > li > a:hover {
  color: #fff;
}

/* line 3110, sass/umr.scss */
.uniSearchContainer > li,
.uniMultiSearchContainer > li {
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 0;
}
/* line 3114, sass/umr.scss */
.uniSearchContainer > li:nth-of-type(2),
.uniMultiSearchContainer > li:nth-of-type(2) {
  background-color: rgba(255, 255, 255, 0.3);
}
/* line 3118, sass/umr.scss */
.uniSearchContainer > li h3, .uniSearchContainer > li .orDiv,
.uniMultiSearchContainer > li h3,
.uniMultiSearchContainer > li .orDiv {
  display: inline-block;
  color: #000;
}
/* line 3123, sass/umr.scss */
.uniSearchContainer > li form,
.uniMultiSearchContainer > li form {
  display: inline-block;
  margin-left: 2rem;
}
/* line 3129, sass/umr.scss */
.uniSearchContainer > li .letter-list,
.uniMultiSearchContainer > li .letter-list {
  background-color: #222222;
}
/* line 3133, sass/umr.scss */
.uniSearchContainer > li .letter-list > li,
.uniMultiSearchContainer > li .letter-list > li {
  display: inline-block;
}
/* line 3137, sass/umr.scss */
.uniSearchContainer > li .letter-list > li .tab,
.uniMultiSearchContainer > li .letter-list > li .tab {
  color: #ffffff;
  padding: 0 1rem;
}
/* line 3141, sass/umr.scss */
.uniSearchContainer > li .letter-list > li .tab:hover,
.uniMultiSearchContainer > li .letter-list > li .tab:hover {
  font-weight: normal;
}
/* line 3146, sass/umr.scss */
.uniSearchContainer > li .letter-list > li:hover,
.uniMultiSearchContainer > li .letter-list > li:hover {
  cursor: pointer;
}
/* line 3150, sass/umr.scss */
.uniSearchContainer > li .letter-list > li:hover, .uniSearchContainer > li .letter-list > li.active,
.uniMultiSearchContainer > li .letter-list > li:hover,
.uniMultiSearchContainer > li .letter-list > li.active {
  background-color: #008eb3;
}
/* line 3156, sass/umr.scss */
.uniSearchContainer > li input, .uniSearchContainer > li .letter-list,
.uniMultiSearchContainer > li input,
.uniMultiSearchContainer > li .letter-list {
  margin-bottom: 0.8rem;
}
/* line 3160, sass/umr.scss */
.uniSearchContainer > li > .city-list,
.uniMultiSearchContainer > li > .city-list {
  width: 20%;
  float: left;
}
/* line 3166, sass/umr.scss */
.uniSearchContainer > li > .city-list > li,
.uniMultiSearchContainer > li > .city-list > li {
  display: block;
  line-height: 1.5rem;
  margin-bottom: 0;
}
/* line 3173, sass/umr.scss */
.uniSearchContainer > li > .city-list > li a,
.uniMultiSearchContainer > li > .city-list > li a {
  color: #222222;
  display: block;
  word-wrap: break-word;
}
/* line 3178, sass/umr.scss */
.uniSearchContainer > li > .city-list > li a:hover, .uniSearchContainer > li > .city-list > li a.active,
.uniMultiSearchContainer > li > .city-list > li a:hover,
.uniMultiSearchContainer > li > .city-list > li a.active {
  font-weight: normal;
}

/* line 3192, sass/umr.scss */
.favsListSelection > li,
.uniListSelection > li,
.uniList > li {
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 3194, sass/umr.scss */
.favsListSelection > li a > *,
.uniListSelection > li a > *,
.uniList > li a > * {
  color: inherit;
}
/* line 3197, sass/umr.scss */
.favsListSelection > li .country,
.uniListSelection > li .country,
.uniList > li .country {
  margin-left: 1rem;
  font-size: 70%;
  font-style: italic;
}
/* line 3203, sass/umr.scss */
.favsListSelection > li.noHover,
.uniListSelection > li.noHover,
.uniList > li.noHover {
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 3206, sass/umr.scss */
.favsListSelection > li.noHover span,
.uniListSelection > li.noHover span,
.uniList > li.noHover span {
  padding: 0.8rem 2rem 0.8rem 2rem;
  display: block;
}

/******************************* Uni Select Multi ************************************/
/* line 3214, sass/umr.scss */
.uniMultiSearchContainer {
  margin-bottom: 0.6rem;
}
/* line 3216, sass/umr.scss */
.uniMultiSearchContainer > li {
  padding: 0;
  background-color: transparent;
  display: flex;
  flex-direction: row;
}
/* line 3221, sass/umr.scss */
.uniMultiSearchContainer > li:nth-of-type(2) {
  display: none;
}
/* line 3224, sass/umr.scss */
.uniMultiSearchContainer > li > div {
  padding: 0.8rem 0 0 2rem;
  -webkit-flex: 1;
  flex: 1;
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 3229, sass/umr.scss */
.uniMultiSearchContainer > li > div:nth-of-type(1) {
  margin-right: 0.3rem;
}
/* line 3232, sass/umr.scss */
.uniMultiSearchContainer > li > div.selectUniFav {
  margin-left: 0.3rem;
  cursor: pointer;
}
/* line 3235, sass/umr.scss */
.uniMultiSearchContainer > li > div.selectUniFav.disabled {
  background-color: rgba(34, 34, 34, 0.4);
  cursor: default;
}
/* line 3238, sass/umr.scss */
.uniMultiSearchContainer > li > div.selectUniFav.disabled:hover {
  background-color: rgba(34, 34, 34, 0.4);
  color: inherit;
}
/* line 3242, sass/umr.scss */
.uniMultiSearchContainer > li > div.selectUniFav.disabled .likeIcon {
  opacity: 0.4;
  cursor: auto;
}
/* line 3247, sass/umr.scss */
.uniMultiSearchContainer > li > div.selectUniFav:hover {
  background-color: #008eb3;
  color: #fff;
}
/* line 3251, sass/umr.scss */
.uniMultiSearchContainer > li > div.selectUniFav .likeIcon {
  display: block;
  float: left;
  margin-top: -0.5rem;
}
/* line 3256, sass/umr.scss */
.uniMultiSearchContainer > li > div.selectUniFav h3, .uniMultiSearchContainer > li > div.selectUniFav .orDiv {
  display: block;
  float: left;
  margin-bottom: 0;
}
/* line 3263, sass/umr.scss */
.uniMultiSearchContainer > li > div h3, .uniMultiSearchContainer > li > div .orDiv {
  margin-top: 0;
}
/* line 3267, sass/umr.scss */
.uniMultiSearchContainer > li form {
  margin-left: 0;
}
/* line 3270, sass/umr.scss */
.uniMultiSearchContainer > li h3, .uniMultiSearchContainer > li .orDiv {
  margin-right: 0.5rem;
}

/*********************************************************************************************************************************************
  TRACK SPECIFIC STYLES    TRACK SPECIFIC STYLES   TRACK SPECIFIC STYLES   TRACK SPECIFIC STYLES   TRACK SPECIFIC STYLES
**********************************************************************************************************************************************/
/********************************************************** HOME BRANCH *******************************************************************/
/* line 3284, sass/umr.scss */
#track-home {
  color: #ffffff;
  margin-top: 0;
}

/* line 3289, sass/umr.scss */
#track-home section {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 0;
}

/********
 First view with main statemente and entrances
**********/
/* line 3300, sass/umr.scss */
.entranceView {
  height: 80%;
  overflow: hidden;
}

/* line 3304, sass/umr.scss */
.mainStatement {
  background: url("../img/circles_01.png"), url("../img/circles_02.png");
  background-repeat: no-repeat;
  background-color: #008eb3;
  background-position: 40% 70%, 60% 90%;
  height: 100%;
  font-family: 'Corda';
  position: relative;
  overflow: hidden;
  /*padding: 10% 7% 4%;*/
}
/* line 3315, sass/umr.scss */
.mainStatement h1, .mainStatement em {
  font-size: 3.6rem;
  line-height: 7rem;
}
/* line 3320, sass/umr.scss */
.mainStatement h1:nth-of-type(1) {
  padding-bottom: 1.5rem;
}

/* line 3324, sass/umr.scss */
.mainStatement > div {
  /*font-family: novo,verdana;*/
  font-size: 2.55rem;
  font-weight: 400;
  line-height: 200%;
  position: relative;
  text-align: center;
}
/* line 3331, sass/umr.scss */
.mainStatement > div h1 {
  font-weight: 400;
}

/* line 3336, sass/umr.scss */
#mainStatementText {
  font-size: 3rem;
  height: 100%;
  overflow: hidden;
}
/* line 3342, sass/umr.scss */
#mainStatementText > table {
  height: 100%;
  width: 100%;
}
/* line 3346, sass/umr.scss */
#mainStatementText > table .emptyRow td {
  height: 5rem;
}
/* line 3350, sass/umr.scss */
#mainStatementText > table td.mainContent {
  height: auto;
  padding-top: 9rem;
}
/* line 3354, sass/umr.scss */
#mainStatementText > table td.mainContent > h1, #mainStatementText > table td.mainContent em {
  font-size: 4rem;
  line-height: 8rem;
}
/* line 3358, sass/umr.scss */
#mainStatementText > table td.mainContent > h1 {
  display: inline;
}
/* line 3362, sass/umr.scss */
#mainStatementText > table td.mainImage {
  height: 100%;
}
/* line 3373, sass/umr.scss */
#mainStatementText.panel1 td.mainImagePanel7, #mainStatementText.panel2 td.mainImagePanel7, #mainStatementText.panel3 td.mainImagePanel7, #mainStatementText.panel4 td.mainImagePanel7, #mainStatementText.panel5 td.mainImagePanel7, #mainStatementText.panel6 td.mainImagePanel7 {
  display: none;
}
/* line 3379, sass/umr.scss */
#mainStatementText.panel1 td.mainContent {
  vertical-align: middle;
}
/* line 3385, sass/umr.scss */
#mainStatementText.panel2 td.mainImage {
  background: url("../img/home/02_startpanel.png") no-repeat center 0% transparent;
}
/* line 3391, sass/umr.scss */
#mainStatementText.panel3 td.mainImage {
  background: url("../img/home/03_startpanel.png") no-repeat center 0% transparent;
}
/* line 3396, sass/umr.scss */
#mainStatementText.panel5 td.mainImage {
  background: url("../img/home/05_startpanel.png") no-repeat center 0% transparent;
}
/* line 3401, sass/umr.scss */
#mainStatementText.panel6 td.mainContent {
  line-height: 0;
}
/* line 3403, sass/umr.scss */
#mainStatementText.panel6 td.mainContent h1 {
  line-height: 3rem;
}
/* line 3408, sass/umr.scss */
#mainStatementText.panel6 td.mainImage {
  background: url("../img/home/06_startpanel.png") no-repeat center 0% transparent;
}
/* line 3415, sass/umr.scss */
#mainStatementText.panel7 td.mainImage {
  display: none;
}
/* line 3419, sass/umr.scss */
#mainStatementText.panel7 td.mainImagePanel7 > div {
  margin: 0 auto;
  padding-top: 1px;
  width: 43.5rem;
}
/* line 3423, sass/umr.scss */
#mainStatementText.panel7 td.mainImagePanel7 > div .androidBtn,
#mainStatementText.panel7 td.mainImagePanel7 > div .iosBtn {
  width: 16rem;
  height: auto;
  float: left;
}
/* line 3428, sass/umr.scss */
#mainStatementText.panel7 td.mainImagePanel7 > div .androidBtn img,
#mainStatementText.panel7 td.mainImagePanel7 > div .iosBtn img {
  width: 100%;
  height: auto;
  display: block;
}
/* line 3433, sass/umr.scss */
#mainStatementText.panel7 td.mainImagePanel7 > div .androidBtn span,
#mainStatementText.panel7 td.mainImagePanel7 > div .iosBtn span {
  font-size: 2.4rem;
  line-height: 2.6rem;
  vertical-align: top;
}
/* line 3438, sass/umr.scss */
#mainStatementText.panel7 td.mainImagePanel7 > div .androidBtn:first-child,
#mainStatementText.panel7 td.mainImagePanel7 > div .iosBtn:first-child {
  margin-right: 11.5rem;
}
/* line 3446, sass/umr.scss */
#mainStatementText.panel4 {
  /*background: url("../img/home/04_startpanel.png") no-repeat 70% 0% transparent;*/
  background: url("../img/home/PerformanceProfil_m.png"), url("../img/home/PerformanceProfil_s.png"), url("../img/home/PerformanceProfil_l.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: -7% 60%, 65% -17%, 75% 160%;
  /*background-size:18% auto, 14% auto, 24% auto;	*/
}

/******
 pager for main statements
 ****/
/* line 3462, sass/umr.scss */
#mainStatementPager {
  bottom: 0;
  position: absolute;
  width: 100%;
}

/* line 3467, sass/umr.scss */
#mainStatementPager > ul {
  overflow: hidden;
  width: 240px;
  height: 10%;
  bottom: 0;
  margin: 0 auto;
  padding: 2rem 0 4rem 0;
}
/* line 3475, sass/umr.scss */
#mainStatementPager > ul > li {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  float: left;
  margin-left: 20px;
}
/* line 3483, sass/umr.scss */
#mainStatementPager > ul > li:hover {
  cursor: pointer;
}
/* line 3488, sass/umr.scss */
#mainStatementPager > ul li.selected {
  background-color: #222222;
}

/******
 entrances to other tracks
 ***/
/* line 3500, sass/umr.scss */
ul.entranceList {
  display: -webkit-inline-flex;
  min-width: 650px;
  width: 100%;
}
/* line 3505, sass/umr.scss */
ul.entranceList h2 {
  color: #ffffff;
  text-align: center;
}
/* line 3511, sass/umr.scss */
ul.entranceList > li {
  display: inline-block;
  height: 101%;
  min-width: 17rem;
  width: 33.333334%;
}
/* line 3517, sass/umr.scss */
ul.entranceList > li:hover {
  cursor: pointer;
}
/* line 3522, sass/umr.scss */
ul.entranceList .link-container {
  overflow: hidden;
  /*necessary because h2 has margin wich adds to the 10%*/
}
/* line 3524, sass/umr.scss */
ul.entranceList .link-container h2 {
  padding: 3rem 0;
}
/* line 3529, sass/umr.scss */
ul.entranceList .img-container {
  display: block;
  min-height: 12.4rem;
  padding: 2rem;
  text-align: center;
}
/* line 3540, sass/umr.scss */
ul.entranceList .img-container > .img-div {
  background-size: 200% 100%;
  background-repeat: no-repeat;
  height: 109px;
  margin: 0 auto;
  width: 200px;
}
/* line 3548, sass/umr.scss */
ul.entranceList .img-container > h3, ul.entranceList .img-container > .orDiv {
  margin-top: 1rem;
}
/* line 3554, sass/umr.scss */
ul.entranceList > li:nth-child(1) {
  float: left;
}
/* line 3557, sass/umr.scss */
ul.entranceList > li:nth-child(1) .link-container {
  background-color: #00b04c;
}
/* line 3561, sass/umr.scss */
ul.entranceList > li:nth-child(1) .img-container {
  background-color: rgba(0, 176, 76, 0.8);
}
/* line 3564, sass/umr.scss */
ul.entranceList > li:nth-child(1) .img-container .img-div {
  background-image: url("../img/icon_studentSprite.png");
  background-position: 0 0;
}
/* line 3571, sass/umr.scss */
ul.entranceList > li:nth-child(1):hover .img-container {
  background-color: #00b04c;
}
/* line 3574, sass/umr.scss */
ul.entranceList > li:nth-child(1):hover .img-container .img-div {
  background-image: url("../img/icon_studentSprite.png");
  background-position: 100% 0;
}
/* line 3582, sass/umr.scss */
ul.entranceList > li:nth-child(2) {
  float: left;
}
/* line 3584, sass/umr.scss */
ul.entranceList > li:nth-child(2) .link-container {
  background-color: #ff9900;
}
/* line 3588, sass/umr.scss */
ul.entranceList > li:nth-child(2) .img-container {
  background-color: rgba(255, 153, 0, 0.8);
}
/* line 3591, sass/umr.scss */
ul.entranceList > li:nth-child(2) .img-container .img-div {
  background-image: url("../img/icon_compareSprite.png");
  background-position: 0 0;
}
/* line 3599, sass/umr.scss */
ul.entranceList > li:nth-child(2):hover .img-container {
  background-color: #ff9900;
}
/* line 3602, sass/umr.scss */
ul.entranceList > li:nth-child(2):hover .img-container .img-div {
  background-image: url("../img/icon_compareSprite.png");
  background-position: 100% 0;
}
/* line 3611, sass/umr.scss */
ul.entranceList > li:nth-child(3) {
  float: right;
}
/* line 3614, sass/umr.scss */
ul.entranceList > li:nth-child(3) .link-container {
  background-color: #00cece;
}
/* line 3618, sass/umr.scss */
ul.entranceList > li:nth-child(3) .img-container {
  background-color: rgba(0, 206, 206, 0.8);
}
/* line 3621, sass/umr.scss */
ul.entranceList > li:nth-child(3) .img-container .img-div {
  background-image: url("../img/icon_exploreSprite.png");
  background-position: 0 0;
}
/* line 3629, sass/umr.scss */
ul.entranceList > li:nth-child(3):hover .img-container {
  background-color: #00cece;
}
/* line 3632, sass/umr.scss */
ul.entranceList > li:nth-child(3):hover .img-container .img-div {
  background-image: url("../img/icon_exploreSprite.png");
  background-position: 100% 0;
}

/**** Entrance Lines ***/
/* line 3643, sass/umr.scss */
.entranceLine, .entranceLineReadymade, .entranceRow, .entranceRow-twoCol {
  background-color: #008eb3;
  padding: 3rem 30px;
  width: calc(100% - 2 * $outerPadding);
}
/* line 3648, sass/umr.scss */
.entranceLine > p, .entranceLineReadymade > p, .entranceRow > p, .entranceRow-twoCol > p {
  max-width: 70%;
  min-width: 30rem;
}
/* line 3655, sass/umr.scss */
.entranceLine:nth-child(2n+2), .entranceLineReadymade:nth-child(2n+2), .entranceRow:nth-child(2n+2), .entranceRow-twoCol:nth-child(2n+2) {
  background-color: rgba(0, 142, 179, 0.9);
}
/* line 3659, sass/umr.scss */
.entranceLine a, .entranceLineReadymade a, .entranceRow a, .entranceRow-twoCol a {
  color: #ffffff;
  font-weight: bold;
}
/* line 3662, sass/umr.scss */
.entranceLine a.underline, .entranceLineReadymade a.underline, .entranceRow a.underline, .entranceRow-twoCol a.underline {
  text-decoration: underline;
  font-weight: normal;
}
/* line 3666, sass/umr.scss */
.entranceLine a:hover, .entranceLineReadymade a:hover, .entranceRow a:hover, .entranceRow-twoCol a:hover {
  font-weight: bold;
}
/* line 3675, sass/umr.scss */
.entranceLine h2, .entranceLineReadymade h2, .entranceRow h2, .entranceRow-twoCol h2 {
  padding-bottom: 1rem;
}

/* line 3682, sass/umr.scss */
.entranceLineReadymade {
  background-color: #9159ff;
}
/* line 3687, sass/umr.scss */
.entranceLineReadymade:nth-child(2n+2) {
  background-color: #9159ff;
}

/************
 Entrance Row
 ************/
/* line 3699, sass/umr.scss */
.entranceRow > li {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin-bottom: 1rem;
}
/* line 3706, sass/umr.scss */
.entranceRow > li:nth-of-type(3n+2) {
  padding-right: 4.5%;
  padding-left: 4.5%;
}
/* line 3711, sass/umr.scss */
.entranceRow > li:nth-of-type(4),
.entranceRow > li:nth-of-type(5),
.entranceRow > li:nth-of-type(6) {
  margin-top: 2rem;
}

/* line 3731, sass/umr.scss */
.entranceRow-twoCol > div {
  width: 46%;
  display: inline-block;
}
/* line 3736, sass/umr.scss */
.entranceRow-twoCol > div:nth-of-type(1) {
  padding-right: 7%;
}

/****
 Facts
****/
/* line 3747, sass/umr.scss */
.fact {
  background-color: #222222;
  padding: 3rem 10%;
}
/* line 3750, sass/umr.scss */
.fact > * {
  display: inline;
}
/* line 3754, sass/umr.scss */
.fact p {
  display: inline;
  font-size: inherit;
}

/* line 3759, sass/umr.scss */
.fact:nth-child(2n+2) {
  background-color: rgba(34, 34, 34, 0.9);
}

/* line 3763, sass/umr.scss */
.fact:nth-child(3n+1) > h3, .fact:nth-child(3n+1) > .orDiv {
  color: #00b04c;
}

/* line 3766, sass/umr.scss */
.fact:nth-child(3n+2) > h3, .fact:nth-child(3n+2) > .orDiv {
  color: #ff0099;
}

/* line 3769, sass/umr.scss */
.fact:nth-child(3n+3) > h3, .fact:nth-child(3n+3) > .orDiv {
  color: #ff9900;
}

/*********************************************************** STUDENT BRANCH ************************************************************/
/*instead of individual one-coll, give every section the standard padding*/
/* line 3778, sass/umr.scss */
#track-students > section:not(#footer) {
  padding-left: 30px;
  padding-right: 30px;
  width: calc(100% - 2*$outerPadding);
}

/****************
  Introduction
 ***************/
/* line 3789, sass/umr.scss */
#track-students > .introduction {
  background-color: #00b04c;
}

/*******
 Subject
 ********/
/* line 3796, sass/umr.scss */
#track-students > #subject {
  background-color: rgba(0, 176, 76, 0.8);
}

/***********
 Preferences
***********/
/* line 3803, sass/umr.scss */
#track-students > #prefs {
  background-color: rgba(0, 176, 76, 0.6);
}

/* line 3810, sass/umr.scss */
.faderContainer {
  position: relative;
  text-align: center;
  width: 100%;
}

/* line 3816, sass/umr.scss */
#atLeastOneFader,
#atMostTwoFader {
  background: #ffffff;
  display: none;
  padding: 1em;
  position: absolute;
  top: -10rem;
  width: 100%;
}

/* line 3826, sass/umr.scss */
#prefs h3, #prefs .orDiv {
  margin-bottom: 1rem;
  padding: 0 1rem;
}

/* line 3832, sass/umr.scss */
.institiutionalAreas > h3, .institiutionalAreas > .orDiv, .institiutionalAreas p {
  display: inline;
}

/* line 3836, sass/umr.scss */
.preferenceTable.levelOfStudy, .umap-PrefsContainer table.levelOfStudy {
  border-spacing: 0.2rem;
}

/* line 3841, sass/umr.scss */
#prefsContainer.columnStripe-box li, #prefsContainer.uniSearchContainer li,
#prefsContainer.uniMultiSearchContainer li {
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 3844, sass/umr.scss */
#prefsContainer.columnStripe-box li:first-child, #prefsContainer.uniSearchContainer li:first-child,
#prefsContainer.uniMultiSearchContainer li:first-child {
  margin-bottom: 5rem;
}
/* line 3849, sass/umr.scss */
#prefsContainer.columnStripe-box .prefsTable.twoEntries td, #prefsContainer.uniSearchContainer .prefsTable.twoEntries td,
#prefsContainer.uniMultiSearchContainer .prefsTable.twoEntries td {
  width: 30%;
}
/* line 3853, sass/umr.scss */
#prefsContainer.columnStripe-box .prefsTable td:first-child, #prefsContainer.uniSearchContainer .prefsTable td:first-child,
#prefsContainer.uniMultiSearchContainer .prefsTable td:first-child,
#prefsContainer.columnStripe-box .prefsTable.twoEntries td:first-child,
#prefsContainer.uniSearchContainer .prefsTable.twoEntries td:first-child,
#prefsContainer.uniMultiSearchContainer .prefsTable.twoEntries td:first-child {
  width: 40%;
}
/* line 3858, sass/umr.scss */
#prefsContainer.columnStripe-box .prefsTable.fourEntries td, #prefsContainer.uniSearchContainer .prefsTable.fourEntries td,
#prefsContainer.uniMultiSearchContainer .prefsTable.fourEntries td {
  width: 15%;
}

/*******
  Region
 *********/
/* line 3867, sass/umr.scss */
#track-students > #region {
  background-color: rgba(0, 176, 76, 0.4);
}

/***********
  Ranking
************/
/* line 3876, sass/umr.scss */
#track-students > section#ranking {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/************
 University
************/
/* line 3888, sass/umr.scss */
#universityDetail {
  background-color: rgba(34, 34, 34, 0.1);
}

/*********************************************************** COMPARE BRANCH ************************************************************/
/* line 3895, sass/umr.scss */
#track-compare > section:not(#footer) {
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
}

/****************
  Introduction
 ***************/
/* line 3904, sass/umr.scss */
#track-compare > .introduction {
  background-color: #ff9900;
}

/***********
 Compare - What kind
***********/
/* line 3912, sass/umr.scss */
#track-compare > #compareSwitch {
  background-color: rgba(255, 153, 0, 0.8);
}
/* line 3915, sass/umr.scss */
#track-compare > #compareSwitch .subjectlinks-container {
  width: 30%;
}
/* line 3919, sass/umr.scss */
#track-compare > #compareSwitch .orDiv {
  width: 4%;
}

/* line 3926, sass/umr.scss */
#compareSwitch .subjectlinks-container:nth-of-type(2) {
  float: right;
}

/***********
 Compare - Subject
***********/
/* line 3939, sass/umr.scss */
#track-compare > #compareSubject {
  background-color: rgba(255, 153, 0, 0.7);
}

/***********
 Compare - Select University
***********/
/* line 3946, sass/umr.scss */
#track-compare > #compareSelectUni {
  background-color: rgba(255, 153, 0, 0.7);
}

/* line 3952, sass/umr.scss */
#compareSelectUni .selectiontUni ul.uniListSelection > li {
  clear: both;
  background-color: transparent;
  display: flex;
  flex-direction: row;
}
/* line 3957, sass/umr.scss */
#compareSelectUni .selectiontUni ul.uniListSelection > li .uniMain {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0.8rem 1rem 0 2rem;
  -webkit-flex: 1;
  flex: 1;
}
/* line 3963, sass/umr.scss */
#compareSelectUni .selectiontUni ul.uniListSelection > li .uniMain .uni {
  float: left;
}
/* line 3967, sass/umr.scss */
#compareSelectUni .selectiontUni ul.uniListSelection > li .likeIcon,
#compareSelectUni .selectiontUni ul.uniListSelection > li .deleteIcon {
  float: right;
  margin-top: -0.5rem;
}
/* line 3973, sass/umr.scss */
#compareSelectUni .selectiontUni ul.uniListSelection > li .deleteIcon {
  float: right;
  margin-top: -0.5rem;
}

/***********
  Compare - Preferences
***********/
/* line 3985, sass/umr.scss */
#track-compare > #comparePrefs {
  background-color: rgba(255, 153, 0, 0.6);
}

/* line 3989, sass/umr.scss */
.umap-PrefsContainer table {
  border-spacing: 0.1rem 0.1rem;
}
/* line 3994, sass/umr.scss */
.umap-PrefsContainer table.hide {
  display: none;
}
/* line 4000, sass/umr.scss */
.umap-PrefsContainer table td.checkbox-cell {
  background-color: rgba(255, 255, 255, 0.7);
}
/* line 4002, sass/umr.scss */
.umap-PrefsContainer table td.checkbox-cell > span {
  background-image: url("../img/check_sprite.png");
  background-repeat: no-repeat;
  background-position: 0px center;
  display: block;
  height: 20px;
  width: 20px;
}
/* line 4011, sass/umr.scss */
.umap-PrefsContainer table td.checkbox-cell > p {
  font-weight: normal;
}
/* line 4016, sass/umr.scss */
.umap-PrefsContainer table td.checkbox-cell > input:hover {
  cursor: pointer;
}
/* line 4021, sass/umr.scss */
.umap-PrefsContainer table td.checkbox-cell:hover {
  background-color: #008eb3;
  cursor: pointer;
}
/* line 4024, sass/umr.scss */
.umap-PrefsContainer table td.checkbox-cell:hover > span {
  background-image: url("../img/check_sprite.png");
  background-repeat: no-repeat;
  background-position: -30px center;
  display: block;
  height: 20px;
  width: 20px;
}
/* line 4035, sass/umr.scss */
.umap-PrefsContainer table td.checkbox-cell.active {
  background-color: #008eb3;
}
/* line 4038, sass/umr.scss */
.umap-PrefsContainer table td.checkbox-cell.active > span {
  background-image: url("../img/check_sprite.png");
  background-repeat: no-repeat;
  background-position: -30px center;
  display: block;
  height: 20px;
  width: 20px;
}

/* line 4054, sass/umr.scss */
.umap-PrefsContainer .compareUni table tr.deselectedRow td {
  opacity: 0.5;
}
/* line 4056, sass/umr.scss */
.umap-PrefsContainer .compareUni table tr.deselectedRow td.checkbox-cell {
  opacity: 1;
}
/* line 4062, sass/umr.scss */
.umap-PrefsContainer .compareUni table tr td.pref:hover,
.umap-PrefsContainer .compareUni table tr td.pref.active,
.umap-PrefsContainer .compareUni table tr td.pref.active:hover {
  cursor: auto;
  font-weight: normal;
}
/* line 4068, sass/umr.scss */
.umap-PrefsContainer .compareUni table tr td.pref:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: #222222;
}
/* line 4072, sass/umr.scss */
.umap-PrefsContainer .compareUni table tr td.pref.active,
.umap-PrefsContainer .compareUni table tr td.pref.active:hover {
  background-color: #008eb3;
  color: #ffffff;
}

/* line 4079, sass/umr.scss */
.noCompareUni table .checkbox-cell {
  display: none;
}

/* line 4089, sass/umr.scss */
.umap-PrefsContainer .dimension > div.noActiv > a {
  cursor: text;
  background-color: rgba(255, 255, 255, 0.7);
  color: #222222;
  opacity: 0.5;
  background-image: none;
}
/* line 4098, sass/umr.scss */
.umap-PrefsContainer .dimension > div > a {
  background-color: #9d9d9d;
  color: #222222;
}
/* line 4103, sass/umr.scss */
.umap-PrefsContainer .dimension > div > a.active {
  background-color: #9d9d9d;
  color: #222222;
}
/* line 4108, sass/umr.scss */
.umap-PrefsContainer .dimension > div > a.tal {
  color: #222222;
  background-color: #00b04c;
}
/* line 4117, sass/umr.scss */
.umap-PrefsContainer .dimension > div > a.research {
  color: #222222;
  background-color: #ff0099;
}
/* line 4126, sass/umr.scss */
.umap-PrefsContainer .dimension > div > a.intern {
  color: #222222;
  background-color: #ff9900;
}
/* line 4130, sass/umr.scss */
.umap-PrefsContainer .dimension > div > a.regional {
  color: #222222;
  background-color: #9159ff;
}
/* line 4139, sass/umr.scss */
.umap-PrefsContainer .dimension > div > a.knowledge {
  color: #222222;
  background-color: #00cece;
}
/* line 4148, sass/umr.scss */
.umap-PrefsContainer .dimension > div > a.general {
  color: #222222;
  background-color: #9d9d9d;
}

/* line 4163, sass/umr.scss */
#comparePrefs .dimension > div > a:hover {
  background-color: #008eb3;
  color: #ffffff;
  text-decoration: none;
}
/* line 4169, sass/umr.scss */
#comparePrefs .dimension > div.noActiv > a:hover {
  background-color: rgba(255, 255, 255, 0.7);
  color: #222222;
  font-weight: normal;
}

/***********
  Compare - Region
***********/
/* line 4181, sass/umr.scss */
#track-compare > #compareRegion {
  background-color: rgba(255, 153, 0, 0.5);
}

/***********
  Multi-Ranking
************/
/* line 4188, sass/umr.scss */
#track-compare > section#compareRanking.multiRanking {
  background-color: rgba(34, 34, 34, 0.15);
  /*dedede*/
  height: auto;
}
/* line 4192, sass/umr.scss */
#track-compare > section#compareRanking.multiRanking .sunburst-div {
  text-align: center;
}
/* line 4194, sass/umr.scss */
#track-compare > section#compareRanking.multiRanking .sunburst-div img {
  width: 90%;
}

/* line 4201, sass/umr.scss */
#compareRanking.multiRanking .section-step {
  margin: 0;
}

/* line 4206, sass/umr.scss */
#compareRanking.multiRanking table {
  width: 100%;
}
/* line 4210, sass/umr.scss */
#compareRanking.multiRanking table thead tr th {
  background-color: #d3d3d3;
  border-left: 1px solid #fff;
  padding: 1rem;
  width: 100%;
}
/* line 4215, sass/umr.scss */
#compareRanking.multiRanking table thead tr th:nth-child(1) {
  background-color: #dedede;
  border-left: none;
}
/* line 4218, sass/umr.scss */
#compareRanking.multiRanking table thead tr th:nth-child(1) h3, #compareRanking.multiRanking table thead tr th:nth-child(1) .orDiv {
  margin-bottom: 1rem;
  line-height: 2.4rem;
}
/* line 4224, sass/umr.scss */
#compareRanking.multiRanking table thead tr.buttonHead {
  background-color: #ffffff;
}
/* line 4226, sass/umr.scss */
#compareRanking.multiRanking table thead tr.buttonHead th {
  text-align: right;
  background-color: rgba(34, 34, 34, 0.8);
}
/* line 4229, sass/umr.scss */
#compareRanking.multiRanking table thead tr.buttonHead th .tableButton {
  margin-bottom: 0;
  display: inline-block;
}
/* line 4232, sass/umr.scss */
#compareRanking.multiRanking table thead tr.buttonHead th .tableButton a {
  font-weight: bold;
}
/* line 4234, sass/umr.scss */
#compareRanking.multiRanking table thead tr.buttonHead th .tableButton a > span {
  color: #222222;
}
/* line 4238, sass/umr.scss */
#compareRanking.multiRanking table thead tr.buttonHead th .tableButton a:hover > span {
  color: #ffffff;
}
/* line 4252, sass/umr.scss */
#compareRanking.multiRanking table tbody tr td {
  padding: 1rem;
  border-left: 1px solid #fff;
}
/* line 4255, sass/umr.scss */
#compareRanking.multiRanking table tbody tr td:nth-child(1) {
  text-align: left;
  background-color: #dedede;
  border-left: none;
}
/* line 4262, sass/umr.scss */
#compareRanking.multiRanking table tbody tr td.header > div:nth-child(1) {
  float: left;
}
/* line 4265, sass/umr.scss */
#compareRanking.multiRanking table tbody tr td.header > div:nth-child(2) {
  float: right;
}
/* line 4267, sass/umr.scss */
#compareRanking.multiRanking table tbody tr td.header > div:nth-child(2) a {
  color: #ffffff;
}
/* line 4275, sass/umr.scss */
#compareRanking.multiRanking table tbody tr.dim td {
  font-weight: bold;
  background-color: #fff;
}
/* line 4282, sass/umr.scss */
#compareRanking.multiRanking table tbody.tal {
  background-color: rgba(0, 176, 76, 0.1);
}
/* line 4285, sass/umr.scss */
#compareRanking.multiRanking table tbody.tal tr.tal td {
  font-weight: bold;
  background-color: #00b04c;
  padding-left: 2rem;
}
/* line 4292, sass/umr.scss */
#compareRanking.multiRanking table tbody.research {
  background-color: rgba(255, 0, 153, 0.1);
}
/* line 4295, sass/umr.scss */
#compareRanking.multiRanking table tbody.research tr.research td {
  font-weight: bold;
  background-color: #ff0099;
  padding-left: 2rem;
}
/* line 4302, sass/umr.scss */
#compareRanking.multiRanking table tbody.knowledge {
  background-color: rgba(0, 206, 206, 0.1);
}
/* line 4305, sass/umr.scss */
#compareRanking.multiRanking table tbody.knowledge tr.knowledge td {
  font-weight: bold;
  background-color: #00cece;
  padding-left: 2rem;
}
/* line 4312, sass/umr.scss */
#compareRanking.multiRanking table tbody.intern {
  background-color: rgba(255, 153, 0, 0.1);
}
/* line 4315, sass/umr.scss */
#compareRanking.multiRanking table tbody.intern tr.intern td {
  font-weight: bold;
  background-color: #ff9900;
  padding-left: 2rem;
}
/* line 4322, sass/umr.scss */
#compareRanking.multiRanking table tbody.regional {
  background-color: rgba(145, 89, 255, 0.1);
}
/* line 4325, sass/umr.scss */
#compareRanking.multiRanking table tbody.regional tr.regional td {
  font-weight: bold;
  background-color: #9159ff;
  padding-left: 2rem;
}
/* line 4333, sass/umr.scss */
#compareRanking.multiRanking table .uniTitle {
  font-weight: bold;
  margin-bottom: 1rem;
  cursor: pointer;
}
/* line 4341, sass/umr.scss */
#compareRanking.multiRanking #tableKey {
  margin: 0 0 3rem;
  border: none;
}
/* line 4344, sass/umr.scss */
#compareRanking.multiRanking #tableKey .key {
  text-align: left;
}
/* line 4346, sass/umr.scss */
#compareRanking.multiRanking #tableKey .key span {
  float: none;
  margin-right: 0;
}
/* line 4352, sass/umr.scss */
#compareRanking.multiRanking .moreSelectLink {
  margin-top: 2rem;
}
/* line 4354, sass/umr.scss */
#compareRanking.multiRanking .moreSelectLink a {
  color: #008eb3;
}
/* line 4356, sass/umr.scss */
#compareRanking.multiRanking .moreSelectLink a:hover {
  font-weight: normal;
}
/* line 4360, sass/umr.scss */
#compareRanking.multiRanking .moreSelectLink h4 {
  margin-top: 1rem;
}
/* line 4363, sass/umr.scss */
#compareRanking.multiRanking .moreSelectLink ul.allSelectLink {
  margin-left: 1rem;
}
/* line 4365, sass/umr.scss */
#compareRanking.multiRanking .moreSelectLink ul.allSelectLink > li {
  padding-top: 1rem;
}

/*********************************************************** EXPLORE BRANCH ************************************************************/
/* line 4378, sass/umr.scss */
#track-explore > section:not(#footer) {
  padding-left: 30px;
  padding-right: 30px;
  width: calc(100% - 2*$outerPadding);
}

/****************
  Introduction
 ***************/
/* line 4388, sass/umr.scss */
#track-explore > .introduction {
  background-color: #00cece;
}

/*******
 Subject
 ********/
/* line 4396, sass/umr.scss */
#track-explore > #subject {
  background-color: rgba(0, 206, 206, 0.8);
}

/***********
 Explore - Select University
***********/
/* line 4403, sass/umr.scss */
#track-explore > #exploreSelectUni {
  background-color: rgba(0, 206, 206, 0.8);
}

/***********
  Ranking
************/
/******************************************************** FAVOURITES BRANCH ************************************************************/
/* line 4418, sass/umr.scss */
#track-favs > section:not(#footer) {
  padding-left: 30px;
  padding-right: 30px;
  width: calc(100% - 2*$outerPadding);
}

/****************
  Introduction
 ***************/
/* line 4427, sass/umr.scss */
#track-favs > .introduction {
  background-color: #ff0099;
}

/* line 4431, sass/umr.scss */
#track-favs > #selectionFavs {
  background-color: rgba(255, 0, 153, 0.8);
}

/* line 4437, sass/umr.scss */
#selectionFavs .shortList ul.favsListSelection > li {
  background-color: transparent;
  display: flex;
  flex-direction: row;
}
/* line 4441, sass/umr.scss */
#selectionFavs .shortList ul.favsListSelection > li .favsMain {
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-flex: 1;
  flex: 1;
}
/* line 4446, sass/umr.scss */
#selectionFavs .shortList ul.favsListSelection > li .likeIcon {
  margin: 0.3rem 1rem 0;
}

/******************************************************** READY-MADE BRANCH ************************************************************/
/* line 4455, sass/umr.scss */
#track-illustrative > section:not(#footer) {
  padding-left: 30px;
  padding-right: 30px;
  width: calc(100% - 2*$outerPadding);
}

/****************
  Introduction
 ***************/
/* line 4465, sass/umr.scss */
#track-illustrative > .introduction {
  background-color: #9159ff;
}

/*******
 Select Ranking
 ********/
/* line 4473, sass/umr.scss */
#track-illustrative > #illustrativeSelectRanking {
  background-color: rgba(145, 89, 255, 0.8);
}

/**********
 Prefs
 **********/
/* line 4481, sass/umr.scss */
#track-illustrative > #readymadePrefs {
  background-color: rgba(145, 89, 255, 0.6);
}

/* line 4486, sass/umr.scss */
#readymadePrefs .umap-PrefsContainer .dimensionPrefList {
  margin-bottom: 1px;
}

/* line 4497, sass/umr.scss */
#readymadePrefs .dimension > a:hover {
  background-color: #008eb3;
  color: #ffffff;
}

/***********
  Ranking
************/
/* line 4510, sass/umr.scss */
#track-illustrative > section#illustrativeRanking {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/*********************** List of illustrative rankings *****************************/
/* line 4522, sass/umr.scss */
#aboutLinks > li,
#readymadeLinks > li,
#fieldLinks > li {
  margin: 0.5rem 0 0 0;
  position: relative;
}
/* line 4526, sass/umr.scss */
#aboutLinks > li > a,
#readymadeLinks > li > a,
#fieldLinks > li > a {
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 4529, sass/umr.scss */
#aboutLinks > li .tooltip,
#readymadeLinks > li .tooltip,
#fieldLinks > li .tooltip {
  display: none;
  background-color: #ffffff;
  color: #222222;
  font-size: 12px;
  font-weight: normal;
  height: auto;
  left: 14px;
  line-height: 15px;
  min-width: 200px;
  max-width: 500px;
  padding: 8px 8px 10px 10px;
  position: absolute;
  text-align: left;
  top: 14px;
  z-index: 500;
}
/* line 4546, sass/umr.scss */
#aboutLinks > li .tooltip a,
#readymadeLinks > li .tooltip a,
#fieldLinks > li .tooltip a {
  display: inline;
  padding: 0;
}
/* line 4550, sass/umr.scss */
#aboutLinks > li .tooltip a:hover, #aboutLinks > li .tooltip a:active,
#readymadeLinks > li .tooltip a:hover,
#readymadeLinks > li .tooltip a:active,
#fieldLinks > li .tooltip a:hover,
#fieldLinks > li .tooltip a:active {
  background-color: transparent;
  font-weight: normal;
  text-decoration: underline;
  color: #222222;
}
/* line 4561, sass/umr.scss */
#aboutLinks > li:hover .tooltip,
#readymadeLinks > li:hover .tooltip,
#fieldLinks > li:hover .tooltip {
  display: block;
}
/* line 4567, sass/umr.scss */
#aboutLinks .aboutGroup,
#aboutLinks .readymadeGroup,
#aboutLinks .fieldGroup,
#readymadeLinks .aboutGroup,
#readymadeLinks .readymadeGroup,
#readymadeLinks .fieldGroup,
#fieldLinks .aboutGroup,
#fieldLinks .readymadeGroup,
#fieldLinks .fieldGroup {
  margin-bottom: 0;
}
/* line 4574, sass/umr.scss */
#aboutLinks .aboutGroup.noGroup li:nth-child(1) > a,
#aboutLinks .readymadeGroup.noGroup li:nth-child(1) > a,
#aboutLinks .fieldGroup.noGroup li:nth-child(1) > a,
#readymadeLinks .aboutGroup.noGroup li:nth-child(1) > a,
#readymadeLinks .readymadeGroup.noGroup li:nth-child(1) > a,
#readymadeLinks .fieldGroup.noGroup li:nth-child(1) > a,
#fieldLinks .aboutGroup.noGroup li:nth-child(1) > a,
#fieldLinks .readymadeGroup.noGroup li:nth-child(1) > a,
#fieldLinks .fieldGroup.noGroup li:nth-child(1) > a {
  background-image: none;
}
/* line 4577, sass/umr.scss */
#aboutLinks .aboutGroup.noGroup li:nth-child(1).active > a,
#aboutLinks .readymadeGroup.noGroup li:nth-child(1).active > a,
#aboutLinks .fieldGroup.noGroup li:nth-child(1).active > a,
#readymadeLinks .aboutGroup.noGroup li:nth-child(1).active > a,
#readymadeLinks .readymadeGroup.noGroup li:nth-child(1).active > a,
#readymadeLinks .fieldGroup.noGroup li:nth-child(1).active > a,
#fieldLinks .aboutGroup.noGroup li:nth-child(1).active > a,
#fieldLinks .readymadeGroup.noGroup li:nth-child(1).active > a,
#fieldLinks .fieldGroup.noGroup li:nth-child(1).active > a {
  background-color: #008eb3;
  font-weight: bold;
}
/* line 4581, sass/umr.scss */
#aboutLinks .aboutGroup li:nth-child(1) > a,
#aboutLinks .readymadeGroup li:nth-child(1) > a,
#aboutLinks .fieldGroup li:nth-child(1) > a,
#readymadeLinks .aboutGroup li:nth-child(1) > a,
#readymadeLinks .readymadeGroup li:nth-child(1) > a,
#readymadeLinks .fieldGroup li:nth-child(1) > a,
#fieldLinks .aboutGroup li:nth-child(1) > a,
#fieldLinks .readymadeGroup li:nth-child(1) > a,
#fieldLinks .fieldGroup li:nth-child(1) > a {
  margin: 0.5rem 0 0 0;
  background-image: url("../img/b_fold_in.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  padding-left: 2rem;
  font-weight: bold;
}
/* line 4592, sass/umr.scss */
#aboutLinks .aboutGroup.closed.noGroup li:nth-child(1).active > a,
#aboutLinks .readymadeGroup.closed.noGroup li:nth-child(1).active > a,
#aboutLinks .fieldGroup.closed.noGroup li:nth-child(1).active > a,
#readymadeLinks .aboutGroup.closed.noGroup li:nth-child(1).active > a,
#readymadeLinks .readymadeGroup.closed.noGroup li:nth-child(1).active > a,
#readymadeLinks .fieldGroup.closed.noGroup li:nth-child(1).active > a,
#fieldLinks .aboutGroup.closed.noGroup li:nth-child(1).active > a,
#fieldLinks .readymadeGroup.closed.noGroup li:nth-child(1).active > a,
#fieldLinks .fieldGroup.closed.noGroup li:nth-child(1).active > a {
  font-weight: bold;
}
/* line 4595, sass/umr.scss */
#aboutLinks .aboutGroup.closed.noGroup li:nth-child(1) > a,
#aboutLinks .readymadeGroup.closed.noGroup li:nth-child(1) > a,
#aboutLinks .fieldGroup.closed.noGroup li:nth-child(1) > a,
#readymadeLinks .aboutGroup.closed.noGroup li:nth-child(1) > a,
#readymadeLinks .readymadeGroup.closed.noGroup li:nth-child(1) > a,
#readymadeLinks .fieldGroup.closed.noGroup li:nth-child(1) > a,
#fieldLinks .aboutGroup.closed.noGroup li:nth-child(1) > a,
#fieldLinks .readymadeGroup.closed.noGroup li:nth-child(1) > a,
#fieldLinks .fieldGroup.closed.noGroup li:nth-child(1) > a {
  background-image: none;
  font-weight: normal;
}
/* line 4599, sass/umr.scss */
#aboutLinks .aboutGroup.closed.noGroup li:nth-child(1) > a.active, #aboutLinks .aboutGroup.closed.noGroup li:nth-child(1) > a:hover,
#aboutLinks .readymadeGroup.closed.noGroup li:nth-child(1) > a.active,
#aboutLinks .readymadeGroup.closed.noGroup li:nth-child(1) > a:hover,
#aboutLinks .fieldGroup.closed.noGroup li:nth-child(1) > a.active,
#aboutLinks .fieldGroup.closed.noGroup li:nth-child(1) > a:hover,
#readymadeLinks .aboutGroup.closed.noGroup li:nth-child(1) > a.active,
#readymadeLinks .aboutGroup.closed.noGroup li:nth-child(1) > a:hover,
#readymadeLinks .readymadeGroup.closed.noGroup li:nth-child(1) > a.active,
#readymadeLinks .readymadeGroup.closed.noGroup li:nth-child(1) > a:hover,
#readymadeLinks .fieldGroup.closed.noGroup li:nth-child(1) > a.active,
#readymadeLinks .fieldGroup.closed.noGroup li:nth-child(1) > a:hover,
#fieldLinks .aboutGroup.closed.noGroup li:nth-child(1) > a.active,
#fieldLinks .aboutGroup.closed.noGroup li:nth-child(1) > a:hover,
#fieldLinks .readymadeGroup.closed.noGroup li:nth-child(1) > a.active,
#fieldLinks .readymadeGroup.closed.noGroup li:nth-child(1) > a:hover,
#fieldLinks .fieldGroup.closed.noGroup li:nth-child(1) > a.active,
#fieldLinks .fieldGroup.closed.noGroup li:nth-child(1) > a:hover {
  font-weight: bold;
}
/* line 4604, sass/umr.scss */
#aboutLinks .aboutGroup.closed li:nth-child(1) > a,
#aboutLinks .readymadeGroup.closed li:nth-child(1) > a,
#aboutLinks .fieldGroup.closed li:nth-child(1) > a,
#readymadeLinks .aboutGroup.closed li:nth-child(1) > a,
#readymadeLinks .readymadeGroup.closed li:nth-child(1) > a,
#readymadeLinks .fieldGroup.closed li:nth-child(1) > a,
#fieldLinks .aboutGroup.closed li:nth-child(1) > a,
#fieldLinks .readymadeGroup.closed li:nth-child(1) > a,
#fieldLinks .fieldGroup.closed li:nth-child(1) > a {
  background-image: url("../img/b_fold_out.png");
  font-weight: normal;
}
/* line 4608, sass/umr.scss */
#aboutLinks .aboutGroup.closed li:nth-child(1) > a.active, #aboutLinks .aboutGroup.closed li:nth-child(1) > a:hover,
#aboutLinks .readymadeGroup.closed li:nth-child(1) > a.active,
#aboutLinks .readymadeGroup.closed li:nth-child(1) > a:hover,
#aboutLinks .fieldGroup.closed li:nth-child(1) > a.active,
#aboutLinks .fieldGroup.closed li:nth-child(1) > a:hover,
#readymadeLinks .aboutGroup.closed li:nth-child(1) > a.active,
#readymadeLinks .aboutGroup.closed li:nth-child(1) > a:hover,
#readymadeLinks .readymadeGroup.closed li:nth-child(1) > a.active,
#readymadeLinks .readymadeGroup.closed li:nth-child(1) > a:hover,
#readymadeLinks .fieldGroup.closed li:nth-child(1) > a.active,
#readymadeLinks .fieldGroup.closed li:nth-child(1) > a:hover,
#fieldLinks .aboutGroup.closed li:nth-child(1) > a.active,
#fieldLinks .aboutGroup.closed li:nth-child(1) > a:hover,
#fieldLinks .readymadeGroup.closed li:nth-child(1) > a.active,
#fieldLinks .readymadeGroup.closed li:nth-child(1) > a:hover,
#fieldLinks .fieldGroup.closed li:nth-child(1) > a.active,
#fieldLinks .fieldGroup.closed li:nth-child(1) > a:hover {
  font-weight: bold;
}
/* line 4613, sass/umr.scss */
#aboutLinks .aboutGroup li,
#aboutLinks .readymadeGroup li,
#aboutLinks .fieldGroup li,
#readymadeLinks .aboutGroup li,
#readymadeLinks .readymadeGroup li,
#readymadeLinks .fieldGroup li,
#fieldLinks .aboutGroup li,
#fieldLinks .readymadeGroup li,
#fieldLinks .fieldGroup li {
  position: relative;
}
/* line 4615, sass/umr.scss */
#aboutLinks .aboutGroup li.active div.tooltip > a,
#aboutLinks .readymadeGroup li.active div.tooltip > a,
#aboutLinks .fieldGroup li.active div.tooltip > a,
#readymadeLinks .aboutGroup li.active div.tooltip > a,
#readymadeLinks .readymadeGroup li.active div.tooltip > a,
#readymadeLinks .fieldGroup li.active div.tooltip > a,
#fieldLinks .aboutGroup li.active div.tooltip > a,
#fieldLinks .readymadeGroup li.active div.tooltip > a,
#fieldLinks .fieldGroup li.active div.tooltip > a {
  color: inherit;
  background-color: inherit;
  font-weight: normal;
}
/* line 4623, sass/umr.scss */
#aboutLinks .aboutGroup li > a,
#aboutLinks .readymadeGroup li > a,
#aboutLinks .fieldGroup li > a,
#readymadeLinks .aboutGroup li > a,
#readymadeLinks .readymadeGroup li > a,
#readymadeLinks .fieldGroup li > a,
#fieldLinks .aboutGroup li > a,
#fieldLinks .readymadeGroup li > a,
#fieldLinks .fieldGroup li > a {
  color: #222222;
  background-color: rgba(255, 255, 255, 0.3);
  padding-left: 4rem;
}
/* line 4628, sass/umr.scss */
#aboutLinks .aboutGroup li > a.active, #aboutLinks .aboutGroup li > a:hover,
#aboutLinks .readymadeGroup li > a.active,
#aboutLinks .readymadeGroup li > a:hover,
#aboutLinks .fieldGroup li > a.active,
#aboutLinks .fieldGroup li > a:hover,
#readymadeLinks .aboutGroup li > a.active,
#readymadeLinks .aboutGroup li > a:hover,
#readymadeLinks .readymadeGroup li > a.active,
#readymadeLinks .readymadeGroup li > a:hover,
#readymadeLinks .fieldGroup li > a.active,
#readymadeLinks .fieldGroup li > a:hover,
#fieldLinks .aboutGroup li > a.active,
#fieldLinks .aboutGroup li > a:hover,
#fieldLinks .readymadeGroup li > a.active,
#fieldLinks .readymadeGroup li > a:hover,
#fieldLinks .fieldGroup li > a.active,
#fieldLinks .fieldGroup li > a:hover {
  background-color: #008eb3;
  font-weight: bold;
}
/* line 4634, sass/umr.scss */
#aboutLinks .aboutGroup li .tooltip,
#aboutLinks .readymadeGroup li .tooltip,
#aboutLinks .fieldGroup li .tooltip,
#readymadeLinks .aboutGroup li .tooltip,
#readymadeLinks .readymadeGroup li .tooltip,
#readymadeLinks .fieldGroup li .tooltip,
#fieldLinks .aboutGroup li .tooltip,
#fieldLinks .readymadeGroup li .tooltip,
#fieldLinks .fieldGroup li .tooltip {
  display: none;
  background-color: #ffffff;
  color: #222222;
  font-size: 12px;
  font-weight: normal;
  height: auto;
  left: 14px;
  line-height: 15px;
  min-width: 200px;
  padding: 8px 8px 10px 10px;
  position: absolute;
  text-align: left;
  top: 14px;
  z-index: 500;
}
/* line 4650, sass/umr.scss */
#aboutLinks .aboutGroup li .tooltip a,
#aboutLinks .readymadeGroup li .tooltip a,
#aboutLinks .fieldGroup li .tooltip a,
#readymadeLinks .aboutGroup li .tooltip a,
#readymadeLinks .readymadeGroup li .tooltip a,
#readymadeLinks .fieldGroup li .tooltip a,
#fieldLinks .aboutGroup li .tooltip a,
#fieldLinks .readymadeGroup li .tooltip a,
#fieldLinks .fieldGroup li .tooltip a {
  display: inline;
  padding: 0;
}
/* line 4654, sass/umr.scss */
#aboutLinks .aboutGroup li .tooltip a:hover, #aboutLinks .aboutGroup li .tooltip a:active,
#aboutLinks .readymadeGroup li .tooltip a:hover,
#aboutLinks .readymadeGroup li .tooltip a:active,
#aboutLinks .fieldGroup li .tooltip a:hover,
#aboutLinks .fieldGroup li .tooltip a:active,
#readymadeLinks .aboutGroup li .tooltip a:hover,
#readymadeLinks .aboutGroup li .tooltip a:active,
#readymadeLinks .readymadeGroup li .tooltip a:hover,
#readymadeLinks .readymadeGroup li .tooltip a:active,
#readymadeLinks .fieldGroup li .tooltip a:hover,
#readymadeLinks .fieldGroup li .tooltip a:active,
#fieldLinks .aboutGroup li .tooltip a:hover,
#fieldLinks .aboutGroup li .tooltip a:active,
#fieldLinks .readymadeGroup li .tooltip a:hover,
#fieldLinks .readymadeGroup li .tooltip a:active,
#fieldLinks .fieldGroup li .tooltip a:hover,
#fieldLinks .fieldGroup li .tooltip a:active {
  background-color: transparent;
  font-weight: normal;
  text-decoration: underline;
  color: #222222;
}
/* line 4665, sass/umr.scss */
#aboutLinks .aboutGroup li:hover .tooltip,
#aboutLinks .readymadeGroup li:hover .tooltip,
#aboutLinks .fieldGroup li:hover .tooltip,
#readymadeLinks .aboutGroup li:hover .tooltip,
#readymadeLinks .readymadeGroup li:hover .tooltip,
#readymadeLinks .fieldGroup li:hover .tooltip,
#fieldLinks .aboutGroup li:hover .tooltip,
#fieldLinks .readymadeGroup li:hover .tooltip,
#fieldLinks .fieldGroup li:hover .tooltip {
  display: block;
}

/* line 4680, sass/umr.scss */
.fieldGroup.closed > li.field {
  display: none;
}

/* line 4684, sass/umr.scss */
.readymadeGroup.closed > li.readymade {
  display: none;
}

/* line 4689, sass/umr.scss */
.readymadeGroup.closed.noGroup > li.readymade {
  display: block;
}

/***********
 Sunburst
************/
/* line 4697, sass/umr.scss */
#diagramm {
  width: 80%;
  margin: 0 auto;
  background-color: transparent;
}

/* line 4703, sass/umr.scss */
.textpath {
  fill: none;
}

/* line 4707, sass/umr.scss */
.dimarc {
  font-family: 'Noto Sans';
  font-weight: bold;
  fill: white;
}

/* line 4713, sass/umr.scss */
.valueArc:hover, .valueArc.highlighted {
  opacity: 0.8 !important;
}

/* line 4717, sass/umr.scss */
.claim {
  font-family: Corda;
}

/* line 4721, sass/umr.scss */
.copyrightmark {
  font-family: Corda;
}

/* line 4728, sass/umr.scss */
sunburst {
  width: 80%;
  margin: 0 auto;
  background-color: transparent;
  position: relative;
}
/* line 4735, sass/umr.scss */
sunburst .textpath {
  fill: none;
}
/* line 4739, sass/umr.scss */
sunburst .dimarc {
  font-family: 'Noto Sans';
  font-weight: bold;
  fill: white;
}
/* line 4745, sass/umr.scss */
sunburst .valueArc:hover, sunburst .valueArc.highlighted {
  opacity: 0.8 !important;
}
/* line 4749, sass/umr.scss */
sunburst .claim {
  font-family: Corda;
}
/* line 4753, sass/umr.scss */
sunburst .uniname {
  font-family: 'Noto Sans';
  fill: white;
}
/* line 4758, sass/umr.scss */
sunburst .copyrightmark {
  font-family: Corda;
}

/*************************************************************************************************************************
     REGISTRATION
 ************************************************************************************************************************/
/* line 4767, sass/umr.scss */
#registerFormTrack {
  color: #ffffff;
}
/* line 4771, sass/umr.scss */
#registerFormTrack fieldset .fields.row {
  display: flex;
  margin-bottom: 1rem;
}
/* line 4774, sass/umr.scss */
#registerFormTrack fieldset .fields.row label {
  flex: 0 1 auto;
  width: 40%;
}
/* line 4778, sass/umr.scss */
#registerFormTrack fieldset .fields.row > div {
  width: 30%;
}
/* line 4780, sass/umr.scss */
#registerFormTrack fieldset .fields.row > div input[type=text],
#registerFormTrack fieldset .fields.row > div input[type=email] {
  width: 100%;
}
/* line 4785, sass/umr.scss */
#registerFormTrack fieldset .fields.row > div textarea {
  font: 1.5rem;
  height: 8rem;
  width: 100%;
}
/* line 4790, sass/umr.scss */
#registerFormTrack fieldset .fields.row > div span.error {
  color: #ff0000;
  font-size: 1.2rem;
  font-style: italic;
  display: block;
}
/* line 4800, sass/umr.scss */
#registerFormTrack fieldset ul {
  margin-bottom: 1.5rem;
  list-style-type: disc;
  list-style-position: inside;
}

/*************************************************************************************************************************
     UNSORTED
 ************************************************************************************************************************/
/* line 4814, sass/umr.scss */
.loader {
  width: 100%;
  background: url("../img/loaderTransparent.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
  position: absolute;
}

/* line 4823, sass/umr.scss */
.popUp .loader {
  width: 100px;
  height: 100px;
  position: relative;
  margin: 0 auto;
}

/* line 4831, sass/umr.scss */
a.no-style {
  color: inherit;
  text-decoration: none;
}
/* line 4835, sass/umr.scss */
a.no-style:active, a.no-style:visited, a.no-style:focus {
  text-decoration: none;
}