@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;400;600;700&display=swap');

/*
@import url(https://fonts.googleapis.com/css?family=Asap:400,400italic,700italic,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300italic,300,200italic,200,400italic,600,600italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,300italic,300,100italic,100,700,700italic,900,900italic&subset=latin,latin-ext);
*/

body,
body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

#sitecontainer {
  width: 100%;
  position: relative;
  padding-top: 175px;
  font-family: 'Titillium Web', sans-serif;
}

body.celdocpath_Content\.WebHome #sitecontainer {
  padding-top: 0;
}

#sitecontainer #header {
  position: fixed;
  width: 100%;
  left: 0px;
  z-index: 9;
  min-height: 14px;
  background-color: white;
  height: 190px;
  top: 0px;
  box-shadow: 0 6px 14px -4px rgb(0 0 0 / 80%);
}

#sitecontainer #header.headerStartPage {
  height: 190px;
  -webkit-transition: height 1s linear;
  -moz-transition: height 1s linear;
  -o-transition: height 1s linear;
  -ms-transition: height 1s linear;
  transition: height 1s linear;
}

#sitecontainer #header.headerScrolledPage {
  height: 160px;
  -webkit-transition: height 1s linear;
  -moz-transition: height 1s linear;
  -o-transition: height 1s linear;
  -ms-transition: height 1s linear;
  transition: height 1s linear;
}

body.celementsmenubarvisible #sitecontainer #header {
  top: 28px;
}

#sitecontainer #header #search {
  float: right;
  right: 0px;
  color: white;
  font-weight: bold;
  top: 3px;
}

#sitecontainer #header #search input[type="text"] {
  border: none;
  border-radius: 5px;
  padding: 5px;
  width: 150px;
  margin-left: 10px;
  margin-right: 5px;
  font-size: 16px;
}

#sitecontainer #header #search input[type="submit"] {
  background: transparent url("download/OnePageLayout/WebHome/search.png") repeat scroll 0 0;
  border: medium none;
  height: 30px;
  width: 30px;
  margin-right: 5px;
  vertical-align: bottom;
  cursor: pointer;
}

/**
  Navigation
**/
#sitecontainer #headerWrapperMenu {
  position: absolute;
  right: 230px;
  top: 64px;
}

#sitecontainer #menu .navigation-clear {
  clear: both;
}

#sitecontainer #menu li {
  float: left;
  margin: 0;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
}

#sitecontainer #menu li li {
  display: block;
  width: 100%;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

/** show menuitem delimiter "before" after second item **/
#sitecontainer #menu li+li:before {
  content: "";
  padding: 0 11px;
}

#sitecontainer #menu li li+li::before {
  padding: 0;
}

#sitecontainer #menu li.layout_onepageNoMenuLayout {
  /** this hides the delimiter too**/
  display: none;
}

body.celementsmenubarvisible #sitecontainer #menu li.layout_onepageNoMenuLayout {
  display: block;
  opacity: 0.6;
  filter: alpha(opacity=60);
  text-decoration: line-through;
}


body.celementsmenubarvisible #sitecontainer #menu li a {
  font-size: 18px;
  line-height: 32px;
}

#sitecontainer #mobileMenuPoint {
  display: none;
}

.cel_pagetype_OnePage>div>div>ul>li.layout_SinglePageLayout {
  display: none;
}

/**
  Content presentation
**/

#sitecontainer #content>div.cel_pagetype_OnePage {
  padding-top: 175px;
  /* offset header - do NOT use margin it breaks onePage-scrolling */
}

#sitecontainer #content div>div.presentationList>ul>li {
  float: none;
  position: relative;
}

#sitecontainer ul,
#sitecontainer div.presentationList>ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#sitecontainer #content.simplePageLayoutContent div.presentationList {
  overflow: visible;
  position: static;
}

#sitecontainer #content.simplePageLayoutContent div.presentationList>ul>li:first-child {
  position: static;
}

#sitecontainer #content>div.cel_pagetype_OnePage>div>div.presentationList>ul>li {
  background-color: white;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

#sitecontainer #headerWrapper {
  position: relative;
  margin-top: 15px;
}

.onepageMobile #sitecontainer #headerWrapperMenu {
  display: none;
}

.onepageMobile #sitecontainer #headerWrapperMenu.openNavigation {
  display: block;
}

#sitecontainer .headerStartPage #headerWrapper {
  margin-top: 15px;
  -webkit-transition: margin-top 1s linear;
  -moz-transition: margin-top 1s linear;
  -o-transition: margin-top 1s linear;
  -ms-transition: margin-top 1s linear;
  transition: margin-top 1s linear;
}

#sitecontainer .headerScrolledPage #headerWrapper {
  margin-top: 0;
  -webkit-transition: margin-top 1s linear;
  -moz-transition: margin-top 1s linear;
  -o-transition: margin-top 1s linear;
  -ms-transition: margin-top 1s linear;
  transition: margin-top 1s linear;
}

#content .presentationList>ul>li.cel_nav_nodeName_Home .cel_slideShow_slideWrapper .textoverlay {
  width: 1100px;
  position: relative;
  margin: 0 auto;
  height: 650px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

#content .presentationList>ul>li.cel_nav_nodeName_Home .cel_slideShow_slideWrapper .textoverlay .cel_cm_pagedependent_content {
  padding-bottom: 120px;
}

#content .presentationList>ul>li.cel_nav_nodeName_Home #slideshowContent {
  position: absolute;
  width: 100%;
}

/** SaubereAutos **/

#sitecontainer #content>div.cel_pagetype_OnePage .presentationList>ul>li.cel_nav_nodeName_SaubereAutosBild {
  background-image: url("/download/Content_attachments/FileBaseDoc/CWT_Startseite_Bild2.jpg");
  width: 100%;
  height: 570px;
}

