:root { --venti_light_blue: #0093E0; --venti_light_blueTrans: rgba(52, 128, 208, 0.75); --venti_blue: #265cad; --venti_blueTrans: rgba(38, 92, 173, 0.75); --venti_dark_blue: #0B3978; --venti_dark_blueTrans: rgba(21, 44, 96, 0.75); --venti_light_grey: #e5e9ed; --venti_grey: #CBD3D8; --venti_grey2: #798B9B; --venti_dark_grey: #4B5A64; --venti_orange: #ff6600; --venti_framewidth: 1300px; --venti_light_greyGradient: linear-gradient(0deg, rgba(230,235,235,1) 0%, rgba(255,255,255,1) 100%); --venti_linkTransition: all 450ms ease-out; --venti_headScrollTransition: all 350ms ease-out; } /* Grundlagen */ /* ######################################################################################################################################### */ a{color:var(--venti_light_blue);} hr{background:var(--venti_light_blue);} body{color:var(--venti_dark_grey);} h1,h2,h3,h4,h5,h6{color:var(--venti_dark_blue);} .sits_subheader{color:var(--venti_grey2);} /* ######################################################################################################################################### */ /* ENDE -> Grundlagen */ /* Newsitem Startseite */ /* ######################################################################################################################################### */ .sits_singleNewsItem_head, .sits_singleNewsItem_ListLink span{color:var(--venti_light_blue);} .sits_singleNewsItem, .sits_singleNewsItem_ListLink > a{color:var(--venti_dark_grey);} /* ######################################################################################################################################### */ /* Pages / Subpages */ /* ######################################################################################################################################### */ .sits_iconPage, .sits_iconPageLink{color:var(--venti_dark_grey);} .sits_iconPageLink svg *{fill:var(--venti_dark_grey) !important; transition:all 200ms;} .sits_iconPage > a.sits_iconPageLink:hover{ color:var(--venti_light_blue);} .sits_iconPage > a.sits_iconPageLink:hover svg *{fill:var(--venti_light_blue)!important;} /* ######################################################################################################################################### */ /* Produktdetail */ /* ######################################################################################################################################### */ .sits_jumpPoint.aktiv{color:var(--venti_light_blue);} /* ######################################################################################################################################### */ .sits_apLinkCont > a{color:var(--venti_dark_blue);} /* Hintergründe und Textfarben in Containern */ /* ######################################################################################################################################### */ /* Hellblau */ /* ========================================================================================= */ .frame-bg-venti_light_blue.frame-expand-bg::before, .frame-bg-venti_light_blue.frame-expand-bg::after, .frame-bg-venti_light_blue.expand-bg::before, .frame-bg-venti_light_blue.expand-bg::after, .frame-bg-venti_light_blue{background:var(--venti_light_blue);} .frame-bg-venti_light_blue *, .frame-bg-venti_light_blue h1, .frame-bg-venti_light_blue h2, .frame-bg-venti_light_blue h3, .frame-bg-venti_light_blue h4, .frame-bg-venti_light_blue h5, .frame-bg-venti_light_blue h6, .frame-bg-venti_light_blue .sits_singleNewsItem_ListLink span, .frame-bg-venti_light_blue .sits_singleNewsItem_ListLink a, .frame-bg-venti_light_blue .sits_jumpPoint.aktiv, .frame-bg-venti_light_blue .sits_apLinkCont > a, .frame-bg-venti_light_blue .frame-col-venti_light_blue{color:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .frame-bg-venti_light_blue hr{background:#fff;} .frame-bg-venti_light_blue .sits_iconPageLink svg *{fill:#fff !important;} /* ========================================================================================= */ /* Blau */ /* ========================================================================================= */ .frame-bg-venti_blue.frame-expand-bg::before, .frame-bg-venti_blue.frame-expand-bg::after, .frame-bg-venti_blue.expand-bg::before, .frame-bg-venti_blue.expand-bg::after, .frame-bg-venti_blue{background:var(--venti_blue);} .frame-bg-venti_blue *, .frame-bg-venti_blue h1, .frame-bg-venti_blue h2, .frame-bg-venti_blue h3, .frame-bg-venti_blue h4, .frame-bg-venti_blue h5, .frame-bg-venti_blue h6, .frame-bg-venti_blue .sits_singleNewsItem_ListLink span, .frame-bg-venti_blue .sits_singleNewsItem_ListLink a, .frame-bg-venti_blue .sits_jumpPoint.aktiv, .frame-bg-venti_blue .sits_apLinkCont > a, .frame-bg-venti_blue .frame-col-venti_light_blue, .frame-bg-venti_blue .frame-col-venti_dark_blue{color:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .frame-bg-venti_blue hr{background:#fff;} .frame-bg-venti_blue .sits_iconPageLink svg *{fill:#fff !important;} /* ========================================================================================= */ /* Dunkelblau */ /* ========================================================================================= */ .frame-bg-venti_dark_blue.frame-expand-bg::before, .frame-bg-venti_dark_blue.frame-expand-bg::after, .frame-bg-venti_dark_blue.expand-bg::before, .frame-bg-venti_dark_blue.expand-bg::after, .frame-bg-venti_dark_blue{background:var(--venti_dark_blue);} .frame-bg-venti_dark_blue *, .frame-bg-venti_dark_blue h1, .frame-bg-venti_dark_blue h2, .frame-bg-venti_dark_blue h3, .frame-bg-venti_dark_blue h4, .frame-bg-venti_dark_blue h5, .frame-bg-venti_dark_blue h6, .frame-bg-venti_dark_blue .sits_singleNewsItem_ListLink span, .frame-bg-venti_dark_blue .sits_singleNewsItem_ListLink a, .frame-bg-venti_dark_blue .sits_jumpPoint.aktiv, .frame-bg-venti_dark_blue .sits_apLinkCont > a, .frame-bg-venti_dark_blue .frame-col-venti_dark_blue{color:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .frame-bg-venti_dark_blue hr{background:#fff;} .frame-bg-venti_dark_blue .sits_iconPageLink svg *{fill:#fff !important;} /* ========================================================================================= */ /* Hellgrau und Weiss/Grau */ /* ========================================================================================= */ .frame-bg-venti_light_grey.frame-expand-bg::before, .frame-bg-venti_light_grey.frame-expand-bg::after, .frame-bg-venti_light_grey.expand-bg::before, .frame-bg-venti_light_grey.expand-bg::after, .sits_padding_bottom.frame-bg-part_light_grey.expand-bg::before, .sits_padding_bottom.frame-bg-part_light_grey.expand-bg::after, .frame-bg-venti_light_grey, .sits_padding_bottom.frame-bg-part_light_grey, .frame-bg-part_light_grey .sits_container_col::after, .greyBack{background:var(--venti_light_grey);} /* ========================================================================================= */ /* Grau */ /* ========================================================================================= */ .frame-bg-venti_grey.frame-expand-bg::before, .frame-bg-venti_grey.frame-expand-bg::after, .frame-bg-venti_grey.expand-bg::before, .frame-bg-venti_grey.expand-bg::after, .frame-bg-venti_grey{background:var(--venti_grey);} /* ========================================================================================= */ /* Dunkelgrau */ /* ========================================================================================= */ .frame-bg-venti_dark_grey.frame-expand-bg::before, .frame-bg-venti_dark_grey.frame-expand-bg::after, .frame-bg-venti_dark_grey.expand-bg::before, .frame-bg-venti_dark_grey.expand-bg::after, .frame-bg-venti_dark_grey{background:var(--venti_dark_grey);} .frame-bg-venti_dark_grey *, .frame-bg-venti_dark_grey h1, .frame-bg-venti_dark_grey h2, .frame-bg-venti_dark_grey h3, .frame-bg-venti_dark_grey h4, .frame-bg-venti_dark_grey h5, .frame-bg-venti_dark_grey h6, .frame-bg-venti_dark_grey .sits_singleNewsItem_ListLink span, .frame-bg-venti_dark_grey .sits_singleNewsItem_ListLink a, .frame-bg-venti_dark_grey .sits_jumpPoint.aktiv, .frame-bg-venti_dark_grey .sits_apLinkCont > a, .frame-bg-venti_dark_grey .frame-col-venti_light_blue, .frame-bg-venti_dark_grey .frame-col-venti_dark_blue{color:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .frame-bg-venti_dark_grey .sits_iconPageLink svg *{fill:#fff !important;} /* ========================================================================================= */ /* Orange */ /* ========================================================================================= */ .frame-bg-venti_orange.frame-expand-bg::before, .frame-bg-venti_orange.frame-expand-bg::after, .frame-bg-venti_orange.expand-bg::before, .frame-bg-venti_orange.expand-bg::after, .frame-bg-venti_orange{background:var(--venti_orange);} .frame-bg-venti_orange *, .frame-bg-venti_orange h1, .frame-bg-venti_orange h2, .frame-bg-venti_orange h3, .frame-bg-venti_orange h4, .frame-bg-venti_orange h5, .frame-bg-venti_orange h6, .frame-bg-venti_orange .sits_singleNewsItem_ListLink span, .frame-bg-venti_orange .sits_singleNewsItem_ListLink a, .frame-bg-venti_orange .sits_jumpPoint.aktiv, .frame-bg-venti_orange .sits_apLinkCont > a, .frame-bg-venti_orange .frame-col-venti_light_blue, .frame-bg-venti_orange .frame-col-venti_dark_blue{color:#fff;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .frame-bg-venti_orange .sits_iconPageLink svg *{fill:#fff !important;} /* ========================================================================================= */ /* ######################################################################################################################################### */ /* ENDE - > Hintergründe und Textfarben in Containern */ .frame-col-venti_dark_blue, .frame-col-venti_dark_blue h1, .frame-col-venti_dark_blue h2, .frame-col-venti_dark_blue h3, .frame-col-venti_dark_blue h4, .frame-col-venti_dark_blue h5, .frame-col-venti_dark_blue h6{color:var(--venti_dark_blue);} .frame-col-venti_light_blue, .frame-col-venti_light_blue h1, .frame-col-venti_light_blue h2, .frame-col-venti_light_blue h3, .frame-col-venti_light_blue h4, .frame-col-venti_light_blue h5, .frame-col-venti_light_blue h6{color:var(--venti_light_blue);} .frame-col-venti_grey, .frame-col-venti_grey h1, .frame-col-venti_grey h2, .frame-col-venti_grey h3, .frame-col-venti_grey h4, .frame-col-venti_grey h5, .frame-col-venti_grey h6{color:var(--venti_grey);} .frame-col-venti_dark_grey, .frame-col-venti_dark_grey h1, .frame-col-venti_dark_grey h2, .frame-col-venti_dark_grey h3, .frame-col-venti_dark_grey h4, .frame-col-venti_dark_grey h5, .frame-col-venti_dark_grey h6{color:var(--venti_dark_grey);} .frame-col-venti_white, .frame-col-venti_white h1, .frame-col-venti_white h2, .frame-col-venti_white h3, .frame-col-venti_white h4, .frame-col-venti_white h5, .frame-col-venti_white h6{color:#fff;}