/*
Theme Name: JK Buchhaltung Lohn & Büroservice – Hanseatische Klarheit
Theme URI: https://buchhaltung-bibu.de/
Description: Einzelnes Elementor-fähiges WordPress-Theme mit vollständiger editierbarer JK-Buchhaltung-Website.
Version: 1.3.0
Author: Manus AI
Text Domain: bibu
*/
/* Design: Hanseatische Klarheit — editoriale Lesespur, Hafenpetrol und persönliche Fachnähe. */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--petrol:#154b54;--deep:#0c343b;--sand:#c9a66b;--paper:#fcfbf8;--mist:#e9f1f1;--ink:#193036;--muted:#607077;--line:rgba(21,75,84,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.bibu-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}.bibu-eyebrow{margin:0 0 13px;color:var(--petrol);font-size:11px;font-weight:800;line-height:1.25;letter-spacing:.14em;text-transform:uppercase}.bibu-eyebrow.dot:before{content:"";display:inline-block;width:8px;height:8px;margin:0 10px 1px 0;border-radius:50%;background:var(--sand)}h1,h2,h3{color:var(--deep);font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.032em;line-height:1.05}h1{margin:0 0 25px;font-size:clamp(48px,6.1vw,86px)}h1 em{color:var(--petrol)}h2{margin:0 0 18px;font-size:clamp(36px,4.2vw,59px)}h3{margin:0 0 9px;font-size:28px}.bibu-section{padding:116px 0}.bibu-button{display:inline-flex;align-items:center;gap:9px;padding:16px 21px;border:0;color:#fff;background:var(--petrol);font-size:12px;font-weight:800;letter-spacing:.02em;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s}.bibu-button:hover{transform:translateY(-2px);color:#fff;background:var(--deep)}.bibu-button:active{transform:scale(.97)}.bibu-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--petrol);font-size:13px;font-weight:800}.bibu-text-link:after{content:'↗';font-size:18px;line-height:1;transition:transform .18s}.bibu-text-link:hover:after{transform:translate(3px,-3px)}
/* Header */.bibu-header{position:sticky;z-index:50;top:0;border-bottom:1px solid rgba(21,75,84,.1);background:rgba(252,251,248,.96);backdrop-filter:blur(15px)}.bibu-utility{color:#f5fbfa;background:var(--deep);font-size:11px;font-weight:700;letter-spacing:.04em}.bibu-utility-inner,.bibu-nav-row,.bibu-utility-links{display:flex;align-items:center}.bibu-utility-inner{min-height:34px;justify-content:space-between}.bibu-utility-links{gap:24px}.bibu-nav-row{min-height:82px;justify-content:space-between;gap:30px}.bibu-brand{display:inline-flex;align-items:center;gap:10px;min-width:205px}.bibu-brand-mark{width:40px;height:40px;object-fit:contain}.bibu-brand-word{display:grid;line-height:1}.bibu-brand strong{color:var(--deep);font-size:23px;letter-spacing:-.06em}.bibu-brand small{margin-top:5px;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.bibu-menu ul{display:flex;gap:26px;margin:0 0 0 auto;padding:0;list-style:none}.bibu-menu a{position:relative;color:#34484d;font-size:13px;font-weight:700}.bibu-menu a:after{position:absolute;right:0;bottom:-7px;left:0;height:2px;background:var(--sand);content:"";transform:scaleX(0);transform-origin:left;transition:transform .18s}.bibu-menu a:hover:after,.bibu-menu .current-menu-item a:after{transform:scaleX(1)}.bibu-header-cta{padding:13px 16px;color:#fff;background:var(--petrol);font-size:12px;font-weight:800}.bibu-header-cta:hover{color:#fff;background:var(--deep)}.bibu-menu-toggle{display:none}
/* Hero and content */.bibu-hero{position:relative;min-height:665px;overflow:hidden;border-bottom:1px solid var(--line)}.bibu-hero-media{position:absolute;inset:0}.bibu-hero-media:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(252,251,248,.98) 0%,rgba(252,251,248,.92) 32%,rgba(252,251,248,.22) 65%,rgba(252,251,248,.02) 100%);content:""}.bibu-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.bibu-hero-content{position:relative;z-index:1;padding-top:126px}.bibu-hero h1{max-width:780px}.bibu-lead{max-width:550px;margin:0 0 32px;color:#43555a;font-size:18px;line-height:1.65}.bibu-hero-actions{display:flex;align-items:center;gap:28px}.bibu-trust-line{position:absolute;bottom:40px;display:flex;color:#506166;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.bibu-trust-line span{padding:0 16px;border-right:1px solid var(--line)}.bibu-trust-line span:first-child{padding-left:0}.bibu-split-intro{display:grid;grid-template-columns:1fr 2.1fr 1.55fr;gap:52px;align-items:start}.bibu-number span{display:block;color:var(--sand);font:48px/.8 'DM Serif Display',Georgia,serif}.bibu-number p{margin-top:14px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.bibu-intro-copy{padding-top:5px;color:#4c5c60}.bibu-intro-copy p{margin-bottom:25px}.bibu-services{background:var(--mist)}.bibu-section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:50px}.bibu-section-heading h2{margin:0}.bibu-section-heading>p{max-width:365px;margin:0 0 5px;color:#506166;font-size:14px}.bibu-service-list{border-top:1px solid var(--line)}.bibu-service-row{display:grid;grid-template-columns:80px 1.2fr 1fr 32px;gap:22px;align-items:center;min-height:168px;padding:29px 7px;border-bottom:1px solid var(--line);transition:padding .2s,background .2s}.bibu-service-row:hover{padding-right:16px;padding-left:18px;background:rgba(255,255,255,.4)}.bibu-service-index{align-self:start;color:var(--sand);font:32px/1 'DM Serif Display',Georgia,serif}.bibu-service-row p{max-width:415px;margin:0;color:#526267;font-size:13px;line-height:1.55}.bibu-service-row ul,.bibu-detail-groups ul{margin:0;padding:0;list-style:none;color:#456066;font-size:12px}.bibu-service-row li,.bibu-detail-groups li{margin:6px 0}.bibu-service-row li:before,.bibu-detail-groups li:before{color:var(--sand);content:'✓';margin-right:8px}.bibu-service-arrow{justify-self:end;color:var(--petrol);font-size:23px;transition:transform .18s}.bibu-service-row:hover .bibu-service-arrow{transform:translate(3px,-3px)}.bibu-legal-note{margin:38px 0 0;color:#607277;font-size:11px;line-height:1.55}.bibu-process{position:relative;min-height:720px;overflow:hidden;color:#edf4f2;background:var(--deep)}.bibu-process-media{position:absolute;inset:0 0 0 51%}.bibu-process-media:after{position:absolute;inset:0;background:linear-gradient(90deg,var(--deep),rgba(12,52,59,.8) 20%,rgba(12,52,59,.13));content:""}.bibu-process-media img{width:100%;height:100%;object-fit:cover}.bibu-process-grid{position:relative;z-index:1;display:grid;grid-template-columns:140px minmax(0,640px);gap:52px}.bibu-process .bibu-eyebrow,.bibu-process h2{color:#fff}.bibu-process .bibu-number p{color:#b6c9c7}.bibu-process-steps{margin-top:42px;border-top:1px solid rgba(255,255,255,.22)}.bibu-process-step{display:grid;grid-template-columns:42px 135px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.22)}.bibu-process-step b{color:var(--sand);font-size:12px}.bibu-process-step h3{margin:0;color:#fff;font-size:21px}.bibu-process-step p{margin:0;color:#d4e0de;font-size:13px;line-height:1.55}.bibu-audience{background:#f2f6f5}.bibu-audience-grid{display:grid;grid-template-columns:1.15fr 1.25fr .9fr;gap:55px;align-items:center}.bibu-audience-grid h2{font-size:clamp(33px,3.5vw,48px)}.bibu-tags{display:flex;flex-wrap:wrap;gap:9px}.bibu-tags span{padding:10px 12px;border:1px solid var(--line);color:#486268;background:rgba(255,255,255,.6);font-size:11px;font-weight:800}.bibu-note{padding:25px 0 25px 22px;border-left:2px solid var(--sand);color:#456066;font-size:13px;line-height:1.55}.bibu-personal-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:95px;align-items:center}.bibu-personal-image{position:relative;min-height:500px;overflow:hidden;background:var(--mist)}.bibu-personal-image img{width:100%;height:100%;object-fit:cover}.bibu-personal-content{max-width:475px}.bibu-personal-content>p{color:#4e6064}.bibu-signature{display:grid;margin:28px 0;padding-left:16px;border-left:2px solid var(--sand)}.bibu-signature strong{color:var(--deep);font-family:'DM Serif Display',Georgia,serif;font-size:24px;font-weight:400}.bibu-signature span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.bibu-contact-band{padding:74px 0;color:#fff;background:var(--deep)}.bibu-contact-band-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.bibu-contact-band h2{margin:0;color:#fff;font-size:clamp(37px,4vw,54px)}.bibu-sand-button{color:var(--deep);background:var(--sand)}.bibu-sand-button:hover{color:#fff;background:var(--petrol)}
/* Inner pages */.bibu-page-hero{padding:112px 0 94px;background:linear-gradient(115deg,#edf4f2 0%,var(--paper) 70%)}.bibu-page-hero-grid{display:grid;grid-template-columns:1fr 330px;gap:120px;align-items:end}.bibu-page-index{margin:-7px 0 17px;color:var(--sand);font:48px/1 'DM Serif Display',Georgia,serif}.bibu-contact-card{padding:28px;border-top:2px solid var(--sand);background:#fff;box-shadow:0 18px 42px rgba(21,75,84,.08)}.bibu-contact-card a{display:block;margin:12px 0;color:var(--petrol);font-size:14px;font-weight:800}.bibu-contact-card p:last-child{margin:22px 0 0;color:#627277;font-size:12px}.bibu-service-detail-grid{display:grid;grid-template-columns:.8fr 1.35fr;gap:110px}.bibu-detail-groups{display:grid;gap:42px}.bibu-detail-groups section{padding-bottom:35px;border-bottom:1px solid var(--line)}.bibu-detail-groups h3{font-size:30px}.bibu-detail-groups li{margin:10px 0;font-size:14px}.bibu-about-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end}.bibu-about-grid>div{padding-bottom:90px}.bibu-about-grid img{display:block;width:100%;min-height:430px;object-fit:cover}.bibu-contact-page-grid{display:grid;grid-template-columns:1.15fr .8fr;gap:130px;align-items:end}.bibu-form-section{background:var(--mist)}.bibu-form-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:120px;align-items:start}.bibu-form-intro p:not(.bibu-eyebrow){max-width:300px;color:#586a6e}.bibu-contact-form{padding:38px;background:#fff;box-shadow:0 20px 55px rgba(21,75,84,.08)}.bibu-contact-form p{margin:0 0 17px}.bibu-contact-form label{display:grid;gap:7px;color:var(--petrol);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.bibu-contact-form input,.bibu-contact-form textarea{width:100%;padding:13px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);outline:none;font-size:14px;font-weight:500}.bibu-contact-form input:focus,.bibu-contact-form textarea:focus{border-color:var(--petrol)}.bibu-form-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bibu-contact-form .bibu-consent{display:flex;gap:9px;align-items:flex-start;color:#617276;font-size:10px;font-weight:600;line-height:1.5;letter-spacing:0;text-transform:none}.bibu-contact-form .bibu-consent input{width:15px;margin-top:2px}.bibu-form-hint{color:#789095;font-size:10px;line-height:1.45}.bibu-legal-page{min-height:60vh}.bibu-legal-copy{max-width:790px}.bibu-legal-placeholder{color:var(--petrol);font:26px/1.35 'DM Serif Display',Georgia,serif}
/* Footer */.bibu-footer{color:#dbe7e4;background:#0d262c}.bibu-ledger{display:flex;gap:4px;height:10px;padding:3px 0;overflow:hidden;background:var(--sand)}.bibu-ledger span{display:block;width:33%;height:1px;margin-top:1px;background:rgba(13,38,44,.62)}.bibu-footer-grid{display:grid;grid-template-columns:1.45fr .8fr .8fr 1.1fr;gap:45px;padding:68px 0 54px}.bibu-footer .bibu-brand strong{color:#fff}.bibu-footer .bibu-brand small{color:#b5c9c5}.bibu-footer p:not(.bibu-eyebrow){max-width:330px;margin:20px 0 0;color:#a9bfbc;font-size:13px}.bibu-footer a:not(.bibu-brand){display:block;margin:6px 0;color:#edf4f2;font-size:12px;font-weight:700}.bibu-footer .bibu-eyebrow{color:var(--sand)}.bibu-footer-fine{color:#8fa9a5!important;font-size:10px!important;line-height:1.55}.bibu-footer-bottom{padding:20px 0 25px;border-top:1px solid rgba(255,255,255,.1);color:#90a7a4;font-size:10px}
@media(max-width:900px){.bibu-menu,.bibu-header-cta{display:none}.bibu-menu-toggle{display:block;padding:7px;border:0;color:var(--petrol);background:transparent}.bibu-menu-toggle[aria-expanded=true]+.bibu-menu{display:block;position:absolute;top:116px;right:0;left:0;padding:0 24px 20px;border-top:1px solid var(--line);background:var(--paper)}.bibu-menu-toggle[aria-expanded=true]+.bibu-menu ul{display:block;margin:0}.bibu-menu-toggle[aria-expanded=true]+.bibu-menu li{padding:12px 0;border-bottom:1px solid var(--line)}.bibu-menu-toggle[aria-expanded=true]+.bibu-menu a{font-size:14px}.bibu-split-intro,.bibu-audience-grid,.bibu-personal-grid,.bibu-service-detail-grid,.bibu-form-grid{grid-template-columns:1fr;gap:35px}.bibu-number{display:flex;gap:16px;align-items:center}.bibu-number p{margin:0}.bibu-section-heading{align-items:start;flex-direction:column}.bibu-service-row{grid-template-columns:54px 1fr 25px}.bibu-service-row ul{display:none}.bibu-process{min-height:auto}.bibu-process-media{inset:0;opacity:.24}.bibu-process-grid{grid-template-columns:1fr;gap:30px}.bibu-process-step{grid-template-columns:36px 105px 1fr}.bibu-personal-grid{gap:45px}.bibu-personal-image{min-height:400px}.bibu-contact-band-inner{align-items:start;flex-direction:column}.bibu-page-hero-grid,.bibu-contact-page-grid,.bibu-about-grid{grid-template-columns:1fr;gap:42px}.bibu-about-grid>div{padding-bottom:0}.bibu-about-grid img{min-height:320px}.bibu-page-hero{padding:80px 0}.bibu-footer-grid{grid-template-columns:1fr 1fr}.bibu-form-grid{gap:40px}}
@media(max-width:560px){.bibu-shell{width:min(100% - 34px,1180px)}.bibu-utility-inner>span{display:none}.bibu-utility-inner{justify-content:center}.bibu-utility-links{gap:16px}.bibu-nav-row{min-height:72px}.bibu-brand{min-width:auto}.bibu-brand-mark{width:36px;height:36px}.bibu-brand strong{font-size:21px}.bibu-hero{min-height:600px}.bibu-hero-media{opacity:.58}.bibu-hero-media:after{background:linear-gradient(90deg,rgba(252,251,248,.98),rgba(252,251,248,.68))}.bibu-hero-content{padding-top:90px}.bibu-lead{font-size:16px}.bibu-hero-actions{align-items:flex-start;flex-direction:column;gap:19px}.bibu-trust-line{bottom:28px;display:grid;gap:5px}.bibu-trust-line span{padding:0;border:0}.bibu-section{padding:78px 0}.bibu-service-row{min-height:145px;gap:11px}.bibu-service-row h3{font-size:25px}.bibu-process-step{grid-template-columns:26px 1fr;gap:8px 15px}.bibu-process-step p{grid-column:2}.bibu-audience-grid{gap:29px}.bibu-contact-band{padding:55px 0}.bibu-form-two,.bibu-footer-grid{grid-template-columns:1fr}.bibu-contact-form{padding:25px}.bibu-section-heading{margin-bottom:35px}}
@media(prefers-reduced-motion:no-preference){.bibu-hero-content,.bibu-split-intro,.bibu-section-heading{animation:bibu-enter .5s cubic-bezier(.23,1,.32,1) both}@keyframes bibu-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}