#sitecontainer #content>div.cel_pagetype_OnePage .presentationList>ul>li.cel_nav_nodeName_SaubereAutos>div {
  position: relative;
}

#sitecontainer #content>div.cel_pagetype_OnePage .presentationList>ul>li.cel_nav_nodeName_SaubereAutos .rteContent {
  background-color: #00838e;
  color: white;
  box-sizing: border-box;
  width: 628px;
  max-width: 115%;
  position: absolute;
  top: -310px;
  right: 0;
  z-index: 2;
  padding: 50px 50px 50px 75px;
}

#sitecontainer #content .presentationList>ul>li.cel_nav_nodeName_Berufe .rteContent p,
#sitecontainer #content .presentationList>ul>li.cel_nav_nodeName_Langlebigkeit .rteContent p,
#sitecontainer #content .presentationList>ul>li.cel_nav_nodeName_SaubereAutos .rteContent p {
  color: white;
  line-height: 37px;
  font-weight: 500;
}

#sitecontainer #content>div.cel_pagetype_OnePage .presentationList>ul>li.cel_nav_nodeName_Berufe h2,
#sitecontainer #content>div.cel_pagetype_OnePage .presentationList>ul>li.cel_nav_nodeName_Berufe q,
#sitecontainer #content>div.cel_pagetype_OnePage .presentationList>ul>li.cel_nav_nodeName_Langlebigkeit h2,
#sitecontainer #content>div.cel_pagetype_OnePage .presentationList>ul>li.cel_nav_nodeName_SaubereAutos h2 {
  letter-spacing: 0;
  text-transform: none;
  color: white;
  font-size: 37px;
  line-height: 45px;
  font-weight: 600;
}

#sitecontainer #content>div.cel_pagetype_OnePage .presentationList>ul>li.cel_nav_nodeName_SaubereAutos hr {
  color: white;
  width: 180px;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-left: 0;
  margin-inline-end: 0;
  margin-top: 28px;
  margin-bottom: 28px;
}

#sitecontainer #content>div.cel_pagetype_OnePage .presentationList>ul>li.cel_nav_nodeName_Team .rteContent {
  padding: 222px 175px 170px 0;
}

#sitecontainer #content>div.cel_pagetype_OnePage .presentationList>ul>li.cel_nav_nodeName_Unternehmen .rteContent {
  padding: 120px 0 170px 0;
}

#sitecontainer #content #presKunden\:Content\.Kunden {
  padding: 85px 0 140px 0;
}

#rteContentProdukte\:Content\.Produkte h1,
#rteContentTeam\:Content\.Team h1,
#rteContentUnternehmen\:Content\.Unternehmen h1,
#rteContentPartner\:Content\.Partner h1 {
  color: #00838e;
}

#rteContentProdukte\:Content\.Produkte h3,
#rteContentTeam\:Content\.Team h3,
#rteContentUnternehmen\:Content\.Unternehmen h3,
#rteContentPartner\:Content\.Partner h3 {
  color: #6f6f6f;
}

#sitecontainer #content .cwtProdMobileLink {
  display: none;
}

#sitecontainer #content ul>li.hasBackgroundImage>div.onepage_slideshow_wrapper img.celimage_slideshow,
#sitecontainer #content ul>li.hasBackgroundImage>div.onepage_slideshow_wrapper,
#sitecontainer #content ul>li.hasBackgroundImage>div>div.rteContent.onepage_slideshow_wrapper,
#sitecontainer #content ul>li.hasBackgroundImage>div>div>p.onepage_slideshow_wrapper,
#sitecontainer #content ul>li.hasBackgroundImage>div div.celimage_slideshow_wrapper,
#sitecontainer #content ul>li.hasBackgroundImage>div div.cel_slideShow_slideRoot,
#sitecontainer #content ul>li>div ul.positionedTiles>li div.cel_slideShow_slideWrapper,
#sitecontainer #content ul>li>div ul.positionedTiles>li div.cel_slideShow_slideRoot {
  max-width: none;
  width: 100% !important;
  padding: 0px !important;
  height: 100% !important;
}

#sitecontainer #content ul>li.hasBackgroundImage>div>div>p.onepage_slideshow_wrapper {
  font-size: 0px;
  line-height: 0px;
}

#sitecontainer #content ul>li.hasBackgroundImage>div div.cel_slideShow_slideRoot,
#sitecontainer #content ul>li.hasBackgroundImage>div div.cel_slideShow_slideWrapper {
  height: 100% !important;
  width: 100% !important;
  /** position static breaks fade effect!
  position: static !important;
  **/
}

#sitecontainer #content ul>li.hasBackgroundImage>div div.cel_slideShow_slideRoot img {
  display: none;
}

#sitecontainer #content ul>li>div>p:first-child {
  margin: 0;
}

#sitecontainer #content>div.cel_pagetype_OnePage ul>li>div>div.rteContent,
#sitecontainer #content>div.cel_pagetype_OnePage ul>li>div.MultiRichText>div,
#sitecontainer #content>div.cel_pagetype_OnePage ul>li>div.OnePage-News>div,
#sitecontainer #content>div.cel_pagetype_OnePage ul>li>div.ImageGallery>div,
#sitecontainer #content>div.cel_pagetype_OnePage ul>li>div.Blog>div {
  padding: 35px 0px 30px 0px;
}

/* Background Image */
#sitecontainer #content .backgroundImage {
  display: none;
}

#sitecontainer #content li.hasBackgroundImage {
  min-height: 165px;
  color: white !important;
}

/**
  MultiRichText presentation
**/
#sitecontainer #content ul>li.MultiRichText ul,
#sitecontainer #content ul>li.ImageGallery ul {
  display: box;
  /** old browsers **/
  display: flexbox;
  /** for IE10 **/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  /** for IE10 **/
  -webkit-flex-wrap: wrap;
  /** Safari 6.1+ **/
}

