/***********************************************
*
* Less Datei zur Studentenportal Website
* Letzte Änderung: 28.11.2019, 10:14:07 von js
* Farbdefinitionen APO Studentenportal CI-Farben
*
*/
/*
*
FONTS
*
*/
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'), url('/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-regular.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'), url('/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */ url('/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-700.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* global dif to apobank.de */
body.studentenseiten {
  background: #8cb4dc url("css-images/bck-studi.jpg") no-repeat scroll center top;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  /* Font */
}
body.studentenseiten #header,
body.studentenseiten .ym-wrapper {
  background: none;
}
body.studentenseiten .checked-list li,
body.studentenseiten .text .checked-list li {
  background-image: url("/content/dam/g8008-0/individualisierung/internetneu_1/19_2/css/css-images/haken-gruen.png");
}
body.studentenseiten .aps-resultlist .loc-city,
body.studentenseiten .aps-resultlist .loc-phone,
body.studentenseiten .aps-resultlist .loc-street,
body.studentenseiten .bne-container__text ol li,
body.studentenseiten .consulting-tool__options .module-faq-accordion > .acc-wrapper > .acc-header,
body.studentenseiten .consulting-tool__options .module-faq-accordion > .acc-wrapper > .acc-header,
body.studentenseiten .contactsearch .module-contactsearch th,
body.studentenseiten .footer-menu h3,
body.studentenseiten .footer-menu h3,
body.studentenseiten .gm-style,
body.studentenseiten .loc-wheelchair-accessible .info-text,
body.studentenseiten .loc-wheelchair-accessible .info-text,
body.studentenseiten .media-slider__slide > h3,
body.studentenseiten .mejs-contextmenu .mejs-contextmenu-item,
body.studentenseiten .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label,
body.studentenseiten .module-gsa b,
body.studentenseiten .module-gsa__result-headline,
body.studentenseiten .module-tagfilter-input .row > label .label-msg,
body.studentenseiten .module-tagfilter-input .row > label .label-msg,
body.studentenseiten .nav-primary__inner a,
body.studentenseiten .nav-primary__link,
body.studentenseiten .nav__link--lvl-3,
body.studentenseiten .page-magazine .module-teaserlist .module-teaser h2,
body.studentenseiten .page-magazine .ym-g33 .module-rss-item h2,
body.studentenseiten .page-magazine .ym-g33 .module-rss-item h2,
body.studentenseiten .section-teaser .text .btn,
body.studentenseiten .section-teaser .text .btn,
body.studentenseiten .section-teaser .text strong,
body.studentenseiten .text ol li,
body.studentenseiten .ui-datepicker .ui-datepicker-header,
body.studentenseiten .ui-selectmenu-menu .ui-menu-item,
body.studentenseiten .ui-selectmenu-menu .ui-selectmenu-optgroup,
body.studentenseiten .ui-selectmenu-menu .ui-selectmenu-optgroup,
body.studentenseiten .ui-widget,
body.studentenseiten .ui-widget button,
body.studentenseiten .ui-widget input,
body.studentenseiten .ui-widget select,
body.studentenseiten .ui-widget textarea,
body.studentenseiten .widgets h2,
body.studentenseiten [id=main] .immo-contact .module-contact__pair--phone a,
body.studentenseiten b,
body.studentenseiten button,
body.studentenseiten input,
body.studentenseiten select,
body.studentenseiten strong,
body.studentenseiten table ol li,
body.studentenseiten textarea {
  font-family: Roboto, Helvetica, Arial, sans-serif;
}
body.studentenseiten .section-teaser .text strong,
body.studentenseiten b,
body.studentenseiten strong {
  font-weight: 700;
}
body.studentenseiten #header .module-headline-with-media h1,
body.studentenseiten #main-content .module-adviser .appointment,
body.studentenseiten #main-content .module-adviser .callback,
body.studentenseiten #main-content .module-adviser .e-mail,
body.studentenseiten #main-content .module-adviser .facebook,
body.studentenseiten #main-content .module-adviser .fax,
body.studentenseiten #main-content .module-adviser .position,
body.studentenseiten #main-content .module-adviser .tel,
body.studentenseiten .bne-container__text .checked-list li,
body.studentenseiten .bne-teaser h3,
body.studentenseiten .bne-teaser__content .checked-list li,
body.studentenseiten .comparison .contra h3,
body.studentenseiten .comparison .pro h3,
body.studentenseiten .flyout__headline,
body.studentenseiten .formular .summary dd,
body.studentenseiten .gallery-lb-item h1,
body.studentenseiten .gallery-lb-item h2,
body.studentenseiten .homepage .module-teaser .flyout > .text .checked-list li,
body.studentenseiten .layer .flyout > h2,
body.studentenseiten .layer-contact .module-linklist.l-social h3,
body.studentenseiten .lightbox .module-adviser .appointment,
body.studentenseiten .lightbox .module-adviser .callback,
body.studentenseiten .lightbox .module-adviser .e-mail,
body.studentenseiten .lightbox .module-adviser .facebook,
body.studentenseiten .lightbox .module-adviser .fax,
body.studentenseiten .lightbox .module-adviser .position,
body.studentenseiten .lightbox .module-adviser .tel,
body.studentenseiten .lightbox-content h1,
body.studentenseiten .lightbox-content h2,
body.studentenseiten .mobile-nav-wrapper .flyout__headline,
body.studentenseiten .mobile-nav__headline,
body.studentenseiten .module-accordion > .acc-wrapper > .acc-header,
body.studentenseiten .module-event-detail th,
body.studentenseiten .module-flyout-teaser h3,
body.studentenseiten .module-location-detail th,
body.studentenseiten .module-magazine-index h3,
body.studentenseiten .module-magazine-teaser h3,
body.studentenseiten .module-statusbar div::after,
body.studentenseiten .module-table th,
body.studentenseiten .module-table.l-matrix .label-horizontal,
body.studentenseiten .module-table.l-matrix .label-vertical,
body.studentenseiten .module-tagfilter .column-2 label,
body.studentenseiten .module-tagfilter .column-3 label,
body.studentenseiten .module-tagfilter-form .slider-result,
body.studentenseiten .module-tagfilter-input .row > label,
body.studentenseiten .no-js .tab,
body.studentenseiten .result-item .checked-list li,
body.studentenseiten .result-item > a > ul li:last-child,
body.studentenseiten .result-item h3,
body.studentenseiten .secondary-page-area-box h3,
body.studentenseiten .section-teaser .claim .subline,
body.studentenseiten .section-teaser .text,
body.studentenseiten .select-row .group label,
body.studentenseiten .sitemap-level-1 > li > a,
body.studentenseiten .sitemap-level-1 > li > span,
body.studentenseiten .text .checked-list li,
body.studentenseiten .text-media-contact__text .checked-list li,
body.studentenseiten .ui-slider-legend-item,
body.studentenseiten .widgets .widget .layer-login.open .flyout h2,
body.studentenseiten h2,
body.studentenseiten table .checked-list li {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
}
body.studentenseiten .module h2,
body.studentenseiten .ym-grid h2 {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  color: #7ea1c4;
  font-size: 1.6em;
  font-weight: normal;
}
body.studentenseiten .btn-gruen .module h2 {
  font-size: 1.25em;
  font-weight: 700;
}
body.studentenseiten .module.module-accordion .acc-wrapper.active .acc-content.active .acc-inner {
  background-color: #e8f0f8;
}
body.studentenseiten .module-accordion > .acc-wrapper > .acc-header,
body.studentenseiten .module-accordion > .acc-wrapper > .acc-header.active {
  border-top: 1px solid #1e325f;
  border-bottom: 1px solid #e7e9eb;
  padding: 5px 0 5px 0;
  font-weight: 700;
  color: #1e325f;
  font-size: 1.25em;
}
body.studentenseiten .acc-header .acc-header__icons {
  display: none !important;
}
body.studentenseiten .acc-header::before {
  display: block;
  position: absolute;
  right: 0.8em;
  top: 50%;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  content: '';
  transition: all ease-in-out 0.3s;
  background: url("/content/dam/g8008-0/individualisierung/internetneu_1/19_2/css/css-images/chevron.svg") top left no-repeat;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
body.studentenseiten .acc-header.active:before {
  display: block;
  position: absolute;
  right: 0.8em;
  top: 50%;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  content: '';
  transition: all ease-in-out 0.3s;
  background: url("/content/dam/g8008-0/individualisierung/internetneu_1/19_2/css/css-images/chevron.svg") top left no-repeat;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
body.studentenseiten .module.stickynav .stickynav__list .stickynav__item {
  background-color: #3791aa;
  border: 0px solid #3791aa;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 3px 2px 2px 2px;
}
body.studentenseiten .module.stickynav .stickynav__list .stickynav__item.is-active {
  border-left-color: #3791aa;
  border: 0px solid #3791aa;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 3px 2px 2px 2px;
}
body.studentenseiten .module.stickynav .stickynav__list .stickynav__item.is-active:before {
  border-top-color: #3791aa;
}
body.studentenseiten .module.stickynav .stickynav__list .stickynav__item.is-active:after {
  border-top-color: #3791aa;
}
body.studentenseiten .module-tabs .tab-nav .tab {
  border-right-color: #8cb4dc;
  border-bottom-color: #8cb4dc;
  border-left-color: #8cb4dc;
  background-color: #8cb4dc;
}
body.studentenseiten .module-tabs .tab-wrapper {
  background-color: #e8f0f8 !important;
}
body.studentenseiten .btn-gruen ul li a {
  background-color: #78be26;
  border-color: #78be26;
  color: #fff;
}
body.studentenseiten .btn-gruen ul li a svg {
  fill: #fff !important;
}
body.studentenseiten p a,
body.studentenseiten p .module-text-with-media .text a {
  font-weight: 600;
  color: #3791aa;
}
body.studentenseiten .js .tab-wrapper.active {
  border-top: 3px solid #8cb4dc;
}
@media only screen and (min-width: 640px) {
  body.studentenseiten .consulting-tool__options .module-faq-accordion > .acc-wrapper > .acc-header,
  body.studentenseiten .consulting-tool__question {
    font-family: Roboto, Helvetica, Arial, sans-serif;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  body.studentenseiten .nav-primary a {
    font-family: Roboto, Helvetica, Arial, sans-serif;
  }
}
@media print {
  body.studentenseiten .contactsearch .tab-nav .tab.active,
  body.studentenseiten .js body .module-tabs .tab {
    font-family: Roboto, Helvetica, Arial, sans-serif;
  }
}
