/* Farben / Farbwelt
-------------------------------------------------------------- */
/* white */
/* black */
/* black */
/* orange */
/* Overrides bootstrap styles
-------------------------------------------------------------- */
/* curls
-------------------------------------------------------------- */
/* custom media query mixins taken from  Bootstrap v3.3.7
-------------------------------------------------------------- */
/* font
-------------------------------------------------------------- */
/* font custom icons
-------------------------------------------------------------- */
/* Prefix for Hover class names
-------------------------------------------------------------- */
/* Durations
-------------------------------------------------------------- */
/* Browser Prefixes
-------------------------------------------------------------- */
/* Compile with or without classes
-------------------------------------------------------------- */
/* images
-------------------------------------------------------------- */
/* shadows
-------------------------------------------------------------- */
/* Background-Images
-------------------------------------------------------------- */
/* Font size
-------------------------------------------------------------- */
/* break long words
-------------------------------------------------------------- */
/* break long text
-------------------------------------------------------------- */
/* font custom icons
-------------------------------------------------------------- */
.icon {
  font-family: 'custom-iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: '';
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* rgba
-------------------------------------------------------------- */
/* gradient
-------------------------------------------------------------- */
/* same height
-------------------------------------------------------------- */
/* align
-------------------------------------------------------------- */
/* padding
-------------------------------------------------------------- */
/* margin
-------------------------------------------------------------- */
/* boxLayout
-------------------------------------------------------------- */
/* Shadows
-------------------------------------------------------------- */
/* lists
-------------------------------------------------------------- */
/* ellipsis
-------------------------------------------------------------- */
/* position
-------------------------------------------------------------- */
/*
@mixin hidden() {
    position: absolute;
    left: -10000px;
    top: -10000px;
    display: inline;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
*/
/*
@mixin sr-only() {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
*/
/* animation
-------------------------------------------------------------- */
/* Columns
-------------------------------------------------------------- */
/* image mouseover
-------------------------------------------------------------- */
/* transform
-------------------------------------------------------------- */
/* form
-------------------------------------------------------------- */
/* border-radius
-------------------------------------------------------------- */
/* hacks
-------------------------------------------------------------- */
/* prefix declarations - not needed because of autoprefixer
-------------------------------------------------------------- */
/* keyframes
-------------------------------------------------------------- */
/* transition
-------------------------------------------------------------- */
/* burger-icon
-------------------------------------------------------------- */
.nav-toggle-animated .icon-bar:nth-of-type(2) {
  top: 1px; }

.nav-toggle-animated .icon-bar:nth-of-type(3) {
  top: 2px; }

.nav-toggle-animated .icon-bar {
  position: relative;
  transition: all 0.5s; }

.nav-toggle-animated.active .icon-bar:nth-of-type(1) {
  top: 6px;
  transform: rotate(45deg); }

.nav-toggle-animated.active .icon-bar:nth-of-type(2) {
  background-color: transparent; }

.nav-toggle-animated.active .icon-bar:nth-of-type(3) {
  top: -6px;
  transform: rotate(-45deg); }

/* animation duration
-------------------------------------------------------------- */
/* z-index mapping
-------------------------------------------------------------- */
.menu-bar + #content {
  margin-top: 60px; }
  @media all and (min-width: 992px) {
    .menu-bar + #content {
      margin-top: 100px; } }

.meta-nav {
  border: 0 none;
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center; }

