/*
 * Screen style sheet.
 *
 * @name $Id: screen-layout.min.v2.css
 * @domain: bbobank.ch
 * 
 * @author		Martin Melheritz martin.melheritz@artasio.com
 *
 * @date created	22/12/2023
 * @last modified	26/06/2024
 * @copyright 		Copyright (C) 2023 artasio AG
 *
 * This is a commercial software product, please visit http://artasio.com for more information.
 */
:root{--color-opt-1:#80234a;--color-opt-2:#004480;--color-opt-3:#009ac6;--color-opt-4:#00909b;--color-opt-5:#006331;--color-opt-6:#7d9e22}html,body{height:100%;margin:0;padding:0;width:100%}#mobile-indicator,.line-break{display:none}.hyphenate{text-align:center}.no-shadow{box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}div.wrap-navigation{position:fixed;opacity:0;visibility:hidden;top:160px;left:0;width:100%;bottom:0;background-color:#e3e4e5;overflow-y:auto;overflow-x:hidden;z-index:999}div#navigation-outer{position:relative;width:100%;border:0 solid #ff0}div#navigation-top-gap{position:relative;display:block;height:100px}div#navigation-nav-lang{position:absolute;display:block;margin:0;padding:0;top:0;left:0;width:auto;height:50px;border:0 solid red}div.wrap-main-nav-desktop{position:relative;min-width:320px;max-width:1200px;width:100%;margin:0 auto;padding:0;overflow:hidden}div.wrap-info-nav-tablet{position:absolute;top:-10px;right:0;display:none;text-align:right}.wrap-main-nav-mobile{position:relative;min-width:320px;max-width:none;margin:auto 20px;display:none}.wrap-main-nav-mobile .nav-left-selected{cursor:pointer;cursor:hand;cursor:pointer;cursor:hand}#navigation-bottom-adress{position:relative;display:none;min-width:1020px;max-width:1200px;padding:0 20px;width:100%;margin:0 auto;margin-bottom:0}#navigation-bottom-adress-spacing{position:relative;min-width:1020px;margin-top:90px}img#facebook{position:absolute;width:120px;height:60px;right:34px;bottom:51px}div.wrap-body{position:relative;min-width:320px;width:100%;min-height:100%;overflow-x:hidden}div#search-frm{position:fixed;top:-160px;left:0;width:100%;height:160px;background-color:#ededed;z-index:9998}.bar-header{position:relative;width:100%;height:160px;z-index:999;padding:0;background-color:#fff}div.wrap-nav-top-desktop{position:relative;display:block;height:60px;background-color:#e3e4e5;text-align:right}div.wrap-nav-top-desktop .nav-top,div.wrap-nav-top-desktop .nav-top-selected{display:none}div.wrap-nav-top-desktop .nav-top:last-child{margin-right:40px;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}img.search-btn-desktop{position:relative;width:22px;height:22px;top:4px;margin-right:3px}#nav-icon-btn{position:absolute;width:50px;height:45px;right:40px;top:auto;bottom:10px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}#nav-icon-btn span{display:block;position:absolute;height:3px;width:100%;background:#000;border-radius:3px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#nav-icon-btn span:nth-child(1){top:0}#nav-icon-btn span:nth-child(2),#nav-icon-btn span:nth-child(3){top:18px}#nav-icon-btn span:nth-child(4){top:36px}#nav-icon-btn.open span:nth-child(1){top:18px;width:0;left:50%}#nav-icon-btn.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#nav-icon-btn.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#nav-icon-btn.open span:nth-child(4){top:18px;width:0;left:50%}a.e-banking-btn-desktop{position:absolute;display:inline;color:#fff!important;background:#de2027;text-align:center;text-decoration:none;white-space:nowrap;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;position:relative;display:inline-block;height:60px;line-height:60px;padding:0 20px;margin-right:25px;width:auto}a.e-banking-btn-desktop:hover{text-decoration:none}img.header-phone-mobile{position:absolute;opacity:0;transition:opacity .5s ease-out;width:44px;height:44px;right:100px;bottom:14px}.header-logo{position:absolute;display:block;width:110px;height:120px;left:90px;bottom:-60px;margin:0;-webkit-transition:left .5s ease-in-out;-moz-transition:left .5s ease-in-out;-o-transition:left .5s ease-in-out;transition:left .5s ease-in-out}.bar-header.animateIt{position:fixed;left:0;top:-160px;width:100%;height:160px;z-index:1000;background-color:#fff;transition:.5s top cubic-bezier(.3,.73,.3,.74)}.bar-header.animateIt .header-logo{width:73px;height:80px;bottom:0}body.down .bar-header.animateIt .header-logo{bottom:-40px}.bar-header.animateIt .backstretch{display:none}body.down .bar-header.animateIt{top:-90px;box-shadow:0 0 15px #ccc;-webkit-box-shadow:0 0 15px #ccc;-moz-box-shadow:0 0 15px #ccc;background-color:#fff;transition:.5s top cubic-bezier(.3,.73,.3,.74)}body.down div.wrap-navigation{top:70px}body.down .bar-header.animateIt .e-banking-btn-desktop{bottom:15px}body.down .bar-header.animateIt .header-phone-mobile{bottom:14px}div.content-top-gap{position:relative;display:none;height:65px}div#highlights-welcome{position:absolute;top:160px;left:0;width:100%;height:600px;z-index:100;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;box-shadow:0 0 15px #ccc;-webkit-box-shadow:0 0 15px #ccc;-moz-box-shadow:0 0 15px #ccc;background-color:#fff}div.bg-flow-top{position:absolute;top:0;width:100%;height:185px;background-image:url(daten/background/verlauf_oben.png)}img#highlights-welcome-prev,img#highlights-welcome-next{position:absolute;left:19.5%;right:auto;top:50%;margin-top:-84px;cursor:pointer;cursor:hand;z-index:100}img#highlights-welcome-next{left:auto;right:19.5%}div#highlights-welcome-placeholder{position:relative;height:600px;border:0 solid red}div.bg-flow-bottom{position:absolute;bottom:0;width:100%;height:80px;background-image:url(daten/background/verlauf_unten.png)}#slogan{position:absolute;top:465px;left:155px;padding-right:10px;z-index:100;font-size:36px;font-weight:700;color:#fff}div.content-top-banner{position:relative;width:100%;height:210px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}div.wrap-content{position:relative;min-width:320px;max-width:1240px;width:100%;margin:0 auto;padding:0;overflow:hidden;border-left:0 solid blue;border-right:0 solid blue;border-bottom:0 solid blue}div.content-extra-margin{position:relative;padding:0 10px}div.wrap-content-cols-1,div.wrap-content-cols-2,div.wrap-content-cols-3,div.wrap-content-cols-4,div.wrap-content-cols-5{position:relative;margin:0 0 0 10px;overflow:auto}div.col-content-1,div.col-content-2,div.col-content-3,div.col-content-4,div.col-content-5{float:left}div.content-padding{margin:0 10px 0 0;min-height:1px}div.content-bottom-gap{position:relative;height:400px}div.wrap-footer{position:relative;margin-top:-400px;min-height:400px;width:100%;overflow-x:hidden;background:#ededed}div.wrap-bottom-spacer{position:relative;display:inline}span.bottem-adress-spacer{display:inline}div.print{display:none}div.clear{clear:both}div.wrap-hints-small div.hint-element{width:49.5%}div.wrap-hints-large div.hint-element{width:100%}img.livecam-image{height:auto;width:100%}.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.videoWrapper object,.videoWrapper embed{position:absolute;top:0;left:0;width:100%;height:100%}div.wrap-list{position:relative}div.wrap-sitemap{float:left;margin:0;width:33.3%}ul.sitemap{list-style-type:none;margin:0;padding:0}h2.title-sitemap{display:none}li.sitemap-menu-level1{margin-top:5px}li.sitemap-menu-level2{background-image:url(daten/elemente/strich.gif);background-position:0 12px;background-repeat:no-repeat;padding-left:10px}li.sitemap-menu-level3{background-image:url(daten/elemente/strich.gif);background-position:10px 12px;background-repeat:no-repeat;padding-left:20px}li.sitemap-menu-level4{background-image:url(daten/elemente/strich.gif);background-position:20px 12px;background-repeat:no-repeat;padding-left:30px}a.desktop-link{display:inline}a.mobile-link{display:none}@media only screen and (max-width: 768px){#mobile-indicator,.line-break{display:block}div.wrap-nav-top-desktop .nav-top,div.wrap-nav-top-desktop .nav-top-selected{display:none}div.wrap-nav-top-desktop .nav-top:last-child{display:inline;margin-right:10px}#nav-icon-btn{right:10px}a.e-banking-btn-desktop{position:absolute;left:0;margin:0;width:80px}img.header-phone-mobile{opacity:1}.header-logo{left:10px}div#highlights-welcome,div#highlights-welcome-placeholder{height:300px}img#highlights-welcome-prev{left:0;right:auto;display:none}img#highlights-welcome-next{left:auto;right:0;display:none}#slogan{top:210px;left:50px;font-size:18px}div.wrap-bottom-spacer{position:relative;display:block}span.bottem-adress-spacer{display:none}div.wrap-hints-small div.hint-element{width:100%}div.wrap-sitemap{width:100%}a.desktop-link{display:none}a.mobile-link{display:inline}}@media only screen and (min-width: 768px),only screen and (min-width: 764px) and (max-width: 1280px) and (orientation: portrait){#mobile-indicator{display:block}div.wrap-nav-top-desktop .nav-top,div.wrap-nav-top-desktop .nav-top-selected{display:none}div.wrap-nav-top-desktop .nav-top:last-child{display:inline;margin-right:20px}#nav-icon-btn{right:20px}a.e-banking-btn-desktop{position:absolute;left:0;margin:0;width:90px}.header-logo{left:20px}div#highlights-welcome,div#highlights-welcome-placeholder{height:600px}img#highlights-welcome-prev{left:0;right:auto;display:block}img#highlights-welcome-next{left:auto;right:0;display:block}#slogan{top:470px;left:85px}div.wrap-bottom-spacer{position:relative;display:inline}span.bottem-adress-spacer{display:inline}div.wrap-hints-small div.hint-element{width:49.5%}div.wrap-sitemap{width:50%}a.desktop-link{display:inline}a.mobile-link{display:none}}@media only screen and (min-width: 1024px),only screen and (min-width: 1020px) and (max-width: 1280px) and (orientation: landscape){#mobile-indicator{display:none}div.wrap-nav-top-desktop .nav-top,div.wrap-nav-top-desktop .nav-top-selected{display:inline}div.wrap-nav-top-desktop .nav-top:last-child{margin-right:20px}#nav-icon-btn{right:20px}a.e-banking-btn-desktop{position:relative;margin-right:25px;left:unset;width:auto}.header-logo{left:20px}body.down div.wrap-navigation{top:70px}div#highlights-welcome,div#highlights-welcome-placeholder{height:400px}img#highlights-welcome-prev{left:37px;right:auto}img#highlights-welcome-next{left:auto;right:37px}#slogan{top:320px;left:90px}div.wrap-bottom-spacer{position:relative;display:inline}span.bottem-adress-spacer{display:inline}div.wrap-hints-small div.hint-element{width:49.5%}div.wrap-sitemap{width:50%}a.desktop-link{display:inline}a.mobile-link{display:none}}@media only screen and (min-width: 1240px){div.wrap-nav-top-desktop .nav-top,div.wrap-nav-top-desktop .nav-top-selected{display:inline}div.wrap-nav-top-desktop .nav-top:last-child{margin-right:40px}#nav-icon-btn{right:40px}a.e-banking-btn-desktop{position:relative;margin-right:25px;left:unset;width:auto}.header-logo{left:90px}div#highlights-welcome,div#highlights-welcome-placeholder{height:600px}img#highlights-welcome-prev{left:19.5%;right:auto}img#highlights-welcome-next{left:auto;right:19.5%}#slogan{top:465px;left:155px}div.wrap-hints-small div.hint-element{width:49.5%}div.wrap-sitemap{width:33.3%}a.desktop-link{display:inline}a.mobile-link{display:none}}.more-infos img{display:block;margin:0 5px 0 0;padding:0}.more-infos > *{text-transform:uppercase;letter-spacing:2px;font-family:'Assistant';font-weight:400;font-size:14px!important;line-height:26px!important}.more-infos span{display:inline-block;padding-left:5px;padding-top:1px}#wrap-asearch{position:absolute;height:40px;left:90px;right:110px;top:50%;margin-top:-20px}#asearch{line-height:40px;font-size:32px;margin:0;padding:0;outline:invert;border:medium;border-image:none;width:100%;cursor:auto;background-color:#ededed;background:#ededed;color:#000;height:40px;background-image:none}#asearch-btn-close{display:block;width:40px;height:38px;margin:0;padding:0;position:absolute;top:1px;right:-60px;cursor:pointer;cursor:hand}#asearch-btn{display:block;width:40px;height:40px;margin:0;padding:0;position:absolute;top:0;left:-60px;cursor:pointer;cursor:hand}::-webkit-input-placeholder{line-height:40px!important;font-size:32px!important;color:#000}:-moz-placeholder{line-height:40px!important;font-size:32px!important;color:#000;opacity:1}::-moz-placeholder{line-height:40px!important;font-size:32px!important;color:#000;opacity:1}:-ms-input-placeholder{line-height:40px!important;font-size:32px!important;color:#000}::-ms-clear{display:none;width:0;height:0}img#welcome-hint{position:absolute;display:block;width:400px;height:400px;top:30%;right:40px;margin-top:-90px;padding:0}@media only screen and (max-width: 768px){img#welcome-hint{width:200px;height:200px;right:100px;margin-top:-45px;margin-right:-100px}}@media only screen and (min-width: 768px),only screen and (min-width: 764px) and (max-width: 1280px) and (orientation: portrait){img#welcome-hint{width:200px;height:200px;right:140px;margin-top:-45px;margin-right:-100px}}@media only screen and (min-width: 1024px),only screen and (min-width: 1020px) and (max-width: 1280px) and (orientation: landscape){img#welcome-hint{width:200px;height:200px;right:40px;margin-top:-20px;margin-right:0px}}@media only screen and (min-width: 1240px){img#welcome-hint{width:400px;height:400px;right:40px;margin-top:-90px;margin-right:0px}}.nav-container{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;box-sizing:border-box;gap:15px 15px}.nav-container div{box-sizing:border-box}.nav-container a.nav-top,.nav-container a.nav-left-sublevel{text-decoration:none}.nav-item{position:relative;display:block;flex-grow:1;flex-shrink:1;flex-basis:0;align-self:auto}.nav-item:nth-child(1){background-color:var(--color-opt-1)}.nav-item:nth-child(2){background-color:var(--color-opt-2)}.nav-item:nth-child(4){background-color:var(--color-opt-3)}.nav-item:nth-child(6){background-color:var(--color-opt-4)}.nav-item:nth-child(8){background-color:var(--color-opt-5)}.nav-item:nth-child(9){background-color:var(--color-opt-6)}.nav-item:nth-child(1) a.nav-top{color:var(--color-opt-1)}.nav-item:nth-child(2) a.nav-top{color:var(--color-opt-2)}.nav-item:nth-child(4) a.nav-top{color:var(--color-opt-3)}.nav-item:nth-child(6) a.nav-top{color:var(--color-opt-4)}.nav-item:nth-child(8) a.nav-top{color:var(--color-opt-5)}.nav-item:nth-child(9) a.nav-top{color:var(--color-opt-6)}.nav-icon{position:relative;display:block;width:100%;height:60px;text-align:center;background-color:#fff}.nav-icon img{display:inline;margin:0;width:60px;height:60px}.nav-item-title{position:relative;width:100%;height:70px;text-align:center;display:flex;justify-content:center;align-items:center;background-color:#fff}.wrap-main-nav-desktop .nav-icon,.wrap-main-nav-desktop .nav-item-title{background-color:#e3e4e5}.nav-item-title a.nav-top,.wrap-main-nav-desktop .nav-top-selected{line-height:70px!important;font-size:22px!important;margin:0!important;}.nav-menu{position:relative;padding:20px 15px}.nav-menu *{display:inline-block;padding:7px 0;line-height:130%!important;background-color:transparent!important;color:#fff!important}.nav-menu .nav-left-sublevel-selected{color:#000!important}.break-landscape,.break-portrait,.break-mobile{display:none;width:100%;height:0}@media only screen and (max-width: 768px){.wrap-main-nav-desktop,#navigation-bottom-adress{display:none}.wrap-main-nav-mobile{display:block}.nav-item{display:block}.nav-menu{display:none}.break-landscape,.break-portrait{display:none}.break-mobile{display:block}}@media only screen and (min-width: 768px),only screen and (min-width: 764px) and (max-width: 1280px) and (orientation: portrait){.wrap-main-nav-desktop,#navigation-bottom-adress{display:none}.wrap-main-nav-mobile{display:block}.break-landscape{display:none}.break-portrait{display:block}}@media only screen and (min-width: 1024px),only screen and (min-width: 1020px) and (max-width: 1280px) and (orientation: landscape){.wrap-main-nav-desktop,#navigation-bottom-adress{display:none}.wrap-main-nav-mobile{display:block}.break-landscape{display:block}.break-portrait{display:none}}@media only screen and (min-width: 1240px){.wrap-main-nav-desktop,#navigation-bottom-adress{display:block}.wrap-main-nav-mobile{display:none}.nav-container{gap:15px 10px}.break-landscape,.break-portrait{display:none}}.nav-item-mobile{position:relative;display:block;width:375px;box-sizing:border-box}.nav-item-mobile .nav-item-title{display:block;width:300px;height:60px;float:left}.nav-item-mobile .nav-top-selected{line-height:60px;margin:0;font-size:22px}.wrap-main-nav-mobile .nav-item-title{color:#fff;line-height:60px;font-size:22px}.wrap-main-nav-mobile .nav-item-mobile:nth-child(2) .nav-item-title,.wrap-main-nav-mobile .nav-item-mobile:nth-child(2) .nav-menu-mobile{background-color:var(--color-opt-1)}.wrap-main-nav-mobile .nav-item-mobile:nth-child(3) .nav-item-title,.wrap-main-nav-mobile .nav-item-mobile:nth-child(3) .nav-menu-mobile{background-color:var(--color-opt-2)}.wrap-main-nav-mobile .nav-item-mobile:nth-child(4) .nav-item-title,.wrap-main-nav-mobile .nav-item-mobile:nth-child(4) .nav-menu-mobile{background-color:var(--color-opt-3)}.wrap-main-nav-mobile .nav-item-mobile:nth-child(5) .nav-item-title,.wrap-main-nav-mobile .nav-item-mobile:nth-child(5) .nav-menu-mobile{background-color:var(--color-opt-4)}.wrap-main-nav-mobile .nav-item-mobile:nth-child(6) .nav-item-title,.wrap-main-nav-mobile .nav-item-mobile:nth-child(6) .nav-menu-mobile{background-color:var(--color-opt-5)}.wrap-main-nav-mobile .nav-item-mobile:nth-child(7) .nav-item-title,.wrap-main-nav-mobile .nav-item-mobile:nth-child(7) .nav-menu-mobile{background-color:var(--color-opt-6)}.nav-item-mobile .nav-icon{display:block;width:60px;float:right;background-color:transparent}.nav-item-mobile .nav-menu-mobile{position:relative;display:block;padding:0 15px;clear:both;width:300px;height:0;overflow:hidden;box-sizing:border-box;margin-bottom:20px;-webkit-transition:height .2s ease-in-out;-moz-transition:height .2s ease-in-out;-o-transition:height .2s ease-in-out;transition:height .2s ease-in-out}.nav-menu-mobile *{display:inline-block;padding:7px 0;line-height:130%!important;background-color:transparent!important;color:#fff!important}.nav-item-mobile .nav-top-selected{cursor:pointer;cursor:hand}.nav-menu-mobile .nav-left-sublevel-selected{color:#000!important}.nav-item-mobile .open-up{height:auto}div.wrap-info-nav-tablet *{display:block!important;margin:0!important;line-height:32px!important}@media only screen and (max-width: 768px){div.wrap-info-nav-tablet{display:block;position:relative;text-align:center;margin:0 0 35px;top:0}}@media only screen and (min-width: 768px),only screen and (min-width: 764px) and (max-width: 1280px) and (orientation: portrait){div.wrap-info-nav-tablet{display:block}}@media only screen and (min-width: 1024px),only screen and (min-width: 1020px) and (max-width: 1280px) and (orientation: landscape){div.wrap-info-nav-tablet{display:none}}@media only screen and (max-width: 768px){.nav-item-mobile,.nav-item-title,.nav-menu-mobile{width:100%!important}.nav-item-mobile .nav-icon{display:none}}
/* VORSORGEFONDS */
.fonds-title{position:relative;display:block;width:100%;margin-bottom:20px;overflow:hidden}.fonds-title div{float:left;width:25%}.fonds-title div:first-child{width:50%}.wrap-fonds{position:relative;display:block;overflow:hidden}.wrap-fonds div{box-sizing:border-box;padding-right:20px;float:left;width:25%}.wrap-fonds div:first-child{width:50%}.wrap-fonds div span{display:none}@media only screen and (max-width: 768px){.fonds-title div:not(:first-child){display:none}.wrap-fonds div{width:100%!important;float:none}.wrap-fonds div span{display:inline}}@media only screen and (min-width: 768px),only screen and (min-width: 764px) and (max-width: 1280px) and (orientation: portrait){.fonds-title div:not(:first-child){display:none}.wrap-fonds div{width:100%!important;float:none}.wrap-fonds div span{display:inline}}@media only screen and (min-width: 1024px),only screen and (min-width: 1020px) and (max-width: 1280px) and (orientation: landscape){.fonds-title div{display:block!important;float:left;width:25%}.fonds-title div:first-child{width:50%}.wrap-fonds div{float:left!important;width:25%!important}.wrap-fonds div:first-child{width:50%!important}.wrap-fonds div span{display:none}}@media only screen and (min-width: 1240px){.fonds-title div{display:block!important;float:left;width:25%}.fonds-title div:first-child{width:50%}.wrap-fonds div{float:left;width:25%!important}.wrap-fonds div:first-child{width:50%!important}.wrap-fonds div span{display:none}}