:root {
    --WebEntwicklung : #969e76;
    --WebEntwicklung-rgb : 150, 158, 118;
    --SoftwareArchitektur : #007a7a;
    --SoftwareArchitektur-rgb : 0, 122, 122;
    --BackendEntwicklung : #ffbf00;
    --BackendEntwicklung-rgb : 255, 191, 0;
    --AppEntwicklung : #cf0000;
    --AppEntwicklung-rgb : 207, 0, 0;
    --DigitalesMarketing : #a600ff;
    --DigitalesMarketing-rgb : 166, 0, 255;
    --videoproduktion : #00ff22;
    --videoproduktion-rgb : 0, 255, 34;
    --EcommerceSystems : #729883;
    --EcommerceSystems-rgb : 114, 152, 131;
    --UXUIDesign : #ba815b;
    --UXUIDesign-rgb : 186, 129, 91;
    --CloudManagement : #cf4500;
    --CloudManagement-rgb : 207, 69, 0;
    --FrontendEntwicklung : #00700f;
    --FrontendEntwicklung-rgb : 0, 112, 15;
}
/* Web Entwicklung == page id : 645 https://skrollex-wp.romanmeleshin.art/zoe/ */
/* Software Architektur == page id : 639 https://skrollex-wp.romanmeleshin.art/julia/ */
/* Backend Entwicklung == page id : 629 https://skrollex-wp.romanmeleshin.art/lena/ */
/* App Entwicklung == page id : 626 https://skrollex-wp.romanmeleshin.art/tanya/ */
/* Digitales Marketing == page id : 633 https://skrollex-wp.romanmeleshin.art/mila/ */
/* videoproduktion == page id : 643 https://skrollex-wp.romanmeleshin.art/eva/ */
/* E-commerce Systems == page id : 635 https://skrollex-wp.romanmeleshin.art/polly/ */
/* UX/UI Design == page id : 641  https://skrollex-wp.romanmeleshin.art/maya/ */
/* Cloud Management == page id : 631 https://skrollex-wp.romanmeleshin.art/nora/ */
/* Frontend Entwicklung == page id : 637 */

/* body class page-id-PAGE_ID */

/* ====== Web Entwicklung STARTS  ====== */
body.page-id-645 #dot-scroll.colors-a li a.active span,
body.page-id-645 .page-border.heading.top,
body.page-id-645 .page-border.heading.bottom,
body.page-id-645 .page-border.heading.left,
body.page-id-645 .page-border.heading.right,
body.page-id-645 .page-border.heading.top {background-color: var(--WebEntwicklung);}
body.page-id-645 .colors-c ul.filter .active,
body.page-id-645 .text-big i,
body.page-id-645 .text-big a,
body.page-id-645 .colors-d input[type="submit"],
body.page-id-645 .highlight-e,
body.page-id-645 .colors-t .highlight,
body.page-id-645 .internal-highlight-e span:not([class]):not([style]),
body.page-id-645 .colors-d .slogan,
body.page-id-645 .colors-b span:not([class]):not([style]),
body.page-id-645 .colors-c span:not([class]):not([style]),
body.page-id-645 .colors-d span:not([class]):not([style]),
body.page-id-645 .colors-o span:not([class]):not([style]) {color: var(--WebEntwicklung) !important;}
body.page-id-645 .colors-c .col-style-decorated::before {background-color: rgba(var(--WebEntwicklung-rgb), 0.7) !important;}
body.page-id-645 .background-x {background-color: rgba(var(--WebEntwicklung-rgb), 0.9) !important;}
body.page-id-645 .background-m {background-color: rgba(var(--WebEntwicklung-rgb), 0.66) !important;}
body.page-id-645 .fill-highlight,
body.page-id-645 .fill-heading {fill: var(--WebEntwicklung) !important;}
body.page-id-645 .colors-s {background-color: rgba(var(--WebEntwicklung-rgb), 0.95) !important;}
/* ====== Web Entwicklung ENDS  ====== */

