/***********************************************
*
* Less Datei zur Geldanlage & Vermögen Website
* Letzte Änderung: 28.11.2019, 10:15:02 von js
* Farbdefinitionen APO Vermögensportal CI-Farben
*es gibt 2 Hauptklassen "geldanalageportal" für alle Seiten samt Unterseiten und "geldanalagekacheln" für die Startseite
*
*/
.nav__link--lvl-2 {
  padding: 1em 0.37em;
}
/*
*
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");
  /* Legacy iOS */
  /* 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');
}
/* roboto-300 (light) - latin */
@font-face {
  font-family: 'Roboto';
  font-style: light;
  font-weight: 300;
  src: url("/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-300.eot");
  /* Legacy iOS */
  /* 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-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */ url('/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url("/content/dam/g8008-0/individualisierung/internetneu_1/19_2/fonts/roboto/roboto-v18-latin-300.svg#Roboto") format('svg');
}
/* 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");
  /* Legacy iOS */
  /* 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');
}
/*.body {
  color: @apoprivatgrau;
}*/
/*klasse geldanlagekacheln für die Kachelstartseite*/
.geldanlagekacheln #main {
  background: transparent;
}
.geldanlagekacheln #main *,
.geldanlagekacheln #main *:after,
.geldanlagekacheln #main *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.geldanlagekacheln .hand {
  cursor: pointer;
}
.geldanlagekacheln .help {
  cursor: help;
}
.geldanlagekacheln .hidden {
  display: none !important;
}
.geldanlagekacheln #main {
  position: static;
  clear: both;
  margin: 0 auto;
  padding: inherit;
}
.geldanlagekacheln .campaign-area .section-teaser {
  background-color: transparent;
}
.geldanlagekacheln #main-content {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
}
.geldanlagekacheln.no-marginal #main-content {
  background-color: transparent;
}
.geldanlagekacheln .module-teaser h2 {
  border: 0;
}
.geldanlagekacheln .top-link .icon-top {
  box-sizing: content-box !important;
}
.geldanlagekacheln #allTeasers {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: center;
  table-layout: auto;
  list-style-type: none;
  padding: 0;
  margin: 20px 0 0;
  width: 100%;
}
@media all and (max-width: 959px) {
  .geldanlagekacheln #allTeasers {
    padding: 0 15px;
  }
}
@media all and (min-width: 960px) {
  .geldanlagekacheln #allTeasers {
    justify-content: space-between;
  }
}
.geldanlagekacheln #allTeasers a.anker {
  display: none !important;
}
.geldanlagekacheln #allTeasers .text {
  position: static;
  top: auto;
  margin: 0;
}
.geldanlagekacheln #allTeasers .text p {
  margin: 0;
}
.geldanlagekacheln #allTeasers .cardFoot .text {
  max-width: 270px;
}
.geldanlagekacheln #allTeasers .incognitoTeaser {
  min-width: 300px;
  width: 300px !important;
  margin: 0 0 23px;
}
@media (min-width: 635px) and (max-width: 959px) {
  .geldanlagekacheln #allTeasers .incognitoTeaser {
    margin: 0 15px 15px 0;
  }
}
.geldanlagekacheln h1 {
  color: #3C78BE;
}
.geldanlagekacheln .module {
  margin: 0;
}
.geldanlagekacheln .btn .module-linklist__icon,
.geldanlagekacheln .module-linklist svg {
  padding-left: 0;
}
.geldanlagekacheln .card {
  position: relative;
  height: 355px;
  max-height: 355px;
  width: 300px;
  display: flex !important;
  flex-flow: column nowrap;
  justify-content: flex-start;
  overflow: hidden;
  box-shadow: 0 3px 25px -5px rgba(0, 0, 0, 0.55);
  /*Cardheads alle auf display none, damit sie nicht aus dem html-Gerüst gelöscht werden müssen*/
}
.geldanlagekacheln .card .cardHead {
  background-color: #ffffff;
  color: #3C78BE;
  height: 50px;
  min-height: 50px;
  padding: 5px 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.geldanlagekacheln .card .cardHead h2,
.geldanlagekacheln .card .cardHead p {
  margin: 0;
  font-size: 1.15em;
  line-height: 1.16em;
  color: #3C78BE;
  font-weight: 600;
}
.geldanlagekacheln .card .cardHead a,
.geldanlagekacheln .card .cardHead p {
  color: #3C78BE;
  display: block !important;
}
.geldanlagekacheln .card .cardHead svg {
  width: 25px;
  height: 25px;
  fill: #3C78BE;
}
.geldanlagekacheln .card .cardContent {
  background-color: #46a5c3;
  color: #ffffff;
  height: 100%;
}
@media screen and (-moz-os-version) {
  .geldanlagekacheln .card .cardContent {
    margin-right: -17px;
  }
}
@media screen and (-moz-os-version) {
  .geldanlagekacheln .card .cardContent .simplebar-track {
    right: 17px;
  }
}
.geldanlagekacheln .card .cardContent .more-info {
  background-color: #ffffff;
}
.geldanlagekacheln .card .cardContent .more-info svg {
  fill: #46a5c3;
}
.geldanlagekacheln .card .cardContent h2 {
  color: #8c857b;
}
.geldanlagekacheln .card .cardContent .simplebar-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: nowrap column;
  justify-content: flex-start;
}
.geldanlagekacheln .card .cardContent .simplebar-content .module.module-accordion > .acc-wrapper {
  margin-bottom: 1px;
}
.geldanlagekacheln .card .cardContent .owl-carousel .owl-item .image-holder {
  height: 280px;
}
.geldanlagekacheln .card .cardContent .owl-carousel .owl-item .text {
  position: relative;
  height: 75px;
  background: #3C78BE;
  padding: 5px 15px;
}
.geldanlagekacheln .card .cardContent .owl-carousel .owl-item .text h2,
.geldanlagekacheln .card .cardContent .owl-carousel .owl-item .text h3 {
  color: #ffffff;
}
.geldanlagekacheln .card .cardContent .owl-carousel .owl-item .text h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.38461538em;
  margin-bottom: 0;
}
.geldanlagekacheln .card .cardContent .owl-carousel .owl-item .text h3 {
  display: inline-block;
  width: 86%;
  margin: 0;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.38461538em;
}
.geldanlagekacheln .card .cardContent .owl-carousel .owl-item .text a {
  position: relative;
  bottom: 0;
  right: 0;
  background-image: none;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
  height: 30px;
  width: 30px;
}
.geldanlagekacheln .card .cardContent .owl-carousel .owl-item .text a [class*='icon-'] {
  margin: 0 2px;
}
.geldanlagekacheln .card .cardContent .owl-carousel .owl-nav svg use {
  fill: #1e315f;
}
.geldanlagekacheln .card .cardContent .export {
  height: auto;
  padding: 0;
}
.geldanlagekacheln .card .cardContent .loader {
  display: inline-block;
  width: 120px;
  height: 120px;
}
.geldanlagekacheln .card .cardContent .loader .loader--ball {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ecf0f1;
  -webkit-transform-origin: 0 60px;
  -ms-transform-origin: 0 60px;
  transform-origin: 0 60px;
  display: block;
  -webkit-animation: 2s rotate cubic-bezier(0.775, 0.03, 0.35, 1) infinite;
  animation: 2s rotate cubic-bezier(0.775, 0.03, 0.35, 1) infinite;
}
.geldanlagekacheln .card .cardContent .loader .loader--ball:nth-child(1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.geldanlagekacheln .card .cardContent .loader .loader--ball:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.geldanlagekacheln .card .cardContent .loader .loader--ball:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.geldanlagekacheln .card .cardContent .loader .loader--ball:nth-child(4) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.geldanlagekacheln .card .cardContent .loader .loader--ball:first-child {
  background: none;
}
.geldanlagekacheln .card .cardContent .loader .loader--ball__first:before {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  background: #ecf0f1;
  display: block;
  border-radius: 50%;
  -webkit-animation: 2s grow cubic-bezier(0.775, 0.035, 0.31, 1) infinite;
  animation: 2s grow cubic-bezier(0.775, 0.035, 0.31, 1) infinite;
}
.geldanlagekacheln .card .cardContent .l-btn {
  display: flex;
  flex-flow: wrap column;
  margin: 17px 8px 8px 8px !important;
}
.geldanlagekacheln .card .cardContent .l-btn ul li {
  float: none !important;
  margin: 0 !important;
}
.geldanlagekacheln .card .cardContent .l-btn ul li a.btn {
  padding: 0 5px;
}
.geldanlagekacheln .card .cardContent .l-btn ul li a.btn svg {
  order: 2 !important;
}
.geldanlagekacheln .card .cardContent .l-btn ul li a.btn span.module-linklist__title {
  order: 1 !important;
  margin-right: 35px;
  font-size: 13px;
}
.geldanlagekacheln .card .cardFoot {
  background-color: #3C78BE;
  color: #ffffff;
  min-height: 75px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 15px;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.geldanlagekacheln .card .cardFoot a,
.geldanlagekacheln .card .cardFoot p {
  font-size: 13px;
  color: #ffffff;
}
.geldanlagekacheln .card .cardFoot a strong,
.geldanlagekacheln .card .cardFoot p strong {
  font-size: 18px;
  line-height: 21px;
  font-weight: normal;
  color: #3f3f3f;
}
.geldanlagekacheln .card .simplebar-track .simplebar-scrollbar {
  background: #f08300;
}
.geldanlagekacheln .card .weiss {
  background-color: #ffffff;
  color: #3C78BE;
}
.geldanlagekacheln .card .weiss a,
.geldanlagekacheln .card .weiss h2,
.geldanlagekacheln .card .weiss p {
  color: #3f3f3f;
}
.geldanlagekacheln .card .weiss .btn {
  /*background-color: @apoprivatblau;*/
  color: #3f3f3f !important;
  border: 0;
  line-height: 1.3em;
}
.geldanlagekacheln .card .weiss .btn svg {
  fill: #ffffff !important;
}
.geldanlagekacheln .card .weiss.cardHead svg {
  fill: #3C78BE;
}
.geldanlagekacheln .card .weiss.cardContent svg {
  fill: #3C78BE;
}
.geldanlagekacheln .card .weiss.cardContent .checked-list li {
  color: #3C78BE;
}
.geldanlagekacheln .card .weiss .more-info {
  background-color: #3C78BE;
}
.geldanlagekacheln .card .weiss .more-info svg {
  fill: #ffffff;
}
.geldanlagekacheln .card .hellgrau,
.geldanlagekacheln .card .tuerkis {
  background-color: #e8e6e4;
  color: #3C78BE;
}
.geldanlagekacheln .card .hellgrau a,
.geldanlagekacheln .card .tuerkis a,
.geldanlagekacheln .card .hellgrau h2,
.geldanlagekacheln .card .tuerkis h2,
.geldanlagekacheln .card .hellgrau p,
.geldanlagekacheln .card .tuerkis p {
  color: #3C78BE;
}
.geldanlagekacheln .card .hellgrau .btn,
.geldanlagekacheln .card .tuerkis .btn {
  background-color: #3C78BE;
  color: #ffffff !important;
  border: 0;
}
.geldanlagekacheln .card .hellgrau .btn svg,
.geldanlagekacheln .card .tuerkis .btn svg {
  fill: #ffffff !important;
}
.geldanlagekacheln .card .hellgrau.cardHead svg,
.geldanlagekacheln .card .tuerkis.cardHead svg {
  fill: #3C78BE;
}
.geldanlagekacheln .card .hellgrau.cardContent svg,
.geldanlagekacheln .card .tuerkis.cardContent svg {
  fill: #3C78BE;
}
.geldanlagekacheln .card .hellgrau.cardContent .checked-list li,
.geldanlagekacheln .card .tuerkis.cardContent .checked-list li {
  color: #3C78BE;
}
.geldanlagekacheln .card .hellgrau .more-info,
.geldanlagekacheln .card .tuerkis .more-info {
  background-color: #3C78BE;
}
.geldanlagekacheln .card .hellgrau .more-info svg,
.geldanlagekacheln .card .tuerkis .more-info svg {
  fill: #ffffff;
}
.geldanlagekacheln .card .hellblau {
  background-color: #46a5c3;
  color: #ffffff;
}
.geldanlagekacheln .card .hellblau a,
.geldanlagekacheln .card .hellblau h2,
.geldanlagekacheln .card .hellblau p {
  color: #ffffff;
}
.geldanlagekacheln .card .hellblau .btn {
  background-color: #ffffff;
  color: #46a5c3 !important;
  border: 0;
}
.geldanlagekacheln .card .hellblau .btn svg {
  fill: #46a5c3 !important;
}
.geldanlagekacheln .card .hellblau.cardHead svg {
  fill: #ffffff;
}
.geldanlagekacheln .card .hellblau.cardContent svg {
  fill: #ffffff;
}
.geldanlagekacheln .card .hellblau.cardContent .checked-list li {
  color: #ffffff;
}
.geldanlagekacheln .card .hellblau .more-info {
  background-color: #ffffff;
}
.geldanlagekacheln .card .hellblau .more-info svg {
  fill: #46a5c3;
}
.geldanlagekacheln .card .grau {
  background-color: #e8e6e4;
  color: #ffffff;
}
.geldanlagekacheln .card .grau a,
.geldanlagekacheln .card .grau h2,
.geldanlagekacheln .card .grau p {
  color: #3f3f3f;
}
.geldanlagekacheln .card .grau .btn {
  background-color: transparent;
  color: #3C78BE !important;
  border: 0;
}
.geldanlagekacheln .card .grau .btn svg {
  fill: #3C78BE !important;
}
.geldanlagekacheln .card .grau.cardHead svg {
  fill: #ffffff;
}
.geldanlagekacheln .card .grau.cardContent svg {
  fill: #ffffff;
}
.geldanlagekacheln .card .grau.cardContent p strong {
  font-size: 18px;
  line-height: 21px;
  font-weight: normal;
}
.geldanlagekacheln .card .grau.cardContent .checked-list li {
  color: #3f3f3f;
}
.geldanlagekacheln .card .grau .more-info {
  background-color: #ffffff;
}
.geldanlagekacheln .card .grau .more-info svg {
  fill: #8c857b;
}
.geldanlagekacheln .card .graublau {
  background-color: #3f3f3f;
  color: #ffffff;
}
.geldanlagekacheln .card .graublau a,
.geldanlagekacheln .card .graublau h2,
.geldanlagekacheln .card .graublau p {
  color: #ffffff;
}
.geldanlagekacheln .card .graublau .btn {
  background-color: #ffffff;
  color: #3f3f3f !important;
  border: 0;
}
.geldanlagekacheln .card .graublau .btn svg {
  fill: #3f3f3f !important;
}
.geldanlagekacheln .card .graublau.cardHead svg {
  fill: #ffffff;
}
.geldanlagekacheln .card .graublau.cardContent svg {
  fill: #ffffff;
}
.geldanlagekacheln .card .graublau.cardContent .checked-list li {
  color: #ffffff;
}
.geldanlagekacheln .card .graublau .more-info {
  background-color: #ffffff;
}
.geldanlagekacheln .card .graublau .more-info svg {
  fill: #3f3f3f;
}
.geldanlagekacheln .card .blau {
  background-color: #3C78BE;
  color: #ffffff;
}
.geldanlagekacheln .card .blau a,
.geldanlagekacheln .card .blau h2,
.geldanlagekacheln .card .blau p {
  color: #ffffff;
  font-weight: normal;
}
.geldanlagekacheln .card .blau .btn {
  background-color: #ffffff;
  color: #3C78BE !important;
  border: 0;
}
.geldanlagekacheln .card .blau .btn svg {
  fill: #3C78BE !important;
}
.geldanlagekacheln .card .blau.cardHead svg {
  fill: #ffffff;
}
.geldanlagekacheln .card .blau.cardContent svg {
  fill: #ffffff;
}
.geldanlagekacheln .card .blau.cardContent .checked-list li {
  color: #ffffff;
}
.geldanlagekacheln .card .blau .more-info {
  background-color: #ffffff;
}
.geldanlagekacheln .card .blau .more-info svg {
  fill: #3C78BE;
}
.geldanlagekacheln .card .cardHead {
  display: none !important;
}
.geldanlagekacheln .card .transparent {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
}
.geldanlagekacheln .card.withmaxheight .cardContent {
  max-height: 340px !important;
}
.geldanlagekacheln [data-type=linklist] ul {
  margin: 0;
  padding: 0;
}
.geldanlagekacheln [data-type=linklist] ul a {
  display: flex;
  padding: 15px;
  border-bottom: 1px #dedede solid;
  width: 100%;
  justify-content: space-between;
}
.geldanlagekacheln [data-type=linklist] ul a svg.icon-link {
  order: 3;
}
.geldanlagekacheln [data-type=linklist] ul a svg.icon-link-extern {
  order: 2;
  margin: 0 10px 0 0;
}
.geldanlagekacheln [data-type=linklist] ul a span.module-linklist__title {
  order: 1;
  flex-grow: 2;
  font-weight: bold;
  line-height: 1.3em;
}
.geldanlagekacheln [data-type=accordion] .cardContent .module-accordion > .acc-wrapper {
  margin-bottom: 0;
}
.geldanlagekacheln [data-type=accordion] .cardContent .module-accordion > .acc-wrapper > .acc-header {
  font-size: 1.1em;
  background-color: transparent;
  border: 0;
  border-bottom: 1px #dedede solid;
  cursor: pointer;
  padding: 7px 15px;
  width: 100%;
}
.geldanlagekacheln [data-type=accordion] .cardContent .module-accordion > .acc-wrapper > .acc-content > .acc-inner {
  border: 0;
  padding: 15px;
}
.geldanlagekacheln [data-type=bildlinklist] .cardContent .module-teaser {
  height: auto !important;
  border: none;
  padding: 15px 0 10px;
  border-bottom: 1px #dedede solid;
  max-width: 300px;
}
.geldanlagekacheln [data-type=bildlinklist] .cardContent .module-teaser h2 {
  font-size: 12px;
  background: transparent;
  padding-left: 0.8em;
}
.geldanlagekacheln [data-type=bildlinklist] .cardContent .module-teaser .content {
  position: relative;
  top: 0;
  height: auto;
  display: flex;
  flex-flow: nowrap row;
  justify-content: flex-start;
  background: transparent;
}
.geldanlagekacheln [data-type=bildlinklist] .cardContent .module-teaser .content .figure {
  width: 30%;
  height: auto;
  padding-right: 0;
}
.geldanlagekacheln [data-type=bildlinklist] .cardContent .module-teaser .content .figure img {
  margin: 3px 0 0;
  padding-left: 7px;
  display: block;
  width: 100%;
}
.geldanlagekacheln [data-type=bildlinklist] .cardContent .module-teaser .content .text {
  width: 70%;
  height: auto;
  padding: 0 35px 0 7px;
}
.geldanlagekacheln [data-type=bildtext] .cardContent .text,
.geldanlagekacheln [data-type=bildtext] .cardContent h2,
.geldanlagekacheln [data-type=bildtext] .cardContent h3 {
  padding: 0 10px;
}
.geldanlagekacheln [data-type=bildtext] .cardContent h2 {
  padding-top: 2px;
  font-size: 15px;
  color: #fff;
  line-height: 29px;
  background: #8c857b;
}
.geldanlagekacheln [data-type=bildtext] .cardContent h3 {
  font-size: 14px;
}
.geldanlagekacheln [data-type=bildtext] .cardContent p em,
.geldanlagekacheln [data-type=bildtext] .cardContent p strong {
  display: block;
  margin-bottom: 0.66666667em;
}
.geldanlagekacheln [data-type=bildtext] .cardContent p strong {
  padding-top: 10px;
  font-size: 12px;
}
.geldanlagekacheln [data-type=bildtext] .cardContent p em {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.geldanlagekacheln [data-type=bildtext] .cardContent .module-text-with-media .image {
  display: inherit;
  position: static;
  margin: 0;
  max-width: inherit;
}
.geldanlagekacheln [data-type=bildtext] .module-imagebox .content {
  padding: 0;
}
.geldanlagekacheln [data-type=bildtext] .module-imagebox img {
  min-height: 280px;
}
.geldanlagekacheln .fbstream .cardContent .text,
.geldanlagekacheln .scrubsmag .cardContent .text,
.geldanlagekacheln .youtube .cardContent .text {
  padding-top: 50px;
}
.geldanlagekacheln .fbstream .cardContent .text p strong,
.geldanlagekacheln .scrubsmag .cardContent .text p strong,
.geldanlagekacheln .youtube .cardContent .text p strong {
  position: absolute;
  left: 0;
  top: 165px;
  width: 100%;
  height: 30px;
  font-size: 1.1em;
  font-weight: normal;
  padding-left: 37px;
  padding-top: 6px;
  color: #ffffff;
}
.geldanlagekacheln .fbstream .cardContent .text p strong:before,
.geldanlagekacheln .scrubsmag .cardContent .text p strong:before,
.geldanlagekacheln .youtube .cardContent .text p strong:before {
  display: block;
  content: '';
  height: 20px;
  width: 20px;
  position: absolute;
  left: 10px;
  top: 5px;
}
.geldanlagekacheln .fbstream .cardContent .text p em,
.geldanlagekacheln .scrubsmag .cardContent .text p em,
.geldanlagekacheln .youtube .cardContent .text p em {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.3em;
}
.geldanlagekacheln .scrubsmag .cardContent .text p strong {
  background-color: #8c857b;
}
.geldanlagekacheln .scrubsmag .cardContent .text p strong:before {
  background-color: #ffffff;
}
.geldanlagekacheln .youtube .cardContent .text p strong {
  background-color: #e10a32;
}
.geldanlagekacheln .youtube .cardContent .text p strong:before {
  background: url("css-images/youtube_25x25.png") top left no-repeat;
  background-size: cover;
}
.geldanlagekacheln .fbstream .cardContent .text {
  padding-top: 0;
}
.geldanlagekacheln .fbstream .cardContent .text p strong {
  background-color: #46aa9b;
  top: 0;
  width: 94%;
}
.geldanlagekacheln .fbstream .cardContent .text p strong:before {
  background: url("/content/dam/g8008-0/individualisierung/internetneu_1/19_2/incognitoFBStream/img/icon_fb.png") top left no-repeat;
  background-size: cover;
}
.geldanlagekacheln .tooltip {
  position: absolute;
  top: 50px;
  left: 300px;
  padding: 15px;
  bottom: 0;
  right: inherit;
  z-index: 5555;
  font-size: 16px;
  color: #8c857b;
  background: rgba(255, 255, 255, 0);
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.geldanlagekacheln .tooltip.show {
  background: rgba(255, 255, 255, 0.9);
  left: 0;
}
.geldanlagekacheln .card .cardContent .loader {
  display: none;
}
.geldanlagekacheln .card.loader .cardContent {
  display: flex;
  flex-flow: nowrap column;
  justify-content: center;
}
.geldanlagekacheln .card.loader .cardContent .loader {
  display: block;
}
.geldanlagekacheln .card.loader .cardFoot,
.geldanlagekacheln .card.loader .cardHead {
  visibility: hidden;
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  transition: all 0.5s ease-in-out;
}
.geldanlagekacheln .module.module-text-with-media.ym-clearfix:not(#einleitungstext-mehr) {
  display: flex;
  flex-flow: nowrap column;
  max-width: 300px;
}
@media only screen and (max-width: 639px) {
  .geldanlagekacheln .module-teaser h2 {
    padding: 0 0.83333333em;
  }
}
.geldanlagekacheln .breadcrumb.empty {
  display: none;
}
.geldanlagekacheln .export .module-text-with-media .figure {
  order: 1;
  margin: 0 !important;
}
.geldanlagekacheln .export .module-text-with-media h2 {
  order: 2;
}
.geldanlagekacheln .export .module-text-with-media h3 {
  order: 3;
}
.geldanlagekacheln .export .module-text-with-media .text {
  order: 4;
}
.geldanlagekacheln .module.module-headline-with-media.ym-clearfix.einleitungstext {
  padding: 1.5em;
  margin: 1em 0;
  background-color: rgba(255, 255, 255, 0.4);
}
.geldanlagekacheln .module.module-headline-with-media.ym-clearfix.einleitungstext > .text > p > a {
  font-weight: 600;
}
@media all and (max-width: 639px) {
  .geldanlagekacheln .module.module-headline-with-media.ym-clearfix.einleitungstext {
    border-top: 1px #eeeeee solid;
    border-bottom: 1px #eeeeee solid;
  }
}
@media only screen and (min-width: 639px) {
  .geldanlagekacheln .module.module-headline-with-media.ym-clearfix.einleitungstext {
    border-radius: 0 0 44px 0;
  }
}
.geldanlagekacheln .module.module-text-with-media.ym-clearfix#einleitungstext-mehr {
  padding: 1.5em;
  margin: 1em 0;
  background-color: rgba(255, 255, 255, 0.8);
}
@media all and (max-width: 639px) {
  .geldanlagekacheln .module.module-text-with-media.ym-clearfix#einleitungstext-mehr {
    border-top: 1px #eeeeee solid;
    border-bottom: 1px #eeeeee solid;
  }
}
@media all and (max-width: 639px) {
  .geldanlagekacheln .mobile-nav {
    z-index: 9999999999;
  }
}
.geldanlagekacheln .checked-list li,
.geldanlagekacheln .text .checked-list li {
  background-image: url("css-images/haken-apoPrivat.png");
}
/* global dif to apobank.de */
/*html {
  background: @apoprivatbackground;
}*/
/*Klasse geldanlageportal für alle Unterseiten */
body.geldanlagekacheln,
body.geldanlageportal {
  background: #e8e6e4 url("css-images/bck-apoPrivat.png") no-repeat scroll center top;
  background-color: #E8E6E4;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  /* Font */
}
body.geldanlagekacheln .section-teaser .claim strong,
body.geldanlageportal .section-teaser .claim strong {
  font-weight: 300;
}
body.geldanlagekacheln .header,
body.geldanlageportal .header {
  /* &:after {
      // Slogan im Header unter der Top-Nav ab 960px Breite
      @media only screen and (min-width: 960px) {
        display: block;
        content: 'Ganz privat - können wir auch';
        position: absolute;
        right: 0;
        bottom: 0.6em;
        color: @apoprivatblau;
        font-size: 1.4em;
        font-weight: normal;
        padding-right: 0.76923077em;
        z-index: 5;
      }
    }*/
}
body.geldanlagekacheln .header .top-nav,
body.geldanlageportal .header .top-nav {
  display: none;
  /* // Anpassungen top-nav
      @media only screen and (max-width: 959px) {
        background-image: none !important;
        background-color: @apoprivatblau;
        border: 0;
      }*/
}
body.geldanlagekacheln .header .top-nav .top-nav__btn,
body.geldanlageportal .header .top-nav .top-nav__btn {
  color: #8c857b;
}
@media only screen and (min-width: 960px) {
  body.geldanlagekacheln .header .top-nav .top-nav__btn,
  body.geldanlageportal .header .top-nav .top-nav__btn {
    /* background-color: @apoprivatblau !important;*/
    padding: 4px 5px 4px 1.5em;
    border-radius: 7px 0 0 0;
    width: auto;
    height: auto;
    margin-left: 0.4em;
  }
}
body.geldanlagekacheln .header .top-nav .top-nav__btn.top-nav__btn--search,
body.geldanlageportal .header .top-nav .top-nav__btn.top-nav__btn--search {
  order: 1;
}
@media only screen and (min-width: 960px) {
  body.geldanlagekacheln .header .top-nav .top-nav__btn.top-nav__btn--search,
  body.geldanlageportal .header .top-nav .top-nav__btn.top-nav__btn--search {
    background: url("css-images/suchen-taupe.png") center left no-repeat;
    background-position-x: 5px;
  }
}
body.geldanlagekacheln .header .top-nav .top-nav__btn.top-nav__btn--contact,
body.geldanlageportal .header .top-nav .top-nav__btn.top-nav__btn--contact {
  order: 2;
}
@media only screen and (min-width: 960px) {
  body.geldanlagekacheln .header .top-nav .top-nav__btn.top-nav__btn--contact,
  body.geldanlageportal .header .top-nav .top-nav__btn.top-nav__btn--contact {
    background: url("css-images/kontakt-taupe.png") center left no-repeat;
    background-position-x: 5px;
  }
}
body.geldanlagekacheln .header .top-nav .top-nav__btn.top-nav__btn--login,
body.geldanlageportal .header .top-nav .top-nav__btn.top-nav__btn--login {
  order: 4;
}
@media only screen and (min-width: 960px) {
  body.geldanlagekacheln .header .top-nav .top-nav__btn.top-nav__btn--login,
  body.geldanlageportal .header .top-nav .top-nav__btn.top-nav__btn--login {
    background: url("css-images/login-taupe.png") center left no-repeat;
    background-position-x: 5px;
  }
}
body.geldanlagekacheln .header .top-nav .top-nav__btn#top-link-apobank,
body.geldanlageportal .header .top-nav .top-nav__btn#top-link-apobank {
  order: 3;
}
@media only screen and (min-width: 960px) {
  body.geldanlagekacheln .header .top-nav .top-nav__btn#top-link-apobank,
  body.geldanlageportal .header .top-nav .top-nav__btn#top-link-apobank {
    background: url("/content/dam/g8008-0/individualisierung/internetneu_1/19_2/css/css-images/logo-topnavlink-apoprivat.png") center left no-repeat;
    background-position-x: 5px;
  }
}
body.geldanlagekacheln #header,
body.geldanlageportal #header,
body.geldanlagekacheln .ym-wrapper,
body.geldanlageportal .ym-wrapper {
  background: none;
}
body.geldanlagekacheln #logo img,
body.geldanlageportal #logo img {
  display: none;
}
body.geldanlagekacheln #logo a::after,
body.geldanlageportal #logo a::after {
  content: url("css-images/logo-apoPrivat.png") !important;
}
body.geldanlagekacheln .nav-primary,
body.geldanlageportal .nav-primary {
  background: #ffffff;
}
@media all and (max-width: 639px) {
  body.geldanlagekacheln .logo,
  body.geldanlageportal .logo {
    margin: 0.9em 0 0.9em;
    max-height: 100%;
  }
  body.geldanlagekacheln .logo img,
  body.geldanlageportal .logo img {
    max-height: 4em;
  }
  body.geldanlagekacheln .mobile-nav__wrap,
  body.geldanlageportal .mobile-nav__wrap {
    top: 8em;
  }
  body.geldanlagekacheln .mobile-nav__inner,
  body.geldanlageportal .mobile-nav__inner {
    max-height: calc(100% - 90px);
  }
  body.geldanlagekacheln #logo a::after,
  body.geldanlageportal #logo a::after {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  body.geldanlagekacheln .logo__link,
  body.geldanlageportal .logo__link {
    padding-left: 2em;
  }
}
@media all and (min-width: 640px) and (max-width: 959px) {
  body.geldanlagekacheln .logo,
  body.geldanlageportal .logo {
    padding-top: 10px;
    max-height: 100%;
  }
  body.geldanlagekacheln .logo img,
  body.geldanlageportal .logo img {
    max-height: 6em;
  }
  body.geldanlagekacheln #logo a::after,
  body.geldanlageportal #logo a::after {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  body.geldanlagekacheln .logo__link,
  body.geldanlageportal .logo__link {
    padding-left: 2em;
  }
}
@media all and (min-width: 960px) {
  body.geldanlagekacheln .top-search,
  body.geldanlageportal .top-search {
    width: 100%;
    min-width: 300px;
    left: inherit;
    right: 0;
  }
  body.geldanlagekacheln .logo,
  body.geldanlageportal .logo {
    max-height: 100%;
  }
}
body.geldanlagekacheln .aps-resultlist .loc-city,
body.geldanlageportal .aps-resultlist .loc-city,
body.geldanlagekacheln .aps-resultlist .loc-phone,
body.geldanlageportal .aps-resultlist .loc-phone,
body.geldanlagekacheln .aps-resultlist .loc-street,
body.geldanlageportal .aps-resultlist .loc-street,
body.geldanlagekacheln .bne-container__text ol li,
body.geldanlageportal .bne-container__text ol li,
body.geldanlagekacheln .consulting-tool__options .module-faq-accordion > .acc-wrapper > .acc-header,
body.geldanlageportal .consulting-tool__options .module-faq-accordion > .acc-wrapper > .acc-header,
body.geldanlagekacheln .consulting-tool__options .module-faq-accordion > .acc-wrapper > .acc-header,
body.geldanlageportal .consulting-tool__options .module-faq-accordion > .acc-wrapper > .acc-header,
body.geldanlagekacheln .contactsearch .module-contactsearch th,
body.geldanlageportal .contactsearch .module-contactsearch th,
body.geldanlagekacheln .footer-menu h3,
body.geldanlageportal .footer-menu h3,
body.geldanlagekacheln .footer-menu h3,
body.geldanlageportal .footer-menu h3,
body.geldanlagekacheln .gm-style,
body.geldanlageportal .gm-style,
body.geldanlagekacheln .loc-wheelchair-accessible .info-text,
body.geldanlageportal .loc-wheelchair-accessible .info-text,
body.geldanlagekacheln .loc-wheelchair-accessible .info-text,
body.geldanlageportal .loc-wheelchair-accessible .info-text,
body.geldanlagekacheln .media-slider__slide > h3,
body.geldanlageportal .media-slider__slide > h3,
body.geldanlagekacheln .mejs-contextmenu .mejs-contextmenu-item,
body.geldanlageportal .mejs-contextmenu .mejs-contextmenu-item,
body.geldanlagekacheln .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label,
body.geldanlageportal .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label,
body.geldanlagekacheln .module-gsa b,
body.geldanlageportal .module-gsa b,
body.geldanlagekacheln .module-gsa__result-headline,
body.geldanlageportal .module-gsa__result-headline,
body.geldanlagekacheln .module-tagfilter-input .row > label .label-msg,
body.geldanlageportal .module-tagfilter-input .row > label .label-msg,
body.geldanlagekacheln .module-tagfilter-input .row > label .label-msg,
body.geldanlageportal .module-tagfilter-input .row > label .label-msg,
body.geldanlagekacheln .nav-primary__inner a,
body.geldanlageportal .nav-primary__inner a,
body.geldanlagekacheln .nav-primary__link,
body.geldanlageportal .nav-primary__link,
body.geldanlagekacheln .nav__link--lvl-3,
body.geldanlageportal .nav__link--lvl-3,
body.geldanlagekacheln .page-magazine .module-teaserlist .module-teaser h2,
body.geldanlageportal .page-magazine .module-teaserlist .module-teaser h2,
body.geldanlagekacheln .page-magazine .ym-g33 .module-rss-item h2,
body.geldanlageportal .page-magazine .ym-g33 .module-rss-item h2,
body.geldanlagekacheln .page-magazine .ym-g33 .module-rss-item h2,
body.geldanlageportal .page-magazine .ym-g33 .module-rss-item h2,
body.geldanlagekacheln .section-teaser .text .btn,
body.geldanlageportal .section-teaser .text .btn,
body.geldanlagekacheln .section-teaser .text .btn,
body.geldanlageportal .section-teaser .text .btn,
body.geldanlagekacheln .section-teaser .text strong,
body.geldanlageportal .section-teaser .text strong,
body.geldanlagekacheln .text ol li,
body.geldanlageportal .text ol li,
body.geldanlagekacheln .ui-datepicker .ui-datepicker-header,
body.geldanlageportal .ui-datepicker .ui-datepicker-header,
body.geldanlagekacheln .ui-selectmenu-menu .ui-menu-item,
body.geldanlageportal .ui-selectmenu-menu .ui-menu-item,
body.geldanlagekacheln .ui-selectmenu-menu .ui-selectmenu-optgroup,
body.geldanlageportal .ui-selectmenu-menu .ui-selectmenu-optgroup,
body.geldanlagekacheln .ui-selectmenu-menu .ui-selectmenu-optgroup,
body.geldanlageportal .ui-selectmenu-menu .ui-selectmenu-optgroup,
body.geldanlagekacheln .ui-widget,
body.geldanlageportal .ui-widget,
body.geldanlagekacheln .ui-widget button,
body.geldanlageportal .ui-widget button,
body.geldanlagekacheln .ui-widget input,
body.geldanlageportal .ui-widget input,
body.geldanlagekacheln .ui-widget select,
body.geldanlageportal .ui-widget select,
body.geldanlagekacheln .ui-widget textarea,
body.geldanlageportal .ui-widget textarea,
body.geldanlagekacheln .widgets h2,
body.geldanlageportal .widgets h2,
body.geldanlagekacheln [id=main] .immo-contact .module-contact__pair--phone a,
body.geldanlageportal [id=main] .immo-contact .module-contact__pair--phone a,
body.geldanlagekacheln b,
body.geldanlageportal b,
body.geldanlagekacheln button,
body.geldanlageportal button,
body.geldanlagekacheln input,
body.geldanlageportal input,
body.geldanlagekacheln select,
body.geldanlageportal select,
body.geldanlagekacheln strong,
body.geldanlageportal strong,
body.geldanlagekacheln table ol li,
body.geldanlageportal table ol li,
body.geldanlagekacheln textarea,
body.geldanlageportal textarea {
  font-family: Roboto, Helvetica, Arial, sans-serif;
}
body.geldanlagekacheln .section-teaser .text strong,
body.geldanlageportal .section-teaser .text strong,
body.geldanlagekacheln b,
body.geldanlageportal b,
body.geldanlagekacheln strong,
body.geldanlageportal strong {
  font-weight: 700;
}
body.geldanlagekacheln #header .module-headline-with-media h1,
body.geldanlageportal #header .module-headline-with-media h1,
body.geldanlagekacheln #main-content .module-adviser .appointment,
body.geldanlageportal #main-content .module-adviser .appointment,
body.geldanlagekacheln #main-content .module-adviser .callback,
body.geldanlageportal #main-content .module-adviser .callback,
body.geldanlagekacheln #main-content .module-adviser .e-mail,
body.geldanlageportal #main-content .module-adviser .e-mail,
body.geldanlagekacheln #main-content .module-adviser .facebook,
body.geldanlageportal #main-content .module-adviser .facebook,
body.geldanlagekacheln #main-content .module-adviser .fax,
body.geldanlageportal #main-content .module-adviser .fax,
body.geldanlagekacheln #main-content .module-adviser .position,
body.geldanlageportal #main-content .module-adviser .position,
body.geldanlagekacheln #main-content .module-adviser .tel,
body.geldanlageportal #main-content .module-adviser .tel,
body.geldanlagekacheln .bne-container__text .checked-list li,
body.geldanlageportal .bne-container__text .checked-list li,
body.geldanlagekacheln .bne-teaser h3,
body.geldanlageportal .bne-teaser h3,
body.geldanlagekacheln .bne-teaser__content .checked-list li,
body.geldanlageportal .bne-teaser__content .checked-list li,
body.geldanlagekacheln .comparison .contra h3,
body.geldanlageportal .comparison .contra h3,
body.geldanlagekacheln .comparison .pro h3,
body.geldanlageportal .comparison .pro h3,
body.geldanlagekacheln .flyout__headline,
body.geldanlageportal .flyout__headline,
body.geldanlagekacheln .formular .summary dd,
body.geldanlageportal .formular .summary dd,
body.geldanlagekacheln .gallery-lb-item h1,
body.geldanlageportal .gallery-lb-item h1,
body.geldanlagekacheln .gallery-lb-item h2,
body.geldanlageportal .gallery-lb-item h2,
body.geldanlagekacheln .homepage .module-teaser .flyout > .text .checked-list li,
body.geldanlageportal .homepage .module-teaser .flyout > .text .checked-list li,
body.geldanlagekacheln .layer .flyout > h2,
body.geldanlageportal .layer .flyout > h2,
body.geldanlagekacheln .layer-contact .module-linklist.l-social h3,
body.geldanlageportal .layer-contact .module-linklist.l-social h3,
body.geldanlagekacheln .lightbox .module-adviser .appointment,
body.geldanlageportal .lightbox .module-adviser .appointment,
body.geldanlagekacheln .lightbox .module-adviser .callback,
body.geldanlageportal .lightbox .module-adviser .callback,
body.geldanlagekacheln .lightbox .module-adviser .e-mail,
body.geldanlageportal .lightbox .module-adviser .e-mail,
body.geldanlagekacheln .lightbox .module-adviser .facebook,
body.geldanlageportal .lightbox .module-adviser .facebook,
body.geldanlagekacheln .lightbox .module-adviser .fax,
body.geldanlageportal .lightbox .module-adviser .fax,
body.geldanlagekacheln .lightbox .module-adviser .position,
body.geldanlageportal .lightbox .module-adviser .position,
body.geldanlagekacheln .lightbox .module-adviser .tel,
body.geldanlageportal .lightbox .module-adviser .tel,
body.geldanlagekacheln .lightbox-content h1,
body.geldanlageportal .lightbox-content h1,
body.geldanlagekacheln .lightbox-content h2,
body.geldanlageportal .lightbox-content h2,
body.geldanlagekacheln .mobile-nav-wrapper .flyout__headline,
body.geldanlageportal .mobile-nav-wrapper .flyout__headline,
body.geldanlagekacheln .mobile-nav__headline,
body.geldanlageportal .mobile-nav__headline,
body.geldanlagekacheln .module-accordion > .acc-wrapper > .acc-header,
body.geldanlageportal .module-accordion > .acc-wrapper > .acc-header,
body.geldanlagekacheln .module-event-detail th,
body.geldanlageportal .module-event-detail th,
body.geldanlagekacheln .module-flyout-teaser h3,
body.geldanlageportal .module-flyout-teaser h3,
body.geldanlagekacheln .module-location-detail th,
body.geldanlageportal .module-location-detail th,
body.geldanlagekacheln .module-magazine-index h3,
body.geldanlageportal .module-magazine-index h3,
body.geldanlagekacheln .module-magazine-teaser h3,
body.geldanlageportal .module-magazine-teaser h3,
body.geldanlagekacheln .module-statusbar div::after,
body.geldanlageportal .module-statusbar div::after,
body.geldanlagekacheln .module-table th,
body.geldanlageportal .module-table th,
body.geldanlagekacheln .module-table.l-matrix .label-horizontal,
body.geldanlageportal .module-table.l-matrix .label-horizontal,
body.geldanlagekacheln .module-table.l-matrix .label-vertical,
body.geldanlageportal .module-table.l-matrix .label-vertical,
body.geldanlagekacheln .module-tagfilter .column-2 label,
body.geldanlageportal .module-tagfilter .column-2 label,
body.geldanlagekacheln .module-tagfilter .column-3 label,
body.geldanlageportal .module-tagfilter .column-3 label,
body.geldanlagekacheln .module-tagfilter-form .slider-result,
body.geldanlageportal .module-tagfilter-form .slider-result,
body.geldanlagekacheln .module-tagfilter-input .row > label,
body.geldanlageportal .module-tagfilter-input .row > label,
body.geldanlagekacheln .no-js .tab,
body.geldanlageportal .no-js .tab,
body.geldanlagekacheln .result-item .checked-list li,
body.geldanlageportal .result-item .checked-list li,
body.geldanlagekacheln .result-item > a > ul li:last-child,
body.geldanlageportal .result-item > a > ul li:last-child,
body.geldanlagekacheln .result-item h3,
body.geldanlageportal .result-item h3,
body.geldanlagekacheln .secondary-page-area-box h3,
body.geldanlageportal .secondary-page-area-box h3,
body.geldanlagekacheln .section-teaser .claim .subline,
body.geldanlageportal .section-teaser .claim .subline,
body.geldanlagekacheln .section-teaser .text,
body.geldanlageportal .section-teaser .text,
body.geldanlagekacheln .select-row .group label,
body.geldanlageportal .select-row .group label,
body.geldanlagekacheln .sitemap-level-1 > li > a,
body.geldanlageportal .sitemap-level-1 > li > a,
body.geldanlagekacheln .sitemap-level-1 > li > span,
body.geldanlageportal .sitemap-level-1 > li > span,
body.geldanlagekacheln .text .checked-list li,
body.geldanlageportal .text .checked-list li,
body.geldanlagekacheln .text-media-contact__text .checked-list li,
body.geldanlageportal .text-media-contact__text .checked-list li,
body.geldanlagekacheln .ui-slider-legend-item,
body.geldanlageportal .ui-slider-legend-item,
body.geldanlagekacheln .widgets .widget .layer-login.open .flyout h2,
body.geldanlageportal .widgets .widget .layer-login.open .flyout h2,
body.geldanlagekacheln h2,
body.geldanlageportal h2,
body.geldanlagekacheln table .checked-list li,
body.geldanlageportal table .checked-list li {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
}
body.geldanlagekacheln .module h2,
body.geldanlageportal .module h2,
body.geldanlagekacheln .ym-grid h2,
body.geldanlageportal .ym-grid h2 {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  color: #3f3f3f;
  font-size: 1.4em;
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  body.geldanlagekacheln .consulting-tool__options .module-faq-accordion > .acc-wrapper > .acc-header,
  body.geldanlageportal .consulting-tool__options .module-faq-accordion > .acc-wrapper > .acc-header,
  body.geldanlagekacheln .consulting-tool__question,
  body.geldanlageportal .consulting-tool__question {
    font-family: Roboto, Helvetica, Arial, sans-serif;
  }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
  body.geldanlagekacheln .nav-primary a,
  body.geldanlageportal .nav-primary a {
    font-family: Roboto, Helvetica, Arial, sans-serif;
  }
}
@media print {
  body.geldanlagekacheln .contactsearch .tab-nav .tab.active,
  body.geldanlageportal .contactsearch .tab-nav .tab.active,
  body.geldanlagekacheln .js body .module-tabs .tab,
  body.geldanlageportal .js body .module-tabs .tab {
    font-family: Roboto, Helvetica, Arial, sans-serif;
  }
}
.geldanlageportal,
.geldanlagekacheln {
  /* .module-linklist svg {
        fill: @apoprivatblau;
    }*/
  /*.btn .module-linklist__icon {
        fill: @apoprivatblau;
    }*/
  /*    .btn .module-linklist__icon {
        fill: #fff;
    }
*/
  /*Grafik 15*/
}
.geldanlageportal #nav .nav-primary__link a,
.geldanlagekacheln #nav .nav-primary__link a,
.geldanlageportal #nav .nav-primary__link,
.geldanlagekacheln #nav .nav-primary__link,
.geldanlageportal #nav h2.nav-flyout__headline a,
.geldanlagekacheln #nav h2.nav-flyout__headline a,
.geldanlageportal #nav h3.nav-flyout__headline a,
.geldanlagekacheln #nav h3.nav-flyout__headline a,
.geldanlageportal #nav a.nav__link.nav__link--lvl-3,
.geldanlagekacheln #nav a.nav__link.nav__link--lvl-3,
.geldanlageportal #nav .nav__link.nav__link--lvl-3,
.geldanlagekacheln #nav .nav__link.nav__link--lvl-3 {
  color: #3f3f3f;
}
.geldanlageportal .secondary-page-area-box h3,
.geldanlagekacheln .secondary-page-area-box h3 {
  color: #3C78BE !important;
  border-bottom: 1px solid #3C78BE;
}
.geldanlageportal #secondary-page-area .secondary-page-area-box,
.geldanlagekacheln #secondary-page-area .secondary-page-area-box {
  background-color: #E8E6E4;
}
.geldanlageportal .module-teaser h2,
.geldanlagekacheln .module-teaser h2 {
  border-bottom: 1px solid #8c857b;
}
.geldanlageportal .module.module-headline-with-media.ym-clearfix > h2,
.geldanlagekacheln .module.module-headline-with-media.ym-clearfix > h2 {
  font-size: 1.6em;
  color: #8c857b;
}
.geldanlageportal .btn,
.geldanlagekacheln .btn {
  color: #fff;
  fill: #fff;
  background-color: #f60;
  border: 0;
}
.geldanlageportal .more-info-button svg.icon-next.module-linklist__icon,
.geldanlagekacheln .more-info-button svg.icon-next.module-linklist__icon,
.geldanlageportal .btn svg.icon-next.module-linklist__icon,
.geldanlagekacheln .btn svg.icon-next.module-linklist__icon {
  fill: #fff;
}
.geldanlageportal .checked-list li,
.geldanlagekacheln .checked-list li,
.geldanlageportal .text .checked-list li,
.geldanlagekacheln .text .checked-list li,
.geldanlageportal .result-item .checked-list li,
.geldanlagekacheln .result-item .checked-list li,
.geldanlageportal .bne-container__text .checked-list li,
.geldanlagekacheln .bne-container__text .checked-list li,
.geldanlageportal .bne-teaser__content .checked-list li,
.geldanlagekacheln .bne-teaser__content .checked-list li,
.geldanlageportal .text-media-contact__text .checked-list li,
.geldanlagekacheln .text-media-contact__text .checked-list li,
.geldanlageportal table .checked-list li,
.geldanlagekacheln table .checked-list li,
.geldanlageportal .module-table .yes,
.geldanlagekacheln .module-table .yes,
.geldanlageportal .module-location-detail .checked-list li,
.geldanlagekacheln .module-location-detail .checked-list li {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20fill%3D%22%233C78BE%22%20width%3D%2214%22%20height%3D%2212%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%222%202%2014%2012%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7.1%2014L2%208.6l1.6-1.4%203.5%203.7L14.4%202%2016%203.3%207.1%2014z%22%2F%3E%3C%2Fsvg%3E");
}
.geldanlageportal .secondary-page-area-box .branch-office-search button,
.geldanlagekacheln .secondary-page-area-box .branch-office-search button {
  background-color: #8c857b !important;
}
.geldanlageportal .page-tools a.icon__link,
.geldanlagekacheln .page-tools a.icon__link,
.geldanlageportal .breadcrumb__slide-icons,
.geldanlagekacheln .breadcrumb__slide-icons,
.geldanlageportal .breadcrumb__icon,
.geldanlagekacheln .breadcrumb__icon {
  fill: #3C78BE;
}
.geldanlageportal .section-teaser .claim strong,
.geldanlagekacheln .section-teaser .claim strong {
  font-weight: 300;
}
.geldanlageportal .section-teaser strong,
.geldanlagekacheln .section-teaser strong {
  color: #3f3f3f !important;
}
.geldanlageportal .module-faq-accordion > .acc-wrapper > .acc-header .acc-header__icons,
.geldanlagekacheln .module-faq-accordion > .acc-wrapper > .acc-header .acc-header__icons {
  background-color: #3C78BE;
}
.geldanlageportal {
  /*Grafik 11*/
  /*.module.module-text-with-media.ym-clearfix .text ul li,
    .result-item ul li,
    .bne-container__text ul li,
    .bne-teaser__content ul li,
    .text-media-contact__text ul li,
    table ul li,
    .text ul li {
        background-image: url(@svg11-url);
    }*/
  /*
    //Icons in den Accordeons austauschen

      //SVGs ausblenden
      .acc-wrapper svg.acc-header__icons .icon-expand{
         background-image: url("https://www.apobank.de/content/dam/g8008-0/icons/telefon/telefon_hellgrau.png");
      }
      .acc-wrapper svg.acc-header__icons .icon-collapse {
        display: none;
       }

      //PNGs einfuegen
      .acc-wrapper svg.acc-header__icons .icon-expand a:before {
       background-image: url("https://www.apobank.de/content/dam/g8008-0/icons/telefon/telefon_suchen.png");
       height: 17px;
       width: 17px;
       position: absolute;
       left: 0px;
        bottom: 0;
        content: "";
      }

    .acc-header__icons .icon-expand,
      .active > .acc-header__icons .icon-collapse {
          display: none;
      }
      .acc-wrapper.active svg.acc-header__icons {
        background-image: url(https://www.apobank.de/content/dam/g8008-0/icons/telefon/telefon_hellgrau.png);
        width: 17px;
        height: 17px;
      }
      .acc-wrapper svg.acc-header__icons {
        background-image: url(https://www.apobank.de/content/dam/g8008-0/icons/telefon/suchen_hellgrau.png);
        width: 17px;
        height: 17px;
      }

      */
  /*.btn-gruen {
        ul {
            li {
                a {
                    background-color: @apoprivatgruen;
                    border-color: @apoprivatgruen;
                    color: #fff;

                    svg {
                        fill: #fff !important;
                    }
                }
            }
        }
    }*/
}
.geldanlageportal .module-text-with-media.l-highlighted {
  background-color: #E8E6E4;
}
.geldanlageportal .btn-gruen .module h2 {
  font-size: 1.25em;
  font-weight: 700;
}
.geldanlageportal .more-info {
  background-color: #8c857b;
}
.geldanlageportal h1 {
  color: #3C78BE;
}
.geldanlageportal .module.module-accordion .acc-wrapper.active .acc-content.active .acc-inner {
  background-color: #E8E6E4;
}
.geldanlageportal .module-accordion > .acc-wrapper > .acc-header,
.geldanlageportal .module-accordion > .acc-wrapper > .acc-header.active {
  border-top: 1px solid #3C78BE;
  border-bottom: 1px solid #e8e6e4;
  padding: 5px 0;
  font-weight: 700;
  color: #3C78BE;
  font-size: 1.25em;
}
.geldanlageportal .acc-header .module-accordion .acc-header__icons {
  display: none !important;
}
.geldanlageportal .acc-header .module-accordion::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("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);
}
.geldanlageportal .acc-header .module-accordion.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("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);
}
.geldanlageportal .module.stickynav .stickynav__list .stickynav__item {
  background-color: #3C78BE;
  border: 0 solid #3C78BE;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 3px 2px 2px;
}
.geldanlageportal .module.stickynav .stickynav__list .stickynav__item.is-active {
  border-left-color: #3C78BE;
  border: 0 solid #3C78BE;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 3px 2px 2px;
}
.geldanlageportal .module.stickynav .stickynav__list .stickynav__item.is-active:before {
  border-top-color: #3C78BE;
}
.geldanlageportal .module.stickynav .stickynav__list .stickynav__item.is-active:after {
  border-top-color: #3C78BE;
}
.geldanlageportal .module-tabs .tab-nav .tab {
  border-right-color: #8c857b;
  border-bottom-color: #8c857b;
  border-left-color: #8c857b;
  background-color: #8c857b;
}
.geldanlageportal .module-tabs .tab-wrapper {
  background-color: #E8E6E4 !important;
}
.geldanlageportal p .module-text-with-media .text a,
.geldanlageportal p a {
  color: #3C78BE;
}
.geldanlageportal .module-text-with-media .text a {
  color: #3C78BE;
}
.geldanlageportal .tab-wrapper.active {
  border-top: 3px solid #8c857b;
}
.geldanlageportal #secondary-page-area .module-contact__pair.module-contact__pair--phone a:before,
.geldanlageportal .widget .module-contact__pair.module-contact__pair--phone a:before {
  background-image: url("https://www.apobank.de/content/dam/g8008-0/icons/apoPrivat/apoPrivat_Piktogramme_Telefon_grau_17x17px.png");
  height: 17px;
  width: 17px;
  position: absolute;
  left: 0px;
  bottom: 0;
  content: "";
}
.geldanlageportal #secondary-page-area .module-contact__pair.module-contact__pair--email a:before,
.geldanlageportal .widget .module-contact__pair.module-contact__pair--email a:before {
  background-image: url("https://www.apobank.de/content/dam/g8008-0/icons/apoPrivat/apoPrivat_Piktogramme_Brief_grau_17x17px.png");
  height: 17px;
  width: 17px;
  position: absolute;
  left: 0px;
  bottom: 0;
  content: "";
}
.geldanlageportal #secondary-page-area .module-contact__pair.module-contact__pair--callback a:before,
.geldanlageportal .widget .module-contact__pair.module-contact__pair--callback a:before {
  background-image: url("https://www.apobank.de/content/dam/g8008-0/icons/apoPrivat/apoPrivat_Piktogramme_Rueckruf_grau_17x17px.png");
  height: 17px;
  width: 17px;
  position: absolute;
  left: 0px;
  bottom: 0;
  content: "";
}
.geldanlageportal #secondary-page-area .module-contact__pair.module-contact__pair--appointment a:before,
.geldanlageportal .widget .module-contact__pair.module-contact__pair--appointment a:before {
  background-image: url("https://www.apobank.de/content/dam/g8008-0/icons/apoPrivat/apoPrivat_Piktogramme_Uhr_grau_17x17px.png");
  height: 17px;
  width: 17px;
  position: absolute;
  left: 0px;
  bottom: 0;
  content: "";
}
.geldanlageportal .secondary-page-area-box .module-contact__pair.module-contact__pair--phone a {
  color: #3f3f3f;
}
/**
    * Preloader keyframes
    */
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes grow {
  0%,
  10% {
    width: 20px;
    height: 20px;
    top: -2px;
    left: -5px;
  }
  50% {
    width: 10px;
    height: 10px;
    left: -5px;
  }
  100%,
  85% {
    width: 20px;
    height: 20px;
    top: -2px;
    left: -5px;
  }
}
@keyframes grow {
  0%,
  10% {
    width: 20px;
    height: 20px;
    top: -2px;
    left: -5px;
  }
  50% {
    width: 10px;
    height: 10px;
    left: -5px;
  }
  100%,
  85% {
    width: 20px;
    height: 20px;
    top: -2px;
    left: -5px;
  }
}