/* Safari IE 5 */
body.SafariOldBrowserFix #sitecontainer #content ul>li.MultiRichText ul,
body.SafariOldBrowserFix #sitecontainer #content ul>li.ImageGallery ul {
  display: block;
}

body.SafariOldBrowserFix #sitecontainer #content ul>li.MultiRichText ul li,
body.SafariOldBrowserFix #sitecontainer #content ul>li.ImageGallery ul li {
  float: left;
}

#sitecontainer #content ul>li.MultiRichText ul>li,
#sitecontainer #content ul>li.ImageGallery ul>li {
  position: relative;
  overflow: hidden;
  /*float: left;*/
  max-width: 280px;
  width: 27%;
  min-height: 50px;
  min-width: 50px;
  margin-right: 50px;
  margin-bottom: 30px;
}

#sitecontainer #content ul>li.MultiRichText ul>li>div,
#sitecontainer #content ul>li.ImageGallery ul>li>div {
  min-height: 50px;
  min-width: 50px;
}

#sitecontainer #content ul>li.MultiRichText div.navigation-clear,
#sitecontainer #content ul>li.ImageGallery div.navigation-clear {
  clear: both;
}

#sitecontainer #content ul>li.MultiRichText ul>li img,
#sitecontainer #content ul>li.ImageGallery ul>li img,
#sitecontainer #content ul>li.MultiRichText ul>li div.cel_slideShow_slideRoot,
#sitecontainer #content ul>li.ImageGallery ul>li div.cel_slideShow_slideRoot,
#sitecontainer #content ul>li.MultiRichText ul>li div.celimage_slideshow_wrapper,
#sitecontainer #content ul>li.ImageGallery ul>li div.celimage_slideshow_wrapper,
#sitecontainer #content ul>li.MultiRichText ul>li div.cel_slideShow_slideWrapper,
#sitecontainer #content ul>li.ImageGallery ul>li div.cel_slideShow_slideWrapper {
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
}

#sitecontainer #content>div.cel_pagetype_OnePage ul>li.cel_fluidresizeWidth div.celimage_slideshow_wrapper,
#sitecontainer #content>div.cel_pagetype_OnePage ul>li.cel_fluidresizeWidth div.cel_slideShow_slideRoot,
#sitecontainer #content>div.cel_pagetype_OnePage ul>li.cel_fluidresizeWidth div.cel_slideShow_slideWrapper {
  width: 100% !important;
  max-width: 100%;
  height: 100% !important;
}

#sitecontainer #content>div.cel_pagetype_OnePage ul>li.cel_fluidresizeWidth div.cel_slideShow_slideRoot {
  top: 0 !important;
  left: 0 !important;
}

#sitecontainer #content>div.cel_pagetype_OnePage ul>li.cel_fluidresizeWidth div.cel_slideShow_slideWrapper {
  transform: none !important;
  background-repeat: no-repeat;
  background-size: 100%;
}

#sitecontainer #content>div.cel_pagetype_OnePage .presentationList>ul>li.cel_nav_nodeName_Home div.celimage_slideshow_wrapper {
  height: 650px !important;
}
#sitecontainer #content>div.cel_pagetype_OnePage .presentationList>ul>li.cel_nav_nodeName_Home div.rteContent {
  padding: 0;
}

#sitecontainer #content ul>li.ImageGallery ul>li div.celimage_slideshow_wrapper {
  overflow: hidden;
}

#sitecontainer #content ul>li.MultiRichText ul>li div.celimage_slideshow_wrapper div.cel_slideShow_slideWrapper {
  font-size: 0px;
  line-height: 0px;
}

/**
 * swiper
 **/
#sitecontainer #content ul>li div.swiper-outerContainer a.arrow-left {
  background-image: url("/download/Content_attachments/FileBaseDoc/arrowleftgray.png");
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  left: -80px;
  position: absolute;
  width: 53px;
}

#sitecontainer #content ul>li div.swiper-outerContainer a.arrow-right {
  background-image: url("/download/Content_attachments/FileBaseDoc/arrowrightgray.png");
  background-repeat: no-repeat;
  background-position: right center;
  display: block;
  height: 100%;
  width: 53px;
  position: absolute;
  right: -90px;
}

#sitecontainer #content ul>li div.swiper-outerContainer a.arrow-left {
  float: left;
}

#sitecontainer #content ul>li div.swiper-outerContainer a.arrow-right {
  float: right;
}

#sitecontainer #content ul>li div.swiper-outerContainer {
  position: relative;
}

#sitecontainer #content ul>li div ul.swiper-wrapper {
  display: block;
  /**  height: 165px !important; **/
  max-width: none;
  margin: 0px;
  width: 20000px !important;
}

#sitecontainer #content ul>li div ul li.swiper-slide {
  position: relative;
}

#sitecontainer #content ul>li div ul li.swiper-slide>img,
#sitecontainer #content ul>li div ul li.swiper-slide>a>img,
#sitecontainer #content ul>li div ul li.swiper-slide>div {
  margin-right: 20px !important;
}

#sitecontainer #content ul>li div ul.onepageImgBorder li.swiper-slide img,
#sitecontainer #content ul>li div p.onepageImgBorder img,
#sitecontainer #content ul>li div img.onepageImgBorder {
  border: 1px solid #ededed !important;
  margin-top: 3px;
}

/**
 * Gallery overlay
 **/
div.cel_pagetype_RichText div.celimage_slideshow_wrapper {
  cursor: pointer;
  margin-top: 150px;
}

div.cel-YuiOverlay div.yui-panel div.bd {
  background-color: #767676;
}

#yuiOverlayContainer .celPresSlideShow_next {
  right: -80px;
  width: 49px;
  background-image: url("/download/Content_attachments/FileBaseDoc/arrowrightwhite.png");
}

