/* css/ch.css - Farbgebung und Feinschliff fuer rapidjob.ch (30.09.2026). Automatisch aus style.css/style_mobile.css
 * erzeugt (tools/ch_css.py): die Orange-/Rottoene von rapidjob.de werden zu Variablen; Varianten ueber <html data-ch="a|b|c">. */
:root,html[data-ch="a"]{--haupt:#0b3d91;--haupt2:#082d6b;--hell:#e8eef9;--akzent:#d52b1e;--akzent2:#b3241a;--hg:#f4f7fb;--text:#1f2933}
html[data-ch="b"]{--haupt:#d52b1e;--haupt2:#a81f15;--hell:#fdecea;--akzent:#1f2933;--akzent2:#111827;--hg:#f7f7f8;--text:#1f2933}
html[data-ch="c"]{--haupt:#0f5e5a;--haupt2:#0a4542;--hell:#e3f1ef;--akzent:#d52b1e;--akzent2:#b3241a;--hg:#f3f8f7;--text:#1f2933}
@media screen and (min-width : 769px){input.inp{border:1px solid var(--haupt2) !important}}
@media screen and (min-width : 769px){input.inpauto-b{border:1px solid var(--haupt2) !important}}
@media screen and (min-width : 769px){input.inpauto-b_focus{border:1px solid var(--haupt2) !important}}
@media screen and (min-width : 769px){input.inpauto{border:1px solid var(--haupt2) !important}}
@media screen and (min-width : 769px){input.inpauto_focus{border:1px solid var(--haupt2) !important}}
@media screen and (min-width : 769px){#searchbtm{background-color:var(--akzent) !important}}
@media screen and (min-width : 769px) and (-webkit-min-device-pixel-ratio: 0){.searchbtm{background-color:var(--haupt) !important}}
@media screen and (min-width : 769px){.inp select{border:1px solid var(--haupt2) !important}}
@media screen and (min-width : 769px){#form_lable_g a:hover{color:var(--haupt2) !important}}
@media screen and (min-width : 769px){.nav_block_this a, .nav_block_this a:visited{border:1px solid var(--haupt2) !important;color:var(--haupt2)  !important}}
@media screen and (min-width : 769px){.nav_block a:hover{border:1px solid var(--haupt2) !important;color:var(--haupt2) !important}}
@media screen and (min-width : 769px){#nav .current_page_item a, #nav .current_page_item a:visited{color:var(--haupt2) !important}}
@media screen and (min-width : 769px){#nav .page_item a:hover{color:var(--haupt2) !important}}
@media screen and (min-width : 769px){#nav .page_item_r a:hover{color:var(--haupt2) !important}}
@media screen and (min-width : 769px){#nav .page_item_l a:hover{color:var(--haupt2) !important}}
@media screen and (min-width : 769px){.ldWrapperlb ul li:hover{background:var(--hell) !important}}
@media screen and (min-width : 769px){.ldWrapperlb ul li.pi{background-color:var(--hell) !important}}
@media screen and (min-width : 769px){.ldWrapperlb ul li.pi:hover{background:var(--hell) !important}}
@media screen and (min-width : 769px){.ldWrapperlb ul li.wl:hover{background:var(--hell) !important}}
@media screen and (min-width : 769px){.ldWrapperlb ul li.wlpi:hover{background:var(--hell) !important}}
@media screen and (min-width : 769px){optgroup{color:var(--haupt2) !important}}
@media screen and (min-width : 769px){input#se{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent2)) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--haupt)', endColorstr='var(--akzent2)') !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent2))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent2)) !important;background:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent2) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){input#se:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent)) !important;background:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){input.inpb{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent2)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent2))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent2)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent2) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){input.inpb:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){a.log-sub{background-image:linear-gradient(center top, var(--haupt), var(--akzent2)) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--haupt)', endColorstr='var(--akzent2)') !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent2)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent2) 100%) !important}}
@media screen and (min-width : 769px){a.reg-sub{background-color:var(--haupt) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--haupt)', endColorstr='#d7d7d7') !important}}
@media screen and (min-width : 769px){a.reg-sub:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent)) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--haupt)', endColorstr='var(--akzent)') !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent) 100%) !important}}
@media screen and (min-width : 769px){.up-sub a{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent2)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent2))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent2)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent2) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){.up-adv a{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent2)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent2))) !important;background:-moz-linear-gradient(var(--haupt), var(--akzent2)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent2) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){.up-adv a:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(var(--haupt), var(--akzent)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){.Trest{border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){.up-sub a:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(var(--haupt), var(--akzent)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){input.sbm{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent2)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent2))) !important;background:-moz-linear-gradient(var(--haupt), var(--akzent2)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent2) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){input.sbm:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(var(--haupt), var(--akzent)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){#ontop a:hover{color:var(--haupt2) !important}}
@media screen and (min-width : 769px){.tg a:hover{background:var(--hell) !important}}
@media screen and (min-width : 769px){a.top{color:var(--haupt2) !important}}
@media screen and (min-width : 769px){a.request-b:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent)) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--haupt)', endColorstr='var(--akzent)') !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){.previous :hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){.next{border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){.next:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){input.inpsub{background:-moz-linear-gradient(center top, var(--haupt), var(--akzent2)) repeat scroll 0% 0% transparent !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent2)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent2))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent2)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent2) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){input.inpsub:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){input.sbm:disabled,
input.sbm[disabled]{border:0 solid var(--haupt2) !important}}
@media screen and (min-width : 769px){.content p .wl:hover{background:var(--hell) !important}}
@media screen and (min-width : 769px){.content p .wlpi:hover{background:var(--hell) !important}}
@media screen and (min-width : 769px){.content p .wl:hover, .content p .yl:hover{background:var(--hell) !important}}
@media screen and (min-width : 769px){a.mlink{background:linear-gradient(#59A4E6, var(--haupt)) repeat scroll 0% 0% transparent !important;background-image:linear-gradient(center top , #59A4E6, var(--haupt)) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#59A4E6', endColorstr='var(--haupt)') !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#59A4E6), to(var(--haupt))) !important;background:-moz-linear-gradient(#59A4E6, var(--haupt)) !important}}
@media screen and (min-width : 769px){a.mlink:hover{background:linear-gradient(#59A4E6, var(--haupt)) repeat scroll 0% 0% transparent !important;background-image:linear-gradient(center top , #59A4E6, var(--haupt)) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#59A4E6', endColorstr='var(--haupt)') !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#59A4E6), to(var(--haupt))) !important;background:-moz-linear-gradient(#59A4E6, var(--haupt)) !important}}
@media screen and (max-width : 768px){input.inp{border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){input.inpauto{border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){input.inpauto_focus{border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){input.inpauto-b{border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){input.inpauto-b_focus{border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){.inp select{border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){#form_lable_g a:hover{color:var(--haupt2) !important}}
@media screen and (max-width : 768px){.nav_block_this a, .nav_block_this a:visited{border:1px solid var(--haupt2) !important;color:var(--haupt2)  !important}}
@media screen and (max-width : 768px){.nav_block a:hover{border:1px solid var(--haupt2) !important;color:var(--haupt2) !important}}
@media screen and (max-width : 768px){#searchbtm{background-color:var(--akzent) !important}}
@media screen and (max-width : 768px){.ldWrapperlb ul li{background-color:var(--hell) !important}}
@media screen and (max-width : 768px){.ldWrapperlb ul li:hover{background:var(--hell) !important}}
@media screen and (max-width : 768px){.ldWrapperlb ul li a:hover{background:var(--hell) !important}}
@media screen and (max-width : 768px){.ldWrapperlb ul li.wl:hover{background:var(--hell) !important}}
@media screen and (max-width : 768px){.ldWrapperlb ul li.liTit{background-color:var(--hell) !important}}
@media screen and (max-width : 768px){.ldWrapperlb ul li.liTit{background-color:var(--hell) !important}}
@media screen and (max-width : 768px){.phl-bs{background:var(--hell) !important}}
@media screen and (max-width : 768px){.phl-bb{background:var(--hell) !important}}
@media screen and (max-width : 768px){.phl-bbb{background:var(--hell) !important}}
@media screen and (max-width : 768px){optgroup{color:var(--haupt2) !important}}
@media screen and (max-width : 768px){input#se{background-color:var(--haupt) !important;background-image:linear-gradient(center top , var(--haupt), var(--akzent2)) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent2)) !important;border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){input#se:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top , var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent)) !important;border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){input.inpb{background-color:var(--haupt) !important;background-image:linear-gradient(center top , var(--haupt), var(--akzent2)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent2))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent2)) !important;border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){input.inpb:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top , var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent)) !important;border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){a.reg-sub{background-color:var(--haupt) !important;background-image:linear-gradient(center top , var(--haupt), var(--akzent2)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent2))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent2)) !important;border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){a.reg-sub:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top , var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent)) !important;border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){.up-sub a{background-color:var(--haupt) !important;background-image:linear-gradient(center top , var(--haupt), var(--akzent2)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent2))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent2)) !important;border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){.up-adv a{background-color:var(--haupt) !important;background-image:linear-gradient(center top , var(--haupt), var(--akzent2)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent2))) !important;background:-moz-linear-gradient(var(--haupt), var(--akzent2)) !important;border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){.up-adv a:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top , var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(var(--haupt), var(--akzent)) !important;border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){.Trest{border:0px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){.up-sub a:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top , var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(var(--haupt), var(--akzent)) !important;border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){input.sbm{background-color:var(--haupt) !important;background-image:linear-gradient(center top , var(--haupt), var(--akzent2)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent2))) !important;background:-moz-linear-gradient(var(--haupt), var(--akzent2)) !important;border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){input.sbm:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top , var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(var(--haupt), var(--akzent)) !important;border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){#ontop a:hover{color:var(--haupt2) !important}}
@media screen and (max-width : 768px){.tg a:hover{background:var(--hell) !important}}
@media screen and (max-width : 768px){a.top{color:var(--haupt2) !important}}
@media screen and (max-width : 768px){a.top{color:var(--haupt2) !important}}
@media screen and (max-width : 768px){a.request-b:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top , var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent)) !important;border:1px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){input.inpsub{border:0px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){input.inpsub:hover{border:0px solid var(--haupt2) !important}}
@media screen and (max-width : 768px){input.sbm:disabled,
input.sbm[disabled]{border:0 solid var(--haupt2) !important}}
@media screen and (max-width : 768px){.previous :hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (max-width : 768px){.next{border:0 solid var(--haupt2) !important}}
@media screen and (max-width : 768px){.next:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (max-width : 768px){input.inpsub{border:0 solid var(--haupt2) !important}}
@media screen and (max-width : 768px){input.inpsub:hover{background-color:var(--haupt) !important;background-image:linear-gradient(center top, var(--haupt), var(--akzent)) !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(var(--haupt)), to(var(--akzent))) !important;background:-moz-linear-gradient(center top, var(--haupt), var(--akzent)) !important;background-image:-ms-linear-gradient(top, var(--haupt) 0%, var(--akzent) 100%) !important;border:0 solid var(--haupt2) !important}}
@media screen and (max-width : 768px){input.sbm:disabled,
input.sbm[disabled]{border:0 solid var(--haupt2) !important}}
@media screen and (max-width : 768px){.content p .wl:hover, .content p .yl:hover{background:var(--hell) !important}}
@media screen and (max-width : 768px){.content p .wlpi:hover{background:var(--hell) !important}}
@media screen and (max-width : 768px){.content p .pi{background-color:var(--hell) !important}}
@media screen and (max-width : 768px){.content p .pi:hover{background:var(--hell) !important}}
@media screen and (max-width : 768px){a.mlink{background:linear-gradient(#59A4E6, var(--haupt)) repeat scroll 0% 0% transparent !important;background-image:linear-gradient(center top , #59A4E6, var(--haupt)) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#59A4E6', endColorstr='var(--haupt)') !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#59A4E6), to(var(--haupt))) !important;background:-moz-linear-gradient(#59A4E6, var(--haupt)) !important}}
@media screen and (max-width : 768px){a.mlink:hover{background:linear-gradient(#59A4E6, var(--haupt)) repeat scroll 0% 0% transparent !important;background-image:linear-gradient(center top , #59A4E6, var(--haupt)) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#59A4E6', endColorstr='var(--haupt)') !important;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#59A4E6), to(var(--haupt))) !important;background:-moz-linear-gradient(#59A4E6, var(--haupt)) !important}}
/* ---- Feinschliff rapidjob.ch: gleiche Struktur wie rapidjob.de, ruhiger und moderner ---- */
:root,html[data-ch="a"]{--haupt-rgb:11,61,145} html[data-ch="b"]{--haupt-rgb:165,28,20} html[data-ch="c"]{--haupt-rgb:15,94,90}
body{background:var(--hg) !important;color:var(--text);font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important}
/* Kopfbild bleibt, mit Farbschleier der Variante */
#header-b{background:linear-gradient(rgba(var(--haupt-rgb),.62),rgba(var(--haupt-rgb),.38)),url(/images/background.jpg) center/cover !important}
#search-field-main{border-radius:8px 0 0 8px !important;border:1px solid #cfd8e3 !important}
#searchbtm{background-color:var(--akzent) !important;border-radius:0 8px 8px 0 !important;transition:background-color .15s}
#searchbtm:hover{background-color:var(--akzent2) !important}
input[type=submit],.reg-sub,.log-sub,.ad-sub{background-color:var(--akzent) !important;color:#fff !important;border:0 !important;border-radius:8px !important}
/* Stellenliste: ganze Zeile als ruhige Karte */
.ldWrapperlb ul li:not(.liTit):not(.current_page_item_r){background:#fff !important;border:1px solid #e3e8ef !important;border-radius:8px !important;margin:0 0 6px !important;transition:box-shadow .15s,border-color .15s}
.ldWrapperlb ul li:not(.liTit):not(.current_page_item_r):hover{border-color:var(--haupt) !important;box-shadow:0 4px 14px rgba(16,24,40,.10)}
.ldWrapperlb ul li:not(.liTit) .list-l{font-weight:600;color:var(--haupt)}
.titlebar,.title-mmenu,.liTit{color:var(--haupt) !important}
.current_page_item_r,.current_page_item_r a{background:var(--haupt) !important;color:#fff !important;border-radius:6px}
select{border-radius:8px !important}
/* Schweizerkreuz-Akzent vor „Jobsuche“ */
#title-top::before{content:"";display:inline-block;width:14px;height:14px;margin:0 8px 0 0;vertical-align:-1px;border-radius:3px;
  background:linear-gradient(#fff,#fff) center/8px 2.6px no-repeat,linear-gradient(#fff,#fff) center/2.6px 8px no-repeat,#d52b1e}
/* Vorschau-Umschalter (nur solange CH_FARBWAHL an ist) */
#ch-wahl{position:fixed;left:12px;bottom:12px;z-index:9999;background:#fff;border:1px solid #cfd8e3;border-radius:10px;padding:6px 8px;font:13px/1.4 system-ui,sans-serif;box-shadow:0 6px 18px rgba(0,0,0,.12)}
#ch-wahl a{display:inline-block;margin:0 3px;padding:3px 9px;border-radius:6px;text-decoration:none;color:#fff !important}
#ch-wahl a.akt{outline:2px solid #1f2933;outline-offset:1px}
/* Knoepfe oben rechts (alte Verlaeufe ueberschreiben) */
a.ad-sub{background:var(--akzent) !important;filter:none !important;border-radius:8px !important;padding:5px 12px !important;font-weight:600 !important;box-shadow:0 2px 6px rgba(0,0,0,.18)}
a.ad-sub:hover{background:var(--akzent2) !important}
a.reg-sub{background:rgba(255,255,255,.92) !important;filter:none !important;color:var(--haupt) !important;border-radius:8px !important;padding:5px 12px !important;font-weight:600 !important}
a.reg-sub:hover{background:#fff !important}
a.log-sub{background:none !important;filter:none !important;color:#fff !important;font-weight:600 !important}
a.mlnk{color:#fff !important;text-shadow:0 1px 3px rgba(0,0,0,.35)}
#title-top{color:var(--haupt) !important;background:rgba(255,255,255,.92) !important;border-radius:8px !important;padding:2px 10px !important}
/* leere Werbeflaechen (kein Anzeigenfuellung) nicht als weisse Luecke zeigen */
ins.adsbygoogle[data-ad-status="unfilled"],ins.adsbygoogle:not([data-ad-status]){display:none !important}
/* Streifen der alten Liste entfernen: jede Zeile gleich als Karte, Kopfzeile in der Variantenfarbe */
.ldWrapperlb ul a,.ldWrapperlb ul li div{background:transparent !important}
.ldWrapperlb ul li.liTit{background:var(--hell) !important;border-radius:8px !important}
/* weisser Kopfbalken (Unterseiten, beim Scrollen): Logo und Einloggen in der Variantenfarbe */
#bghin a.mlnk,#bghin a.log-sub{color:var(--haupt) !important;text-shadow:none !important}
/* ---- Sprachen (30.09.2026): Sprachwechsler DE | FR | IT | EN, Sprachmarke und Sprachfilter der Listen ---- */
.rj-sprachwahl{float:right;margin:28px 2px 0 18px;padding:3px 6px;border-radius:8px;background:rgba(255,255,255,.92);box-shadow:0 1px 4px rgba(0,0,0,.15);font:600 13px/1.4 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;white-space:nowrap}
.rj-sprachwahl a{display:inline-block;padding:1px 5px;border-radius:5px;color:var(--haupt) !important;text-decoration:none;text-shadow:none !important}
.rj-sprachwahl a:hover{background:var(--hell)}
.rj-sprachwahl a.rj-sw-aktiv{background:var(--haupt);color:#fff !important}
.rj-sprachwahl .rj-sw-trenner{color:#9aa5b4;margin:0 1px;font-weight:400}
#bghin .rj-sprachwahl{box-shadow:0 0 0 1px #cfd8e3}
.rj-sprachwahl-mobil{display:none}
@media screen and (max-width : 768px){.rj-sprachwahl{display:none}.rj-sprachwahl.rj-sprachwahl-mobil{display:block;position:fixed;top:6px;right:6px;float:none;margin:0;z-index:99999;font-size:12px;padding:2px 4px}.rj-sprachwahl a{padding:1px 3px}}
.rj-sprachmarke{display:inline-block;margin:0 0 0 6px;padding:0 4px;border-radius:4px;border:1px solid #cfd8e3;background:#fff;color:#52606d;font:700 10px/15px Arial,sans-serif;letter-spacing:.3px;vertical-align:1px}
.rj-sprachmarke.rj-sm-fr{border-color:#0b3d91;color:#0b3d91}
.rj-sprachmarke.rj-sm-it{border-color:#0f7a3b;color:#0f7a3b}
.rj-sprachmarke.rj-sm-en{border-color:#7a4b0f;color:#7a4b0f}
.rj-sprachfilter{margin:6px 0 10px;font-size:13px;line-height:2}
.rj-sprachfilter .rj-sf-titel{color:#52606d;margin-right:4px}
.rj-sprachfilter a{display:inline-block;margin:0 4px 4px 0;padding:0 10px;border:1px solid #cfd8e3;border-radius:14px;background:#fff;color:var(--haupt) !important;text-decoration:none}
.rj-sprachfilter a:hover{border-color:var(--haupt)}
.rj-sprachfilter a.rj-sf-aktiv{background:var(--haupt);border-color:var(--haupt);color:#fff !important}
.rj-uebersichten{margin:18px 0 8px}
.rj-uebersichten h3{color:var(--haupt);font-size:16px;margin:12px 0 6px}
.rj-uebersichten a{display:inline-block;margin:0 6px 6px 0;padding:2px 10px;border:1px solid #e3e8ef;border-radius:8px;background:#fff;color:var(--text) !important;text-decoration:none;font-size:13px}
.rj-uebersichten a span{color:#7b8794}
.rj-uebersichten a:hover{border-color:var(--haupt)}
.rj-alle-link{margin:8px 0 4px;text-align:right}
.rj-alle-link a{color:var(--haupt) !important;font-weight:600}
.kanton-b a{color:inherit}