CWS-boco realisiert digitale Kundenservice-Plattform
Zukunftsfähige Kunden-Plattform
@media (min-width: 980px) {
/* ------- NAV ITEMS ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .osb-nav-primary-item-title {
color: #ffffff;
-webkit-transition: color linear 0.13s, visibility 0s linear 0.13s;
-o-transition: color linear 0.13s, visibility 0s linear 0.13s;
transition: color linear 0.13s, visibility 0s linear 0.13s;
}
/*SCROLLED & HOVER - change to black*/
.aui .nav-transparent.fill-banner .osb-nav-primary-item-title,
.aui .nav-transparent.osb-nav-active .osb-nav-primary .osb-nav-primary-item-title {
color: #09101d;
-webkit-transition: color linear 0.13s, visibility 0s linear 0.13s;
-o-transition: color linear 0.13s, visibility 0s linear 0.13s;
transition: color linear 0.13s, visibility 0s linear 0.13s;
}
/* ------- ACTIVE NAV ITEMS ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .selected .osb-nav-primary-item-title:after {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED & HOVER- change to default "active" blue*/
.aui .nav-transparent.fill-banner .selected .osb-nav-primary-item-title:after,
.aui .nav-transparent.osb-nav-active .selected .osb-nav-primary-item-title:hover:after,
.aui .nav-transparent.osb-nav-active .osb-nav-primary .selected .osb-nav-primary-item-title:after{
color: #004AD7;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- CONTACT SALES ------- */
/*DEFAULT - override to light blue*/
.aui:not(.ie) .nav-transparent #salesContactCTA span {
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED & HOVER - change to default "action" blue*/
.aui .nav-transparent.fill-banner #salesContactCTA span,
.aui .nav-transparent.osb-nav-active .osb-nav-primary #salesContactCTA span {
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SIGN IN TEXT & ARROW ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .osb-user-menu-trigger {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-transparent.osb-nav-active .osb-user-menu-trigger {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-transparent.fill-banner .osb-user-menu-trigger {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SEARCH CLOSE ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .search-active .close-icon {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black */
.aui .nav-transparent.fill-banner .search-active .close-icon {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
}
/* ------- LOGO TEXT ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .logo-icon-container svg :nth-child(2) {
fill: white;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-transparent.osb-nav-active .logo-icon-container svg :nth-child(2) {
fill: #101820;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-transparent.fill-banner .logo-icon-container svg :nth-child(2) {
fill: #101820;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- LOGO WAFFLE ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .logo-icon-container svg :nth-child(1) {
fill: white;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default blue*/
.aui .nav-transparent.osb-nav-active .logo-icon-container svg :nth-child(1) {
fill: #0B63CE;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default blue*/
.aui .nav-transparent.fill-banner .logo-icon-container svg :nth-child(1) {
fill: #0B63CE;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SEARCH ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .search-bar svg {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-transparent.osb-nav-active .search-bar svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-transparent.fill-banner .search-bar svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SEARCH ACTIVE - set icon to default black*/
.aui .nav-transparent .search-active .submit-search svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
.aui .cta.cta-light {
color: #C7E9FF;
text-decoration: none;
}
.aui .hero .cta.cta-light {
padding-bottom:1px;
position: relative;
}
.aui .hero .cta.cta-light:after {
background: #0B5FFF;
border-radius: 5px;
content: '';
height: 3px;
left: 0;
position: absolute;
top: 100%;
transition: background 0.5s;
width: calc(100% - 10px);
}
.aui .hero .cta.cta-light:hover {
color: #FFF;
transition: color .5s;
}
.aui .hero .cta.cta-light:hover:after {
background: #FFF;
transition: background 0.5s;
}
@media (max-width: 979px) {
html.ie .nav-static .content .osb-banner .osb-nav-primary {
width: 26em;
}
}
@media (max-width: 767px) {
html.ie .nav-static .content .osb-banner .osb-nav-primary {
left: -2em;
width: 100%;
}
}
/* ------- CONTACT SALES ------- */
/*DEFAULT - override button color to white and font color to blue*/
.aui:not(.ie) .nav-transparent #salesContactCTA {
background: #FFF;
color: #0B5FFF;
}
/*HOVER, FOCUS, ACTIVE - font color change*/
.aui:not(.ie) .nav-transparent #salesContactCTA span:hover, .aui .nav-transparent #salesContactCTA span:focus {
color: #0053F0;
}
.aui:not(.ie) .nav-transparent #salesContactCTA span:active {
color: #004AD7;
}
.aui.osb-nav-mobile-active:not(.ie) .nav-transparent #salesContactCTA {
background: #0b5fff;
color: #FFF;
padding: .5em 1.5em;
}
@media (min-width: 980px) {
html.ie .nav-static .content .osb-banner .osb-site-menu {
transform: translateY(-150%);
}
/* ------- NAV ITEMS ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .osb-nav-primary-item-title {
color: #ffffff;
-webkit-transition: color linear 0.13s, visibility 0s linear 0.13s;
-o-transition: color linear 0.13s, visibility 0s linear 0.13s;
transition: color linear 0.13s, visibility 0s linear 0.13s;
}
/*SCROLLED & HOVER - change to black*/
.aui .nav-static.fill-banner .osb-nav-primary-item-title,
.aui .nav-static.osb-nav-active .osb-nav-primary .osb-nav-primary-item-title {
color: #09101d;
-webkit-transition: color linear 0.13s, visibility 0s linear 0.13s;
-o-transition: color linear 0.13s, visibility 0s linear 0.13s;
transition: color linear 0.13s, visibility 0s linear 0.13s;
}
/* ------- ACTIVE NAV ITEMS ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .selected .osb-nav-primary-item-title:after {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED & HOVER- change to default "active" blue*/
.aui .nav-static.fill-banner .selected .osb-nav-primary-item-title:after,
.aui .nav-static.osb-nav-active .selected .osb-nav-primary-item-title:hover:after,
.aui .nav-static.osb-nav-active .osb-nav-primary .selected .osb-nav-primary-item-title:after{
color: #004AD7;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- CONTACT SALES ------- */
/*DEFAULT - override to light blue*/
.aui:not(.ie) .nav-static .osb-nav-primary-item:nth-last-child(1) #salesContactCTA span:after,
.aui:not(.ie) .nav-static .osb-nav-primary-item:nth-last-child(1):hover #salesContactCTA span:after {
visibility: visible;
}
.aui:not(.ie) .nav-static .osb-nav-primary-item #salesContactCTA span:before,
.aui:not(.ie) .nav-static .osb-nav-primary-item:hover #salesContactCTA span:before {
background: #fff;
opacity: 1;
transform: scale3d(1,1,1);
transition: none;
visibility: visible;
}
/* ------- SIGN IN TEXT & ARROW ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .osb-user-menu-trigger {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-static.osb-nav-active .osb-user-menu-trigger {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-static.fill-banner .osb-user-menu-trigger {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SEARCH CLOSE ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .search-active .close-icon {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black */
.aui:not(.ie) .nav-static.fill-banner .search-active .close-icon {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
}
/* ------- LOGO TEXT ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .logo-icon-container svg :nth-child(2) {
fill: white;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui:not(.ie) .nav-static.osb-nav-active .logo-icon-container svg :nth-child(2) {
fill: #101820;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui:not(.ie) .nav-static.fill-banner .logo-icon-container svg :nth-child(2) {
fill: #101820;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- LOGO WAFFLE ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .logo-icon-container svg :nth-child(1) {
fill: white;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default blue*/
.aui .nav-static.osb-nav-active .logo-icon-container svg :nth-child(1) {
fill: #0B63CE;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default blue*/
.aui .nav-static.fill-banner .logo-icon-container svg :nth-child(1) {
fill: #0B63CE;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SEARCH ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .search-bar svg {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-static.osb-nav-active .search-bar svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-static.fill-banner .search-bar svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SEARCH ACTIVE - set icon to default black*/
.aui .nav-static .search-active .submit-search svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
Jump to Section
Outline
Jump to Section
CWS-boco realisiert digitale Kundenservice-Plattform
Nahezu jeder, der außerhalb seiner vier Wände bereits einen Waschraum aufgesucht hat – ob am Arbeitsplatz, im Restaurant oder in öffentlichen Gebäuden – ist mit der Marke CWS vertraut, die auf Handtuch- und Seifenspendern oder dem sich drehenden Toilettensitz prangt. Um den Kundenservice noch weiter zu verbessern, hat CWS-boco mit seinem Partner mimacom ein zukunftsfähiges Kundenportal auf Basis von Liferay aufgesetzt.
Case Study
Having Trouble?
Oh no! Sorry about that. If you’re running into issues, we suggest you try:
- Disabling your pop-up blocker
- Clearing your browser’s cache
- Disabling any plugins on your browser
- Using an alternate browser
- Updating your browser to the latest version
Bereits heute haben wir mit der Liferay Plattform unsere Reaktionszeiten deutlich verkürzt und den Dialog mit unseren Kunden erweitert und verstärkt.
Marco Reimann
Leiter CRM & Collaboration bei CWS-boco International