#yuiOverlayContainer .celPresSlideShow_prev {
  left: -80px;
  width: 49px;
  background-image: url("/download/Content_attachments/FileBaseDoc/arrowleftwhite.png");
}

#yuiOverlayContainer div.cel_pagetype_Team img {
  margin-bottom: 25px;
  border: solid 1px white !important;
}

#yuiOverlayContainer div.cel_pagetype_Team table img {
  margin-bottom: 0px;
  border: none !important;
}

#sitecontainer #content div.cel_pagetype_ImageGallery div.presentationList ul>li .cel_cm_gallery,
#sitecontainer #content div.cel_pagetype_ImageGallery div.presentationList ul>li .cel_cm_gallery_view {
  margin: 0px 5px 5px 0px;
  width: auto;
}

#sitecontainer #content div.cel_pagetype_ImageGallery div.presentationList ul>li .cel_slideShow_slideRoot {
  top: 0px !important;
  left: 0px !important;
}

div.cel-YuiOverlay div.yui-panel div.bd .rteEndClear {
  clear: both;
}

#yuiOverlayContainer .cel_slideShow_slideWrapper>div,
#yuiOverlayContainer>div>div>div.cel_pagetype_RichText,
#yuiOverlayContainer div.contactform {
  padding: 60px;
}

#yuiOverlayContainer div.contactform {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* Start Overlay */
body.onepage_overlay_white div.mask.cel-YuiOverlay {
  background-color: white;
  opacity: 0.5;
}

body.onepage_overlay_white div.cel-YuiOverlay div.yui-panel div.bd {
  background-color: white;
  border: 2px solid #ddd;
}

body.onepage_overlay_white div#yuiOverlayContentWrapper {
  padding: 20px;
  max-width: 750px;
}

body.onepage_overlay_white #yuiOverlayContainer p,
body.onepage_overlay_white #yuiOverlayContainer h1,
body.onepage_overlay_white #yuiOverlayContainer h2,
body.onepage_overlay_white #yuiOverlayContainer h3,
body.onepage_overlay_white #yuiOverlayContainer li,
body.onepage_overlay_white #yuiOverlayContainer th,
body.onepage_overlay_white #yuiOverlayContainer td {
  color: #333;
}

body.onepage_overlay_white div.cel-YuiOverlay div.yui-panel div.bd {
  background-color: white;
}

/**
 * Fluid design auto resize images
 **/
#sitecontainer #content ul>li img.cel_fluidresizeWidth {
  width: 100%;
  height: auto;
}

/**
* Production Places HoverTextBox
**/
#productionPlacesHoverBox {
  position: absolute;
  min-height: 60px;
  width: 350px;
}

#productionPlacesHoverTextBox {
  background-color: #FdFdFd;
  padding: 5px;
  z-index: 1;
  position: relative;
}

#productionPlacesHoverShadowBox {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#productionPlacesHoverShadowArrow {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 24px solid rgba(0, 0, 0, 0.1);
  height: 0px;
  left: 50%;
  position: absolute;
  bottom: -24px;
  width: 0px;
}

#productionPlacesHoverBox .arrowElement {
  border-top-width: 24px;
  position: absolute;
  left: 50%;
  bottom: 0px;
}

#productionPlacesHoverBox .arrowClipPart {
  position: absolute;
  overflow: hidden;
  top: -1px;
  width: 16px;
  height: 30px;
}

#productionPlacesHoverBox .arrowClipLeftPart {
  left: -6px;
}

#productionPlacesHoverBox .arrowClipRightPart {
  left: 10px;
}

#productionPlacesHoverBox .arrowClipPart .arrowInnerPart {
  position: absolute;
  background-color: rgb(255, 255, 255);
  transform-origin: 0px 0px 0px;
  -webkit-transform-origin-x: 0px;
  -webkit-transform-origin-y: 0px;
  height: 24px;
  width: 10px;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.6);
}

#productionPlacesHoverBox .arrowClipPart .arrowLeftInnerPart {
  left: 6px;
  transform: skewX(22.6deg);
  -webkit-transform: skewX(22.6deg);
}

#productionPlacesHoverBox .arrowClipPart .arrowRightInnerPart {
  left: 0px;
  transform: skewX(-22.6deg);
  -webkit-transform: skewX(-22.6deg);
}

#sitecontainer #content ul>li #productionPlacesHoverTextBox p {
  font-size: 20px;
  line-height: 23px;
}

#sitecontainer #content ul>li #productionPlacesHoverBox.onepageMapHoverForceOpen {
  display: block !important;
}

/**
 * Team and Referenzen Hover
 **/
#sitecontainer #content ul>li div#rteContentReferenzen\:Content\.Referenzen ul li {
  overflow: hidden;
}

#sitecontainer #content ul>li ul>li div.imgHoverDiv {
  position: absolute;
  left: 0px;
  background: white;
  width: 100%;
  height: 75px;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

#sitecontainer #content ul>li ul>li div.imgHoverDiv p {
  font-size: 20px;
  line-height: 23px;
  padding: 5px;
}


#sitecontainer #content ul>li div.presentationList ul>li div.imgHoverDiv a[href^="tel:"],
#sitecontainer #content ul>li div.presentationList ul>li div.imgHoverDiv a[href^="mailto:"] {
  background-repeat: no-repeat;
  display: block;
  height: 28px;
  position: absolute;
  text-decoration: none !important;
  width: 28px;
}

#sitecontainer #content ul>li div.presentationList ul>li div.imgHoverDiv a[href^="tel:"] {
  background-image: url("/download/Content_attachments/FileBaseDoc/earphone.png");
  bottom: 2px;
  right: 5px;
}

#sitecontainer #content ul>li div.presentationList ul>li div.imgHoverDiv a[href^="mailto:"] {
  background-image: url("/download/Content_attachments/FileBaseDoc/at.png");
  bottom: 2px;
  right: 35px;
}

