@font-face{font-family:"Bricolage Grotesque";src:url(/wp-content/uploads/banana-assets/fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/wp-content/uploads/banana-assets/fonts/sourcesans-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/wp-content/uploads/banana-assets/fonts/sourcesans-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(/wp-content/uploads/banana-assets/fonts/sourcesans-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/wp-content/uploads/banana-assets/fonts/jetbrains-500.woff2) format("woff2");font-weight:500;font-display:swap}
:root{
  --bg:#F6F7F4; --panel:#FFFFFF; --ink:#13201C; --muted:#53615B; --line:#DCE1DC;
  --accent:#F2C230; --accent-ink:#13201C; --teal:#1E6B5F; --teal-soft:#E3EFEC;
  --good:#2E8B57; --warn:#D9A21B; --crit:#C8452F; --hero:#13201C; --hero-fg:#F6F7F4; --hero-muted:#AEBDB6;
  --f-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --f-body:"Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --f-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;
  --r:10px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0F1714; --panel:#16211D; --ink:#E9EEEA; --muted:#A3B2AB; --line:#2A3833;
  --accent:#F2C230; --accent-ink:#13201C; --teal:#5FB8A8; --teal-soft:#1B2E29;
  --good:#4CB37A; --warn:#E5B53A; --crit:#E2674F; --hero:#0A110E; --hero-fg:#F0F4F1; --hero-muted:#9DB0A8; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0F1714; --panel:#16211D; --ink:#E9EEEA; --muted:#A3B2AB; --line:#2A3833;
  --accent:#F2C230; --accent-ink:#13201C; --teal:#5FB8A8; --teal-soft:#1B2E29;
  --good:#4CB37A; --warn:#E5B53A; --crit:#E2674F; --hero:#0A110E; --hero-fg:#F0F4F1; --hero-muted:#9DB0A8; color-scheme:dark}
.bn,.bn *{box-sizing:border-box}
.bn{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6;margin:0}
.bn h1,.bn h2,.bn h3{font-family:var(--f-display);line-height:1.12;text-wrap:balance;margin:0}
.bn h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;letter-spacing:-.02em}
.bn h2{font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:700;letter-spacing:-.01em}
.bn h3{font-size:1.2rem;font-weight:700}
.bn p{margin:0;max-width:65ch}
.bn a{color:inherit}
.bn :focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.bn .wrap{max-width:1160px;margin:0 auto;padding-inline:20px}
.bn .eyebrow{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.bn .preview-bar{background:var(--accent);color:var(--accent-ink);font-size:.85rem;text-align:center;padding:6px 16px;font-weight:600}
.bn header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--panel);border-bottom:1px solid var(--line)}
.bn .nav{display:flex;align-items:center;gap:24px;min-height:68px}
.bn .logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-display);font-weight:800;font-size:1.3rem;letter-spacing:-.02em}
.bn .logo svg{flex:none}
.bn .logo small{display:block;font-family:var(--f-body);font-weight:600;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:-4px}
.bn .menu{display:flex;gap:4px;margin-left:auto;align-items:center;flex-wrap:wrap}
.bn .menu a{text-decoration:none;padding:8px 12px;border-radius:8px;font-weight:600;font-size:.95rem;color:var(--muted)}
.bn .menu a:hover{color:var(--ink);background:var(--teal-soft)}
.bn .menu a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent)}
.bn .btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;padding:12px 20px;border-radius:8px;border:2px solid transparent;cursor:pointer;font-family:var(--f-body);font-size:1rem}
.bn .btn-primary{background:var(--accent);color:var(--accent-ink)}
.bn .btn-primary:hover{filter:brightness(1.05)}
.bn .btn-ghost{border-color:currentColor;background:transparent;color:inherit}
.bn .menu .btn{color:var(--accent-ink);margin-left:8px;padding:9px 16px}
.bn .burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 12px;color:var(--ink);font-weight:700;font-family:var(--f-body)}
@media (max-width:900px){.bn .burger{display:block}
.bn .menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--panel);flex-direction:column;align-items:stretch;padding:12px 20px 20px;border-bottom:1px solid var(--line)}
.bn .menu.open{display:flex}
.bn .menu .btn{margin:8px 0 0;justify-content:center}}
.bn section{padding-block:72px}
.bn .alt{background:var(--panel);border-block:1px solid var(--line)}
.bn .hero{background:var(--hero);color:var(--hero-fg);padding-block:72px 80px}
.bn .hero p{color:var(--hero-muted);font-size:1.15rem}
.bn .hero .eyebrow{color:var(--accent)}
.bn .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.bn .hero-grid>*{min-width:0}
.bn .stack{display:flex;flex-direction:column;gap:20px}
.bn .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
@media (max-width:900px){.bn .hero-grid{grid-template-columns:1fr;gap:40px}}
.bn .report{background:#FFFFFF;color:#13201C;border-radius:12px;padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.35);font-size:.9rem;position:relative}
.bn .report-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #DCE1DC;padding-bottom:12px;margin-bottom:12px}
.bn .report-head b{font-family:var(--f-display);font-size:1.05rem;display:block}
.bn .report-head span{color:#53615B;font-size:.8rem}
.bn .tag{font-family:var(--f-mono);font-size:.7rem;background:#F2C230;color:#13201C;border-radius:4px;padding:2px 6px;align-self:flex-start;white-space:nowrap}
.bn .rrow{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dashed #E4E8E4}
.bn .rrow code{font-family:var(--f-mono);font-size:.75rem;color:#1E6B5F;min-width:72px}
.bn .dot{width:12px;height:12px;border-radius:50%}
.bn .d-g{background:#2E8B57}
.bn .d-y{background:#D9A21B}
.bn .d-r{background:#C8452F}
.bn .score{display:flex;gap:16px;margin-top:14px;font-size:.8rem;color:#53615B}
.bn .score span{display:flex;align-items:center;gap:6px}
.bn .sample{position:absolute;right:14px;bottom:-12px;background:#13201C;color:#F6F7F4;font-size:.7rem;padding:3px 8px;border-radius:4px;font-family:var(--f-mono)}
.bn .grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.bn .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bn .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.bn .grid2>*,.bn .grid3>*,.bn .grid4>*{min-width:0}
@media (max-width:900px){.bn .grid2,.bn .grid3{grid-template-columns:1fr}
.bn .grid4{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.bn .grid4{grid-template-columns:1fr}}
.bn .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:14px}
.bn .alt .card{background:var(--bg)}
.bn .focus-card{border-top:5px solid var(--accent)}
.bn .focus-card .link{margin-top:auto;font-weight:700;color:var(--teal);text-decoration:none}
.bn .focus-card .link:hover{text-decoration:underline}
.bn .sec-head{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}
.bn .sec-head p{color:var(--muted)}
.bn .icon{width:44px;height:44px;border-radius:10px;background:var(--teal-soft);display:grid;place-items:center;color:var(--teal)}
.bn .muted{color:var(--muted)}
.bn .tile{padding:22px;gap:10px}
.bn .tile h3{font-size:1.05rem}
.bn .tile p{font-size:.95rem;color:var(--muted)}
.bn .cta{background:var(--accent);color:var(--accent-ink)}
.bn .cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.bn .cta p{opacity:.85}
.bn .cta .btn-dark{background:var(--accent-ink);color:#F6F7F4}
.bn .contact-line{font-size:.95rem;margin-top:10px;user-select:all}
.bn .steps{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:s}
.bn .steps li{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--line);counter-increment:s}
.bn .steps li:last-child{border-bottom:1px solid var(--line)}
.bn .steps li::before{content:counter(s,decimal-leading-zero);font-family:var(--f-mono);font-size:1.4rem;color:var(--teal);padding-top:2px}
.bn .steps h3{margin-bottom:6px}
.bn .steps p{color:var(--muted)}
.bn .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.bn .chip{font-family:var(--f-mono);font-size:.72rem;border:1px solid var(--line);border-radius:4px;padding:2px 7px;color:var(--teal);background:var(--panel)}
.bn .checks{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.bn .checks li{display:grid;grid-template-columns:24px 1fr;gap:10px}
.bn .checks li::before{content:"";width:20px;height:20px;margin-top:3px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%2313201C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.bn .qlist{display:grid;gap:10px;margin-top:18px}
.bn .qlist div{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 16px;font-weight:600}
.bn .alt .qlist div{background:var(--bg)}
.bn details{border-top:1px solid var(--line);padding:16px 0}
.bn details:last-of-type{border-bottom:1px solid var(--line)}
.bn summary{cursor:pointer;font-weight:700;font-size:1.05rem}
.bn details p{margin-top:10px;color:var(--muted)}
.bn .ph{background:repeating-linear-gradient(-45deg,transparent 0 8px,rgba(217,162,27,.12) 8px 16px);border:1px dashed var(--warn);border-radius:4px;padding:0 4px}
.bn form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bn form .full{grid-column:1/-1}
.bn label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.92rem}
.bn input,.bn select,.bn textarea{font:inherit;font-weight:400;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}
.bn .alt input,.bn .alt select,.bn .alt textarea{background:var(--bg)}
.bn textarea{min-height:110px;resize:vertical}
.bn .consent{flex-direction:row;align-items:flex-start;font-weight:400;gap:10px}
.bn .consent input{margin-top:5px}
.bn .formmsg{grid-column:1/-1;background:var(--teal-soft);border-radius:8px;padding:12px 16px;font-weight:600}
@media (max-width:620px){.bn form{grid-template-columns:1fr}}
.bn .portrait{aspect-ratio:4/5;max-width:100%;border-radius:12px;overflow:hidden;background:var(--teal-soft);position:relative}
.bn .portrait svg{width:100%;height:100%;display:block}
.bn .portrait .note{position:absolute;left:12px;bottom:12px;background:var(--panel);color:var(--ink);font-size:.78rem;padding:4px 10px;border-radius:6px;font-family:var(--f-mono)}
.bn .quote{font-family:var(--f-display);font-size:1.35rem;font-weight:500;line-height:1.35;border-left:4px solid var(--accent);padding-left:18px}
.bn .policy{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;font-size:.92rem}
.bn .policy-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);align-items:center}
.bn .policy-row:last-child{border-bottom:0}
.bn .pill{font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap}
.bn .p-ok{background:color-mix(in srgb,var(--good) 18%,transparent);color:var(--good)}
.bn .p-warn{background:color-mix(in srgb,var(--warn) 22%,transparent);color:var(--warn)}
.bn .p-no{background:color-mix(in srgb,var(--crit) 18%,transparent);color:var(--crit)}
.bn .team{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bn .team>*{min-width:0}
@media (max-width:900px){.bn .team{grid-template-columns:1fr}}
.bn .avatar{aspect-ratio:1;border-radius:10px;background:var(--teal-soft);display:grid;place-items:center;font-family:var(--f-display);font-size:2.6rem;font-weight:800;color:var(--teal)}
.bn .facts{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:8px}
.bn .facts div{display:flex;flex-direction:column}
.bn .facts b{font-family:var(--f-display);font-size:1.6rem}
.bn .facts span{color:var(--muted);font-size:.9rem}
.bn footer{background:var(--hero);color:var(--hero-muted);padding-block:48px 32px;font-size:.92rem}
.bn .foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.bn .foot>*{min-width:0}
.bn .foot h4{color:var(--hero-fg);margin:0 0 10px;font-family:var(--f-display)}
.bn .foot a{color:var(--hero-muted);text-decoration:none;display:block;padding:2px 0}
.bn .foot a:hover{color:var(--hero-fg)}
.bn .legal{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:20px;font-size:.82rem}
@media (max-width:760px){.bn .foot{grid-template-columns:1fr}}
.bn .profile{align-items:center;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
@media (max-width:900px){.bn .profile{grid-template-columns:1fr}
.bn .profile .portrait{max-width:360px}}
.bn .legaltext{max-width:760px;display:flex;flex-direction:column;gap:14px}
.bn .legaltext h1{margin-bottom:8px}
.bn .legaltext h2{font-size:1.35rem;margin-top:28px}
.bn .legaltext h3{font-size:1.05rem;margin-top:14px}
.bn .legaltext ul{margin:0;padding-left:20px;display:grid;gap:6px}
.bn .legaltext a{color:var(--teal)}
.bn .callout{background:var(--teal-soft);border-radius:8px;padding:14px 18px}
.bn .consent a{color:var(--teal)}
.bn .partners{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.bn .partners>*{min-width:0}
@media (max-width:900px){.bn .partners{grid-template-columns:1fr}}
.bn .partner{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:28px;display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start}
.bn .alt .partner{background:var(--bg)}
.bn .partner>*{min-width:0}
@media (max-width:620px){.bn .partner{grid-template-columns:1fr}}
.bn .logo-slot{aspect-ratio:3/2;max-width:100%;border:1.5px dashed var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;gap:6px;background:#FFFFFF;color:#53615B}
.bn .logo-slot span{font-weight:700;font-size:.85rem;color:#13201C}
.bn .logo-slot small{font-size:.72rem}
.bn .logo-slot.has-logo{border:1px solid var(--line);padding:16px}
.bn .logo-slot img{max-width:100%;max-height:100%;object-fit:contain}
.bn .symbol-tag{position:absolute;left:10px;bottom:10px;background:rgba(19,32,28,.78);color:#F6F7F4;font-family:var(--f-mono);font-size:.68rem;padding:3px 8px;border-radius:4px;letter-spacing:.04em}
@media (prefers-reduced-motion:no-preference){@keyframes fade{from{opacity:.4}to{opacity:1}}}
/* WordPress-Anpassungen */
.bn h1,.bn h2,.bn h3,.bn h4,.bn p,.bn li,.bn label,.bn summary{color:inherit;margin-top:0;margin-bottom:0}
.bn h1,.bn h2,.bn h3{font-family:var(--f-display);line-height:1.12;letter-spacing:normal}
.bn h1{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.02em}
.bn h2{font-size:clamp(1.6rem,3.2vw,2.3rem);letter-spacing:-.01em}
.bn h3{font-size:1.2rem}
.bn .legaltext h2{font-size:1.35rem;margin-top:28px}
.bn .legaltext h3{font-size:1.05rem;margin-top:14px}
.bn .tile h3{font-size:1.05rem}
.bn img{height:auto}
.bn .portrait img,.bn .avatar img{height:100%}
body:has(.bn){margin:0;background:var(--bg)}
.bn{min-height:100vh;display:flex;flex-direction:column}
.bn main{flex:1}
.admin-bar .bn header{top:32px}
@media (max-width:782px){.admin-bar .bn header{top:46px}}
.bn .wpcf7-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bn .wpcf7-form>p{margin:0}
.bn .wpcf7-form>p:has(.full),.bn .wpcf7-form>p:has(.wpcf7-submit),.bn .wpcf7-form .wpcf7-response-output{grid-column:1/-1}
.bn .wpcf7-form br{display:none}
.bn .wpcf7-form>div.full{grid-column:1/-1}
.bn .wpcf7-form .full .wpcf7-list-item{margin:0}
.bn .wpcf7-form label{display:flex;flex-direction:column;gap:6px}
.bn .wpcf7-form .wpcf7-form-control-wrap{display:block}
.bn .wpcf7-form input:not([type=checkbox]):not([type=submit]),.bn .wpcf7-form select,.bn .wpcf7-form textarea{width:100%}
.bn .wpcf7-acceptance label{flex-direction:row;font-weight:400;gap:10px;align-items:flex-start}
.bn .wpcf7-submit{background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;padding:12px 20px;font-weight:700;font-family:var(--f-body);font-size:1rem;cursor:pointer}
.bn .wpcf7-not-valid-tip{color:var(--crit);font-size:.85rem}
.bn .wpcf7-response-output{margin:0!important;border-radius:8px}
@media (max-width:620px){.bn .wpcf7-form{grid-template-columns:1fr}}