@font-face{font-family:'Jrast Footer';font-style:normal;font-weight:400 800;font-display:swap;src:url('../../persoenlich/fonts/bricolage-grotesque-normal.woff2') format('woff2')}
.bf-footer{--bf-bg:#080808;--bf-ink:#f4f1e8;--bf-orange:#eb771b;--bf-muted:#b2b1a9;position:relative;margin:0;background:var(--bf-bg);color:var(--bf-ink);font-family:'Jrast Footer',sans-serif;isolation:isolate;box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px);scroll-margin-top:55px}
.bf-footer *,.bf-footer *::before,.bf-footer *::after{box-sizing:border-box}
.bf-footer a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(235,119,27,.12)}
.bf-footer a:focus-visible,.bf-footer button:focus-visible{outline:2px solid var(--bf-orange);outline-offset:3px}
.bf-footer img{display:block;max-width:100%}
.bf-footer svg{display:block}
.bf-footer p,.bf-footer figure{margin:0}
.bf-footer button{font:inherit}
.bf-footer a:hover{color:var(--bf-orange)}
.cf-company-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2px 18px;font:11px/16px 'Jrast Footer',sans-serif;color:#aaa79f;padding:6px 0}

.bf-footer.cf-panorama{position:relative;isolation:isolate;overflow:hidden;padding:clamp(24px,2.6vw,40px) 4.5vw env(safe-area-inset-bottom,0px);background:var(--bf-bg);font-family:'Jrast Footer',sans-serif}
.cf-pa-channel{display:contents}.cf-pa-desktop-legal{display:none}
.cf-pa-content{position:relative;z-index:1;max-width:1600px;margin:0 auto;border:0}
.cf-pa-top{display:flex;align-items:center;justify-content:space-between;min-height:99px;gap:20px}
.cf-pa-brand{display:block;width:160px;flex:none}.cf-pa-brand img{display:block;width:100%;height:auto}
.cf-pa-address{display:flex;flex-direction:column;align-items:flex-start;text-align:left;font-size:13px;line-height:1.5;white-space:nowrap}
.cf-pa-address strong{font-size:14px;font-weight:600;margin-bottom:3px}
.cf-pa-arrow{width:12px;height:12px;stroke:var(--bf-orange);stroke-width:1.8;fill:none;display:inline-block!important;margin-left:3px;vertical-align:-1px}
.cf-pa-contact{border:0;display:flex;justify-content:space-between;align-items:center;gap:12px;background:transparent}
.cf-pa-contact a:not(.cf-pa-desktop-legal){display:flex;align-items:center;gap:10px;min-height:45px;font-size:15px;white-space:nowrap}
.cf-pa-contact svg{width:18px;height:18px;fill:none;stroke:var(--bf-orange);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;flex:none}
.cf-pa-contact a:not(.cf-pa-desktop-legal):last-child svg{color:var(--bf-orange)}
.cf-pa-contact a:not(.cf-pa-desktop-legal) span{position:relative}
.cf-pa-contact a:not(.cf-pa-desktop-legal) span::after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--bf-orange);transform:scaleX(0);transform-origin:0 50%;transition:transform .25s ease}
.cf-pa-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:30px;font-size:10px;color:#bab7af}
.cf-pa-bottom nav{display:flex;gap:23px}.cf-pa-bottom a{display:flex;align-items:center;min-height:30px}
@media(hover:hover) and (pointer:fine){.cf-pa-contact a:not(.cf-pa-desktop-legal):hover span::after{transform:scaleX(1)}}
@media(max-width:700px){
 .bf-footer.cf-panorama{padding-left:5vw;padding-right:5vw}
 .cf-pa-top{min-height:99px;gap:14px}.cf-pa-brand{width:134px}
 .cf-pa-address{font-size:12px;line-height:1.55}.cf-pa-address strong{font-size:12px;margin-bottom:2px}
 .cf-pa-contact{gap:0 10px;flex-wrap:wrap}.cf-pa-contact a:not(.cf-pa-desktop-legal){font-size:12px;gap:5px;min-height:39px}.cf-pa-contact svg{width:16px;height:16px}
 .cf-pa-bottom nav{gap:15px}.cf-pa-bottom a{min-height:30px}
}
@media(max-width:359px){.cf-pa-brand{width:119px}.cf-pa-contact a:not(.cf-pa-desktop-legal){min-height:34px}.cf-pa-top{min-height:94px}.cf-pa-bottom nav{gap:12px}}
@media(prefers-reduced-motion:reduce){.cf-panorama *{animation:none!important;transition:none!important}}
/* The compact mobile creator/legal row allows its longer credit to wrap. */
.cf-pa-bottom{column-gap:18px;row-gap:0;flex-wrap:wrap}
.cf-pa-bottom .cf-creator{display:flex;flex-wrap:wrap;gap:0 5px;line-height:1.45;font-size:10px;min-height:30px;color:#aaa79f}
.cf-creator span{white-space:nowrap}
.cf-creator span:last-child{text-decoration:underline;text-decoration-color:#ffffff35;text-underline-offset:3px}
.cf-pa-bottom nav{margin-left:auto;flex:none}
@media(max-width:430px){.cf-pa-bottom{align-items:flex-end;padding:3px 0 4px;gap:0 9px;flex-wrap:nowrap}.cf-pa-bottom .cf-creator{display:block;max-width:155px;padding:3px 0;line-height:1.4}.cf-creator span{display:block}.cf-pa-bottom nav{align-self:flex-end;gap:12px}.cf-pa-bottom nav a{min-height:33px}}

/* At desktop widths the same content becomes one horizontal main row. */
@media(min-width:1000px){
 .cf-pa-main{display:grid;grid-template-columns:146px minmax(420px,1fr) max-content;column-gap:clamp(40px,5vw,96px);align-items:center;padding:18px 0}
 .cf-pa-top{display:contents}
 .cf-pa-brand{grid-column:1;grid-row:1;width:146px}
 .cf-pa-address{grid-column:3;grid-row:1;justify-self:end;font-size:12px;line-height:1.5}
 .cf-pa-address strong{font-size:13px;margin-bottom:2px}
 .cf-pa-contact{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:0;gap:0}
 .cf-pa-channel{display:flex;flex-direction:column;align-items:flex-start;justify-self:center}
 .cf-pa-contact a:not(.cf-pa-desktop-legal){min-height:44px;font-size:15px;gap:9px}
 .cf-pa-contact .cf-pa-desktop-legal{display:flex;align-items:center;position:absolute;bottom:8px;margin-left:27px;min-height:30px;font-size:10px;line-height:1.45;color:#bab7af}
 .cf-pa-details{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;column-gap:clamp(18px,2.4vw,40px);padding:2px 0 8px}
 .cf-pa-details .cf-company-meta{grid-column:3;grid-row:1;justify-self:end;flex-direction:column;align-items:flex-start;text-align:left;justify-content:center;min-height:45px;gap:0;padding:0;font-size:10px;line-height:15px}
 .cf-pa-bottom{display:contents}
 .cf-pa-bottom .cf-creator{grid-column:1;grid-row:1;white-space:nowrap}
 .cf-pa-bottom nav{display:none}
}

/* Same soft black as the "Reparieren, wo es geht" portrait band on About. */
.bf-footer{--bf-bg:#181916}
.cf-company-meta{font-family:'Jrast Footer',sans-serif}
@media(max-width:700px){.cf-company-meta{font-size:10px;line-height:15px;gap:1px 12px;padding:5px 0}}
body.jr-footer-visible .nav-segs{visibility:hidden}