@import url('/bower_components/fontawesome/css/font-awesome.min.css');
/* Shared chrome extracted from the company app pages. Original design: Édouard Puginier. */
.mainNavigation{font-size:16px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;top:0;text-align:center;background-position:center 0;background-image:url(/images/headerBackground.png);background-repeat:no-repeat;min-height:114px;font-family:Lato,sans-serif;font-weight:300;letter-spacing:1px}
.headerLogo{background-image:url(/images/logoTheKeptPromiseFull.png);display:block;height:40px;position:absolute;left:20px;top:30px;width:200px}
.menu{list-style:none;margin:0;padding:0}
.mainMenu{display:inline-block;left:200px;margin-left:auto;margin-right:auto;position:absolute;right:60px;top:40px}
.mainMenu>.menu-item{display:inline-block;margin-right:2em}
.mainMenu>.menu-item:last-child{margin-right:0}
.mainMenu>.menu-item.tkp_isTriggered .menuLayouter{display:block}
#_feedbackToggle,.menu-item{cursor:pointer}
.menu-item a{color:inherit}
.menuLayouter{display:none;margin-top:20px}
.menu-item a,.menu-link{text-decoration:none}
.appsMenu{-webkit-box-shadow:0 10px 20px rgba(0,0,0,.2);box-shadow:0 10px 20px rgba(0,0,0,.2);z-index:1;position:absolute;background-color:#fff;border-radius:6px;width:200px;padding:1rem;font-size:.8em}
.appsMenu:before{content:'';position:absolute;top:-20px;left:10px;width:0;height:0;border:10px solid transparent;border-bottom:10px solid #fff}
.appsMenu>.menu-item{line-height:24px}
.appsMenu>.menu-item:hover{font-weight:700}
.socialsMenu{position:absolute;right:20px;top:40px}
.socialsMenu>.menu-item{display:inline-block;margin-right:1em}
.socialsMenu>.menu-item:last-child{margin-right:0}
#copyright,#impressum{font-size:10px;font-weight:400;bottom:10px;position:absolute}
#copyright{right:10px}
#impressum{left:10px}
#footer{position:relative;background:0 0;min-height:100px;margin-bottom:0}
#copyright,#copyright a,#copyright a:hover,#impressum,#impressum a,#impressum a:hover{color:#000}
.tkp-site-header{position:relative;height:114px;z-index:20;color:#000}
.tkp-site-header .mainNavigation a{color:inherit}
.tkp-site-header .mainNavigation{z-index:20;background-color:transparent;background-image:url(/images/headerBackground.png)}
.tkp-site-header .headerLogo{background-size:contain;background-repeat:no-repeat}
.tkp-site-header .appsMenu{text-align:left;z-index:30}
.tkp-site-header .mainMenu>.menu-item:focus-within .menuLayouter{display:block}
.tkp-site-header .menu-trigger{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;letter-spacing:inherit}
.tkp-site-header .socialsMenu a{display:inline-block;min-width:18px}
#footer.tkp-site-footer{position:relative;min-height:36px;color:#000}
@media(max-width:760px){
 .tkp-site-header{height:155px}
 .tkp-site-header .mainNavigation{height:155px}
 .tkp-site-header .headerLogo{left:20px;top:22px}
 .tkp-site-header .mainMenu{top:100px;left:18px;right:18px;font-size:12px;display:flex;justify-content:center;gap:16px}
 .tkp-site-header .mainMenu>.menu-item{margin-right:0}
 .tkp-site-header .socialsMenu{top:35px;right:18px}
 .tkp-site-header .appsMenu{width:175px}
 .tkp-site-header .secondMenu{left:80px}
 .tkp-site-footer #copyright,.tkp-site-footer #impressum{position:static;text-align:center;margin:6px 0}
 .tkp-site-footer{padding:6px 10px}
}

/* Clear glass: blur the wallpaper behind the chrome without adding a colour fill. */
.tkp-site-header,.tkp-site-footer{background:transparent;isolation:isolate}
.newsletter-site .tkp-site-header::before,.newsletter-site .tkp-site-footer::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--tkp-chrome-tint,rgba(255,255,255,.38));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.newsletter-site .tkp-site-header::before{-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}
.newsletter-site .tkp-site-footer::before{-webkit-mask-image:linear-gradient(transparent,#000 70%);mask-image:linear-gradient(transparent,#000 70%)}