:root {
     --C01-body: #eee;
     --C02-content: #fff;
     --C03-content-border: #8f8f8f;
     --C04-box: #e9e9e9;
     --C10-title: #fff;
     --C12-label: #8f8f8f;
     --C13-text: #8f8f8f;
     --C40-whatsapp-bg: #009588;
     --C41-whatsapp-bg-hover: #54b6ad;
     --C42-whatsapp-text: #fff;
     --C43-whatsapp-text-hover: #fff;
     /* Schüchtermann Klinik - Variante 1 */
     --C11-sk-header-bg: #96a6d7;
     --C14-sk-bullet: #96a6d7;
     --C20-sk-link: #96a6d7;
     --C21-sk-link-hover: #96a6d7;
     --C22-sk-bar: #96a6d7;
     --C30-sk-application-bg: #bacdc9;
     --C31-sk-application-bg-hover: #bacdc9;
     --C33-sk-application-text: #fff;
     --C34-sk-application-text-hover: #fff;
     --C50-sk-share-buttons-background: #bacdc9;
     --C51-sk-share-buttons-background-hover: #bacdc9;
     --C52-sk-share-buttons-icons: #fff;
     /* Dörenberg Klinik - Variante 2 */
     --C11-dk-header-bg: #d1d978;
     --C14-dk-bullet: #d1d978;
     --C20-dk-link: #6f837b;
     --C21-dk-link-hover: #6f837b;
     --C22-dk-bar: #d1d978;
     --C30-dk-application-bg: #6f837b;
     --C31-dk-application-bg-hover: #6f837b;
     --C33-dk-application-text: #fff;
     --C34-dk-application-text-hover: #fff;
     --C50-dk-share-buttons-background: #6f837b;
     --C51-dk-share-buttons-background-hover: #6f837b;
     --C52-dk-share-buttons-icons: #fff;
     /* Medicos Osnabrück - Variante 3 */
     --C11-mo-header-bg: #96a6d7;
     --C14-mo-bullet: #96a6d7;
     --C20-mo-link: #342c90;
     --C21-mo-link-hover: #342c90;
     --C22-mo-bar: #96a6d7;
     --C30-mo-application-bg: #342c90;
     --C31-mo-application-bg-hover: #342c90;
     --C33-mo-application-text: #fff;
     --C34-mo-application-text-hover: #fff;
     --C50-mo-share-buttons-background: #342c90;
     --C51-mo-share-buttons-background-hover: #342c90;
     --C52-mo-share-buttons-icons: #fff;
     /* Prof. Grewe Schule  - Variante 4 */
     --C11-pg-header-bg: #dabcab;
     --C14-pg-bullet: #dabcab;
     --C20-pg-link: #bf6d66;
     --C21-pg-link-hover: #bf6d66;
     --C22-pg-bar: #dabcab;
     --C30-pg-application-bg: #bf6d66;
     --C31-pg-application-bg-hover: #bf6d66;
     --C33-pg-application-text: #fff;
     --C34-pg-application-text-hover: #fff;
     --C50-pg-share-buttons-background: #bf6d66;
     --C51-pg-share-buttons-background-hover: #bf6d66;
     --C52-pg-share-buttons-icons: #fff;
 }
 body {
     background: var(--C01-body);
 }
 .container {
     background: var(--C02-content);
     border: 1px solid var(--C03-content-border);
 }
 a {
     color: var(--C20-sk-link);
 }
 a:hover {
     color: var(--C21-sk-link-hover);
 }
 .sk a {
     color: var(--C20-sk-link);
 }
 .sk a:hover {
     color: var(--C21-sk-link-hover);
 }
 .dk a {
     color: var(--C20-dk-link);
 }
 .dk a:hover {
     color: var(--C21-dk-link-hover);
 }
 .mo a {
     color: var(--C20-mo-link);
 }
 .mo a:hover {
     color: var(--C21-mo-link-hover);
 }
 .pg a {
     color: var(--C20-pg-link);
 }
 .pg a:hover {
     color: var(--C21-pg-link-hover);
 }
 .content h2, .contact ul li:first-child {
     color: var(--C12-label);
 }
 h1 {
     color: var(--C10-title);
 }
 .header .img {
     background-color: var(--C11-sk-header-bg);
 }
 .sk .header .img {
     background-color: var(--C11-sk-header-bg);
 }
 .dk .header .img {
     background-color: var(--C11-dk-header-bg);
 }
 .mo .header .img {
     background-color: var(--C11-mo-header-bg);
 }
 .pg .header .img {
     background-color: var(--C11-pg-header-bg);
 }
 /*  BlendMode */
 .header .img {
     background-blend-mode: luminosity;
     background-size: contain;
 }
 .bg {
     opacity: .4;
 }
 .bg {
     background-color: var(--C11-sk-header-bg);
 }
 .sk .bg {
     background-color: var(--C11-sk-header-bg);
 }
 .dk .bg {
     background-color: var(--C11-dk-header-bg);
 }
 .mo .bg {
     background-color: var(--C11-mo-header-bg);
 }
 .pg .bg {
     background-color: var(--C11-pg-header-bg);
 }
 hr {
     background-color: white;
 }
 .bar {
     background-color: var(--C22-sk-bar);
 }
 .sk .bar {
     background-color: var(--C22-sk-bar);
 }
 .dk .bar {
     background-color: var(--C22-dk-bar);
 }
 .mo .bar {
     background-color: var(--C22-mo-bar);
 }
 .pg .bar {
     background-color: var(--C22-pg-bar);
 }
 .logo {
     background-color: white;
 }
 .shareButtons {
     background-color: #e9e9e9;
 }
 @media only print and (min--moz-device-pixel-ratio:0) {
     a {
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     a {
         background-image: linear-gradient(90deg, var(--C20-link), var(--C20-link));
     }
     .sk a {
         background-image: linear-gradient(90deg, var(--C20-sk-link), var(--C20-sk-link));
     }
     .dk a {
         background-image: linear-gradient(90deg, var(--C20-dk-link), var(--C20-dk-link));
     }
     .mo a {
         background-image: linear-gradient(90deg, var(--C20-mo-link), var(--C20-mo-link));
     }
     .pg a {
         background-image: linear-gradient(90deg, var(--C20-pg-link), var(--C20-pg-link));
     }
     .content h2, .contact ul li:first-child {
         background-image: linear-gradient(90deg, var(--C12-label), var(--C12-label));
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     .job h1 {
         background-image: linear-gradient(90deg, var(--C10-title), var(--C10-title));
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
     }
 }
 .application {
     background: var(--C30-sk-application-bg);
 }
 .application:hover {
     background: var(--C31-sk-application-bg-hover);
 }
 .application a.btn {
     color: var(--C33-sk-application-text);
 }
 .application a.btn:hover {
     color: var(--C34-sk-application-text-hover);
 }
 .sk .application {
     background: var(--C30-sk-application-bg);
 }
 .sk .application:hover {
     background: var(--C31-sk-application-bg-hover);
 }
 .sk .application a.btn {
     color: var(--C33-sk-application-text);
 }
 .sk .application a.btn:hover {
     color: var(--C34-sk-application-text-hover);
 }
 .dk .application {
     background: var(--C30-dk-application-bg);
 }
 .dk .application:hover {
     background: var(--C31-dk-application-bg-hover);
 }
 .dk .application a.btn {
     color: var(--C33-dk-application-text);
 }
 .dk .application a.btn:hover {
     color: var(--C34-dk-application-text-hover);
 }
 .mo .application {
     background: var(--C30-mo-application-bg);
 }
 .mo .application:hover {
     background: var(--C31-mo-application-bg-hover);
 }
 .mo .application a.btn {
     color: var(--C33-mo-application-text);
 }
 .mo .application a.btn:hover {
     color: var(--C34-mo-application-text-hover);
 }
 .pg .application {
     background: var(--C30-pg-application-bg);
 }
 .pg .application:hover {
     background: var(--C31-pg-application-bg-hover);
 }
 .pg .application a.btn {
     color: var(--C33-pg-application-text);
 }
 .pg .application a.btn:hover {
     color: var(--C34-pg-application-text-hover);
 }
 .whatsapp {
     background-color: var(--C40-whatsapp-bg);
 }
 .whatsapp:hover {
     background-color: var(--C41-whatsapp-bg-hover);
 }
 .whatsapp a.btn {
     color: var(--C42-whatsapp-text);
 }
 .whatsapp a.btn:hover {
     color: var(--C43-whatsapp-text-hover);
 }
 .shareButtons a {
     background: var(--C50-share-buttons-background);
     color: #fff;
 }
 .shareButtons a:hover {
     background: var(--C51-share-buttons-background-hover);
     color: #fff;
 }
 .shareButtons a {
     background: var(--C50-sk-share-buttons-background);
     color: #fff;
 }
 .shareButtons a:hover {
     background: var(--C51-sk-share-buttons-background-hover);
     color: #fff;
 }
 .sk .shareButtons a {
     background: var(--C50-sk-share-buttons-background);
     color: #fff;
 }
 .sk .shareButtons a:hover {
     background: var(--C51-sk-share-buttons-background-hover);
     color: #fff;
 }
 .dk .shareButtons a {
     background: var(--C50-dk-share-buttons-background);
     color: #fff;
 }
 .dk .shareButtons a:hover {
     background: var(--C51-dk-share-buttons-background-hover);
     color: #fff;
 }
 .mo .shareButtons a {
     background: var(--C50-mo-share-buttons-background);
     color: #fff;
 }
 .mo .shareButtons a:hover {
     background: var(--C51-mo-share-buttons-background-hover);
     color: #fff;
 }
 .pg .shareButtons a {
     background: var(--C50-pg-share-buttons-background);
     color: #fff;
 }
 .pg .shareButtons a:hover {
     background: var(--C51-pg-share-buttons-background-hover);
     color: #fff;
 }
 @media only print {
     a.btn {
         color: #fff;
         text-shadow: none !important;
         background-image: linear-gradient(90deg, white, white);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
     }
 }
 body, .content p, .job p {
     color: var(--C13-text);
 }
 .content ul li::before {
     color: var(--C14-sk-bullet);
 }
 .sk .content ul li::before {
     color: var(--C14-sk-bullet);
 }
 .dk .content ul li::before {
     color: var(--C14-dk-bullet);
 }
 .mo .content ul li::before {
     color: var(--C14-mo-bullet);
 }
 .pg .content ul li::before {
     color: var(--C14-pg-bullet);
 }
 @media only print and (min--moz-device-pixel-ratio:0) {
     .box ul li, .company {
         background-image: linear-gradient(90deg, var(--C13-text), var(--C13-text));
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
     }
     .content p, .job p {
         background-image: linear-gradient(90deg, var(--C13-text), var(--C13-text));
         -webkit-background-clip: text;
     }
     .content ul li::before {
         background-image: linear-gradient(90deg, var(--C14-sk-bullet), var(--C14-sk-bullet));
     }
     .sk .content ul li::before {
         background-image: linear-gradient(90deg, var(--C14-sk-bullet), var(--C14-sk-bullet));
     }
     .dk .content ul li::before {
         background-image: linear-gradient(90deg, var(--C14-dk-bullet), var(--C14-dk-bullet));
     }
     .mo .content ul li::before {
         background-image: linear-gradient(90deg, var(--C14-mo-bullet), var(--C14-mo-bullet));
     }
     .pg .content ul li::before {
         background-image: linear-gradient(90deg, var(--C14-pg-bullet), var(--C14-pg-bullet));
     }
     .content ul li::before {
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
     }
 }
 .header {
     background: var(--C02-content);
 }
 .content .box .item {
     background: var(--C04-box);
 }