@charset "UTF-8";
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/project/_fonts.scss
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@font-face {
font-family: "Hella Regular";
src: url("fonts/helladinuniversal-regular-web.eot");
src: url("fonts/helladinuniversal-regular-web.eot?#iefix") format("embedded-opentype"), url("fonts/helladinuniversal-regular-web.woff") format("woff"), url("fonts/helladinuniversal-regular-web.ttf") format("truetype"), url("fonts/helladinuniversal-regular-web.svg#hella_din_universalregular") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "Hella Light";
src: url("fonts/helladinuniversal-light-web.eot");
src: url("fonts/helladinuniversal-light-web.eot?#iefix") format("embedded-opentype"), url("fonts/helladinuniversal-light-web.woff") format("woff"), url("fonts/helladinuniversal-light-web.ttf") format("truetype"), url("fonts/helladinuniversal-light-web.svg#hella_din_universallight") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "Hella Medium";
src: url("fonts/helladinuniversal-mediumweb.eot");
src: url("fonts/helladinuniversal-mediumweb.eot?#iefix") format("embedded-opentype"), url("fonts/helladinuniversal-mediumweb.woff2") format("woff2"), url("fonts/helladinuniversal-mediumweb.woff") format("woff"), url("fonts/helladinuniversal-mediumweb.ttf") format("truetype"), url("fonts/helladinuniversal-mediumweb.svg#hella_din_universalmedium") format("svg");
font-weight: normal;
font-style: normal; }
/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajn? - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik R?znar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
.container-fluid.root .row > *[class^='col-'],
.container-fluid.root .row > *[class*=' col-'],
footer .container-fluid .row > *[class^='col-'],
footer .container-fluid .row > *[class*=' col-'] {
padding-left: 5px;
padding-right: 5px; } }
@media (min-width: 768px) and (max-width: 1024px) {
.container-fluid.root .row > *[class^='col-'],
.container-fluid.root .row > *[class*=' col-'],
footer .container-fluid .row > *[class^='col-'],
footer .container-fluid .row > *[class*=' col-'] {
padding-left: 10px;
padding-right: 10px; } }
@media (min-width: 1025px) {
.container-fluid.root .row > *[class^='col-'],
.container-fluid.root .row > *[class*=' col-'],
footer .container-fluid .row > *[class^='col-'],
footer .container-fluid .row > *[class*=' col-'] {
padding-left: 20px;
padding-right: 20px; } }
.container-fluid.root,
footer .container-fluid {
max-width: 1280px;
transition: all 0.3s; }
@media (max-width: 767px) {
.container-fluid.root .row,
footer .container-fluid .row {
padding-left: 5px;
padding-right: 5px; } }
@media (min-width: 768px) and (max-width: 1024px) {
.container-fluid.root .row,
footer .container-fluid .row {
padding-left: 10px;
padding-right: 10px; } }
@media (min-width: 1025px) {
.container-fluid.root .row,
footer .container-fluid .row {
padding-left: 20px;
padding-right: 20px; } }
.container-fluid.root .row .row,
footer .container-fluid .row .row {
padding-left: 0;
padding-right: 0; }
@media (max-width: 767px) {
.container-fluid.root .row .row,
footer .container-fluid .row .row {
margin-left: -5px;
margin-right: -5px; } }
@media (min-width: 768px) and (max-width: 1024px) {
.container-fluid.root .row .row,
footer .container-fluid .row .row {
margin-left: -10px;
margin-right: -10px; } }
@media (min-width: 1025px) {
.container-fluid.root .row .row,
footer .container-fluid .row .row {
margin-left: -20px;
margin-right: -20px; } }
@media (min-width: 1025px) {
.container-fluid.root .row > .col-md-ext-33,
footer .container-fluid .row > .col-md-ext-33 {
float: left;
position: relative;
min-height: 1px;
width: 33.3%; } }
@media (min-width: 768px) and (max-width: 1024px) {
.container-fluid.root .row > .col-sm-ext-33,
footer .container-fluid .row > .col-sm-ext-33 {
float: left;
position: relative;
min-height: 1px;
width: 33.3%; } }
@media (max-width: 767px) {
.container-fluid.root .row > .col-xs-ext-33,
footer .container-fluid .row > .col-xs-ext-33 {
float: left;
position: relative;
min-height: 1px;
width: 33.3%; } }
@media (min-width: 1025px) {
.container-fluid.root .row > .col-md-ext-66,
footer .container-fluid .row > .col-md-ext-66 {
float: left;
position: relative;
min-height: 1px;
width: 66.66%; } }
@media (min-width: 768px) and (max-width: 1024px) {
.container-fluid.root .row > .col-sm-ext-66,
footer .container-fluid .row > .col-sm-ext-66 {
float: left;
position: relative;
min-height: 1px;
width: 66.66%; } }
@media (max-width: 767px) {
.container-fluid.root .row > .col-xs-ext-66,
footer .container-fluid .row > .col-xs-ext-66 {
float: left;
position: relative;
min-height: 1px;
width: 66.66%; } }
.container-fluid.root .alert p:last-child,
footer .container-fluid .alert p:last-child {
margin-bottom: 0; }
@media (max-width: 767px) {
.container-fluid.root .table-responsive,
footer .container-fluid .table-responsive {
border: 0;
margin-bottom: 0; } }
.container-fluid.root .glyphicon.gly-spin,
footer .container-fluid .glyphicon.gly-spin {
animation: spin 2s infinite linear; }
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg); }
100% {
-moz-transform: rotate(359deg); } }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg); } }
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg); }
100% {
-o-transform: rotate(359deg); } }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
.container-fluid.root .glyphicon.gly-rotate-90,
footer .container-fluid .glyphicon.gly-rotate-90 {
transform: rotate(90deg); }
.container-fluid.root .glyphicon.gly-rotate-180,
footer .container-fluid .glyphicon.gly-rotate-180 {
transform: rotate(180deg); }
.container-fluid.root .glyphicon.gly-rotate-270,
footer .container-fluid .glyphicon.gly-rotate-270 {
transform: rotate(270deg); }
.container-fluid.root .glyphicon.gly-flip-horizontal,
footer .container-fluid .glyphicon.gly-flip-horizontal {
transform: scale(-1, 1); }
.container-fluid.root .glyphicon.gly-flip-vertical,
footer .container-fluid .glyphicon.gly-flip-vertical {
transform: scale(1, -1); }
/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/project/styles.footer.scss
++ 2024-10-18 12:52 [40d88f0] Jirina Lastuvkova - update css for footer for microsite-horns
++ 2024-09-03 08:02 [e08a849] HAT\ryzndo1 - Update CSS lightstyle homepage
++ 2024-05-30 10:25 [06c4385] Jirina Lastuvkova - update css for ms horns soe
++ 2023-12-08 08:25 [2a3adca] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-12-08 08:22 [3677729] Michael Hajn? - adaptive design for horns
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-01-20 15:20 [bb34e52] Dominik R?znar - Update CSS of footer for MS SOE
++ 2022-08-11 07:53 [2220ea8] Dominik R?znar - Update CSS for lightstyle project
++ 2022-06-13 09:25 [fad26c8] Jirina Lastuvkova - Update css for links in footer Microsite soe
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:36 [e2cceee] Jirina Lastuvkova - Update styles of navigation and footer for microsites SOE - change of colors
++ 2022-05-12 06:44 [f6f133a] Dominik R?znar - Update CSS of Navigation and Footer for MS SOE
++ 2022-03-29 09:22 [7d7f48e] Dominik R?znar - Update CSS of Footer for MS SOE
++ 2021-11-04 07:44 [68ff9ab] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-10-18 09:31 [13c46f5] Dominik R?znar - Update CSS of footer for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
footer {
background-color: #575757;
color: #ffffff;
position: relative; }
footer:before {
content: '';
width: 100%;
display: block;
height: 6px;
position: absolute;
z-index: 9;
background-position: center;
background-size: 100%;
top: 0; }
footer .additionalLinks .custom-link {
display: flex; }
footer .additionalLinks .homeIcon {
margin: 0 1.333em;
text-align: center; }
@media (max-width: 767px) {
footer .additionalLinks .homeIcon {
flex-basis: calc(50% - 50px); } }
footer .additionalLinks .homeIcon img {
max-width: 80px;
display: inline-block; }
footer .additionalLinks .homeIcon .homeIconText {
margin-top: 1.333em; }
footer .additionalLinks .homeIcon .homeIconText a {
display: inline-block;
padding: 0.533em 1em;
border: 1px solid #fff;
color: #fff;
border-radius: 15px; }
footer .additionalLinks .homeIcon .homeIconText a:hover {
background-color: #fff;
color: #000;
text-decoration: none; }
footer .newsletterAndSocialWrap .container-fluid {
padding: 2em 0; }
@media (max-width: 767px) {
footer .newsletterAndSocialWrap .container-fluid {
padding: 1em 0; } }
footer .newsletterAndSocialWrap .container-fluid hr {
margin-top: 2em;
margin-bottom: 0.667em; }
footer .newsletterAndSocialWrap ul {
padding-left: 0;
list-style-type: none; }
footer .newsletterAndSocialWrap ul li {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 0.933em;
color: #fff;
margin: 0.333em 0; }
footer .newsletterAndSocialWrap ul li a {
color: inherit;
text-decoration: none; }
footer .newsletterAndSocialWrap ul li a:hover {
text-decoration: underline; }
footer .sitemapWrap .container-fluid {
padding-top: 0; }
@media (max-width: 1024px) {
footer .sitemapWrap .container-fluid .sitemap div.row:nth-child(1) {
display: none; } }
footer .sitemapWrap .container-fluid .sitemap hr {
margin-top: 0;
margin-bottom: 0.667em;
border-color: #ffffff; }
footer .sitemapWrap .container-fluid .sitemap ul:not(.last) {
padding-left: 0;
list-style-type: none;
margin-bottom: 2em; }
footer .sitemapWrap .container-fluid .sitemap ul:not(.last) li:first-of-type {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 1.067em;
color: #575757;
font-weight: bold;
line-height: 1.4em;
padding-bottom: 0.313em; }
footer .sitemapWrap .container-fluid .sitemap ul:not(.last) li {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 0.667em;
color: #ffffff;
text-transform: uppercase;
line-height: 3.5em; }
footer .sitemapWrap .container-fluid .sitemap ul:not(.last) a {
color: inherit;
text-decoration: none; }
footer .sitemapWrap .container-fluid .sitemap ul:not(.last) a:hover {
text-decoration: underline; }
footer .sitemapWrap .container-fluid .sitemap ul.last {
padding-left: 0;
list-style-type: none;
margin-top: 0; }
footer .sitemapWrap .container-fluid .sitemap ul.last li {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 0.667em;
text-transform: uppercase;
float: left;
margin-right: 2em;
line-height: 2em; }
footer .sitemapWrap .container-fluid .sitemap ul.last a {
color: inherit;
text-decoration: none; }
footer .sitemapWrap .container-fluid .sitemap ul.last a:hover {
text-decoration: underline; }
footer .sitemapWrap .container-fluid .sitemap .copyright {
text-align: center;
font-size: 0.667em;
line-height: 2em; }
@media (max-width: 767px) {
footer .sitemapWrap .container-fluid .sitemap .copyright {
font-size: 0.6em; } }
@media (max-width: 1024px) {
footer .sitemapWrap .container-fluid .sitemap .copyright {
text-align: left; } }
footer .sitemapWrap .container-fluid .sitemap .footerLanguageSwitch {
font-size: 0.667em;
line-height: 2em;
display: none; }
footer .sitemapWrap .container-fluid .sitemap .footerLanguageSwitch a {
color: #fff; }
footer .sitemapWrap .container-fluid .sitemap .footerLanguageSwitch a img {
float: right;
width: 2em;
margin-right: 0.7em; }
footer .sitemapWrap .container-fluid .sitemap .footerLanguageSwitch a span {
float: right;
text-transform: uppercase; }
footer .sitemapWrap .container-fluid .sitemap .footerLanguageSwitch a span:hover {
text-decoration: underline; }
footer .goToTopButton {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
z-index: 20; }
@media (max-width: 767px) {
footer .goToTopButton {
display: none; } }
footer .goToTopButton span {
border-radius: 0.333em;
background-color: #0024D3;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease-in-out;
position: relative;
z-index: 10;
cursor: pointer;
box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.6); }
footer .goToTopButton span .labelIcon {
font-size: 1.6em;
padding: 0.4em 0.667em;
position: relative;
font-family: 'Glyphicons Halflings';
display: block;
color: #ffffff; }
footer .goToTopButton span .labelIcon:before {
content: "\e260"; }
footer .container-fluid {
padding-top: 2em;
padding-bottom: 4em; }
@media (min-width: 768px) and (max-width: 1024px) {
footer .container-fluid {
padding-top: 20px;
padding-bottom: 20px; } }
@media (max-width: 767px) {
footer .container-fluid {
padding-top: 10px;
padding-bottom: 10px; } }
footer .newsletterAndSocialWrap ul li, footer .sitemapWrap .container-fluid .sitemap ul:not(.last) li, footer .sitemapWrap .container-fluid .sitemap ul.last li, footer .headline {
font-weight: normal;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif; }
footer .headline {
font-size: 0.867em;
color: #ffffff;
text-transform: uppercase;
margin: 0;
padding: 0 0 1.923em 0; }
@media (min-width: 1025px) {
footer .sitemap:nth-child(2) {
padding-top: 1.333em; } }
footer .followHella .company div {
text-align: center; }
footer .followHella .iconsContent a {
display: inline-block;
margin: auto;
margin-bottom: 0.667em;
height: 1.933em;
background-size: contain;
background-repeat: no-repeat;
transition: background-image 0.3s ease; }
@media (max-width: 767px) {
footer .followHella .iconsContent a {
margin-bottom: 1.333em; } }
footer .followHella .iconsContent.social a {
width: 3.133em; }
footer .followHella .iconsContent.company a {
height: 2.667em;
width: 8.933em; }
footer .followHella .iconsContent div > *:hover {
filter: invert(0); }
footer .followHella .iconsContent .socialFacebook {
background-image: url("images/footer_social_facebook.png"); }
footer .followHella .iconsContent .socialFacebook:hover {
background-image: url("images/footer_social_facebook_hover.png"); }
footer .followHella .iconsContent .socialTwitter {
background-image: url("images/footer_social_twitter.png"); }
footer .followHella .iconsContent .socialTwitter:hover {
background-image: url("images/footer_social_twitter_hover.png"); }
footer .followHella .iconsContent .socialYoutube {
background-image: url("images/footer_social_youtube.png"); }
footer .followHella .iconsContent .socialYoutube:hover {
background-image: url("images/footer_social_youtube_hover.png"); }
footer .followHella .iconsContent .socialGooglePlus {
background-image: url("images/footer_social_googleplus.png"); }
footer .followHella .iconsContent .socialGooglePlus:hover {
background-image: url("images/footer_social_googleplus_hover.png"); }
footer .followHella .iconsContent .socialLinkedIn {
background-image: url("images/footer_social_linkedin.png"); }
footer .followHella .iconsContent .socialLinkedIn:hover {
background-image: url("images/footer_social_linkedin_hover.png"); }
footer .followHella .iconsContent .socialInstagram {
background-image: url("images/footer_social_instagram.png"); }
footer .followHella .iconsContent .socialInstagram:hover {
background-image: url("images/footer_social_instagram_hover.png"); }
footer .followHella .iconsContent .socialTiktok {
background-image: url("images/footer_social_tiktok.png"); }
footer .followHella .iconsContent .socialTiktok:hover {
background-image: url("images/footer_social_tiktok_hover.png"); }
footer .followHella .iconsContent .companyHella {
background-image: url("images/footer_logo_hella.png"); }
footer .followHella .iconsContent .companyHella:hover {
background-image: url("images/footer_logo_hella_hover.png"); }
footer .followHella .iconsContent .companyGutmann {
background-image: url("images/footer_logo_hgs.png"); }
footer .followHella .iconsContent .companyGutmann:hover {
background-image: url("images/footer_logo_hgs_hover.png"); }
footer .followHella .iconsContent .companyBehr {
background-image: url("images/footer_logo_bhs.png"); }
footer .followHella .iconsContent .companyBehr:hover {
background-image: url("images/footer_logo_bhs_hover.png"); }
footer .followHella .iconsContent .companyPagid {
background-image: url("images/footer_logo_hpbs.png"); }
footer .followHella .iconsContent .companyPagid:hover {
background-image: url("images/footer_logo_hpbs_hover.png"); }
footer .followHella .iconsContent .companyHengst {
background-image: url("images/footer_logo_hengst.png"); }
footer .followHella .iconsContent .companyHengst:hover {
background-image: url("images/footer_logo_hengst_hover.png"); }
footer .followHella .iconsContent .companySonne {
background-image: url("images/footer_logo_sonne.png"); }
footer .followHella .iconsContent .companySonne:hover {
background-image: url("images/footer_logo_sonne_hover.png"); }
footer .followHella .iconsContent .companyDon {
background-image: url("images/footer_logo_don.png"); }
footer .followHella .iconsContent .companyDon:hover {
background-image: url("images/footer_logo_don_hover.png"); }
footer .followHella .iconsContent .companyMann {
background-image: url("images/footer_logo_mann.png"); }
footer .followHella .iconsContent .companyMann:hover {
background-image: url("images/footer_logo_mann_hover.png"); }
footer .followHella .iconsContent .companyTextar {
background-image: url("images/footer_logo_textar.png"); }
footer .followHella .iconsContent .companyTextar:hover {
background-image: url("images/footer_logo_textar_hover.png"); }
body.switch footer:before {
display: none; }
body.lightstyle footer .goToTopButton span {
background-color: #000000; }
body.horns footer .sitemapWrap .sitemap .footerLanguageSwitch {
display: block; }
/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/project/styles.navigation.scss
++ 2025-08-05 12:16 [78dbba9] HAT\plevji1 - update css for navigation microsite soe
++ 2024-09-19 10:59 [5cc3d9e] Jirina Lastuvkova - update css for language options for microsites-soe-horns
++ 2024-09-03 08:02 [e08a849] HAT\ryzndo1 - Update CSS lightstyle homepage
++ 2024-05-16 12:29 [57dbae8] Jirina Lastuvkova - update css for SOE - ms-horns
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2024-03-14 08:32 [917d9ff] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2024-03-13 08:05 [d26767c] Jirina Lastuvkova - update css - change of logo for switch
++ 2024-03-12 09:41 [9f27b29] Jirina Lastuvkova - update css (new logo) for microsite soe
++ 2024-01-25 09:13 [671a6ad] Vojtech Schwarz - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2024-01-24 10:18 [210b3e8] Klug, Zdenek - Updaate Horns Logo
++ 2023-12-08 08:25 [2a3adca] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-12-07 08:53 [f4cace1] Jirina Lastuvkova - update css - reduction of the color palette in modules for SOE
++ 2023-11-21 07:56 [f675db9] Jirina Lastuvkova - update css - remove duplicated properties for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-25 07:54 [35aa286] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-25 07:41 [e86faf5] Michael Hajn? - update on navigation
++ 2023-10-19 09:58 [370a626] Michael Hajn? - update menu items align
++ 2023-10-18 15:00 [7ce194a] Jirina Lastuvkova - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-18 14:58 [bc95c16] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-18 14:57 [e7e52fc] Michael Hajn? - update on navigation
++ 2023-10-03 10:57 [4ae8330] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajn? - creating second level of navigation for "SOE-australian solutions"
++ 2023-09-08 08:50 [9f4490d] Jirina Lastuvkova - update css for navigation - microsite-claneo (australiansolutions) ms SOE
++ 2023-01-10 09:51 [e8ee215] Dominik R?znar - Update CSS of navigation
++ 2022-08-31 14:02 [5ece6c9] Dominik R?znar - Update CSS of navigation for MS SOE
++ 2022-08-11 07:53 [2220ea8] Dominik R?znar - Update CSS for lightstyle project
++ 2022-06-24 14:41 [97fe5b8] Dominik R?znar - Bulk update of MS SOE
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 14:30 [e7f2555] Stanislav ?incl - Update styles.navigation for MS SOE - logo media query adjustment
++ 2022-05-23 08:36 [e2cceee] Jirina Lastuvkova - Update styles of navigation and footer for microsites SOE - change of colors
++ 2022-05-12 06:44 [f6f133a] Dominik R?znar - Update CSS of Navigation and Footer for MS SOE
++ 2022-03-29 09:20 [73e8307] Dominik R?znar - Update CSS of Navigation for MS SOE
++ 2021-11-23 15:34 [3bd1ba0] Dominik R?znar - Update CSS of navigation for MS SOE
++ 2021-11-23 09:18 [2bc5a19] Dominik R?znar - Update Navigation for MS SOE
++ 2021-11-04 07:44 [68ff9ab] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-03-30 08:50 [1705569] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-03-09 09:27 [d33dc3b] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-01-11 14:20 [b64fde8] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.headerImage {
background-size: cover;
background-position: center 60%;
height: 14em;
background-color: #fff; }
@media (max-width: 1024px) {
.headerImage {
height: 10em; } }
@media (max-width: 767px) {
body.soe .headerImage {
display: none; } }
.headerPart {
margin-bottom: 1.333em; }
@media (min-width: 1025px) {
.headerPart {
margin-bottom: 4.467em; } }
body.homeLighstyle .webRoot {
padding-bottom: 0; }
body.homeLighstyle .webRoot > .module_Video {
margin-top: 100px; }
@media (max-width: 1024px) {
body.homeLighstyle .webRoot > .module_Video {
margin-top: 60px; } }
body.homeLighstyle:not(.horns) *[class*='module_'] {
margin-bottom: 0 !important; }
body.homeLighstyle .headerPart {
margin-bottom: 0 !important;
background-color: #000 !important;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 500; }
body.homeLighstyle .headerPart .navbar {
margin-bottom: 0 !important;
background-color: #000 !important; }
body.homeLighstyle .headerPart .language .globe:before {
filter: invert(1); }
body.homeLighstyle .headerPart .language .badge {
background-color: #000 !important;
color: #fff !important; }
body.homeLighstyle .headerPart .icon-hamburger {
color: #fff !important; }
body.homeLighstyle .headerPart .navbar-nav li a {
color: #fff !important; }
body.homeLighstyle .headerPart .navbar-nav li a:hover {
color: #ffc800 !important; }
body.homeLighstyle .headerPart .navbar-nav li a:after {
display: none !important; }
@media (max-width: 1024px) {
body.homeLighstyle .headerPart .navbar-nav li.dropdown {
background-color: #171616; } }
@media (max-width: 1024px) {
body.homeLighstyle .headerPart .navbar-nav li.dropdown.mobileBreadcrumb {
background-color: #171616; } }
.navbar {
min-width: 320px;
margin: auto;
font-family: "Hella Regular";
min-height: 3.6em !important;
border-radius: 0em;
border-bottom-left-radius: 0.267em;
border-bottom-right-radius: 0.267em;
border: none;
background-color: #ffffff;
border-left: 0em;
border-right: 0em;
border-bottom: 0em;
margin-bottom: 20px;
position: relative; }
.navbar:after {
content: '';
border-bottom: 4px solid #0024D3;
width: 100%;
display: block;
height: 6px;
position: absolute;
z-index: 9;
background-position: center;
background-size: 100%;
bottom: 0; }
.navbar > div:first-of-type {
margin-top: 0; }
@media (max-width: 1024px) {
.navbar {
top: auto;
min-height: 3em !important;
margin-bottom: 0;
border-top: 0em;
border-bottom-left-radius: 0em;
border-bottom-right-radius: 0em;
transition: all 0.3s;
width: 100%;
height: 60px; } }
.navbar .hiddenAll {
display: none; }
.navbar.navbar-fixed-top {
top: 0em;
border: none;
min-height: 3em !important;
position: fixed !important; }
.navbar.navbar-fixed-top .navbarLogo {
position: relative;
top: 0.2em; }
.navbar.navbar-fixed-top .navSeparator {
display: none; }
.navbar.navbar-fixed-top .navbar-toolBox {
top: 1.067em; }
.navbar.navbar-fixed-top .navbar-collapse {
top: 0; }
.navbar .navbarLogo {
margin-left: 2.667em;
z-index: 100;
max-width: 15.8em;
margin-top: 1em;
display: inline-block;
margin-bottom: 1.333em; }
@media (max-width: 1024px) {
.navbar .navbarLogo {
margin-left: 0.667em;
margin-top: 0;
margin-bottom: 0; } }
@media (min-width: 1650px) {
.navbar .navbarLogo {
position: absolute;
left: 0;
margin-left: 0.667em; } }
@media (min-width: 1600px) {
.navbar .navbarLogo {
margin-left: 1.333em; } }
@media (min-width: 1025px) {
.navbar .navbarLogo .logo {
background-image: url("images/Forvia_Hella_Logo.svg");
background-repeat: no-repeat;
width: 9.933em;
height: 4.667em;
background-size: contain; } }
@media (max-width: 1024px) {
.navbar .navbarLogo .logo {
background-image: url("images/Forvia_Hella_Logo.svg");
background-repeat: no-repeat;
margin-top: 0.467em;
width: 6em;
height: 2.8em;
background-size: contain; } }
.navbar .navbarLogo .logo.mobileDeviceSticky {
background-image: url("images/Forvia_Hella_Logo.svg");
background-repeat: no-repeat;
width: 6em;
height: 2.8em;
margin-top: 0.2em; }
.navbar .navbarLogo .logo.mobileDeviceSticky .line {
display: none; }
.navbar .navbarLogo .logo .line {
position: absolute;
top: 3.267em;
width: 13.667em; }
@media (max-width: 1024px) {
.navbar .navbarLogo .logo .line {
top: 2.8em; } }
@media (max-width: 1024px) {
.navbar .navbarLogo .logo .line {
width: 5.733em; } }
.navbar .navbarLogo .logo .line:before {
content: '';
background-color: #E9E9E9;
display: block;
height: 0.333em; }
@media (min-width: 1025px) {
.navbar .navbarLogo .logo .line:before {
margin-left: -1.333em;
width: 1.333em; } }
@media (max-width: 1024px) {
.navbar .navbarLogo .logo .line:before {
display: none; } }
.navbar .navbarLogo .logo .line:after {
content: '';
background-color: #E9E9E9;
display: block;
height: 0.333em;
right: 0em;
position: absolute;
margin-top: -0.333em; }
@media (min-width: 1025px) {
.navbar .navbarLogo .logo .line:after {
width: 1.333em;
margin-right: -1.333em; } }
@media (max-width: 1024px) {
.navbar .navbarLogo .logo .line:after {
width: 0.667em;
margin-right: -0.667em;
height: 0.533em;
background-color: #e2e5e8; } }
.navbar .navbarLogo .logo a {
display: block;
width: 100%;
height: 100%; }
.navbar .row .navPostion .language, .navbar .navbar-toolBox .language {
display: inline-block;
font-size: 1.1em;
position: relative;
top: auto;
right: auto;
margin-right: 0.667em;
cursor: pointer;
z-index: 40; }
.navbar .row .navPostion .language:hover, .navbar .row .navPostion .language:focus, .navbar .navbar-toolBox .language:hover, .navbar .navbar-toolBox .language:focus {
text-decoration: none;
outline: none; }
.navbar .row .navPostion .language .languageOptions, .navbar .navbar-toolBox .language .languageOptions {
position: absolute;
left: 0;
text-align: left;
margin-top: 0.667em;
display: none; }
.navbar .row .navPostion .language .languageOptions span, .navbar .navbar-toolBox .language .languageOptions span {
display: block;
background-color: #171616; }
.navbar .row .navPostion .language .languageOptions span a, .navbar .navbar-toolBox .language .languageOptions span a {
display: block;
padding: 0.467em 0.8em;
color: #fff;
font-size: 0.933em; }
.navbar .row .navPostion .language .languageOptions span a:hover, .navbar .navbar-toolBox .language .languageOptions span a:hover {
text-decoration: none;
background-color: #575757; }
@media (max-width: 1024px) {
.navbar .row .navPostion .language, .navbar .navbar-toolBox .language {
display: none;
margin-right: 1.333em; }
.navbar .row .navPostion .language.open .btn, .navbar .navbar-toolBox .language.open .btn {
background-color: transparent !important; } }
@media (max-width: 1024px) {
.navbar .row .navPostion .language .btn, .navbar .navbar-toolBox .language .btn {
background-color: transparent; }
.navbar .row .navPostion .language .btn:active, .navbar .navbar-toolBox .language .btn:active {
box-shadow: none; } }
@media (min-width: 1025px) {
.navbar .row .navPostion .language .globe, .navbar .navbar-toolBox .language .globe {
display: inline-block;
vertical-align: middle;
position: relative; }
.navbar .row .navPostion .language .globe:before, .navbar .navbar-toolBox .language .globe:before {
background-image: url("images/globe.svg");
content: "";
background-size: cover;
display: block;
width: 20px;
height: 20px; } }
@media (min-width: 1025px) and (max-width: 1024px) {
.navbar .row .navPostion .language .globe, .navbar .navbar-toolBox .language .globe {
font-size: 1.515em; } }
@media (max-width: 1024px) {
.navbar .row .navPostion .language .globe, .navbar .navbar-toolBox .language .globe {
display: inline-block;
vertical-align: middle;
position: relative; }
.navbar .row .navPostion .language .globe:before, .navbar .navbar-toolBox .language .globe:before {
background-image: url("images/globe.svg");
content: "";
background-size: cover;
display: block;
width: 20px;
height: 20px; } }
@media (max-width: 1024px) and (max-width: 1024px) {
.navbar .row .navPostion .language .globe, .navbar .navbar-toolBox .language .globe {
font-size: 1.515em; } }
.navbar .row .navPostion .language .badge, .navbar .navbar-toolBox .language .badge {
color: #171616;
background-color: #fff;
padding: 0.2em;
font-family: Arial, Helvetica, sans-serif;
position: absolute;
font-size: 0.533em; }
@media (min-width: 1025px) {
.navbar .row .navPostion .language .badge, .navbar .navbar-toolBox .language .badge {
top: 1.875em;
right: -0.625em; } }
@media (max-width: 1024px) {
.navbar .row .navPostion .language .badge, .navbar .navbar-toolBox .language .badge {
top: 1.875em;
right: -0.625em;
left: auto; } }
.navbar .row {
margin-top: -2.4em;
margin-left: 0em;
margin-right: 0em; }
@media (max-width: 1024px) {
.navbar .row {
position: relative;
top: 3.133em;
margin-top: 0; } }
.navbar .row .titlePadding {
padding-left: 17.667em; }
@media (max-width: 1024px) {
.navbar .row .titlePadding {
padding-left: 7.067em; } }
.navbar .row .titlePadding .navPostion {
position: absolute;
top: 0.133em; }
.navbar .row .titlePadding .title {
font-family: "Hella Regular";
font-size: 1.1em;
color: #8c8c8c;
display: -webkit-box;
height: 1.866em;
line-height: 0.933em;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
white-space: normal; }
@media (max-width: 1024px) {
.navbar .row .titlePadding .title {
font-size: 0.767em;
padding-top: 0.261em;
height: 2.087em;
line-height: 0.957em; } }
.navbar .row .toolBox {
padding: 0em; }
.navbar .row .toolBox .navPostion {
position: absolute;
top: 2em;
right: 0;
padding-right: 2.667em;
z-index: 50; }
@media (max-width: 1600px) and (min-width: 1024px) {
.navbar .row .toolBox .navPostion {
top: 1em; } }
.navbar .row .toolBox .navPostion .searchForm input {
color: #8c8c8c;
border: 1px solid #E9E9E9; }
.navbar .row .toolBox .navPostion .searchForm .btn-default {
color: #171616; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.navbar .row .toolBox ::i-block-chrome, .navbar .row .toolBox .navPostion {
top: -0.133em; } }
.navbar .row .toolBox a {
font-family: "Hella Regular";
font-size: 0.933em;
color: #ffffff;
padding-left: 1.333em;
transition: padding-left 1s; }
@media (max-width: 826px) and (min-width: 1024px) {
.navbar .row .toolBox a {
padding-left: 0.667em; } }
@-moz-document url-prefix() {
.navbar .row .toolBox a:nth-last-child(2) {
margin-right: 0.867em; } }
.navbar .row .toolBox .searchForm {
display: inline-block;
padding-top: 0em;
margin-top: 0em;
margin-left: 0.333em;
height: 1.333em;
padding-left: 0em; }
.navbar .row .toolBox .searchForm input {
font-family: "Hella Regular"; }
@media (min-width: 1025px) {
.navbar .row .toolBox .searchForm input {
height: 2em;
width: 17.8em;
border-radius: 0.4em;
padding-right: 1.533em;
padding-left: 0.4em;
outline: 0;
box-shadow: none;
transition: width 1s; }
.navbar .row .toolBox .searchForm input:-ms-input-placeholder {
padding: 0em 0em 0em 0.667em; } }
.navbar .row .toolBox .searchForm input:focus {
border: 1px solid #0024D3; }
.navbar .row .toolBox .searchForm input:focus ~ button.btn {
color: #0024D3; }
@media (max-width: 1272px) and (min-width: 1121px) {
.navbar .row .toolBox .searchForm input {
width: 13.333em; } }
@media (max-width: 1160px) and (min-width: 1024px) {
.navbar .row .toolBox .searchForm input {
width: 8em; } }
@-moz-document url-prefix() {
.navbar .row .toolBox .searchForm input {
padding: 0px 0px 0px 10px; } }
@media (min-width: 1025px) {
.navbar .row .toolBox .searchForm button.btn {
height: 1.133em;
border: 0em;
padding: 0em;
margin-left: -1.667em;
position: absolute;
top: 0.2em; } }
.navbar .row .toolBox .searchForm button.btn:hover, .navbar .row .toolBox .searchForm button.btn:focus, .navbar .row .toolBox .searchForm button.btn:active {
background-color: #ffffff;
outline: none;
color: #0024D3; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.navbar .row .toolBox .searchForm ::i-block-chrome, .navbar .row .toolBox .searchForm button.btn {
position: relative;
right: 1.333em;
margin-left: 0em;
background-color: transparent; } }
@-moz-document url-prefix() {
.navbar .row .toolBox .searchForm button.btn {
position: absolute;
margin-top: 0.2em; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.navbar .row .toolBox ::i-block-chrome, .navbar .row .toolBox .searchForm {
margin-right: -1.267em;
padding-left: 1.333em; } }
.navbar .navSeparator {
position: absolute;
top: 5em;
width: 100%;
display: none; }
.navbar .navSeparator .line {
border-top: 0.333em solid #ffc800;
float: right; }
@media (min-width: 768px) and (max-width: 1024px) {
.navbar .navSeparator .line {
right: 20px; } }
@media (max-width: 767px) {
.navbar .navSeparator .line {
right: 10px; } }
.navbar .navbar-header {
position: absolute;
top: 0; }
@media (min-width: 768px) and (max-width: 1024px) {
.navbar .navbar-header {
right: 1.333em; } }
@media (max-width: 767px) {
.navbar .navbar-header {
right: 0.667em; } }
.navbar .navbar-header .navbar-toggle {
background-color: transparent;
border: 0em;
padding: 0em;
margin-top: 0.467em;
z-index: 2;
color: #171616; }
.navbar .navbar-header .navbar-toggle:hover, .navbar .navbar-header .navbar-toggle:focus {
background-color: transparent; }
.navbar .navbar-header .navbar-toggle.collapsed .icon-hamburger {
display: inline-block;
vertical-align: middle;
font-size: 2em; }
.navbar .navbar-header .navbar-toggle.collapsed .icon-hamburger:before {
content: "\e236";
font-family: 'Glyphicons Halflings'; }
.navbar .navbar-header .navbar-toggle .icon-hamburger {
display: inline-block;
vertical-align: middle;
font-size: 2em; }
.navbar .navbar-header .navbar-toggle .icon-hamburger:before {
content: "\e014";
font-family: 'Glyphicons Halflings'; }
.navbar .navbar-toolBox {
position: absolute;
top: 1.067em;
right: 4em; }
.navbar .navbar-toolBox .btn.search {
position: relative;
display: none;
/* Temporary */
color: #171616;
font-size: 1.786em;
margin-right: 0.8em;
padding: 0em;
z-index: 100; }
.navbar .navbar-toolBox .btn.search:before {
content: "\e003";
font-family: 'Glyphicons Halflings'; }
.navbar .navbar-toolBox .btn.search:active {
box-shadow: none; }
@media (max-width: 1024px) {
.navbar .navbar-toolBox .language {
display: block; }
.navbar .navbar-toolBox .language .languageOptions {
left: auto;
right: 0; } }
.navbar .navbar-collapse {
position: relative;
max-width: 1280px;
margin: 0 auto;
border-top: none;
padding: 1.333em 0;
min-height: 90px; }
@media (min-width: 1025px) {
.navbar .navbar-collapse {
display: inline-block !important; }
.partnerworld .navbar .navbar-collapse .nav {
padding-top: 1em;
padding-bottom: 1em; }
.partnerworld .navbar .navbar-collapse .nav .dropdown-toggle {
padding-bottom: 0.667em; }
.partnerworld .navbar .navbar-collapse .nav .dropdown-menu {
margin-top: -1.133em !important; } }
@media (max-width: 1024px) {
.navbar .navbar-collapse {
top: 0;
width: 100%;
max-height: 100vh;
transition: width 1s;
z-index: 1000;
padding-top: 0; }
.navbar .navbar-collapse .navbar-nav {
margin-top: 0; }
.navbar .navbar-collapse li.dropdown {
font-family: "Hella Regular";
font-weight: bold;
font-size: 1em;
color: #ffffff;
padding-left: 0.333em;
background-color: #ffffff;
border-bottom: 0.067em solid #171616; }
.navbar .navbar-collapse li.dropdown.mdSuboverVisible {
display: block;
border-bottom: 0em;
padding-left: 0em !important; }
.navbar .navbar-collapse li.dropdown.mdSuboverVisible .dropdown-menu {
display: block;
position: relative; }
.navbar .navbar-collapse li.dropdown.mdSuboverHidden {
display: none !important; }
.navbar .navbar-collapse.collapsing {
display: none; } }
.navbar .navbar-collapse .navbar-right {
margin-top: 0em; }
@media (min-width: 1025px) {
.navbar .navbar-collapse .navbar-right {
padding-right: 2.667em;
margin-top: -0.267em; } }
@media (max-width: 1024px) {
.navbar .navbar-collapse .navbar-right {
padding-right: 0em;
overflow-y: scroll;
height: inherit;
margin: 0em; } }
@-moz-document url-prefix() {
@media (min-width: 1025px) {
.navbar .navbar-collapse .navbar-right {
margin-top: -0.267em; } } }
.navbar .navbar-collapse .nav li.dropdown {
font-size: 1.2em;
padding-left: 2.727em;
position: static !important; }
@media (max-width: 950px) and (min-width: 1024px) {
.navbar .navbar-collapse .nav li.dropdown {
padding-left: 0.667em; } }
@media (max-width: 1024px) {
.navbar .navbar-collapse .nav li.dropdown {
font-size: 1em;
padding-left: 0.667em; }
.navbar .navbar-collapse .nav li.dropdown.mobileBreadcrumb {
background-color: #E9E9E9;
border-bottom: 0.067em solid #171616; }
.navbar .navbar-collapse .nav li.dropdown.mobileBreadcrumb a {
font-family: "Hella Regular";
text-transform: capitalize;
font-weight: normal; }
.navbar .navbar-collapse .nav li.dropdown.dark {
background-color: #171616; }
.navbar .navbar-collapse .nav li.dropdown.dark a {
font-weight: normal;
font-family: "Hella Regular";
color: #ffffff; }
.navbar .navbar-collapse .nav li.dropdown.dark a img {
float: left;
margin-right: 0.667em;
width: 1.333em; } }
.navbar .navbar-collapse .nav li.dropdown > a {
color: #171616;
font-family: "Hella Medium";
padding-left: 0em;
padding-right: 0em; }
.navbar .navbar-collapse .nav li.dropdown > a.btn {
color: #fff;
padding: .5rem .6rem .3rem .6rem;
margin-top: .65rem; }
@media (min-width: 1025px) {
.navbar .navbar-collapse .nav li.dropdown > a {
background-color: transparent; }
.navbar .navbar-collapse .nav li.dropdown > a.active {
color: #0024D3; }
.navbar .navbar-collapse .nav li.dropdown > a:hover, .navbar .navbar-collapse .nav li.dropdown > a:focus, .navbar .navbar-collapse .nav li.dropdown > a.hover {
background-color: transparent;
color: #0024D3; }
.navbar .navbar-collapse .nav li.dropdown > a:hover:after, .navbar .navbar-collapse .nav li.dropdown > a:focus:after, .navbar .navbar-collapse .nav li.dropdown > a.hover:after {
content: "";
position: absolute;
bottom: 0.067em;
left: 50%;
margin-left: -0.833em;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0.833em 0.667em 0.833em;
border-color: transparent transparent #ffffff transparent; }
@-moz-document url-prefix() {
.navbar .navbar-collapse .nav li.dropdown > a:hover:after, .navbar .navbar-collapse .nav li.dropdown > a:focus:after, .navbar .navbar-collapse .nav li.dropdown > a.hover:after {
bottom: 0; } } }
@media (max-width: 1024px) {
.navbar .navbar-collapse .nav li.dropdown > a {
padding-top: 0.667em;
padding-bottom: 0.667em;
font-weight: normal; }
.navbar .navbar-collapse .nav li.dropdown > a.mobileDropdown .arrow {
position: absolute;
height: 100%;
display: inline-block;
width: 3.333em;
text-align: right;
right: 0em; }
.navbar .navbar-collapse .nav li.dropdown > a.mobileDropdown .arrow:before {
content: "\e250";
font-size: 1.667em;
position: relative;
top: 0.32em; }
.navbar .navbar-collapse .nav li.dropdown > a.mobileDropdown.mdSuboverHeader {
display: none; } }
.navbar .navbar-collapse .nav li.dropdown.lounge {
background-color: #ffc800; }
@media (min-width: 1025px) {
.navbar .navbar-collapse .nav li.dropdown.lounge {
background-color: transparent; } }
.navbar .navbar-collapse .nav li.dropdown.lounge a.btn {
color: #fff;
border: 0;
text-align: left;
padding: .75rem 0 .6rem 0 !important;
margin-top: 0 !important;
opacity: 1;
background-color: #ffc800 !important; }
@media (min-width: 1025px) {
.navbar .navbar-collapse .nav li.dropdown.lounge a.btn {
border: auto;
text-align: auto;
margin-top: .45rem !important;
padding: .6rem 1rem .35rem 1rem !important; } }
.navbar .navbar-collapse .nav li.dropdown.lounge a.btn:after {
display: none; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu {
font-size: 15px !important;
overflow: hidden;
width: 100%; }
@media (min-width: 1025px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu {
margin-top: 0em;
border-top: 0em;
padding: 1.333em;
min-height: 14em;
box-shadow: 0.333em 0.333em 0.333em rgba(0, 0, 0, 0.3) ;
border: 0em; } }
@media (max-width: 1024px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu {
background-color: #E9E9E9;
box-shadow: none;
border: 0em;
border-radius: 0em;
padding-top: 0em;
padding-bottom: 0em; } }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu *[class*="col-"] {
margin-bottom: -99999px;
padding-bottom: 99999px; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu .navHeadline {
font-family: "Hella Light";
font-size: 1.333em;
color: #575757;
width: 15%; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu .navInfoText {
font-family: "Hella Light";
font-size: 1.067em;
color: #575757;
padding-top: 1em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu .navInfoColumn {
padding-left: 1.333em;
padding-top: 1.067em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 {
padding-left: 1.333em;
position: relative; }
@media (min-width: 1025px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 {
padding-top: 1.333em;
padding-bottom: 1.333em;
width: 50%; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2:after {
content: "";
background: #ffc800;
position: absolute;
right: 0;
height: 100%;
width: 0.2em;
top: 0em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2:not(.hover) > li.active a.active:after {
content: "";
position: absolute;
top: 50%;
right: -0.6em;
margin-top: -0.625em;
width: 0;
height: 0;
border-style: solid;
border-width: 0.625em 0.5em 0.625em 0;
border-color: transparent #ffc800 transparent transparent; } }
@media (min-width: 1025px) and (max-width: 1200px) and (min-width: 949px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2:not(.hover) > li.active a.active:after {
right: -0.5em; } }
@media (min-width: 1025px) and (max-width: 950px) and (min-width: 769px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2:not(.hover) > li.active a.active:after {
right: -0.4em; } }
@media (min-width: 1025px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2.hover > li:hover > a:after {
content: "";
position: absolute;
top: 50%;
right: -0.6em;
margin-top: -0.625em;
width: 0;
height: 0;
border-style: solid;
border-width: 0.625em 0.5em 0.625em 0;
border-color: transparent #ffc800 transparent transparent; } }
@media (min-width: 1025px) and (max-width: 1200px) and (min-width: 949px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2.hover > li:hover > a:after {
right: -0.5em; } }
@media (min-width: 1025px) and (max-width: 950px) and (min-width: 769px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2.hover > li:hover > a:after {
right: -0.4em; } }
@media (max-width: 1024px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 {
width: 100%;
padding-left: 0em; } }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li {
list-style: none;
border-top: 0.067em solid #8c8c8c;
line-height: 3.333em;
margin-right: 5%;
font-size: 15px !important; }
@media (min-width: 1025px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li:last-child {
border-bottom: 1px solid #8c8c8c; } }
@media (min-width: 1025px) and (min-width: 1025px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li a {
position: relative;
font-family: "Hella Light";
font-size: 1.333em;
color: #0024D3;
text-transform: none;
font-weight: normal;
display: inline-block;
line-height: 2.5em;
width: 100%; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li a:hover {
text-decoration: none;
font-family: "Hella Medium";
margin-bottom: 0.1em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li a:hover:after {
content: "";
position: absolute;
top: 50%;
right: -0.6em;
margin-top: -0.625em;
width: 0;
height: 0;
border-style: solid;
border-width: 0.625em 0.5em 0.625em 0;
border-color: transparent #ffc800 transparent transparent; } }
@media (min-width: 1025px) and (min-width: 1025px) and (max-width: 1200px) and (min-width: 949px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li a:hover:after {
right: -0.5em; } }
@media (min-width: 1025px) and (min-width: 1025px) and (max-width: 950px) and (min-width: 769px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li a:hover:after {
right: -0.4em; } }
@media (min-width: 1025px) and (min-width: 1025px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li a.active {
text-decoration: none;
font-family: "Hella Medium"; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li a.active:hover {
margin-bottom: 0em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li a.active:after {
content: "";
position: absolute;
top: 50%;
right: -0.6em;
margin-top: -0.625em;
width: 0;
height: 0;
border-style: solid;
border-width: 0.625em 0.5em 0.625em 0;
border-color: transparent #ffc800 transparent transparent; } }
@media (min-width: 1025px) and (min-width: 1025px) and (max-width: 1200px) and (min-width: 949px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li a.active:after {
right: -0.5em; } }
@media (min-width: 1025px) and (min-width: 1025px) and (max-width: 950px) and (min-width: 769px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li a.active:after {
right: -0.4em; } }
@media (max-width: 1024px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li {
border-top: 0em;
margin-right: 0em;
line-height: 1.333em;
padding-left: 0.667em;
border-bottom: 0.067em solid #171616;
font-size: 1.067em;
height: 2.733em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li a {
color: #0024D3;
font-weight: normal;
font-family: "Hella Regular";
font-size: 1em;
position: relative;
line-height: 2.8em;
width: 100%;
display: inline-block;
padding-top: 0em;
padding-bottom: 0em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li a:hover, .navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li a:focus {
text-decoration: none;
outline: none; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li a.mobileDropdown .arrow {
position: absolute;
color: #171616;
height: 100%;
display: inline-block;
width: 3.333em;
text-align: right;
right: 0em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li a.mobileDropdown .arrow:before {
content: "\e250";
font-size: 1.667em;
position: relative;
top: 0.32em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li a.mobileDropdown.mdSuboverHeader {
display: none; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li.mdBack.mobileBreadcrumb {
background-color: #8c8c8c;
height: 2.733em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li.mdBack.mobileBreadcrumb a {
color: #575757;
text-transform: capitalize;
font-weight: normal;
line-height: 1.333em;
padding-top: 0.667em;
padding-bottom: 0.667em;
width: 98%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li.mdBack.mobileBreadcrumb a:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0.781em 0.625em 0.781em 0;
border-color: transparent #171616 transparent transparent;
display: inline-block;
vertical-align: middle;
margin-right: 0.667em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li.mdSuboverVisible {
display: block;
border-bottom: 0em;
padding-left: 0em !important;
height: auto; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li.mdSuboverVisible ul.level3 {
position: relative;
padding: 0em;
margin-left: 0em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li.mdSuboverVisible ul.level3 li {
display: block; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li.mdSuboverHidden {
display: none !important; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level2 > li.mdSuboverHeader {
display: none !important; } }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 {
padding: 1.333em 1em 1.333em 1.333em;
width: 100%;
height: 100%;
position: absolute;
top: 0em;
left: 0em;
margin-left: 100%; }
@media (min-width: 1025px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3:after {
content: "";
background: #ffc800;
position: absolute;
right: 0;
height: 100%;
width: 0.2em;
top: 0em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3.active {
z-index: 100; } }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 > li {
display: none;
list-style: none;
border-top: 0.067em solid #b4b4b4;
line-height: 1.667em;
font-size: 15px !important;
position: relative; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 > li:last-child {
border-bottom: 1px solid #b4b4b4; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 > li.selected {
display: block; }
@media (min-width: 1025px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 > li.hover:after, .navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 > li.active:after {
content: "";
position: absolute;
top: 50%;
right: -0.867em;
margin-top: -0.833em;
width: 0;
height: 0;
border-style: solid;
border-width: 0.833em 0.667em 0.833em 0;
border-color: transparent #ffc800 transparent transparent; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 > li a {
font-family: "Hella Light";
font-size: 1.067em;
color: #0024D3;
text-transform: none;
font-weight: normal;
display: inline-block;
line-height: 1.667em;
word-break: break-word;
width: 98%; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 > li a:hover {
text-decoration: none;
font-family: "Hella Medium";
margin-bottom: 0em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 > li a:after {
content: '';
display: none; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 > li a.active {
text-decoration: none;
font-family: "Hella Medium"; } }
@media (max-width: 1024px) {
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 > li {
border-top: 0em;
margin-right: 0em;
line-height: 1.333em;
padding-left: 0.667em;
border-bottom: 0.067em solid #171616;
font-size: 1.067em;
height: 2.733em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 > li.mdBack.mobileBreadcrumb {
background-color: #8c8c8c;
height: 2.733em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 > li.mdBack.mobileBreadcrumb a {
color: #575757;
text-transform: capitalize;
font-weight: normal;
line-height: 1.333em;
padding-top: 0.667em;
padding-bottom: 0.667em;
width: 98%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 > li.mdBack.mobileBreadcrumb a:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0.781em 0.625em 0.781em 0;
border-color: transparent #171616 transparent transparent;
display: inline-block;
vertical-align: middle;
margin-right: 0.667em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 > li a {
color: #0024D3;
font-weight: normal;
font-family: "Hella Regular";
font-size: 1em;
position: relative;
line-height: 2.8em;
width: 100%;
display: inline-block;
padding-top: 0em;
padding-bottom: 0em; }
.navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 > li a:hover, .navbar .navbar-collapse .nav li.dropdown .dropdown-menu ul.level3 > li a:focus {
text-decoration: none;
outline: none; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.navbar ::i-block-chrome, .navbar .navbar-collapse {
top: 1.2em; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.navbar {
/*.navbar-collapse {top: fromPxToEm(12);}*/ } }
.navbar.navbar-fixed-top .navbar-header .module_FloatingButton {
top: -0.467em; }
.navbar-header .module_FloatingButton {
position: relative;
top: 0;
left: -0.333em;
height: 2.533em;
margin-bottom: 0;
margin-right: 1.667em;
width: auto;
padding-right: 0.667em; }
.navbar-header .module_FloatingButton ul {
margin-bottom: 0; }
.navbar-header .module_FloatingButton ul li {
border: 0;
padding: 0;
margin: 0;
height: 2.533em;
display: inline;
list-style-type: none; }
.navbar-header .module_FloatingButton ul li a {
color: #171616; }
.navbar.navbar-fixed-top .row:not(.navSeparator) .module_Moos .title {
top: 0.133em; }
.navbar.navbar-fixed-top .row:not(.navSeparator) .module_Moos .module {
top: 0.6em; }
.navbar.navbar-fixed-top .row:not(.navSeparator) .module_Moos .module.opened {
top: 3.533em; }
@media (max-width: 767px) {
body.soe .navbar .navbar-toolBox {
display: flex !important;
align-items: center; }
body.soe .navbar .navbar-toolBox .contact {
display: inline-block !important;
font-size: 1.467em;
position: relative;
font-family: 'Glyphicons Halflings';
display: block;
color: #171616; }
body.soe .navbar .navbar-toolBox .contact:before {
content: "\2709"; }
body.soe .navbar .navbar-toolBox .search {
font-size: 1.467em;
display: block; }
body.soe .navbar .navbar-toolBox .search:before {
display: block; } }
body.switch .navbar:after {
background-image: none;
background-color: #000;
height: 2px; }
@media (min-width: 1025px) {
body.switch .navbar .logo {
background-image: url("images/Forvia_Hella_Logo.svg");
background-repeat: no-repeat;
width: 8em;
height: 4em;
background-size: contain; } }
@media (max-width: 1024px) {
body.switch .navbar .logo {
background-image: url("images/Forvia_Hella_Logo.svg");
background-repeat: no-repeat;
margin-top: 0.467em;
width: 5.733em;
height: 2.867em;
background-size: contain; } }
body.switch .navbar .logo.mobileDeviceSticky {
background-image: url("images/Forvia_Hella_Logo.svg");
background-repeat: no-repeat;
width: 5.733em;
height: 2.867em;
margin-top: 0.2em; }
body.switch .navbar .logo.mobileDeviceSticky .line {
display: none; }
body.lightstyle .navbar .root, body.horns .navbar .root {
max-width: 100%; }
body.lightstyle .navbar .navbarLogo, body.horns .navbar .navbarLogo {
margin-top: 0;
position: relative; }
@media (min-width: 1025px) {
body.lightstyle .navbar .logo, body.horns .navbar .logo {
background-image: url("images/logo_desktop.png");
background-repeat: no-repeat;
width: 13.667em;
height: 5.2em;
background-size: contain; } }
@media (max-width: 1024px) {
body.lightstyle .navbar .logo, body.horns .navbar .logo {
background-image: url("images/logo_mobile_device.png");
background-repeat: no-repeat;
margin-top: -1px;
width: 5.733em;
height: 3.333em;
background-size: contain; } }
body.lightstyle .navbar .logo.mobileDeviceSticky, body.horns .navbar .logo.mobileDeviceSticky {
background-image: url("images/logo_mobile_device.png");
background-repeat: no-repeat;
width: 5.733em;
height: 3.333em;
margin-top: -1px; }
body.lightstyle .navbar .logo.mobileDeviceSticky .line, body.horns .navbar .logo.mobileDeviceSticky .line {
display: none; }
body.lightstyle .navbar:after, body.horns .navbar:after {
content: '';
border-bottom: 2px solid #E9E9E9;
width: 100%;
display: block;
height: 6px;
position: absolute;
z-index: 9;
background-position: center;
background-size: 100%;
bottom: 0;
display: none; }
body.lightstyle .navbar .navbar-collapse .nav li.dropdown > a.active, body.horns .navbar .navbar-collapse .nav li.dropdown > a.active {
color: #171616; }
body.lightstyle .navbar .navbar-collapse .nav li.dropdown:hover > .level-2-submenu, body.horns .navbar .navbar-collapse .nav li.dropdown:hover > .level-2-submenu {
transition: .7s;
height: 50px;
color: black; }
@media only screen and (max-width: 1024px) {
body.lightstyle .navbar .navbar-collapse .nav li.dropdown:hover > .level-2-submenu, body.horns .navbar .navbar-collapse .nav li.dropdown:hover > .level-2-submenu {
height: 0px;
color: transparent; } }
body.lightstyle .navbar .navbar-collapse .nav li.dropdown:hover > .level-2-submenu .level-2-submenu__item, body.horns .navbar .navbar-collapse .nav li.dropdown:hover > .level-2-submenu .level-2-submenu__item {
display: flex; }
body.lightstyle .navbar .navbar-collapse .nav li.dropdown > a:hover, body.lightstyle .navbar .navbar-collapse .nav li.dropdown > a.hover, body.horns .navbar .navbar-collapse .nav li.dropdown > a:hover, body.horns .navbar .navbar-collapse .nav li.dropdown > a.hover {
color: #ffc800; }
body.lightstyle .navbar .icon-chevron-down::before, body.horns .navbar .icon-chevron-down::before {
content: ''; }
@media only screen and (max-width: 1024px) {
body.lightstyle .navbar .icon-chevron-down::before, body.horns .navbar .icon-chevron-down::before {
content: '\25BC';
margin: 0 10px 0 0; } }
body.lightstyle .navbar .icon-chevron-up::before, body.horns .navbar .icon-chevron-up::before {
content: ''; }
@media only screen and (max-width: 1024px) {
body.lightstyle .navbar .icon-chevron-up::before, body.horns .navbar .icon-chevron-up::before {
content: '\25B2';
margin: 0 10px 0 0; } }
body.lightstyle .navbar .level-2-submenu, body.horns .navbar .level-2-submenu {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
gap: 30px;
background-color: #f0f0f0;
width: 105%;
list-style-type: none;
height: 0px;
margin: 0;
transition: .4s ease-in;
position: fixed;
top: 90px;
left: -35px;
color: transparent; }
body.lightstyle .navbar .level-2-submenu > :first-child, body.horns .navbar .level-2-submenu > :first-child {
margin-left: 275px; }
@media only screen and (max-width: 1600px) {
body.lightstyle .navbar .level-2-submenu > :first-child, body.horns .navbar .level-2-submenu > :first-child {
margin-left: 295px; } }
body.lightstyle .navbar .level-2-submenu a, body.horns .navbar .level-2-submenu a {
color: inherit;
text-decoration: inherit; }
body.lightstyle .navbar .level-2-submenu > ul, body.horns .navbar .level-2-submenu > ul {
padding: 0;
margin: 0; }
body.lightstyle .navbar .level-2-submenu:after, body.horns .navbar .level-2-submenu:after {
content: '';
border-bottom: 2px solid #E9E9E9;
width: 100%;
display: block;
height: 6px;
position: absolute;
z-index: 9;
background-position: center;
background-size: 100%;
bottom: 0;
pointer-events: none; }
body.lightstyle .navbar .level-2-submenu__item, body.horns .navbar .level-2-submenu__item {
display: none;
align-items: center;
cursor: pointer;
align-self: stretch;
transition: .4s;
padding: 12px 0; }
body.lightstyle .navbar .level-2-submenu__item:hover, body.horns .navbar .level-2-submenu__item:hover {
color: #ffc800;
border-bottom: 2px solid #ffc800;
z-index: 100; }
@media only screen and (max-width: 1024px) {
body.lightstyle .navbar .level-2-submenu__item:hover, body.horns .navbar .level-2-submenu__item:hover {
border-bottom: none; } }
body.lightstyle .navbar .level-2-mobile-submenu, body.horns .navbar .level-2-mobile-submenu {
display: flex;
color: black;
flex-direction: column;
padding: 0 0 10px 10px;
gap: 20px; }
body.lightstyle .navbar .level-2-mobile-submenu a, body.horns .navbar .level-2-mobile-submenu a {
color: inherit;
text-decoration: inherit; }
body.lightstyle .navbar .arrowAlign, body.horns .navbar .arrowAlign {
display: flex;
justify-content: space-between; }
body.lightstyle.claneo .navbar .row .toolBox a {
color: #000; }
body.lightstyle.claneo .navbar .row .toolBox .languageOptions a {
color: #fff; }
body.horns .navbar .row .toolBox .languageOptions {
margin-left: -40px;
width: 113px; }
/*
**
**============================================= NEW FILE =======================================================
**
++ GIT: 8_microsite_soe/project/styles.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2024-03-27 08:59 [efc93b0] Jirina Lastuvkova - update styles for horns
++ 2024-02-15 08:46 [3ae7ecd] Klug, Zdenek - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2024-02-15 08:17 [56e2d0f] HAT\ryzndo1 - Add CSS for eliver links for MS SOE
++ 2023-12-08 08:25 [2a3adca] Michael Hajn? - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-12-08 08:22 [3677729] Michael Hajn? - adaptive design for horns
++ 2023-12-07 08:53 [f4cace1] Jirina Lastuvkova - update css - reduction of the color palette in modules for SOE
++ 2023-10-05 10:14 [9ef57d5] Jirina Lastuvkova - update css for horns project
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:35 [cc5f76b] Jirina Lastuvkova - Update styles for microsites SOE - change of colors
++ 2022-04-26 13:02 [c8ba3ba] Dominik R?znar - Update CSS of MS SOE
++ 2021-11-05 15:02 [b2fdd5d] Dominik R?znar - Update CSS of MS SOE
++ 2021-06-09 11:15 [617c9e0] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-03-09 09:27 [d33dc3b] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2021-01-19 09:33 [1245450] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-12-18 07:54 [ce13643] Dominik R?znar - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2020-12-18 07:54 [5be6779] Dominik R?znar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik R?znar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/styles.bootstrap.scss
++ 2023-11-20 11:26 [5d926fd] Jirina Lastuvkova - update css bootstrap - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2023-10-03 10:57 [4ae8330] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-10-03 10:56 [d95b67a] Michael Hajný - creating second level of navigation for "SOE-australian solutions"
++ 2022-07-14 08:42 [4bd71f2] Dominik Rýznar - Update styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_mixins.scss
++ 2024-05-06 09:24 [319ee51] HAT\ryzndo1 - Update mobile optimization for SOE
++ 2023-11-20 11:12 [eec88fa] Jirina Lastuvkova - update mixins - remove old prefixes for Microsite SOE
++ 2023-11-20 10:58 [cb16b29] Jirina Lastuvkova - update css - remove old prefixes for OHTW/OHPW
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
@media (max-width: 767px) {
.container-fluid.root .row > *[class^='col-'],
.container-fluid.root .row > *[class*=' col-'],
footer .container-fluid .row > *[class^='col-'],
footer .container-fluid .row > *[class*=' col-'] {
padding-left: 5px;
padding-right: 5px; } }
@media (min-width: 768px) and (max-width: 1024px) {
.container-fluid.root .row > *[class^='col-'],
.container-fluid.root .row > *[class*=' col-'],
footer .container-fluid .row > *[class^='col-'],
footer .container-fluid .row > *[class*=' col-'] {
padding-left: 10px;
padding-right: 10px; } }
@media (min-width: 1025px) {
.container-fluid.root .row > *[class^='col-'],
.container-fluid.root .row > *[class*=' col-'],
footer .container-fluid .row > *[class^='col-'],
footer .container-fluid .row > *[class*=' col-'] {
padding-left: 20px;
padding-right: 20px; } }
.container-fluid.root,
footer .container-fluid {
max-width: 1280px;
transition: all 0.3s; }
@media (max-width: 767px) {
.container-fluid.root .row,
footer .container-fluid .row {
padding-left: 5px;
padding-right: 5px; } }
@media (min-width: 768px) and (max-width: 1024px) {
.container-fluid.root .row,
footer .container-fluid .row {
padding-left: 10px;
padding-right: 10px; } }
@media (min-width: 1025px) {
.container-fluid.root .row,
footer .container-fluid .row {
padding-left: 20px;
padding-right: 20px; } }
.container-fluid.root .row .row,
footer .container-fluid .row .row {
padding-left: 0;
padding-right: 0; }
@media (max-width: 767px) {
.container-fluid.root .row .row,
footer .container-fluid .row .row {
margin-left: -5px;
margin-right: -5px; } }
@media (min-width: 768px) and (max-width: 1024px) {
.container-fluid.root .row .row,
footer .container-fluid .row .row {
margin-left: -10px;
margin-right: -10px; } }
@media (min-width: 1025px) {
.container-fluid.root .row .row,
footer .container-fluid .row .row {
margin-left: -20px;
margin-right: -20px; } }
@media (min-width: 1025px) {
.container-fluid.root .row > .col-md-ext-33,
footer .container-fluid .row > .col-md-ext-33 {
float: left;
position: relative;
min-height: 1px;
width: 33.3%; } }
@media (min-width: 768px) and (max-width: 1024px) {
.container-fluid.root .row > .col-sm-ext-33,
footer .container-fluid .row > .col-sm-ext-33 {
float: left;
position: relative;
min-height: 1px;
width: 33.3%; } }
@media (max-width: 767px) {
.container-fluid.root .row > .col-xs-ext-33,
footer .container-fluid .row > .col-xs-ext-33 {
float: left;
position: relative;
min-height: 1px;
width: 33.3%; } }
@media (min-width: 1025px) {
.container-fluid.root .row > .col-md-ext-66,
footer .container-fluid .row > .col-md-ext-66 {
float: left;
position: relative;
min-height: 1px;
width: 66.66%; } }
@media (min-width: 768px) and (max-width: 1024px) {
.container-fluid.root .row > .col-sm-ext-66,
footer .container-fluid .row > .col-sm-ext-66 {
float: left;
position: relative;
min-height: 1px;
width: 66.66%; } }
@media (max-width: 767px) {
.container-fluid.root .row > .col-xs-ext-66,
footer .container-fluid .row > .col-xs-ext-66 {
float: left;
position: relative;
min-height: 1px;
width: 66.66%; } }
.container-fluid.root .alert p:last-child,
footer .container-fluid .alert p:last-child {
margin-bottom: 0; }
@media (max-width: 767px) {
.container-fluid.root .table-responsive,
footer .container-fluid .table-responsive {
border: 0;
margin-bottom: 0; } }
.container-fluid.root .glyphicon.gly-spin,
footer .container-fluid .glyphicon.gly-spin {
animation: spin 2s infinite linear; }
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg); }
100% {
-moz-transform: rotate(359deg); } }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg); } }
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg); }
100% {
-o-transform: rotate(359deg); } }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
.container-fluid.root .glyphicon.gly-rotate-90,
footer .container-fluid .glyphicon.gly-rotate-90 {
transform: rotate(90deg); }
.container-fluid.root .glyphicon.gly-rotate-180,
footer .container-fluid .glyphicon.gly-rotate-180 {
transform: rotate(180deg); }
.container-fluid.root .glyphicon.gly-rotate-270,
footer .container-fluid .glyphicon.gly-rotate-270 {
transform: rotate(270deg); }
.container-fluid.root .glyphicon.gly-flip-horizontal,
footer .container-fluid .glyphicon.gly-flip-horizontal {
transform: scale(-1, 1); }
.container-fluid.root .glyphicon.gly-flip-vertical,
footer .container-fluid .glyphicon.gly-flip-vertical {
transform: scale(1, -1); }
/*
++ GIT: 8_microsite_soe/library/bootstrap/_variables.scss
++ 2023-12-08 08:25 [2a3adca] Michael Hajný - Merge branch 'master' of gitlab.hella.com:base-applications/web-cms/webresources
++ 2023-12-07 08:53 [f4cace1] Jirina Lastuvkova - update css - reduction of the color palette in modules for SOE
++ 2021-11-23 09:18 [429481a] Dominik Rýznar - Update bootstrap variables for MS SOE
++ 2021-03-30 08:50 [1705569] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/project/_variables.scss
++ 2022-05-24 09:11 [d85a6fc] Vojtech Schwarz - Merge branch 'master' of dc2git01v.dc.hella.com:WebResources
++ 2022-05-23 08:37 [2ea424f] Jirina Lastuvkova - Update mixins and variables for microsites SOE - change of colors, new mixin for microsite Electronics
++ 2021-11-04 07:44 [68ff9ab] Dominik Rýznar - Bulk update of scripts and styles for MS SOE
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/library/bootstrap/mixins/_border-radius.scss
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/library/bootstrap/mixins/_list-group.scss
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
/*
++ GIT: 8_microsite_soe/library/bootstrap/_list-group.scss
++ 2020-11-06 12:33 [3b32834] Dominik Rýznar - Add JS and CSS for Microsite Master SOE
*/
.list-group {
margin-bottom: 20px;
padding-left: 0; }
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd; }
.list-group-item:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px; }
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; }
a.list-group-item,
button.list-group-item {
color: #555; }
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333; }
a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
text-decoration: none;
color: #555;
background-color: #f5f5f5; }
button.list-group-item {
width: 100%;
text-align: left; }
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
background-color: #eeeeee;
color: #777777;
cursor: not-allowed; }
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
color: inherit; }
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
color: #777777; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #0024D3;
border-color: #0024D3; }
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit; }
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
color: #a0b0ff; }
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8; }
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d; }
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit; }
a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6; }
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d; }
.list-group-item-info {
color: #31708f;
background-color: #d9edf7; }
a.list-group-item-info,
button.list-group-item-info {
color: #31708f; }
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit; }
a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3; }
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f; }
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3; }
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b; }
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit; }
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc; }
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b; }
.list-group-item-danger {
color: #a94442;
background-color: #f2dede; }
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442; }
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit; }
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc; }
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442; }
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px; }
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3; }
html, body {
font-size: 15px;
background: #575757;
padding: 0;
margin: 0;
min-width: 320px;
scroll-behavior: smooth; }
html *[class*='module_'], body *[class*='module_'] {
margin-bottom: 40px; }
@media (min-width: 768px) and (max-width: 1024px) {
html *[class*='module_'], body *[class*='module_'] {
margin-bottom: 20px; } }
@media (max-width: 767px) {
html *[class*='module_'], body *[class*='module_'] {
margin-bottom: 10px; } }
html body.soe body *[class*='module_'], body.soe body html *[class*='module_'], body.soe body *[class*='module_'] {
margin-bottom: 40px; }
@media (min-width: 768px) and (max-width: 1024px) {
html body.soe body *[class*='module_'], body.soe body html *[class*='module_'], body.soe body *[class*='module_'] {
margin-bottom: 20px; } }
@media (max-width: 767px) {
html body.soe body *[class*='module_'], body.soe body html *[class*='module_'], body.soe body *[class*='module_'] {
margin-bottom: 20px; } }
html .webRoot .root > h1, body .webRoot html .root > h1, html .webRoot body .root > h1, body .webRoot .root > h1 {
font-size: 1.733em;
font-family: "Hella Medium";
color: #171616;
margin-top: 0;
margin-bottom: 0.385em !important; }
@media (max-width: 1024px) {
html .webRoot .root > h1, body .webRoot html .root > h1, html .webRoot body .root > h1, body .webRoot .root > h1 {
font-size: 1.6em; } }
html *[class*='module_'].noBottomMargin, body *[class*='module_'].noBottomMargin {
margin-bottom: 0 !important; }
html .webRoot, body .webRoot {
background: #ffffff;
width: 100%;
padding: 0;
margin: 0;
padding-bottom: 40px;
/* skipped (TYPE_CMS) */ }
@media (min-width: 768px) and (max-width: 1024px) {
html .webRoot, body .webRoot {
padding-bottom: 20px; } }
@media (max-width: 767px) {
html .webRoot, body .webRoot {
padding-bottom: 10px; } }
html .webRoot.tileStyle, body .webRoot.tileStyle {
background: #E9E9E9; }
html .webRoot.tileStyle > .root.container-fluid, body .webRoot.tileStyle > .root.container-fluid {
background-color: #fff; }
html .webRoot.tileStyle > .root.container-fluid .breadCrumb, body .webRoot.tileStyle > .root.container-fluid .breadCrumb {
margin-top: 0; }
@media (max-width: 1024px) {
html .webRoot.tileStyle > .root.container-fluid h1, body .webRoot.tileStyle > .root.container-fluid h1 {
margin-top: 0.667em; } }
@media (max-width: 767px) {
html .webRoot .root > h1, body .webRoot .root > h1 {
padding-left: 10px;
padding-right: 10px; } }
@media (min-width: 768px) and (max-width: 1024px) {
html .webRoot .root > h1, body .webRoot .root > h1 {
padding-left: 20px;
padding-right: 20px; } }
@media (min-width: 1025px) {
html .webRoot .root > h1, body .webRoot .root > h1 {
padding-left: 40px;
padding-right: 40px; } }
html .webRoot .root > h2, body .webRoot .root > h2 {
font-size: 1.667em;
font-family: "Hella Regular";
color: #171616;
text-transform: uppercase; }
@media (max-width: 767px) {
html .webRoot .root > h2, body .webRoot .root > h2 {
padding-left: 10px;
padding-right: 10px; } }
@media (min-width: 768px) and (max-width: 1024px) {
html .webRoot .root > h2, body .webRoot .root > h2 {
padding-left: 20px;
padding-right: 20px; } }
@media (min-width: 1025px) {
html .webRoot .root > h2, body .webRoot .root > h2 {
padding-left: 40px;
padding-right: 40px; } }
html .webRoot .sliderHeadline, body .webRoot .sliderHeadline {
color: #171616; }
html .webRoot .root .structural_OneCol.electronicsDetail .mainImage, body .webRoot .root .structural_OneCol.electronicsDetail .mainImage {
float: right; }
@media (max-width: 1024px) {
html .webRoot .root .structural_OneCol.electronicsDetail .mainImage, body .webRoot .root .structural_OneCol.electronicsDetail .mainImage {
float: left; } }
@media (max-width: 767px) {
html .webRoot .root .structural_TwoCol.secondFirstMobile, body .webRoot .root .structural_TwoCol.secondFirstMobile {
display: flex;
flex-wrap: wrap; }
html .webRoot .root .structural_TwoCol.secondFirstMobile > div:last-of-type, body .webRoot .root .structural_TwoCol.secondFirstMobile > div:last-of-type {
order: -1; } }
html .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > h3.headline, body .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > h3.headline {
font-family: "Hella Medium";
font-weight: normal;
font-size: 1.333em;
color: #171616;
text-transform: none; }
@media (min-width: 768px) and (max-width: 1024px) {
html .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > h3.headline, body .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > h3.headline {
font-size: 1.067em; } }
@media (max-width: 767px) {
html .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > h3.headline, body .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > h3.headline {
font-size: 1.067em; } }
html .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > div.headline, body .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > div.headline {
font-family: "Hella Regular";
font-weight: normal;
font-size: 1.333em;
text-transform: uppercase;
color: #171616;
margin-bottom: 0.5em; }
@media (min-width: 768px) and (max-width: 1024px) {
html .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > div.headline, body .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > div.headline {
margin-bottom: 0.5em; } }
@media (max-width: 767px) {
html .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > div.headline, body .webRoot .root .structural_TwoCol .structural_FirstCol .module_Headline > div.headline {
margin-bottom: 0em; } }
html .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > h3.headline, body .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > h3.headline {
font-family: "Hella Medium";
font-weight: normal;
font-size: 1.333em;
color: #171616; }
@media (max-width: 1024px) {
html .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > h3.headline, body .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > h3.headline {
font-size: 1.067em; } }
html .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > div.headline, body .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > div.headline {
font-family: "Hella Regular";
font-size: 1.333em;
font-weight: normal;
text-transform: uppercase;
color: #171616;
margin-bottom: 0.5em; }
@media (min-width: 768px) and (max-width: 1024px) {
html .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > div.headline, body .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > div.headline {
margin-bottom: 0.5em; } }
@media (max-width: 767px) {
html .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > div.headline, body .webRoot .root .structural_TwoCol .structural_SecondCol .module_Headline > div.headline {
margin-bottom: 0em; } }
html .webRoot .breadCrumb, body .webRoot .breadCrumb {
padding: 1em 40px 2.133em 40px;
margin-top: -2em; }
@media (max-width: 1024px) {
html .webRoot .breadCrumb, body .webRoot .breadCrumb {
display: none; } }
body.smartedit .breadCrumb {
margin-top: -4em; }
html .webRoot .breadCrumb a, html .webRoot .breadCrumb a:visited, html .webRoot .breadCrumb a:hover, html .webRoot .breadCrumb span, body .webRoot .breadCrumb a, body .webRoot .breadCrumb a:visited, body .webRoot .breadCrumb a:hover, body .webRoot .breadCrumb span {
color: #8c8c8c;
text-decoration: none;
font-size: 0.733em;
line-height: 0.733em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif; }
html .webRoot .breadCrumb a:last-child, html .webRoot .breadCrumb a:visited:last-child, html .webRoot .breadCrumb a:hover:last-child, html .webRoot .breadCrumb span:last-child, body .webRoot .breadCrumb a:last-child, body .webRoot .breadCrumb a:visited:last-child, body .webRoot .breadCrumb a:hover:last-child, body .webRoot .breadCrumb span:last-child {
color: #0024D3; }
html .webRoot .breadCrumb a:not(:last-child):after, html .webRoot .breadCrumb a:visited:not(:last-child):after, html .webRoot .breadCrumb a:hover:not(:last-child):after, html .webRoot .breadCrumb span:not(:last-child):after, body .webRoot .breadCrumb a:not(:last-child):after, body .webRoot .breadCrumb a:visited:not(:last-child):after, body .webRoot .breadCrumb a:hover:not(:last-child):after, body .webRoot .breadCrumb span:not(:last-child):after {
content: '';
background: transparent url("images/breadcrumb_arrow.png") no-repeat center right;
padding-left: 1em;
margin-right: 0.091em; }
html .webRoot table.tableImprint, body .webRoot table.tableImprint {
width: 70%; }
@media (max-width: 1024px) {
html .webRoot table.tableImprint, body .webRoot table.tableImprint {
width: 100%; } }
html .webRoot table.tableImprint tr td:first-of-type, body .webRoot table.tableImprint tr td:first-of-type {
width: 50%; }
html .webRoot table.tableImprint tr td:nth-of-type(2), body .webRoot table.tableImprint tr td:nth-of-type(2) {
width: 50%;
color: #575757;
background: #f5f5f5; }
html .webRoot table.tableImprint tr:first-child td, body .webRoot table.tableImprint tr:first-child td {
border-top: 0; }
html .webRoot table.tableImprint tr:last-child td, body .webRoot table.tableImprint tr:last-child td {
border-bottom: 1px solid #ddd; }
html .webRoot table.tableHellaTeam, body .webRoot table.tableHellaTeam {
width: 100%;
margin-bottom: 0; }
html .webRoot table.tableHellaTeam tr td, body .webRoot table.tableHellaTeam tr td {
border: 0;
padding: 0; }
html .webRoot table.tableHellaTeam tr td:first-of-type, body .webRoot table.tableHellaTeam tr td:first-of-type {
width: 5em;
color: #171616; }
html .webRoot table.table tr.thickBorder > td, body .webRoot table.table tr.thickBorder > td {
border-width: 2px; }
html .webRoot .navbar-nav li a.btn, body .webRoot .navbar-nav li a.btn {
color: #fff;
background-color: #0024D3 !important;
padding: .5rem .6rem .3rem .6rem !important;
margin-top: .65rem !important; }
html .webRoot.masonryPage, body .webRoot.masonryPage {
background: #E9E9E9;
background-repeat: no-repeat;
background-position: center top; }
html .webRoot.masonryPage .root, body .webRoot.masonryPage .root {
/* .pageTitle {
margin-top: 10em;
text-align: center;
@include desktop {
min-height: fromPxToEm(170);
margin-top: 22em;
}
padding-bottom: fromPxToEm(10);
&:not(:empty) {
padding-bottom: fromPxToEm(20);
}
h1 {
font-size: 1.8em;
font-family: $hella-font-regular;
font-weight: bold;
display: inline-block;
line-height: inherit;
padding: .25em;
color: #fff;
background: #000;
text-transform: uppercase;
@include desktop{
font-size: 2.5em;
display: inline;
}
}
}*/ }
html .webRoot.masonryPage .root h1, body .webRoot.masonryPage .root h1 {
font-size: 1.733em;
font-family: "Hella Medium";
color: #171616;
margin-top: 0;
margin-bottom: 0.385em !important; }
@media (max-width: 1024px) {
html .webRoot.masonryPage .root h1, body .webRoot.masonryPage .root h1 {
font-size: 1.6em; } }
html .webRoot.masonryPage .navbar .logo span.line, body .webRoot.masonryPage .navbar .logo span.line {
top: 2.9em; }
@media (min-width: 1025px) {
html .webRoot.masonryPage .navbar .logo span.line, body .webRoot.masonryPage .navbar .logo span.line {
top: 3.267em; } }
html .webRoot.masonryPage .navbar .logo span.line:before, body .webRoot.masonryPage .navbar .logo span.line:before {
background-image: -webkit-linear-gradient(left, #E9E9E9 0%, #ffc800 100%);
background-image: -o-linear-gradient(left, #E9E9E9 0%, #ffc800 100%);
background-image: linear-gradient(to left, #E9E9E9 0%, #ffc800 100%);
background-repeat: repeat-x; }
html .webRoot.masonryPage .navbar .logo span.line:after, body .webRoot.masonryPage .navbar .logo span.line:after {
background-image: -webkit-linear-gradient(left, #ffc800 0%, #E9E9E9 100%);
background-image: -o-linear-gradient(left, #ffc800 0%, #E9E9E9 100%);
background-image: linear-gradient(to left, #ffc800 0%, #E9E9E9 100%);
background-repeat: repeat-x;
height: 0.35em; }
@media (min-width: 1025px) {
html .webRoot.masonryPage .navbar .logo span.line:after, body .webRoot.masonryPage .navbar .logo span.line:after {
height: 0.333em; } }
@media (min-width: 1025px) {
html .webRoot.masonryPage .navbar .titlePadding .title, body .webRoot.masonryPage .navbar .titlePadding .title {
color: #fff; } }
html .webRoot.masonryPage .navbar .navPostion a, body .webRoot.masonryPage .navbar .navPostion a {
color: #fff; }
html .webRoot.masonryPage .navbar .navPostion .badge, body .webRoot.masonryPage .navbar .navPostion .badge {
color: #171616 !important; }
@media (min-width: 1025px) {
html .webRoot.masonryPage .navbar .navbar-nav li.lounge a.btn, body .webRoot.masonryPage .navbar .navbar-nav li.lounge a.btn {
margin-top: .65rem !important; } }
html.hella-gutmann h1, body.hella-gutmann h1 {
color: #007D40 !important; }
html.hella-gutmann .structural_TwoCol .structural_FirstCol .module_Headline .headline,
html.hella-gutmann .structural_TwoCol .structural_SecondCol .module_Headline .headline, body.hella-gutmann .structural_TwoCol .structural_FirstCol .module_Headline .headline,
body.hella-gutmann .structural_TwoCol .structural_SecondCol .module_Headline .headline {
color: #007D40 !important; }
html.hella-gutmann .breadCrumb a:hover, html.hella-gutmann .breadCrumb a:last-child, body.hella-gutmann .breadCrumb a:hover, body.hella-gutmann .breadCrumb a:last-child {
color: #007D40 !important; }
html.horns .structural_OneCol, body.horns .structural_OneCol {
width: 100%;
max-width: 85vw;
margin: 0 auto; }
@media (max-width: 1024px) {
html.horns .structural_OneCol, body.horns .structural_OneCol {
width: 100%;
max-width: none;
padding-left: 0.667em;
padding-right: 0.667em; } }
@media (min-width: 1025px) {
.partnerworld .titlePadding .title {
color: #171616 !important; } }
.partnerworld .navPostion a {
color: #171616 !important; }
.partnerworld .navPostion .badge {
color: #171616 !important; }
.partnerworld .navPostion .searchForm {
display: none; }
@media (max-width: 767px) {
body.jobs-page .structural_TwoCol {
display: flex;
flex-wrap: wrap; }
body.jobs-page .structural_TwoCol > div:first-of-type {
order: 2; }
body.jobs-page .structural_TwoCol.secondFirstMobile > div:first-of-type {
order: 0 !important; }
body.jobs-page .structural_TwoCol.secondFirstMobile > div:last-of-type {
order: 2 !important; } }
@media (max-width: 767px) {
body.soe .tileStyle .root > div:first-of-type .structural_FirstCol h2 {
margin-top: 0.667em; }
body.soe .tileStyle .structural_SecondCol {
margin-top: 0.667em; }
body.soe .tileStyle table {
display: block;
overflow-x: auto;
white-space: nowrap; }
body.soe .tileStyle .productContent {
display: flex;
flex-wrap: wrap; }
body.soe .tileStyle .productContent .module_Text {
order: 10; } }
body.soe .webRoot p {
hyphens: auto; }
.eliver-wrap {
display: inline-block;
margin-left: 20px; }
@media (max-width: 767px) {
.eliver-wrap {
margin-left: 0;
display: block;
margin-bottom: 10px; } }
.eliver-wrap .eliver-btn {
background-color: #ffc800;
border-radius: 4px;
padding: 6px 12px;
display: inline-flex;
align-items: center;
text-decoration: none;
color: #fff; }
.eliver-wrap .eliver-btn:hover {
color: #fff;
text-decoration: none; }
.eliver-wrap .eliver-btn .eliver-icon {
height: 20px;
width: 30px;
display: block;
background-size: contain;
background-repeat: no-repeat;
margin-right: 6px;
background-image: url("images/eliver-logo.png"); }
body[style] {
padding-top: 0 !important; }
/*# sourceMappingURL=ResourceManager */