/**
* swiper container
**/
#sitecontainer #content ul>li .swiper-container {
  padding-bottom: 2px;
  padding-top: 2px;
}

div.presentationList .presentationList {
  overflow: visible;
}

/* Validation Advice */
.formular_container .formular_row input,
.formular_container .formular_row textarea {
  float: left;
}

.formular_container .validation-advice {
  float: left;
  width: auto;
  margin-left: 5px;
  padding: 0px;
}


/*********** CSS Carwasch Tec ***********/

#sitecontainer .main-indent,
#content>div.cel_pagetype_OnePage .presentationList>ul>li>div {
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
  width: 100%;
}

#content>div.cel_pagetype_OnePage .presentationList>ul>li.cel_fluidresizeWidth>div {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
}

#sitecontainer .main-indent.page-indent {
  max-width: 1100px;
}

#sitecontainer .page-indent {
  box-sizing: border-box;
  position: relative;
  height: auto;
  background-color: white;
  padding: 80px 150px;
  margin-top: 195px;
}

#sitecontainer #content .section-indent {
  margin-top: 60px;
  padding-left: 156px;
}

#sitecontainer #content.page-indent div.rteContent p,
#sitecontainer #content.page-indent div.rteContent ul,
#sitecontainer #content .section-indent div.rteContent ul {
  box-sizing: border-box;
  padding-left: 80px;
  margin-top: 40px;
}

#sitecontainer #content.page-indent div.rteContent .cel_pagetype_ImageSlide p {
  padding: 0;
}

#sitecontainer #content.page-indent div.rteContent ul {
  padding-left: 97px;
}

#sitecontainer #content .section-indent ul {
  padding-left: 17px;
}

#sitecontainer #content.page-indent div.cel_pagetype_RichText ul>li:before,
#sitecontainer #content .section-indent>ul>li:before {
  content: "· ";
  font-size: 25px;
  line-height: 36px;
  padding-right: 5px;
  font-weight: 600;
}

/** Impressum - Datenschutz **/


#datenSchutz,
#impressum {
  margin-top: 30px;
  height: auto;
  padding: 20px 0px 60px 0px;
}


/** Header **/

#sitecontainer #background.headerStartPage {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: white;
  -webkit-transition: background-color 1s linear;
  -moz-transition: background-color 1s linear;
  -o-transition: background-color 1s linear;
  -ms-transition: background-color 1s linear;
  transition: background-color 1s linear;
}

#sitecontainer #background.headerScrolledPage {
  background-color: #00838e;
  -webkit-transition: background-color 1s linear;
  -moz-transition: background-color 1s linear;
  -o-transition: background-color 1s linear;
  -ms-transition: background-color 1s linear;
  transition: background-color 1s linear;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 100%;
}


/** Logo **/

#sitecontainer #header #headerLogo {
  position: absolute;
  top: 0px;
  left: 0;
}

#sitecontainer #header #headerLogo img {
  width: 180px;
  top: 30px;
  position: relative;
  height: auto;
}


#sitecontainer #header #headerLogo #logoScroll {
  display: none;
}


#header.headerStartPage #headerLogo #logoStart {
  opacity: 1.0;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  -ms-transition: opacity 1s linear;
  transition: opacity 1s linear;
}

#header.headerStartPage #headerLogo #logoScroll {
  display: none;
  opacity: 0.0;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  -ms-transition: opacity 1s linear;
  transition: opacity 1s linear;
}

#header.headerScrolledPage #headerLogo #logoStart {
  display: none;
  opacity: 0.0;
  -webkit-transition: opacity 2s linear;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  -ms-transition: opacity 1s linear;
  transition: opacity 1s linear;
}

#header.headerScrolledPage #headerLogo #logoScroll {
  display: block !important;
}

#header.headerScrolledPage #headerLogo #logoScroll {
  opacity: 1.0;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  -ms-transition: opacity 1s linear;
  transition: opacity 1s linear;
}



/** Menu **/

#sitecontainer #menu li a {
  color: #7f7f7f;
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
  text-transform: uppercase;
}

#sitecontainer #header #menu li.active>a {
  font-weight: bold;
}

#sitecontainer #header #menu>ul>li>a {
  font-size: 19px;
  line-height: 28px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 1s linear;
  -moz-transition: color 1s linear;
  -o-transition: color 1s linear;
  -ms-transition: color 1s linear;
  transition: color 1s linear;
}

#sitecontainer #header.headerStartPage #menu>ul>li>a {
  color: #7f7f7f;
}

.onepageMobile #sitecontainer #header.headerStartPage #menu>ul>li>a {
  color: white;
}

#sitecontainer #header.headerStartPage #menu>ul>li>a:hover,
#sitecontainer #header.headerStartPage #menu>ul>li.active>a {
  color: #00838e;
}

.onepageMobile #sitecontainer #header.headerStartPage #menu>ul>li>a:hover,
.onepageMobile #sitecontainer #header.headerStartPage #menu>ul>li.active>a {
  color: #dbdbdb;
}

#sitecontainer #header.headerScrolledPage #menu>ul>li>a {
  color: white;
}

#sitecontainer #header.headerScrolledPage #menu>ul>li>a:hover {
  color: #dbdbdb;
}

/* faster hover color transitions */
#sitecontainer #header #menu li>a:hover {
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  -ms-transition: color 0.3s linear;
  transition: color 0.3s linear;
}

/** untermenüs **/

#header #menu ul>li>ul {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 1s, 0s;
  transition-delay: .2s, 1.2s;
}

.onepageMobile #header #menu ul>li>ul,
#header #menu ul>li:hover>ul {
  opacity: 1;
  visibility: visible;
  transition-property: opacity;
  transition-duration: .5s;
}