/* ====== Software Architektur STARTS  ====== */
body.page-id-639 #dot-scroll.colors-a li a.active span,
body.page-id-639 .page-border.heading.top,
body.page-id-639 .page-border.heading.bottom,
body.page-id-639 .page-border.heading.left,
body.page-id-639 .page-border.heading.right,
body.page-id-639 .page-border.heading.top {background-color: var(--SoftwareArchitektur);}
body.page-id-639 .colors-c ul.filter .active,
body.page-id-639 .text-big i,
body.page-id-639 .text-big a,
body.page-id-639 .colors-d input[type="submit"],
body.page-id-639 .highlight-e,
body.page-id-639 .colors-t .highlight,
body.page-id-639 .internal-highlight-e span:not([class]):not([style]),
body.page-id-639 .colors-d .slogan,
body.page-id-639 .colors-b span:not([class]):not([style]),
body.page-id-639 .colors-c span:not([class]):not([style]),
body.page-id-639 .colors-d span:not([class]):not([style]),
body.page-id-639 .colors-o span:not([class]):not([style]) {color: var(--SoftwareArchitektur) !important;}
body.page-id-639 .colors-c .col-style-decorated::before {background-color: rgba(var(--SoftwareArchitektur-rgb), 0.7) !important;}
body.page-id-639 .background-x {background-color: rgba(var(--SoftwareArchitektur-rgb), 0.9) !important;}
body.page-id-639 .background-m {background-color: rgba(var(--SoftwareArchitektur-rgb), 0.66) !important;}
body.page-id-639 .fill-highlight,
body.page-id-639 .fill-heading {fill: var(--SoftwareArchitektur) !important;}
body.page-id-639 .colors-s {background-color: rgba(var(--SoftwareArchitektur-rgb), 0.95) !important;}
/* ====== Software Architektur STARTS  ====== */

/* ====== Backend Entwicklung STARTS  ====== */
body.page-id-629 #dot-scroll.colors-a li a.active span,
body.page-id-629 .page-border.heading.top,
body.page-id-629 .page-border.heading.bottom,
body.page-id-629 .page-border.heading.left,
body.page-id-629 .page-border.heading.right,
body.page-id-629 .page-border.heading.top {background-color: var(--BackendEntwicklung);}
body.page-id-629 .colors-c ul.filter .active,
body.page-id-629 .text-big i,
body.page-id-629 .text-big a,
body.page-id-629 .colors-d input[type="submit"],
body.page-id-629 .highlight-e,
body.page-id-629 .colors-t .highlight,
body.page-id-629 .internal-highlight-e span:not([class]):not([style]),
body.page-id-629 .colors-d .slogan,
body.page-id-629 .colors-b span:not([class]):not([style]),
body.page-id-629 .colors-c span:not([class]):not([style]),
body.page-id-629 .colors-d span:not([class]):not([style]),
body.page-id-629 .colors-o span:not([class]):not([style]) {color: var(--BackendEntwicklung) !important;}
body.page-id-629 .colors-c .col-style-decorated::before {background-color: rgba(var(--BackendEntwicklung-rgb), 0.7) !important;}
body.page-id-629 .background-x {background-color: rgba(var(--BackendEntwicklung-rgb), 0.9) !important;}
body.page-id-629 .background-m {background-color: rgba(var(--BackendEntwicklung-rgb), 0.66) !important;}
body.page-id-629 .fill-highlight,
body.page-id-629 .fill-heading {fill: var(--BackendEntwicklung) !important;}
body.page-id-629 .colors-s {background-color: rgba(var(--BackendEntwicklung-rgb), 0.95) !important;}
/* ====== Backend Entwicklung STARTS  ====== */

/* ====== App Entwicklung STARTS  ====== */
body.page-id-626 #dot-scroll.colors-a li a.active span,
body.page-id-626 .page-border.heading.top,
body.page-id-626 .page-border.heading.bottom,
body.page-id-626 .page-border.heading.left,
body.page-id-626 .page-border.heading.right,
body.page-id-626 .page-border.heading.top {background-color: var(--AppEntwicklung);}
body.page-id-626 .colors-c ul.filter .active,
body.page-id-626 .text-big i,
body.page-id-626 .text-big a,
body.page-id-626 .colors-d input[type="submit"],
body.page-id-626 .highlight-e,
body.page-id-626 .colors-t .highlight,
body.page-id-626 .internal-highlight-e span:not([class]):not([style]),
body.page-id-626 .colors-d .slogan,
body.page-id-626 .colors-b span:not([class]):not([style]),
body.page-id-626 .colors-c span:not([class]):not([style]),
body.page-id-626 .colors-d span:not([class]):not([style]),
body.page-id-626 .colors-o span:not([class]):not([style]) {color: var(--AppEntwicklung) !important;}
body.page-id-626 .colors-c .col-style-decorated::before {background-color: rgba(var(--AppEntwicklung-rgb), 0.7) !important;}
body.page-id-626 .background-x {background-color: rgba(var(--AppEntwicklung-rgb), 0.9) !important;}
body.page-id-626 .background-m {background-color: rgba(var(--AppEntwicklung-rgb), 0.66) !important;}
body.page-id-626 .fill-highlight,
body.page-id-626 .fill-heading {fill: var(--AppEntwicklung) !important;}
body.page-id-626 .colors-s {background-color: rgba(var(--AppEntwicklung-rgb), 0.95) !important;}
/* ====== App Entwicklung STARTS  ====== */