.menu-bar {
  margin-bottom: 0;
  border: 0 none;
  z-index: 1300;
  height: 60px;
  padding: 0 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  max-width: inherit;
  background-color: #fff;
  transition: top 400ms;
  transition-delay: 200ms;
  position: fixed;
  top: 0; }
  .scroll-progress.down .menu-bar {
    top: calc(60px * -1); }
  .scroll-up .menu-bar {
    top: 0; }
  @media all and (min-width: 768px) and (max-width: 991px) {
    body:not(.cc) .menu-bar {
      padding: 0 24px; } }
  @media all and (min-width: 992px) {
    .menu-bar {
      height: 100px; }
      .scroll-progress.down .menu-bar {
        top: calc(100px * -1); } }
  @media all and (min-width: 1200px) {
    .menu-bar {
      left: 0;
      right: 0;
      margin: auto;
      max-width: 1140px;
      padding: 0; }
      .menu-bar:after, .menu-bar:before {
        content: '';
        width: 100%;
        height: 100px;
        background-color: #fff;
        position: absolute;
        top: 0;
        right: -100%; }
      .menu-bar:before {
        right: auto;
        left: -100%; } }
  .menu-bar .home-link {
    margin-right: auto; }
    .menu-bar .home-link > img {
      width: auto;
      height: 28px;
      display: inline-block; }
  .menu-bar .overlay-toggle {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 15px;
    border-radius: 0;
    border: 0 none;
    background-color: transparent;
    color: #333;
    position: relative;
    height: 24px; }
    .menu-bar .overlay-toggle svg,
    .menu-bar .overlay-toggle .icon {
      font-size: 24px;
      font-size: 2.4rem;
      vertical-align: middle;
      fill: #333; }
    .menu-bar .overlay-toggle:hover, .menu-bar .overlay-toggle:active {
      text-decoration: none;
      color: #666; }
      .menu-bar .overlay-toggle:hover svg, .menu-bar .overlay-toggle:active svg {
        fill: #666; }
    .menu-bar .overlay-toggle .notification {
      position: absolute;
      right: -8px;
      bottom: -5px; }
    @media all and (min-width: 768px) {
      .menu-bar .overlay-toggle {
        padding: 0 0 0 24px; }
        .menu-bar .overlay-toggle .icon-cross {
          margin-left: 7px; } }
    @media all and (min-width: 1200px) {
      .menu-bar .overlay-toggle {
        padding-left: 32px; } }
  .menu-bar .username .item-title {
    display: none; }
    @media all and (min-width: 992px) {
      .menu-bar .username .item-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        width: 195px;
        margin-right: 5px;
        vertical-align: top;
        text-align: right;
        display: inline-block; } }

.navbar-collapse {
  width: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 1221;
  display: block;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  height: 0;
  transition: all 150ms 0s ease-in-out;
  padding: 0; }
  .navbar-collapse .overlay-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start;
    height: 59px;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 15px;
    position: relative;
    z-index: 2; }
    @media all and (min-width: 992px) {
      .navbar-collapse .overlay-header {
        border-bottom: 0 none;
        height: 100px; } }
    @media all and (min-width: 1200px) {
      .navbar-collapse .overlay-header {
        max-width: 1140px;
        padding: 0;
        left: 0;
        right: 0;
        margin: auto; } }
    .navbar-collapse .overlay-header .home-link {
      display: none; }
      @media all and (min-width: 768px) {
        .navbar-collapse .overlay-header .home-link {
          display: inline-block;
          margin-top: 2px; } }
      @media all and (min-width: 992px) {
        .navbar-collapse .overlay-header .home-link {
          margin-top: 0; } }
  .navbar-collapse.in {
    min-height: 100vh;
    height: 100%;
    overflow: hidden;
    opacity: 1;
    visibility: visible; }
    .navbar-collapse.in .navbar-content {
      overflow-y: auto;
      max-height: calc(100vh - 60px - 1px); }
      @media all and (min-width: 992px) {
        .navbar-collapse.in .navbar-content {
          max-height: calc(100vh - 100px); } }
      .navbar-collapse.in .navbar-content h3 {
        font-family: "HelveticaNeueLTW06-45Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 300; }

.localeSwitcherMenuBar {
  display: none; }

.localeSwitcherMobile {
  display: inline-block;
  margin-right: auto; }

@media all and (min-width: 768px) {
  .localeSwitcherMenuBar {
    display: inline-block; }
  .localeSwitcherMobile {
    display: none; } }

.navbar-content.login,
.navbar-content.notification,
.navbar-content.user {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  gap: 0;
  width: 100%;
  -ms-flex-line-pack: start;
      align-content: start;
  grid-template-areas: 'item-login . .' 'item-account . .' 'item-links . .'; }
  @media all and (min-width: 992px) {
    .navbar-content.login.login,
    .navbar-content.notification.login,
    .navbar-content.user.login {
      height: 100vh;
      -ms-grid-rows: 1fr 1fr;
          grid-template-rows: 1fr 1fr;
      -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr; } }
  .navbar-content.login [class*='item-'],
  .navbar-content.notification [class*='item-'],
  .navbar-content.user [class*='item-'] {
    padding: 30px 15px 45px;
    width: 100%;
    margin: 0 auto; }
    .navbar-content.login [class*='item-'] h3,
    .navbar-content.notification [class*='item-'] h3,
    .navbar-content.user [class*='item-'] h3 {
      font-size: 30px;
      font-size: 3rem;
      line-height: 36px;
      margin-bottom: 30px; }
    @media all and (min-width: 992px) {
      .navbar-content.login [class*='item-'],
      .navbar-content.notification [class*='item-'],
      .navbar-content.user [class*='item-'] {
        padding-top: 50px; } }
    @media all and (min-width: 1200px) {
      .navbar-content.login [class*='item-'],
      .navbar-content.notification [class*='item-'],
      .navbar-content.user [class*='item-'] {
        max-width: 1140px;
        padding: 50px 0 0 0; } }
  .navbar-content.login .item-login,
  .navbar-content.notification .item-login,
  .navbar-content.user .item-login {
    grid-area: item-login; }
    @media all and (min-width: 992px) {
      .navbar-content.login .item-login,
      .navbar-content.notification .item-login,
      .navbar-content.user .item-login {
        -ms-grid-row: 1;
            grid-row-start: 1;
        -ms-grid-column: 2;
            grid-column-start: 2;
        grid-row-end: 3;
        width: 100%;
        max-width: 435px;
        padding-right: 0;
        margin: 0 0 0 45px; } }
    @media all and (min-width: 1200px) {
      .navbar-content.login .item-login,
      .navbar-content.notification .item-login,
      .navbar-content.user .item-login {
        max-width: 457px;
        margin-left: 112px; } }
    .navbar-content.login .item-login p,
    .navbar-content.notification .item-login p,
    .navbar-content.user .item-login p {
      line-height: 24px; }
    .navbar-content.login .item-login .login-form,
    .navbar-content.notification .item-login .login-form,
    .navbar-content.user .item-login .login-form {
      margin: 30px 0; }
      .navbar-content.login .item-login .login-form input,
      .navbar-content.notification .item-login .login-form input,
      .navbar-content.user .item-login .login-form input {
        width: 100%;
        padding: 20px;
        border: 1px solid #ccc;
        border-radius: 2px;
        margin-bottom: 20px; }
      .navbar-content.login .item-login .login-form .more,
      .navbar-content.notification .item-login .login-form .more,
      .navbar-content.user .item-login .login-form .more {
        display: inline-block; }
      .navbar-content.login .item-login .login-form .btn,
      .navbar-content.notification .item-login .login-form .btn,
      .navbar-content.user .item-login .login-form .btn {
        float: right;
        margin: 0;
        line-height: 31px; }
        .navbar-content.login .item-login .login-form .btn:hover,
        .navbar-content.notification .item-login .login-form .btn:hover,
        .navbar-content.user .item-login .login-form .btn:hover {
          background-color: #7699cc;
          border-color: #7699cc;
          color: #fff; }
    .navbar-content.login .item-login .third-party-logins .btn,
    .navbar-content.notification .item-login .third-party-logins .btn,
    .navbar-content.user .item-login .third-party-logins .btn {
      margin-right: 0;
      color: #fff;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 31px; }
      @media all and (min-width: 1200px) {
        .navbar-content.login .item-login .third-party-logins .btn,
        .navbar-content.notification .item-login .third-party-logins .btn,
        .navbar-content.user .item-login .third-party-logins .btn {
          width: 32.675%; } }
      .navbar-content.login .item-login .third-party-logins .btn .icon,
      .navbar-content.notification .item-login .third-party-logins .btn .icon,
      .navbar-content.user .item-login .third-party-logins .btn .icon {
        margin-right: 7px; }
      .navbar-content.login .item-login .third-party-logins .btn.google,
      .navbar-content.notification .item-login .third-party-logins .btn.google,
      .navbar-content.user .item-login .third-party-logins .btn.google {
        background-color: #C23322; }
      .navbar-content.login .item-login .third-party-logins .btn.facebook,
      .navbar-content.notification .item-login .third-party-logins .btn.facebook,
      .navbar-content.user .item-login .third-party-logins .btn.facebook {
        background-color: #32598f; }
      .navbar-content.login .item-login .third-party-logins .btn.linkedIn,
      .navbar-content.notification .item-login .third-party-logins .btn.linkedIn,
      .navbar-content.user .item-login .third-party-logins .btn.linkedIn {
        background-color: #4798c6; }
    .navbar-content.login .item-login .divider,
    .navbar-content.notification .item-login .divider,
    .navbar-content.user .item-login .divider {
      border-top: 1px solid #ccc;
      text-align: center;
      margin: 30px 0; }
      @media all and (min-width: 992px) {
        .navbar-content.login .item-login .divider,
        .navbar-content.notification .item-login .divider,
        .navbar-content.user .item-login .divider {
          margin: 40px 0; } }
      .navbar-content.login .item-login .divider > small,
      .navbar-content.notification .item-login .divider > small,
      .navbar-content.user .item-login .divider > small {
        background-color: #fff;
        padding: 0 10px;
        position: relative;
        top: -1.25rem; }
  .navbar-content.login .item-account,
  .navbar-content.notification .item-account,
  .navbar-content.user .item-account {
    grid-area: item-account;
    background-color: #cfdbed; }
    .navbar-content.login .item-account p,
    .navbar-content.notification .item-account p,
    .navbar-content.user .item-account p {
      line-height: 24px;
      margin: 20px 0; }
    .navbar-content.login .item-account .btn,
    .navbar-content.notification .item-account .btn,
    .navbar-content.user .item-account .btn {
      color: #fff;
      line-height: 31px; }
      .navbar-content.login .item-account .btn:hover, .navbar-content.login .item-account .btn:active,
      .navbar-content.notification .item-account .btn:hover,
      .navbar-content.notification .item-account .btn:active,
      .navbar-content.user .item-account .btn:hover,
      .navbar-content.user .item-account .btn:active {
        background-color: #7699cc;
        border-color: #7699cc;
        color: #fff; }
    @media all and (min-width: 992px) {
      .navbar-content.login .item-account,
      .navbar-content.notification .item-account,
      .navbar-content.user .item-account {
        -ms-grid-row: 1;
            grid-row-start: 1;
        -ms-grid-column: 1;
            grid-column-start: 1;
        grid-row-end: 2;
        -ms-grid-column-align: end;
            justify-items: end;
        display: -ms-grid;
        display: grid;
        width: 100%; }
        .navbar-content.login .item-account > div,
        .navbar-content.notification .item-account > div,
        .navbar-content.user .item-account > div {
          max-width: 435px;
          margin: 0 30px 0 0; } }
    @media all and (min-width: 1200px) {
      .navbar-content.login .item-account > div,
      .navbar-content.notification .item-account > div,
      .navbar-content.user .item-account > div {
        max-width: 457px;
        margin-right: 114px; } }
  .navbar-content.login .item-account-user .news-list,
  .navbar-content.login .item-account-user .link-list,
  .navbar-content.login .item-account-notification .news-list,
  .navbar-content.login .item-account-notification .link-list,
  .navbar-content.notification .item-account-user .news-list,
  .navbar-content.notification .item-account-user .link-list,
  .navbar-content.notification .item-account-notification .news-list,
  .navbar-content.notification .item-account-notification .link-list,
  .navbar-content.user .item-account-user .news-list,
  .navbar-content.user .item-account-user .link-list,
  .navbar-content.user .item-account-notification .news-list,
  .navbar-content.user .item-account-notification .link-list {
    max-width: 554px;
    padding-left: 0;
    list-style: none; }
    @media all and (min-width: 992px) {
      .navbar-content.login .item-account-user .news-list,
      .navbar-content.login .item-account-user .link-list,
      .navbar-content.login .item-account-notification .news-list,
      .navbar-content.login .item-account-notification .link-list,
      .navbar-content.notification .item-account-user .news-list,
      .navbar-content.notification .item-account-user .link-list,
      .navbar-content.notification .item-account-notification .news-list,
      .navbar-content.notification .item-account-notification .link-list,
      .navbar-content.user .item-account-user .news-list,
      .navbar-content.user .item-account-user .link-list,
      .navbar-content.user .item-account-notification .news-list,
      .navbar-content.user .item-account-notification .link-list {
        margin-top: 30px; } }
    .navbar-content.login .item-account-user .news-list a,
    .navbar-content.login .item-account-user .link-list a,
    .navbar-content.login .item-account-notification .news-list a,
    .navbar-content.login .item-account-notification .link-list a,
    .navbar-content.notification .item-account-user .news-list a,
    .navbar-content.notification .item-account-user .link-list a,
    .navbar-content.notification .item-account-notification .news-list a,
    .navbar-content.notification .item-account-notification .link-list a,
    .navbar-content.user .item-account-user .news-list a,
    .navbar-content.user .item-account-user .link-list a,
    .navbar-content.user .item-account-notification .news-list a,
    .navbar-content.user .item-account-notification .link-list a {
      color: #333;
      display: block;
      border-bottom: 1px solid #e6e6e6;
      font-size: 20px;
      font-size: 2rem;
      padding: 14px 0; }
      .navbar-content.login .item-account-user .news-list a span,
      .navbar-content.login .item-account-user .link-list a span,
      .navbar-content.login .item-account-notification .news-list a span,
      .navbar-content.login .item-account-notification .link-list a span,
      .navbar-content.notification .item-account-user .news-list a span,
      .navbar-content.notification .item-account-user .link-list a span,
      .navbar-content.notification .item-account-notification .news-list a span,
      .navbar-content.notification .item-account-notification .link-list a span,
      .navbar-content.user .item-account-user .news-list a span,
      .navbar-content.user .item-account-user .link-list a span,
      .navbar-content.user .item-account-notification .news-list a span,
      .navbar-content.user .item-account-notification .link-list a span {
        padding-left: 7px; }
      .navbar-content.login .item-account-user .news-list a svg,
      .navbar-content.login .item-account-user .link-list a svg,
      .navbar-content.login .item-account-notification .news-list a svg,
      .navbar-content.login .item-account-notification .link-list a svg,
      .navbar-content.notification .item-account-user .news-list a svg,
      .navbar-content.notification .item-account-user .link-list a svg,
      .navbar-content.notification .item-account-notification .news-list a svg,
      .navbar-content.notification .item-account-notification .link-list a svg,
      .navbar-content.user .item-account-user .news-list a svg,
      .navbar-content.user .item-account-user .link-list a svg,
      .navbar-content.user .item-account-notification .news-list a svg,
      .navbar-content.user .item-account-notification .link-list a svg {
        vertical-align: top; }
      .navbar-content.login .item-account-user .news-list a:hover, .navbar-content.login .item-account-user .news-list a:active,
      .navbar-content.login .item-account-user .link-list a:hover,
      .navbar-content.login .item-account-user .link-list a:active,
      .navbar-content.login .item-account-notification .news-list a:hover,
      .navbar-content.login .item-account-notification .news-list a:active,
      .navbar-content.login .item-account-notification .link-list a:hover,
      .navbar-content.login .item-account-notification .link-list a:active,
      .navbar-content.notification .item-account-user .news-list a:hover,
      .navbar-content.notification .item-account-user .news-list a:active,
      .navbar-content.notification .item-account-user .link-list a:hover,
      .navbar-content.notification .item-account-user .link-list a:active,
      .navbar-content.notification .item-account-notification .news-list a:hover,
      .navbar-content.notification .item-account-notification .news-list a:active,
      .navbar-content.notification .item-account-notification .link-list a:hover,
      .navbar-content.notification .item-account-notification .link-list a:active,
      .navbar-content.user .item-account-user .news-list a:hover,
      .navbar-content.user .item-account-user .news-list a:active,
      .navbar-content.user .item-account-user .link-list a:hover,
      .navbar-content.user .item-account-user .link-list a:active,
      .navbar-content.user .item-account-notification .news-list a:hover,
      .navbar-content.user .item-account-notification .news-list a:active,
      .navbar-content.user .item-account-notification .link-list a:hover,
      .navbar-content.user .item-account-notification .link-list a:active {
        text-decoration: none;
        color: #666; }
        .navbar-content.login .item-account-user .news-list a:hover svg, .navbar-content.login .item-account-user .news-list a:active svg,
        .navbar-content.login .item-account-user .link-list a:hover svg,
        .navbar-content.login .item-account-user .link-list a:active svg,
        .navbar-content.login .item-account-notification .news-list a:hover svg,
        .navbar-content.login .item-account-notification .news-list a:active svg,
        .navbar-content.login .item-account-notification .link-list a:hover svg,
        .navbar-content.login .item-account-notification .link-list a:active svg,
        .navbar-content.notification .item-account-user .news-list a:hover svg,
        .navbar-content.notification .item-account-user .news-list a:active svg,
        .navbar-content.notification .item-account-user .link-list a:hover svg,
        .navbar-content.notification .item-account-user .link-list a:active svg,
        .navbar-content.notification .item-account-notification .news-list a:hover svg,
        .navbar-content.notification .item-account-notification .news-list a:active svg,
        .navbar-content.notification .item-account-notification .link-list a:hover svg,
        .navbar-content.notification .item-account-notification .link-list a:active svg,
        .navbar-content.user .item-account-user .news-list a:hover svg,
        .navbar-content.user .item-account-user .news-list a:active svg,
        .navbar-content.user .item-account-user .link-list a:hover svg,
        .navbar-content.user .item-account-user .link-list a:active svg,
        .navbar-content.user .item-account-notification .news-list a:hover svg,
        .navbar-content.user .item-account-notification .news-list a:active svg,
        .navbar-content.user .item-account-notification .link-list a:hover svg,
        .navbar-content.user .item-account-notification .link-list a:active svg {
          fill: #666; }
  @media all and (min-width: 992px) {
    .navbar-content.login .item-account-user,
    .navbar-content.notification .item-account-user,
    .navbar-content.user .item-account-user {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 2fr 1fr;
          grid-template-columns: 2fr 1fr;
      -ms-grid-rows: 1fr;
          grid-template-rows: 1fr; } }
  @media all and (min-width: 1200px) {
    .navbar-content.login .item-account-user,
    .navbar-content.notification .item-account-user,
    .navbar-content.user .item-account-user {
      max-width: 1140px; } }
  .navbar-content.login .item-account-user .account-area,
  .navbar-content.notification .item-account-user .account-area,
  .navbar-content.user .item-account-user .account-area {
    padding-bottom: 30px; }
    @media all and (min-width: 992px) {
      .navbar-content.login .item-account-user .account-area,
      .navbar-content.notification .item-account-user .account-area,
      .navbar-content.user .item-account-user .account-area {
        grid-area: 1 / 1 / 2 / 2; } }
  .navbar-content.login .item-account-user .teaser-area h3,
  .navbar-content.notification .item-account-user .teaser-area h3,
  .navbar-content.user .item-account-user .teaser-area h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px; }
  @media all and (min-width: 992px) {
    .navbar-content.login .item-account-user .teaser-area,
    .navbar-content.notification .item-account-user .teaser-area,
    .navbar-content.user .item-account-user .teaser-area {
      grid-area: 1 / 2 / 2 / 3;
      padding-left: 95px;
      border-left: 1px solid #ccc;
      max-width: 465px; } }
  .navbar-content.login .item-account-user .teaser-area .teaser h3,
  .navbar-content.login .item-account-user .teaser-area .teaser .img-responsive,
  .navbar-content.notification .item-account-user .teaser-area .teaser h3,
  .navbar-content.notification .item-account-user .teaser-area .teaser .img-responsive,
  .navbar-content.user .item-account-user .teaser-area .teaser h3,
  .navbar-content.user .item-account-user .teaser-area .teaser .img-responsive {
    margin-bottom: 10px; }
  .navbar-content.login .item-account-user .teaser-area .teaser .content,
  .navbar-content.notification .item-account-user .teaser-area .teaser .content,
  .navbar-content.user .item-account-user .teaser-area .teaser .content {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px; }
    .navbar-content.login .item-account-user .teaser-area .teaser .content p,
    .navbar-content.notification .item-account-user .teaser-area .teaser .content p,
    .navbar-content.user .item-account-user .teaser-area .teaser .content p {
      margin-bottom: 20px; }
  .navbar-content.login .item-links,
  .navbar-content.notification .item-links,
  .navbar-content.user .item-links {
    grid-area: item-links;
    background-color: #6788bb;
    color: #fff; }
    .navbar-content.login .item-links .link-list,
    .navbar-content.notification .item-links .link-list,
    .navbar-content.user .item-links .link-list {
      padding-left: 0;
      list-style: none; }
    .navbar-content.login .item-links .more,
    .navbar-content.notification .item-links .more,
    .navbar-content.user .item-links .more {
      color: #fff; }
    @media all and (min-width: 992px) {
      .navbar-content.login .item-links,
      .navbar-content.notification .item-links,
      .navbar-content.user .item-links {
        -ms-grid-row: 2;
            grid-row-start: 2;
        -ms-grid-column: 1;
            grid-column-start: 1;
        grid-row-end: 3;
        display: -ms-grid;
        display: grid;
        -ms-grid-column-align: end;
            justify-items: end; }
        .navbar-content.login .item-links > div,
        .navbar-content.notification .item-links > div,
        .navbar-content.user .item-links > div {
          width: 100%;
          max-width: 410px;
          margin: 0 56px 0 0; } }
    @media all and (min-width: 1200px) {
      .navbar-content.login .item-links > div,
      .navbar-content.notification .item-links > div,
      .navbar-content.user .item-links > div {
        max-width: 457px;
        margin-right: 114px; } }