#sitecontainer #header.headerScrolledPage #menu>ul>li>ul>li>a:hover,
#sitecontainer #header.headerScrolledPage #menu>ul>li>ul>li>ul>li>a:hover {
  font-weight: bold;
}

/** Submenu Products **/
#header #menu ul#CN1\:Content\:Content\.Produkte {
  width: 300px;
  border-radius: 10px;
  position: absolute;
  background-color: #00838e;
  padding: 12px 0;
  margin-top: 10px;
}

#header.headerScrolledPage #menu ul#CN1\:Content\:Content\.Produkte {
  background-color: white;
}

#header.headerStartPage #menu ul {
  z-index: 1;
}

#header.headerStartPage #menu ul#CN1\:Content\:Content\.Produkte {
  background-color: #00838e;
}

#header #menu>ul>li>ul>li>a {
  color: white;
  font-size: 17px;
  line-height: 32px;
  text-transform: uppercase;
  position: relative;
  left: 14px;
  top: 0px;
  letter-spacing: 0.05em;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
}

#header #menu>ul>li>ul>li>ul {
  width: 240px;
  display: block;
  position: absolute;
  top: 0;
  left: 102%;
  background-color: #7f7f7f;
  padding: 12px 0;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 1s, 0s;
  transition-delay: .2s, 1.2s;
}

.onepageMobile #header #menu>ul>li>ul>li>ul,
#header #menu>ul>li>ul>li:hover>ul,
#header #menu>ul>li>ul>li.active>ul {
  opacity: 1;
  visibility: visible;
  transition-property: opacity;
  transition-duration: .5s;
}

#header #menu>ul>li>ul>li>ul>li>a {
  color: white;
  font-size: 17px;
  line-height: 32px;
  text-transform: none;
  position: relative;
  left: 14px;
  top: 0px;
  letter-spacing: 0.1em;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
}

#header #menu>ul>li li>a:hover {
  font-weight: bold;
}

#header #menu .fas.fa-caret-up,
#header #menu .fas.fa-caret-down,
#header #menu .fas.fa-caret-right {
  color: #00838e;
  float: right;
  padding-top: 4px;
  padding-right: 8px;
  font-size: 20px;
}

#header.headerStartPage #menu .fas.fa-caret-up,
#header.headerStartPage #menu .fas.fa-caret-down,
#header.headerStartPage #menu .fas.fa-caret-right {
  color: white;
}

#header #menu .fas.fa-caret-up,
#header #menu .fas.fa-caret-down {
  display: none;
}

#header.headerScrolledPage #menu>ul>li>ul>li>a {
  color: #00838e;
  -webkit-transition: color 1s linear;
  -moz-transition: color 1s linear;
  -o-transition: color 1s linear;
  -ms-transition: color 1s linear;
  transition: color 1s linear;
}

#header.headerStartPage #menu>ul>li>ul>li>a {
  color: white;
  -webkit-transition: color 1s linear;
  -moz-transition: color 1s linear;
  -o-transition: color 1s linear;
  -ms-transition: color 1s linear;
  transition: color 1s linear;
}

/** Menu - Untermenü ANGEMELDET **/

.celdocpath_Content\.WebHome.celementsmenubarvisible #menu,
.celdocpath_Content\.WebHome.celementsmenubarvisible #sitecontainer #header.headerScrolledPage #menu {
  width: 915px;
  left: -190px;
  top: -22px;
}

.celdocpath_Content\.WebHome.celementsmenubarvisible #menu li.cel_nav_nodeName_Langlebigkeit,
.celdocpath_Content\.WebHome.celementsmenubarvisible #menu li.cel_nav_nodeName_Berufe {
  background-color: transparent !important;
  padding: 0;
}



body.celementsmenubarvisible #sitecontainer #menu li.layout_onepageNoMenuLayout {
  text-decoration: none;
}


/** Kontakt Button **/

#headerWrapper div.contact {
  position: absolute;
  top: 15px;
  right: 0;
}

#headerWrapper div.contact p {
  margin: 0;
  padding: 0;
}

#headerWrapper div.contact a {
  display: inline-block;
  box-sizing: border-box;
  border: 2px solid #00838e;
  padding: 17px;
  border-radius: 6em / 6em;
  width: 126px;
  color: #00838e !important;
  font-weight: bold;
  font-size: 19px;
  line-height: 85px;
  text-decoration: none !important;
  text-transform: uppercase;
  font-family: 'Titillium Web', sans-serif;
  text-align: center;
}

#sitecontainer #header.headerStartPage .contact a {
  color: #00838e !important;
  border: 2px solid #00838e;
}

#sitecontainer #header.headerScrolledPage .contact a {
  color: white !important;
  border: 2px solid white;
}

#sitecontainer #header.headerStartPage .contact a,
#sitecontainer #header.headerScrolledPage .contact a {
  -webkit-transition: border 1s linear, background-color 1s linear, color 1s linear;
  -moz-transition: border 1s linear, background-color 1s linear, color 1s linear;
  -o-transition: border 1s linear, background-color 1s linear, color 1s linear;
  -ms-transition: border 1s linear, background-color 1s linear, color 1s linear;
  transition: border 1s linear, background-color 1s linear, color 1s linear;
}

#sitecontainer #header.headerStartPage .contact a:hover {
  color: white !important;
  background-color: #00838e;
}

#sitecontainer #header.headerScrolledPage .contact a:hover {
  color: #00838e !important;
  background-color: white;
}

#sitecontainer #header.headerStartPage .contact a:hover,
#sitecontainer #header.headerScrolledPage .contact a:hover {
  -webkit-transition: background-color 0.5s linear, color 0.5s linear;
  -moz-transition: background-color 0.5s linear, color 0.5s linear;
  -o-transition: background-color 0.5s linear, color 0.5s linear;
  -ms-transition: background-color 0.5s linear, color 0.5s linear;
  transition: background-color 0.5s linear, color 0.5s linear;
}