/* ====== Digitales Marketing STARTS  ====== */
body.page-id-633 #dot-scroll.colors-a li a.active span,
body.page-id-633 .page-border.heading.top,
body.page-id-633 .page-border.heading.bottom,
body.page-id-633 .page-border.heading.left,
body.page-id-633 .page-border.heading.right,
body.page-id-633 .page-border.heading.top {background-color: var(--DigitalesMarketing);}
body.page-id-633 .colors-c ul.filter .active,
body.page-id-633 .text-big i,
body.page-id-633 .text-big a,
body.page-id-633 .colors-d input[type="submit"],
body.page-id-633 .highlight-e,
body.page-id-633 .colors-t .highlight,
body.page-id-633 .internal-highlight-e span:not([class]):not([style]),
body.page-id-633 .colors-d .slogan,
body.page-id-633 .colors-b span:not([class]):not([style]),
body.page-id-633 .colors-c span:not([class]):not([style]),
body.page-id-633 .colors-d span:not([class]):not([style]),
body.page-id-633 .colors-o span:not([class]):not([style]) {color: var(--DigitalesMarketing) !important;}
body.page-id-633 .colors-c .col-style-decorated::before {background-color: rgba(var(--DigitalesMarketing-rgb), 0.7) !important;}
body.page-id-633 .background-x {background-color: rgba(var(--DigitalesMarketing-rgb), 0.9) !important;}
body.page-id-633 .background-m {background-color: rgba(var(--DigitalesMarketing-rgb), 0.66) !important;}
body.page-id-633 .fill-highlight,
body.page-id-633 .fill-heading {fill: var(--DigitalesMarketing) !important;}
body.page-id-633 .colors-s {background-color: rgba(var(--DigitalesMarketing-rgb), 0.95) !important;}
/* ====== Digitales Marketing STARTS  ====== */

/* ====== videoproduktion STARTS  ====== */
body.page-id-643 #dot-scroll.colors-a li a.active span,
body.page-id-643 .page-border.heading.top,
body.page-id-643 .page-border.heading.bottom,
body.page-id-643 .page-border.heading.left,
body.page-id-643 .page-border.heading.right,
body.page-id-643 .page-border.heading.top {background-color: var(--videoproduktion);}
body.page-id-643 .colors-c ul.filter .active,
body.page-id-643 .text-big i,
body.page-id-643 .text-big a,
body.page-id-643 .colors-d input[type="submit"],
body.page-id-643 .highlight-e,
body.page-id-643 .colors-t .highlight,
body.page-id-643 .internal-highlight-e span:not([class]):not([style]),
body.page-id-643 .colors-d .slogan,
body.page-id-643 .colors-b span:not([class]):not([style]),
body.page-id-643 .colors-c span:not([class]):not([style]),
body.page-id-643 .colors-d span:not([class]):not([style]),
body.page-id-643 .colors-o span:not([class]):not([style]) {color: var(--videoproduktion) !important;}
body.page-id-643 .colors-c .col-style-decorated::before {background-color: rgba(var(--videoproduktion-rgb), 0.7) !important;}
body.page-id-643 .background-x {background-color: rgba(var(--videoproduktion-rgb), 0.9) !important;}
body.page-id-643 .background-m {background-color: rgba(var(--videoproduktion-rgb), 0.66) !important;}
body.page-id-643 .fill-highlight,
body.page-id-643 .fill-heading {fill: var(--videoproduktion) !important;}
body.page-id-643 .colors-s {background-color: rgba(var(--videoproduktion-rgb), 0.95) !important;}
/* ====== videoproduktion STARTS  ====== */

