/* MWB Seitenstil (wie SMART PARTNER) – greift nur, wenn #wrap die Klasse "mwbx" hat */
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))){--mb:#2a7db8;--mcy:#00d8f0;--mnavy:#0d2238;--mink:#13202c;--mmut:#5b6b78;--mline:#dfe8ef;font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display-1,.display-2,.display-3,.display-4,.card-title){font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.02em}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) :is(h1,h2){font-weight:800 !important;line-height:1.08}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) :is(h1,h2) :is(strong,b){font-weight:800}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) h1{font-size:clamp(34px,5.4vw,62px) !important}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) h2.mwb-h{font-size:clamp(28px,5vw,46px) !important;margin-bottom:14px}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) h2.mwb-h *{font-size:inherit}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) h3,:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) h4{font-weight:800 !important;letter-spacing:-.01em}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .mwb-serif{font-family:"Instrument Serif",Georgia,serif !important;font-weight:400 !important;font-style:italic;letter-spacing:0;font-size:1.08em;color:var(--mb)}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .mwb-serif :is(strong,b){font-weight:400 !important}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .mwb-serif.mwb-dk{color:var(--mcy)}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .mwb-kick{font-size:13px !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase;color:var(--mb) !important}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .mwb-kick.mwb-dk{color:var(--mcy) !important}
/* Kästen */
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .card{border-radius:22px;border:1px solid var(--mline);overflow:hidden}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .card-body{border-radius:22px}
/* FAQ als Toggle (details) */
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) details.mwb-faq{border-bottom:1px solid var(--mline);padding:4px 0}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) details.mwb-faq summary{list-style:none;cursor:pointer;font-weight:800;font-size:18px;padding:16px 36px 16px 0;position:relative;color:var(--mink)}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) details.mwb-faq summary::-webkit-details-marker{display:none}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) details.mwb-faq summary:after{content:"+";position:absolute;right:4px;top:10px;font-size:28px;font-weight:400;color:var(--mb);transition:transform .2s}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) details.mwb-faq[open] summary:after{transform:rotate(45deg)}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) details.mwb-faq p{color:var(--mmut);padding:0 0 16px;font-size:16px;margin:0;max-width:760px}
/* Odoo-Akkordeon im gleichen Look */
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .accordion>.card{border:0;border-bottom:1px solid var(--mline);border-radius:0;background:transparent !important;box-shadow:none}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .accordion>.card>.card-header{background:transparent;border:0;font-weight:800;font-size:18px;padding:16px 36px 16px 0;position:relative;color:var(--mink);text-decoration:none;cursor:pointer}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .accordion>.card>.card-header:before,:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .accordion>.card>.card-header:after{display:none}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .accordion>.card>.card-header{background-image:none}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .accordion>.card>.card-header .mwb-plus{position:absolute;right:4px;top:10px;font-size:28px;font-weight:400;color:var(--mb);transition:transform .2s;line-height:1.2}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .accordion>.card>.card-header:not(.collapsed) .mwb-plus{transform:rotate(45deg)}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .accordion>.card .card-body{padding:0 0 16px;color:var(--mmut);font-size:16px}
/* SMART PARTNER Hinweis-Box */
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .mwb-spbox{background:linear-gradient(160deg,#0d2238 0%,#123552 55%,#1d5f8f 100%);color:#fff;border-radius:22px;padding:30px 32px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .mwb-spbox img{height:64px;width:auto}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .mwb-spbox .t{flex:1 1 380px}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .mwb-spbox h3{color:#fff;font-size:clamp(22px,3vw,30px);margin:6px 0 8px}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .mwb-spbox p{color:rgba(255,255,255,.82);margin:0;font-size:16px}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .mwb-spbox a.mwb-btn{background:#00d8f0;color:#0d2238;font-weight:800;border-radius:99px;padding:14px 24px;text-decoration:none;white-space:nowrap}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .mwb-spbox a.mwb-btn:hover{background:#fff}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) details.mwb-faq summary h3{display:inline;font-size:18px !important;margin:0;font-weight:800 !important;color:inherit;letter-spacing:-.01em}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) details.mwb-faq + details.mwb-faq{margin-top:0}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) h3.mwb-h3{font-size:clamp(26px,4vw,40px) !important;line-height:1.1;letter-spacing:-.02em}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) p.mwb-leadserif,:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) p.mwb-leadserif *{font-family:"Instrument Serif",Georgia,serif !important;font-style:italic;font-weight:400 !important;color:var(--mb);font-size:clamp(28px,3.6vw,42px) !important;line-height:1.1;letter-spacing:0}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) p.mwb-leadserif.mwb-dk,:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) p.mwb-leadserif.mwb-dk *{color:var(--mcy)}
/* Odoo-Rasterbloecke wachsen mit dem Inhalt */
@media (min-width:992px){:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .row.o_grid_mode{grid-auto-rows:minmax(50px,auto) !important}}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .kg-hero-txt .lead,:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .kg-hero-txt .lead *{color:rgba(255,255,255,.9)}
:is(#wrap.mwbx,html[data-main-object^="website.page("] #wrap:not(:has(#sp))) .kg-hero-txt .lead{font-size:17px}
/* Logo-Laufband */
#wrap .mwb-marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
#wrap .mwb-track{display:flex;align-items:center;gap:64px;width:max-content;animation:mwbScroll 45s linear infinite}
#wrap .mwb-marquee:hover .mwb-track{animation-play-state:paused}
#wrap .mwb-track img{height:64px;width:auto;max-width:170px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .2s,opacity .2s}
#wrap .mwb-track img:hover{filter:none;opacity:1}
@keyframes mwbScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){#wrap .mwb-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}#wrap .mwb-track [aria-hidden]{display:none}}
/* Startseite Header (Vorschlag 2) */
#wrap .mwb-ask{color:rgba(255,255,255,.88);font-size:19px;margin:18px 0 12px}
#wrap .mwb-ways{display:grid;gap:10px;max-width:620px}
#wrap a.mwb-way{display:flex;align-items:center;gap:14px;background:#fff;color:#13202c;border-radius:16px;padding:13px 16px;text-decoration:none;box-shadow:0 12px 26px -16px rgba(0,0,0,.6);transition:transform .15s,box-shadow .15s}
#wrap a.mwb-way:hover{transform:translateY(-2px);box-shadow:0 18px 30px -16px rgba(0,0,0,.7)}
#wrap a.mwb-way .ic{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center}
#wrap a.mwb-way .tx b{display:block;font-size:16.5px;font-weight:800}
#wrap a.mwb-way .tx span{display:block;font-size:13px;color:#5b6b78}
#wrap a.mwb-way .ar{margin-left:auto;font-size:24px;font-weight:800;color:#9fb3c4}
#wrap a.mwb-way.hot{background:#f28c18;color:#fff}
#wrap a.mwb-way.hot .tx span,#wrap a.mwb-way.hot .ar{color:rgba(255,255,255,.9)}
#wrap .mwb-chips{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px;max-width:640px}
#wrap .mwb-chips .lbl{color:rgba(255,255,255,.75);font-size:13.5px}
#wrap a.mwb-chip{display:inline-flex;align-items:center;gap:8px;border:1.5px solid rgba(255,255,255,.38);border-radius:99px;padding:8px 15px;color:#fff;font-weight:700;font-size:14px;text-decoration:none;transition:background .15s}
#wrap a.mwb-chip:hover{background:rgba(255,255,255,.12);color:#fff}
#wrap .mwb-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;color:rgba(255,255,255,.85);font-size:13.5px;margin:10px 0 0}
#wrap .mwb-trust b{color:#ffc83d}
#wrap .mwb-chips{max-width:none;gap:8px;color:rgba(255,255,255,.85);font-size:13.5px;font-weight:600}
#wrap a.mwb-chip{padding:7px 13px;font-size:13.5px}

/* mwb-topsearch: Suchfeld in der obersten Header-Zeile ausblenden */
.o_header_sales_three_top li:has(> .o_searchbar_form){display:none!important}

/* mwb-elevator: Anzeigen-Elevatoren (vertikal) + Startseiten-Laufband (horizontal) */
.mwb-elevsec{background:linear-gradient(160deg,#0d2238 0%,#123552 60%,#1d5f8f 100%)!important;color:#fff}
.mwb-elevsec h2,.mwb-elevsec h3{color:#fff}
.mwb-elevsec .mwb-ekick{color:#00d8f0;font-weight:800;letter-spacing:2px;font-size:.85rem;margin-bottom:8px}
.mwb-elevsec p{color:rgba(255,255,255,.85)}
.mwb-elev{display:flex;gap:12px;height:560px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
.mwb-ecol{flex:1;min-width:0;overflow:hidden}
.mwb-etrack{display:flex;flex-direction:column;gap:12px;animation:mwbEUp var(--d,40s) linear infinite}
.mwb-ecol.dn .mwb-etrack{animation-name:mwbEDn}
.mwb-elev:hover .mwb-etrack,.mwb-hstrip:hover .mwb-htrack{animation-play-state:paused}
.mwb-etrack img,.mwb-htrack img{display:block;border-radius:12px;box-shadow:0 14px 30px -12px rgba(0,0,0,.6);background:#fff}
.mwb-etrack img{width:100%;height:auto}
@keyframes mwbEUp{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 6px))}}
@keyframes mwbEDn{from{transform:translateY(calc(-50% - 6px))}to{transform:translateY(0)}}
.mwb-elev.mwb-e3{height:500px}
.mwb-hstrip{overflow:hidden;padding:10px 0 18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mwb-htrack{display:flex;gap:12px;width:max-content;animation:mwbHL var(--d,180s) linear infinite}
.mwb-htrack img{height:170px;width:auto}
@keyframes mwbHL{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 6px))}}
.mwb-siegel-klein{padding-top:24px!important;padding-bottom:16px!important}.mwb-siegel-klein img{max-height:62px;width:auto!important;margin:0 auto;display:block}
@media(max-width:991px){.mwb-elev{height:440px}.mwb-elev .mwb-ecol:nth-child(n+4){display:none}.mwb-htrack img{height:130px}}
body.editor_enable .mwb-etrack,body.editor_enable .mwb-htrack{animation:none}
@media(prefers-reduced-motion:reduce){.mwb-etrack,.mwb-htrack{animation:none}}

/* mwb-pslides: Kundenportal-Bilder im Wechsel */
.mwb-pslides{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #dfe8ef;box-shadow:0 18px 40px -22px rgba(13,34,56,.45)}
.mwb-pslides figure{position:absolute;inset:0;margin:0;opacity:0;animation:mwbPs 24s infinite}
.mwb-pslides figure:nth-child(2){animation-delay:6s}.mwb-pslides figure:nth-child(3){animation-delay:12s}.mwb-pslides figure:nth-child(4){animation-delay:18s}
.mwb-pslides img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#f4f8fb}
.mwb-pslides figure.fit img{object-fit:contain;background:#eaf4fb}
.mwb-pslides figcaption{position:absolute;left:12px;bottom:12px;background:rgba(13,34,56,.88);color:#fff;font-weight:700;font-size:.85rem;padding:6px 12px;border-radius:999px}
.mwb-pslides:hover figure{animation-play-state:paused}
@keyframes mwbPs{0%{opacity:0}3%,25%{opacity:1}28%,100%{opacity:0}}
body.editor_enable .mwb-pslides figure{animation:none}body.editor_enable .mwb-pslides figure:first-child{opacity:1}
@media(prefers-reduced-motion:reduce){.mwb-pslides figure{animation:none}.mwb-pslides figure:first-child{opacity:1}}

/* mwb-checks: strukturierte Liste mit grünen Haken */
ul.mwb-checks{list-style:none;padding:0;margin:18px 0 22px}
ul.mwb-checks li{display:grid;grid-template-columns:30px 1fr;column-gap:12px;align-items:start;margin:0 0 14px}
ul.mwb-checks li::before{content:"✓";grid-row:1 / span 2;width:28px;height:28px;border-radius:50%;background:#18a35a;color:#fff;font-weight:900;font-size:16px;line-height:28px;text-align:center;box-shadow:0 6px 14px -8px rgba(24,163,90,.8)}
ul.mwb-checks li b{display:block;color:#0d2238;font-size:1.02rem;line-height:1.3}
ul.mwb-checks li span{display:block;color:#5b6b78;font-size:.93rem;line-height:1.4;margin-top:2px}

/* mwb-navfit: Hauptmenü passt auf Laptop-Breiten */
@media (min-width:992px) and (max-width:1799.98px){
header .o_main_nav>.container{max-width:100%!important;padding-left:22px!important;padding-right:22px!important}
header .o_main_nav .navbar-brand.logo{margin-right:12px!important}
header .o_main_nav .navbar-brand.logo img{max-height:34px!important;width:auto!important}
header .top_menu{flex-wrap:nowrap!important}
header .top_menu>.nav-item>.nav-link{font-size:.9rem!important;padding-left:.38rem!important;padding-right:.38rem!important;white-space:nowrap}
header .top_menu a[href="/jobs"],header .top_menu a[href^="https://portal.mediawerkstatt-bodensee.de"]{font-size:.82rem!important;padding:.38rem .75rem!important;margin-left:4px}
}
@media (min-width:992px) and (max-width:1299.98px){
header .top_menu>.nav-item>.nav-link{font-size:.84rem!important;padding-left:.28rem!important;padding-right:.28rem!important}
header .top_menu a[href="/presse"]{display:none!important}
header .top_menu a[href="/jobs"]{display:none!important}
}
@media (min-width:992px) and (max-width:1099.98px){
header .top_menu>.nav-item>.nav-link{font-size:.8rem!important;padding-left:.22rem!important;padding-right:.22rem!important}
header .o_main_nav .navbar-brand.logo img{max-height:30px!important}
}
@media (min-width:1800px){header .o_main_nav>.container{max-width:1760px!important;padding-left:22px!important;padding-right:22px!important}}

/* mwb-zb: Zahlen Recruiting – Riesenzahl + Kacheln */
.mwb-zb{background:linear-gradient(160deg,#0d2238 0%,#123552 60%,#1d5f8f 100%)!important;color:#fff}
.mwb-zb-g{display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:center}
.mwb-zb-big{font-size:clamp(56px,7.6vw,100px);font-weight:800;line-height:.95;margin:0;color:#fff;letter-spacing:-1px}
.mwb-zb-sub{font-size:clamp(20px,2.4vw,30px);font-weight:800;color:#00d8f0;margin:8px 0 10px}
.mwb-zb-lead{color:#cfe3f1;font-size:17px;margin:0;max-width:520px}.mwb-zb-lead b{color:#fff}
.mwb-zb-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mwb-zb-t{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:16px}
.mwb-zb-ic{flex:0 0 58px;height:58px;display:flex;align-items:center;justify-content:center}
.mwb-zb-tx b{display:block;font-size:28px;line-height:1;color:#fff;font-weight:800}
.mwb-zb-tx span{display:block;font-weight:700;margin-top:6px;color:#fff;font-size:15px;line-height:1.25}
.mwb-zb-tx small{display:block;color:#9fbad0;font-size:13px;margin-top:2px;line-height:1.3}
.mwb-zb-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:26px 0 0;font-size:13.5px;font-weight:700;color:#cfe3f1}
.mwb-zb-trust span:before{content:"✓ ";color:#2fd17a}
.mwb-zb-note{text-align:center;font-size:11px;color:#9fbad0;margin:10px auto 0;max-width:900px;line-height:1.4}
@media(max-width:991px){.mwb-zb-g{grid-template-columns:1fr;gap:22px}}
@media(max-width:560px){.mwb-zb-t{flex-direction:column;align-items:flex-start;gap:8px;padding:14px}.mwb-zb-tx b{font-size:24px}.mwb-zb-tx span{font-size:14px}.mwb-zb-ic{flex:0 0 auto;height:auto;justify-content:flex-start}.mwb-zb-ic svg{width:42px;height:42px}}