/** langlebigkeit **/
#sitecontainer #content .presentationList>ul>li.cel_nav_nodeName_Langlebigkeit {
  background-color: #00838e !important;
}

#sitecontainer #content .presentationList>ul>li.cel_nav_nodeName_Langlebigkeit .rteContent {
  padding: 100px 100px 100px 0;
  display: flex;
  min-height: 300px;
}

#sitecontainer #content .presentationList>ul>li.cel_nav_nodeName_Langlebigkeit .rteContent p {
  font-size: 18px;
}

#sitecontainer #content .presentationList>ul>li.cel_nav_nodeName_Langlebigkeit .img {
  display: flex;
  align-items: center;
  padding-right: 63px;
  padding-left: 20px;
  border-right: 1px solid white;
}

#sitecontainer #content .presentationList>ul>li.cel_nav_nodeName_Langlebigkeit img {
  width: auto;
  height: 200px;
}

#sitecontainer #content .presentationList>ul>li.cel_nav_nodeName_Langlebigkeit .text {
  padding-top: 30px;
  padding-left: 80px;
}

/** UnsereProdukte **/

#content .flex-wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

#sitecontainer #content .presentationList>ul>li.cel_nav_nodeName_Produkte div.rteContent {
  padding: 0;
}

#sitecontainer #content .presentationList>ul>li.cel_nav_nodeName_Produkte .first .rteContent {
  padding: 120px 0 80px 0;
}

#sitecontainer #content .presentationList>ul>li.cel_nav_nodeName_Produkte .last .rteContent {
  padding-bottom: 80px;
}

#sitecontainer #content #unsereProdukte ul.text {
  margin-top: 30px;
  margin-bottom: 80px;
}

#sitecontainer #content #unsereProdukte h5 {
  margin-top: 15px;
}

#sitecontainer #content #unsereProdukte .flex-wrap>ul {
  width: 45%;
  min-width: 300px;
  margin-bottom: 75px;
}

#sitecontainer #content #unsereProdukte img {
  width: 100%;
  height: auto;
}

#sitecontainer #content #unsereProdukte ul img:not(:first-of-type) {
  display: none;
}

#sitecontainer #content #unsereProdukte .produktePfeil {
  display: block;
  color: #6f6f6f;
  margin-top: 7px;
  font-size: 27px;
  text-decoration: none;
}

/** Quote **/

#sitecontainer #content .presentationList>ul>li.cel_nav_nodeName_Berufe {
  background-color: #6f6f6f !important;
}

#sitecontainer #content .presentationList>ul>li.cel_nav_nodeName_Berufe .rteContent {
  padding: 52px 0 58px 0;
  display: flex;
}

#sitecontainer #content .presentationList>ul>li.cel_nav_nodeName_Berufe #quoteText {
  padding-top: 38px;
  margin-left: 22px;
  font-family: 'Titillium Web';
  max-width: 700px;
}

/** Background Image **/

#sitecontainer #content .presentationList>ul>li.cel_nav_nodeName_Waschen {
  background-image: url("/download/Content_attachments/FileBaseDoc/CWT_Startseite_Bild3.jpg");
  width: 100%;
  height: 570px;
}


/** Footer **/

#footer {
  background-color: #00838e;
  z-index: 1;
  position: relative;
}

#footer #footer-content .rteContent {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 300px;
  color: white;
  font-weight: 400;
  font-family: 'Merriweather', serif;
  font-size: 16.5px;
  line-height: 28.5px;
}

#footer #footer-content .cel_cm_pagedependent_content {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#footer #footer-content .rteContent>ul {
  display: inline-block;
  align-self: flex-end;
  margin-bottom: 30px;
}

#footer #footer-content img {
  width: 140px;
  height: auto;
}

#footer #footer-content ul li a {
  text-decoration: none;
  color: white;
}

#footer #footer-content .rteContent .rteEndClear {
  display: none;
}

/** Allgemein **/

#sitecontainer #header #menu ul ul ul li a {
  font-size: 17px;
  text-transform: none;
  position: relative;
  left: 14px;
  top: 4px;
}


#sitecontainer #header.headerStartPage ul ul ul li a {
  color: white;
  font-size: 16px;
  text-transform: none;
  position: relative;
  left: 14px;
  top: 6px;
  display: initial !important;
}



#imgLinks {
  width: 130px;
  height: 130px;
  background-size: 75px;
  top: -136px;
  left: -38px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 120%;
}

#sitecontainer .bgImageSource {
  width: 100%;
  position: absolute;
  height: 680px;
  margin-top: 15px;
  background-size: cover;
  background-position: center;
}

/** Waschanlagen **/
#waschanlagen #imgLinks {
  background-image: url("/download/Content_attachments/FileBaseDoc/Waschanlage.png");
}

/** Waschstrasse **/

#waschStrasse #imgLinks {
  background-image: url("/download/Content_attachments/FileBaseDoc/Waschstrasse.png");
}

/** selbstWasch **/

#selbstWasch #imgLinks {
  background-image: url("/download/Content_attachments/FileBaseDoc/SB_Anlagen.png");
}

/** Netzwerk und Service **/

#netzwerk #imgLinks {
  background-image: url("/download/Content_attachments/FileBaseDoc/NetzwerkTrans.png");
}

#mietwagen #imgLinks {
  background-image: url("/download/Content_attachments/FileBaseDoc/MietwagenTrans.png");
}

#service #imgLinks {
  background-image: url("/download/Content_attachments/FileBaseDoc/ServiceTrans.png");
}

/** News **/

#news #imgLinks {
  background-image: url("/download/Content_attachments/FileBaseDoc/News.png");
}


/** Kontakt FORM  **/