/* ====== E-commerce Systems STARTS  ====== */
body.page-id-635 #dot-scroll.colors-a li a.active span,
body.page-id-635 .page-border.heading.top,
body.page-id-635 .page-border.heading.bottom,
body.page-id-635 .page-border.heading.left,
body.page-id-635 .page-border.heading.right,
body.page-id-635 .page-border.heading.top {background-color: var(--EcommerceSystems);}
body.page-id-635 .colors-c ul.filter .active,
body.page-id-635 .text-big i,
body.page-id-635 .text-big a,
body.page-id-635 .colors-d input[type="submit"],
body.page-id-635 .highlight-e,
body.page-id-635 .colors-t .highlight,
body.page-id-635 .internal-highlight-e span:not([class]):not([style]),
body.page-id-635 .colors-d .slogan,
body.page-id-635 .colors-b span:not([class]):not([style]),
body.page-id-635 .colors-c span:not([class]):not([style]),
body.page-id-635 .colors-d span:not([class]):not([style]),
body.page-id-635 .colors-o span:not([class]):not([style]) {color: var(--EcommerceSystems) !important;}
body.page-id-635 .colors-c .col-style-decorated::before {background-color: rgba(var(--EcommerceSystems-rgb), 0.7) !important;}
body.page-id-635 .background-x {background-color: rgba(var(--EcommerceSystems-rgb), 0.9) !important;}
body.page-id-635 .background-m {background-color: rgba(var(--EcommerceSystems-rgb), 0.66) !important;}
body.page-id-635 .fill-highlight,
body.page-id-635 .fill-heading {fill: var(--EcommerceSystems) !important;}
body.page-id-635 .colors-s {background-color: rgba(var(--EcommerceSystems-rgb), 0.95) !important;}
/* ====== E-commerce Systems STARTS  ====== */

/* ====== UX/UI Design STARTS  ====== */
body.page-id-641 #dot-scroll.colors-a li a.active span,
body.page-id-641 .page-border.heading.top,
body.page-id-641 .page-border.heading.bottom,
body.page-id-641 .page-border.heading.left,
body.page-id-641 .page-border.heading.right,
body.page-id-641 .page-border.heading.top {background-color: var(--UXUIDesign);}
body.page-id-641 .colors-c ul.filter .active,
body.page-id-641 .text-big i,
body.page-id-641 .text-big a,
body.page-id-641 .colors-d input[type="submit"],
body.page-id-641 .highlight-e,
body.page-id-641 .colors-t .highlight,
body.page-id-641 .internal-highlight-e span:not([class]):not([style]),
body.page-id-641 .colors-d .slogan,
body.page-id-641 .colors-b span:not([class]):not([style]),
body.page-id-641 .colors-c span:not([class]):not([style]),
body.page-id-641 .colors-d span:not([class]):not([style]),
body.page-id-641 .colors-o span:not([class]):not([style]) {color: var(--UXUIDesign) !important;}
body.page-id-641 .colors-c .col-style-decorated::before {background-color: rgba(var(--UXUIDesign-rgb), 0.7) !important;}
body.page-id-641 .background-x {background-color: rgba(var(--UXUIDesign-rgb), 0.9) !important;}
body.page-id-641 .background-m {background-color: rgba(var(--UXUIDesign-rgb), 0.66) !important;}
body.page-id-641 .fill-highlight,
body.page-id-641 .fill-heading {fill: var(--UXUIDesign) !important;}
body.page-id-641 .colors-s {background-color: rgba(var(--UXUIDesign-rgb), 0.95) !important;}
/* ====== UX/UI Design STARTS  ====== */

