/* Eigene Bausteine der Startseite – automatisch erzeugt von tools/start-css.mjs aus dem alten WP-CSS. Nicht von Hand ändern;
   Anpassungen gehören in /vb/start.css. */
.fa-lock:before{content:"\f023"}
.vb-ki .vb-ki-brand::before{content:"";display:inline-block;vertical-align:middle;width:54px;height:54px;margin:-4px 14px 6px 0;border-radius:13px;background:url('/wp-content/uploads/2026/10/logo-wappen-farbig.png') center/auto 82% no-repeat #fff;box-shadow:0 4px 14px rgba(0,47,55,.18)}
@media(max-width:600px){.vb-ki .vb-ki-brand::before{display:block;margin:0 0 10px}
}
.vb-gal4{display:grid;grid-template-columns:repeat(4,1fr);gap:60px;width:100%}
.vb-gal4 figure{margin:0}
.vb-gal4 img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.1)}
@media(max-width:1024px){.vb-gal4{grid-template-columns:repeat(2,1fr);gap:10px}
}
@media(max-width:767px){.vb-gal4{display:none}
}
.vb-hero-eyebrow{font-family:Raleway,sans-serif;display:inline-block;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#bfe6ee;margin-bottom:6px}
.vb-hero-badge{font-family:Raleway,sans-serif;display:inline-flex;align-items:center;gap:11px;background:#fff;border-radius:999px;padding:8px 16px;box-shadow:0 8px 20px rgba(0,0,0,.15);margin:6px 0}
.vb-hero-badge svg{width:20px;height:20px;flex:0 0 20px}
.vb-hero-badge .sc{font-weight:800;color:#2b2b2b}
.vb-hero-badge .st{color:#fbbc04;letter-spacing:1px;font-size:.95rem}
.vb-hero-badge .cn{color:#6f7276;font-size:.8rem;font-weight:600}
.vb-hero-cta2{font-family:Raleway,sans-serif;display:inline-flex;align-items:center;background:0 0;color:#fff!important;border:1.5px solid rgba(255,255,255,.6);border-radius:12px;padding:14px 22px;font-weight:700;text-decoration:none;margin-top:12px}
.vb-hero-cta2{margin-top:0!important}
@media(max-width:480px){.vb-hero-cta2{margin-top:12px!important}
}
.vb-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:6px}
.vb-hero-btn1{font-family:Raleway,sans-serif;display:inline-flex;align-items:center;background:#e8a020;color:#fff!important;border-radius:12px;padding:15px 26px;font-weight:800;text-decoration:none;box-shadow:0 10px 24px rgba(232,160,32,.3)}
.vb-hero-btn1:hover{background:#005f6e}
@keyframes vbKen{from{transform:scale(1.03)}
to{transform:scale(1.14)}
}
.vb-hero-video{max-width:300px;margin-top:22px}
.vb-hero-video .vbs-w::after{content:none!important;display:none!important}
@media(max-width:767px){.vb-hero-video{max-width:100%}
}
@media(min-width:768px){.vb-hero-video,.vb-hero-video{display:none!important}
}
@media(max-width:880px){.vb-hero-band{display:block;position:relative;z-index:3;width:100vw;margin:16px calc(50% - 50vw) 6px;height:26vh;min-height:175px;max-height:250px;overflow:hidden;background:url('/wp-content/uploads/2026/08/hero-poster-vonbaum-5s.jpg') center 40%/cover #0a3b44}
.vb-hero-band video{width:100%;height:100%;object-fit:cover;object-position:55% 45%;display:block}
.vb-hero-band::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42px;background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.55));pointer-events:none}
}
.vb-teambtn a{display:inline-block;background:#fff;color:#007e91!important;font-weight:800;text-decoration:none;padding:13px 28px;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.15)}
.vb-teambtn a:hover{background:#eef6f8}
@media(max-width:1024px){.vb-teambtn-desk{display:none!important}
}
@media(min-width:1025px){.vb-teambtn-mob{display:none!important}
}
.vb-hero-search{width:100%;max-width:1000px;margin:0 auto;font-family:'DM Sans',sans-serif}
.vb-hero-search h2{font-family:'Playfair Display',serif;font-size:44px;color:#1a2b2e;margin-bottom:8px;font-weight:600}
.vb-hero-search p{font-size:19px;color:#6b7280;margin-bottom:24px}
.vb-search-box{display:flex;align-items:center;background:#fff;border:3px solid #007e91;border-radius:50px!important;padding:14px 14px 14px 34px;box-shadow:0 8px 30px rgba(0,126,145,.15);margin-bottom:24px;transition:box-shadow .3s}
.vb-search-box:focus-within{box-shadow:0 8px 40px rgba(0,126,145,.3)}
.vb-search-box input{flex:1;border:none!important;border-bottom:none!important;outline:0!important;box-shadow:none!important;font-size:19px;color:#1a2b2e;background:0 0!important;font-family:'DM Sans',sans-serif;-webkit-appearance:none}
.vb-search-box input::placeholder{color:#9ca3af}
.vb-search-box button{background:linear-gradient(135deg,#007e91,#005f6e);color:#fff;border:none;border-radius:50px!important;padding:20px 40px;font-size:18px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;white-space:nowrap;transition:opacity .2s}
.vb-search-box button:hover{opacity:.9}
.vb-action-btn{background:rgba(255,255,255,.9)!important;border:2px solid #007e91!important;border-radius:50px!important;padding:16px 32px!important;font-size:17px!important;font-weight:500!important;color:#007e91!important;cursor:pointer!important;font-family:'DM Sans',sans-serif!important;transition:all .2s!important;display:flex!important;align-items:center!important;gap:6px!important;line-height:1.4!important;text-decoration:none!important}
.vb-action-btn:hover{background:#007e91!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 15px rgba(0,126,145,.3)!important}
@media (max-width:768px){.vb-hero-search{padding:0 16px}
.vb-hero-search h2{font-size:24px!important}
.vb-hero-search p{font-size:14px!important}
.vb-search-box{padding:8px 8px 8px 18px!important;border-radius:40px!important}
.vb-search-box input{font-size:14px!important}
.vb-search-box button{padding:12px 20px!important;font-size:14px!important;border-radius:40px!important}
.vb-action-btn{justify-content:center!important;padding:14px 20px!important;font-size:15px!important;border-radius:40px!important}
}
.vb-ctaband{width:100%}
.vb-ctaband .vb-hero-ctas{justify-content:center!important;margin:22px 0!important;flex-wrap:wrap}
.vb-leistungen{font-family:Raleway,sans-serif;padding:6px 0}
.vb-leistungen .vb-l-inner{max-width:1180px;margin:0 auto}
.vb-leistungen .vb-eyebrow{display:block;text-align:center;color:#007e91;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:.8rem;margin-bottom:.5rem}
.vb-leistungen .vb-h2{text-align:center;color:#007e91;font-weight:800;font-size:2rem;line-height:1.2;margin:0 0 40px}
.vb-leistungen .vb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.vb-leistungen .vb-card{display:block;background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:34px 30px;text-decoration:none;transition:.2s;box-shadow:0 6px 20px rgba(0,0,0,.04)}
.vb-leistungen .vb-card:hover{box-shadow:0 20px 45px rgba(0,0,0,.1);transform:translateY(-4px);border-color:transparent}
.vb-leistungen .vb-ic{width:58px;height:58px;border-radius:15px;background:#e6f2f4;display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin-bottom:18px}
.vb-leistungen .vb-card h3{color:#333;font-size:1.2rem;font-weight:800;margin:0 0 .6rem}
.vb-leistungen .vb-card p{color:#7a7a7a;font-size:.95rem;line-height:1.6;margin:0 0 1rem}
.vb-leistungen .vb-more{color:#007e91;font-weight:700;font-size:.92rem}
@media(max-width:900px){.vb-leistungen .vb-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){.vb-leistungen .vb-grid{grid-template-columns:1fr}
}
.vb-stt{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.vb-stt-chip{display:flex;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:.9rem .6rem;font-family:Raleway,sans-serif;font-weight:700;color:#333;text-decoration:none;font-size:.92rem;line-height:1.25;transition:.2s;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.vb-stt-chip:hover{background:#007e91;color:#fff;border-color:#007e91;transform:translateY(-2px)}
@media(max-width:820px){.vb-stt{grid-template-columns:repeat(2,1fr)}
}
.vb-reg{--p:#007E91;--pd:#005f6e;--or:#E8A020;font-family:Raleway,sans-serif;max-width:1160px;margin:0 auto;display:grid;grid-template-columns:390px 1fr;gap:36px;align-items:start}
.vb-reg *{box-sizing:border-box}
.vb-reg-panel{background:linear-gradient(160deg,#007e91 0,#005f6e 100%);color:#fff;border-radius:20px;padding:38px 34px;box-shadow:0 18px 40px rgba(0,126,145,.22);position:sticky;top:24px}
.vb-reg-kicker{display:inline-block;font-size:12.5px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#bfe6ee;margin-bottom:14px}
.vb-reg-panel h2{font-size:28px;line-height:1.22;font-weight:800;margin:0 0 22px;color:#fff}
.vb-reg-chips{display:flex;flex-direction:column;gap:10px;margin:0 0 26px}
.vb-reg-chip{display:flex;align-items:center;gap:11px;font-size:14.5px;font-weight:600;color:#eaf6f8}
.vb-reg-chip svg{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:#8fd3df;stroke-width:2.4}
.vb-reg-btn{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#007e91!important;border-radius:12px;padding:14px 22px;font-weight:700;font-size:14.5px;text-decoration:none;transition:.2s ease}
.vb-reg-btn:hover{background:#e8a020;color:#fff!important}
.vb-reg-textcard{background:#fff;border:1px solid #eceded;border-radius:20px;padding:44px 46px;box-shadow:0 12px 34px rgba(0,0,0,.05)}
.vb-reg-accent{width:54px;height:4px;background:#e8a020;border-radius:3px;margin:0 0 26px}
.vb-reg-body{color:#54585c;font-size:16px;line-height:1.85}
.vb-reg-body b,.vb-reg-body strong{color:#2b2b2b;font-weight:700}
@media(max-width:1024px){.vb-reg{grid-template-columns:1fr;gap:22px}
.vb-reg-panel{position:static}
.vb-reg-textcard{padding:30px 24px}
}
.vb-abl{font-family:Raleway,sans-serif;max-width:1180px;margin:0 auto}
.vb-abl *{box-sizing:border-box}
.vb-abl .vb-eyebrow{display:block;text-align:center;color:#bfe6ee;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:.8rem;margin-bottom:.5rem}
.vb-abl .vb-h2{text-align:center;color:#fff;font-weight:800;font-size:2rem;line-height:1.2;margin:0 0 40px}
.vb-abl .vb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vb-abl .vb-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:30px 26px;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.05);transition:.2s}
.vb-abl .vb-card:hover{box-shadow:0 20px 45px rgba(0,0,0,.1);transform:translateY(-4px);border-color:transparent}
.vb-abl .vb-ic{width:58px;height:58px;border-radius:15px;background:#e6f2f4;display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin-bottom:16px}
.vb-abl .vb-step{color:#007e91;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:.72rem;margin-bottom:6px}
.vb-abl .vb-card h3{color:#333;font-size:1.13rem;font-weight:800;line-height:1.3;margin:0 0 .5rem;min-height:2.6em}
.vb-abl .vb-card p{color:#7a7a7a;font-size:.92rem;line-height:1.6;margin:0 0 1rem;min-height:4.8em}
.vb-abl .vb-more{color:#007e91;font-weight:700;font-size:.9rem;margin-top:auto}
@media(max-width:900px){.vb-abl .vb-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){.vb-abl .vb-grid{grid-template-columns:1fr}
.vb-abl .vb-h2{font-size:1.6rem}
.vb-abl .vb-card h3,.vb-abl .vb-card p{min-height:0}
}
.vb-svc{font-family:Raleway,sans-serif}
.vb-svc *{box-sizing:border-box}
.vb-svc .vb-svc-eyebrow{display:block;color:#007e91;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:.75rem;margin-bottom:8px}
.vb-svc .vb-svc-h3{color:#1f2937;font-size:1.45rem;font-weight:800;line-height:1.25;margin:0 0 22px}
.vb-svc .vb-svc-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;list-style:none;padding:0;margin:0}
.vb-svc .vb-svc-list li{display:flex;align-items:flex-start;gap:11px;font-size:.94rem;color:#454a4e;line-height:1.4}
.vb-svc .vb-svc-list li svg{flex:0 0 21px;width:21px;height:21px;margin-top:1px}
.vb-svc .vb-svc-list li.full{grid-column:1/-1;background:#e6f2f4;border-radius:12px;padding:13px 15px;font-weight:600;color:#005966}
@media(max-width:767px){.vb-svc .vb-svc-list{grid-template-columns:1fr}
}
.vb-map{position:relative;width:100%;height:575px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#0a3b44,#007e91);display:flex;align-items:center;justify-content:center;text-align:center}
.vb-map .vb-map-inner{max-width:480px;padding:24px}
.vb-map h3{color:#fff!important;margin:0 0 10px;font-size:1.25rem}
.vb-map p{color:#e6f2f4!important;margin:0 0 18px;font-size:.95rem;line-height:1.55}
.vb-map .vb-map-btn{background:#e8a020;color:#fff;border:0;border-radius:12px;padding:13px 24px;font-weight:800;cursor:pointer;font-size:1rem}
.vb-map .vb-map-btn:hover{background:#d18f16}
.vb-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vb-anf{font-family:Raleway,sans-serif;margin-top:32px}
.vb-anf *{box-sizing:border-box}
.vb-anf-lead{text-align:center;max-width:820px;margin:0 auto 30px;color:#6f7276;line-height:1.7;font-size:.98rem}
.vb-anf-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:stretch}
.vb-anf-addr{background:linear-gradient(160deg,#007e91,#005f6e);color:#fff;border-radius:18px;padding:30px 28px;box-shadow:0 14px 34px rgba(0,126,145,.22);display:flex;flex-direction:column}
.vb-anf-addr h4{margin:0 0 12px;font-size:1.05rem;font-weight:800;color:#fff}
.vb-anf-addr .a{font-size:1rem;line-height:1.7;font-weight:600}
.vb-anf-btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#e8a020;color:#fff!important;text-decoration:none;font-weight:800;border-radius:12px;padding:13px 18px;transition:.2s}
.vb-anf-btn:hover{background:#005f6e}
.vb-anf-routes{background:#fff;border:1px solid #ececec;border-radius:18px;padding:26px 30px;box-shadow:0 12px 30px rgba(0,0,0,.05)}
.vb-anf-routes h4{margin:0 0 8px;font-size:1.05rem;font-weight:800;color:#1f2937}
.vb-anf-routes .trow{padding:13px 0;border-bottom:1px solid #eef1f2}
.vb-anf-routes .trow:last-child{border-bottom:none;padding-bottom:0}
.vb-anf-routes .tl{font-weight:700;color:#1f2937;font-size:.95rem}
.vb-anf-routes .tv{color:#6f7276;font-size:.93rem;line-height:1.5}
@media(max-width:820px){.vb-anf-grid{grid-template-columns:1fr;gap:20px}
}
@media(max-width:767px){.vb-map{height:380px}
}
.vb-ki{font-family:Raleway,sans-serif;color:#fff;flex:1 1 auto;display:flex;flex-direction:column;width:100%}
.vb-ki *{box-sizing:border-box}
.vb-ki .vb-ki-brand{font-size:1.32rem;font-weight:800;color:#fff;line-height:1.25;margin:0 0 6px;letter-spacing:.2px}
.vb-ki .vb-ki-brand .u{display:block;height:3px;width:46px;background:rgba(255,255,255,.5);border-radius:3px;margin:12px 0 2px}
.vb-ki h3{font-size:1.1rem;font-weight:800;margin:0 0 16px;color:#fff}
.vb-ki .cbox{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px 16px;text-decoration:none;transition:.2s;margin-bottom:12px}
.vb-ki .cbox:hover{background:rgba(255,255,255,.22)}
.vb-ki .cbox .cic{width:44px;height:44px;border-radius:11px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;flex:0 0 44px}
.vb-ki .cbox .cic svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2}
.vb-ki .cbox.wa .cic svg{fill:#fff!important;stroke:none;width:22px;height:22px}
.vb-ki .cbox .lbl{display:block;font-size:.7rem;letter-spacing:1px;text-transform:uppercase;color:#bfe6ee;font-weight:700;margin-bottom:2px}
.vb-ki .cbox .val{font-size:1rem;font-weight:700;color:#fff;word-break:break-word}
.vb-ki .hoursblock{margin-top:auto;padding-top:24px}
.vb-ki .hoursblock .hr{height:1px;background:rgba(255,255,255,.2);margin:0 0 20px}
.vb-ki .hours{font-size:.96rem;line-height:1.95;color:#eaf6f8}
.vb-ki .hours b{color:#fff}
.vb-ki .addrblock{padding-top:22px}
.vb-ki .addr{font-size:1rem;line-height:1.65;color:#eaf6f8;margin-bottom:14px}
.vb-ki .routebtn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#007e91;font-weight:800;text-decoration:none;padding:11px 20px;border-radius:30px;font-size:.95rem;transition:.2s}
.vb-ki .routebtn:hover{background:#e8a020;color:#fff}
.vb-ki .routebtn svg{width:17px;height:17px;fill:currentColor}
.vb-ki .vb-ki-bottom{display:flex;gap:30px;margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}
.vb-ki .vb-ki-bottom .addrblock,.vb-ki .vb-ki-bottom .hoursblock{flex:1 1 0;min-width:0;margin-top:0;padding-top:0}
@media(max-width:600px){.vb-ki .vb-ki-bottom{flex-direction:column;gap:22px}
}
.main-header-bar-navigation .vb-menu-head{display:none}
@media(max-width:921px){.main-header-bar-navigation .vb-menu-head{display:flex;align-items:center;gap:10px;padding:4px 12px 12px;margin:0 0 6px;border-bottom:1px solid #eef1f3;text-decoration:none!important;cursor:pointer}
.main-header-bar-navigation .vb-menu-head img{width:34px;height:auto;flex:0 0 34px}
.main-header-bar-navigation .vb-menu-head span{font-weight:800;color:#007e91;font-size:14px;line-height:1.2}
}
.vb-hero-band{display:none}
@media(max-width:880px){.vb-hero-band{display:block;position:relative;z-index:3;width:100vw;margin:16px calc(50% - 50vw) 6px;height:26vh;min-height:175px;max-height:250px;overflow:hidden;background:url('/wp-content/uploads/2026/08/hero-poster-vonbaum-5s.jpg') center 40%/cover #0a3b44}
.vb-hero-band video{width:100%;height:100%;object-fit:cover;object-position:55% 45%;display:block}
.vb-hero-band::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(rgba(0,95,110,0),rgba(0,95,110,.95));pointer-events:none}
.vbs-hero .vb-hero-eyebrow{color:#4a7c85!important}
.vbs-hero .vb-hero-eyebrow{display:inline-block!important;float:none!important}
.vbs-hero .vb-hero-badge{display:inline-flex!important}
.vbs-hero .vb-hero-ctas{width:100%!important;justify-content:flex-start!important}
.vb-hero-badge{border:1px solid #e6eaee!important;box-shadow:0 6px 20px rgba(0,0,0,.06)!important}
.vb-hero-cta2{border-color:#007e91!important;color:#007e91!important}
.vb-hero-band::after{height:42px!important;background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.55))!important}
}
.vb-home-badges{--pt:#007E91;font-family:Raleway,system-ui,sans-serif;display:flex;flex-wrap:wrap;gap:12px;max-width:1040px;margin:0 auto 16px}
.vb-home-badges .b{flex:1 1 220px;background:#fff;border:1px solid #e6eaee;border-radius:14px;padding:15px 18px;display:flex;gap:13px;align-items:center;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.vb-home-badges .ic{flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:#e6f2f4;color:var(--pt);display:flex;align-items:center;justify-content:center}
.vb-home-badges .ic svg{width:22px;height:22px}
.vb-home-badges b{display:block;font-size:1rem;color:#243b3f;line-height:1.2}
.vb-home-badges span{font-size:.85rem;color:#5a6b6e}
@media(max-width:600px){.vb-home-badges .b{flex:1 1 100%}
}