.celdocpath_Content\.Kontakt #sitecontainer #content .formLayout {
  background-color: #6f6f6f;
  margin-bottom: 5px;
  padding: 180px 0 120px 0;
}

.celdocpath_Content\.Kontakt #sitecontainer #content h2 {
  color: white;
  text-transform: none;
  letter-spacing: normal;
}

.celdocpath_Content\.Kontakt #sitecontainer #content h3 {
  color: white;
}

.celdocpath_Content\.Kontakt #sitecontainer #content p {
  width: 100%;
  padding: 0px 0px 30px 0px;
  color: white;
}

.celdocpath_Content\.Kontakt #sitecontainer #content form {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}

.celdocpath_Content\.Kontakt #sitecontainer #content form input[type=text],
.celdocpath_Content\.Kontakt #sitecontainer #content form input[type=tel],
.celdocpath_Content\.Kontakt #sitecontainer #content form textarea,
.celdocpath_Content\.Kontakt #sitecontainer #content form label.checkbox {
  width: 47%;
  height: 25px;
  margin-bottom: 40px;
  padding: 10px;
  background-color: white;
  border-radius: 7px;
  border-color: white;
}

.celdocpath_Content\.Kontakt #sitecontainer #content form input,
.celdocpath_Content\.Kontakt #sitecontainer #content form textarea,
.celdocpath_Content\.Kontakt #sitecontainer #content form label,
.celdocpath_Content\.Kontakt #sitecontainer #content form input::placeholder,
.celdocpath_Content\.Kontakt #sitecontainer #content form textarea::placeholder,
.celdocpath_Content\.Kontakt #sitecontainer #content form label::placeholder {
  color: black;
  font-size: 20px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 500;
}

.celdocpath_Content\.Kontakt #sitecontainer #content form textarea {
  width: 100%;
  height: 170px;
  margin-bottom: 100px;
}

.celdocpath_Content\.Kontakt #sitecontainer #content form label.checkbox {
  position: relative;
  font-size: 20px;
  line-height: 25px;
  cursor: pointer;
}

/* Hide the default checkbox (do not use display: none) */
.celdocpath_Content\.Kontakt #sitecontainer #content form label.checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

/* Create a custom checkbox */
.celdocpath_Content\.Kontakt #sitecontainer #content form label.checkbox .checkmark {
  position: absolute;
  top: 6px;
  right: 10px;
  height: 25px;
  width: 25px;
  background-color: white;
  border-radius: 20px;
  border: 4px solid #6f6f6f;
}

/* When the checkbox is checked, add a green background */
.celdocpath_Content\.Kontakt #sitecontainer #content form label.checkbox input:checked~.checkmark {
  border-color: #00838e;
  background-color: #00838e;
}

.celdocpath_Content\.Kontakt #sitecontainer #content form input[type=submit] {
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  border: 4px solid white;
  padding: 17px;
  border-radius: 6em / 6em;
  width: 150px;
  color: white;
  background-color: #6f6f6f;
  line-height: 110px;
  text-align: center;
  cursor: pointer;
  font-size: 24px;
}

.celdocpath_Content\.Kontakt #sitecontainer #content form input[type=submit]:hover {
  background-color: #00838e;
}

.celdocpath_Content\.Kontakt #sitecontainer #content form label.checkbox .checkmark,
.celdocpath_Content\.Kontakt #sitecontainer #content form label.checkbox input:checked~.checkmark,
.celdocpath_Content\.Kontakt #sitecontainer #content form input[type=submit],
.celdocpath_Content\.Kontakt #sitecontainer #content form input[type=submit]:hover {
  -webkit-transition: background-color 0.5s linear, border-color 0.5s linear;
  -moz-transition: background-color 0.5s linear, border-color 0.5s linear;
  -o-transition: background-color 0.5s linear, border-color 0.5s linear;
  -ms-transition: background-color 0.5s linear, border-color 0.5s linear;
  transition: background-color 0.5s linear, border-color 0.5s linear;
}


/** slideshow responsive fix **/
.celimage_forceAutoResize {
  max-width: 100%;
}

@media only screen and (min-width: 676px) {

  /** Appear Event Desktop only **/
  .appear-init-nomobile {
    transition-timing-function: cubic-bezier(.3,.55,.32,1.275);
    transition-duration: 2s;
    transition-property: opacity,transform;
    opacity: 0;
    transform: translate3d(0,100px,0);
  }
  .appear-init-left-nomobile {
    transition-timing-function: cubic-bezier(.3,.55,.32,1.275);
    transition-duration: 2s;
    transition-property: opacity,transform;
    opacity: 0;
    transform: translate3d(-100px,0,0);
  }
  .appear-init-right-nomobile {
    transition-timing-function: cubic-bezier(.3,.55,.32,1.275);
    transition-duration: 2s;
    transition-property: opacity,transform;
    opacity: 0;
    transform: translate3d(100px,0,0);
  } 
  .appear-animate-nomobile {
    opacity: 1;
    transform: translate3d(0,0,0);  
  }
}

/** Appear Event**/
.appear-init {
  transition-timing-function: cubic-bezier(.3,.55,.32,1.275);
  transition-duration: 2s;
  transition-property: opacity,transform;
  opacity: 0;
  transform: translate3d(0,100px,0);
}
.appear-init-left {
  transition-timing-function: cubic-bezier(.3,.55,.32,1.275);
  transition-duration: 2s;
  transition-property: opacity,transform;
  opacity: 0;
  transform: translate3d(-100px,0,0);
}
.appear-init-right {
  transition-timing-function: cubic-bezier(.3,.55,.32,1.275);
  transition-duration: 2s;
  transition-property: opacity,transform;
  opacity: 0;
  transform: translate3d(100px,0,0);
}
.appear-animate {
  opacity: 1;
  transform: translate3d(0,0,0);  
}