/* ====== Cloud Management STARTS  ====== */
body.page-id-631 #dot-scroll.colors-a li a.active span,
body.page-id-631 .page-border.heading.top,
body.page-id-631 .page-border.heading.bottom,
body.page-id-631 .page-border.heading.left,
body.page-id-631 .page-border.heading.right,
body.page-id-631 .page-border.heading.top {background-color: var(--CloudManagement);}
body.page-id-631 .colors-c ul.filter .active,
body.page-id-631 .text-big i,
body.page-id-631 .text-big a,
body.page-id-631 .colors-d input[type="submit"],
body.page-id-631 .highlight-e,
body.page-id-631 .colors-t .highlight,
body.page-id-631 .internal-highlight-e span:not([class]):not([style]),
body.page-id-631 .colors-d .slogan,
body.page-id-631 .colors-b span:not([class]):not([style]),
body.page-id-631 .colors-c span:not([class]):not([style]),
body.page-id-631 .colors-d span:not([class]):not([style]),
body.page-id-631 .colors-o span:not([class]):not([style]) {color: var(--CloudManagement) !important;}
body.page-id-631 .colors-c .col-style-decorated::before {background-color: rgba(var(--CloudManagement-rgb), 0.7) !important;}
body.page-id-631 .background-x {background-color: rgba(var(--CloudManagement-rgb), 0.9) !important;}
body.page-id-631 .background-m {background-color: rgba(var(--CloudManagement-rgb), 0.66) !important;}
body.page-id-631 .fill-highlight,
body.page-id-631 .fill-heading {fill: var(--CloudManagement) !important;}
body.page-id-631 .colors-s {background-color: rgba(var(--CloudManagement-rgb), 0.95) !important;}
/* ====== Cloud Management STARTS  ====== */

/* ====== Frontend Entwicklung STARTS  ====== */
body.page-id-637 #dot-scroll.colors-a li a.active span,
body.page-id-637 .page-border.heading.top,
body.page-id-637 .page-border.heading.bottom,
body.page-id-637 .page-border.heading.left,
body.page-id-637 .page-border.heading.right,
body.page-id-637 .page-border.heading.top {background-color: var(--FrontendEntwicklung);}
body.page-id-637 .colors-c ul.filter .active,
body.page-id-637 .text-big i,
body.page-id-637 .text-big a,
body.page-id-637 .colors-d input[type="submit"],
body.page-id-637 .highlight-e,
body.page-id-637 .colors-t .highlight,
body.page-id-637 .internal-highlight-e span:not([class]):not([style]),
body.page-id-637 .colors-d .slogan,
body.page-id-637 .colors-b span:not([class]):not([style]),
body.page-id-637 .colors-c span:not([class]):not([style]),
body.page-id-637 .colors-d span:not([class]):not([style]),
body.page-id-637 .colors-o span:not([class]):not([style]) {color: var(--FrontendEntwicklung) !important;}
body.page-id-637 .colors-c .col-style-decorated::before {background-color: rgba(var(--FrontendEntwicklung-rgb), 0.7) !important;}
body.page-id-637 .background-x {background-color: rgba(var(--FrontendEntwicklung-rgb), 0.9) !important;}
body.page-id-637 .background-m {background-color: rgba(var(--FrontendEntwicklung-rgb), 0.66) !important;}
body.page-id-637 .fill-highlight,
body.page-id-637 .fill-heading {fill: var(--FrontendEntwicklung) !important;}
body.page-id-637 .colors-s {background-color: rgba(var(--FrontendEntwicklung-rgb), 0.95) !important;}
/* ====== Frontend Entwicklung STARTS  ====== */



body.page-id-629 #home,
body.page-id-639 #home {position: relative;}
body.page-id-629 #home::before,
body.page-id-639 #home::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0,0,0,.60); */
}



/* body.page-id-626 #custom_html-3 {
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}


body.page-id-626 #hero-threejs {
    width: 100vw !important;
    height: 100vh !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
} */

/* #layers-widget-multimedianrw-section-18 {
    position: static !important;
}
#layers-widget-multimedianrw-section-18 #home {
    z-index: 99999;
}
#layers-widget-multimedianrw-section-18 #home .layout-boxed.section-top {
    position: static;
}
#layers-widget-multimedianrw-section-18 #home #hero-threejs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
#layers-widget-multimedianrw-section-18 #home .home-b-uptitle.heading,
#layers-widget-multimedianrw-section-18 #home .home-b-title,
#layers-widget-multimedianrw-section-18 #home p.lead,
#layers-widget-multimedianrw-section-18 #home .home-b-buttons {
    position: relative;
    z-index: 4;
} */

#home .layout-boxed.section-top {
    position: relative;
    z-index: 4;
}
#home .section-cols.layout-boxed #hero-threejs {
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    z-index: 1;
}