/*
Theme Name: Matoma Child Region Theme
Theme URI: http://matoma.de
Author: Matoma
Author URI: http://matoma.de
Description: The best woocommerce theme for online fashion store, furniture store, handemade store, organic store, wordpress personal portfolio, personal blog.
Template: salient
Version: 1.0
*/

/*Normal*/
@font-face {
  font-family: 'Gill Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Gill_Sans.otf'); 
  src: local(''),
       url('fonts/Gill_Sans.otf') format('opentype');
}

/*Normal Italic*/
@font-face {
  font-family: 'Gill Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/Gill_Sans_Italic.otf'); 
  src: local(''),
       url('fonts/Gill_Sans_Italic.otf') format('opentype');
}

/*Medium*/
@font-face {
  font-family: 'Gill Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/Gill_Sans_Medium.otf'); 
  src: local(''),
       url('fonts/Gill_Sans_Medium.otf') format('opentype');
}

/*Medium Italic*/
@font-face {
  font-family: 'Gill Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/Gill_Sans_Medium_Italic.otf'); 
  src: local(''),
       url('fonts/Gill_Sans_Medium_Italic.otf') format('opentype');
}

/*Bold*/
@font-face {
  font-family: 'Gill Sans';
  font-style: bold;
  font-weight: 700;
  src: url('fonts/Gill_Sans_Bold.otf'); 
  src: local(''),
       url('fonts/Gill_Sans_Bold.otf') format('opentype');
}

/*Bold Italic */
@font-face {
  font-family: 'Gill Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/Gill_Sans_Bold_Italic.otf'); 
  src: local(''),
       url('fonts/Gill_Sans_Bold_Italic.otf') format('opentype');
}

/*Light */
@font-face {
  font-family: 'Gill Sans';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/Gill_Sans_Light.otf'); 
  src: local(''),
       url('fonts/Gill_Sans_Light.otf') format('opentype');
}

/*Light Italic*/
@font-face {
  font-family: 'Gill Sans';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/Gill_Sans_Light_Italic.otf'); 
  src: local(''),
       url('fonts/Gill_Sans_Light_Italic.otf') format('opentype');
}

/*Heavy */
@font-face {
  font-family: 'Gill Sans';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/Gill_Sans_Heavy.otf'); 
  src: local(''),
       url('fonts/Gill_Sans_Heavy.otf') format('opentype');
}

/*Heavy Italic*/
@font-face {
  font-family: 'Gill Sans';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/Gill_Sans_Heavy_Italic.otf'); 
  src: local(''),
       url('fonts/Gill_Sans_Heavy_Italic.otf') format('opentype');
}

/*Google Material Icons*/
/* material-icons-outlined-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/MaterialSymbolsRounded[FILL,GRAD,opsz,wght].woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*Matoma Slide In*/
.SlideInMTM {
    position: fixed !important;
    top: 60%;
    right: 0;
}

.wpcf7 small {
    font-size: smaller !important;
}

.home-box .nectar-responsive-text {
    margin-bottom: 0;
}

/*Header*/
.wpml-ls-item span.menu-title-text {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

#header-outer[data-lhe=animated_underline] #top nav>ul>li>a, #top nav>ul>li[class*=button_solid_color]>a, body #header-outer[data-lhe=default] #top nav .sf-menu>li[class*=button_solid_color]>a:hover, #header-outer[data-lhe=animated_underline] #top nav>.sf-menu>li[class*=button_bordered]>a, #top nav>ul>li[class*=button_bordered]>a, body #header-outer.transparent #top nav>ul>li[class*=button_bordered]>a, body #header-outer[data-lhe=default] #top nav .sf-menu>li[class*=button_bordered]>a:hover, body #header-outer.transparent #top nav>ul>li[class*=button_solid_color]>a, #header-outer[data-lhe=animated_underline] #top nav>ul>li[class*=button_solid_color]>a {
    margin-left: 15px;
    margin-right: 15px;
}

nav a.mobile-search {
    float: right;
}

li#search-btn {
    display: none !important;
}

nav .mobile-search span.nectar-icon.icon-salient-search {
    top: 2px;
    right: 55px;
    position: absolute;
}

#slide-out-widget-area .inner .off-canvas-menu-container.mobile-only .menu.secondary-header-items {
display: block !important;
}

@media only screen and (max-width: 1000px) {
	nav a.mobile-search {
	    display: none;
	}
	
	body[data-slide-out-widget-area-style=slide-out-from-right-hover][data-slide-out-widget-area=true][data-user-set-ocm=off] #header-outer header>.container {
	    padding: 12px 18px !important;
	}
	
	div#header-outer {
	    padding: 0;
	}
    	body[data-header-format].material #header-secondary-outer {
    		display: none;
    		height: 0;
    	}
}


/*Product Megamenü Custom Styles*/
#header-outer header .nectar-regular-menu-item.menu-item-13669 .nectar-menu-item-with-icon,
#header-outer header .nectar-regular-menu-item.menu-item-18366 .nectar-menu-item-with-icon,
#header-outer header .nectar-regular-menu-item.menu-item-13797 .nectar-menu-item-with-icon,
#header-outer header .nectar-regular-menu-item.menu-item-18282 .nectar-menu-item-with-icon {
    align-items: center !important;
    justify-content: space-between;
    gap: unset;
}
.nectar-regular-menu-item.menu-item-13669 .nectar-menu-icon-text,
.nectar-regular-menu-item.menu-item-18366 .nectar-menu-icon-text,
.nectar-regular-menu-item.menu-item-13797 .nectar-menu-icon-text,
.nectar-regular-menu-item.menu-item-18282 .nectar-menu-icon-text {
    flex-grow: 0;
}

/*Megamenu*/
#header-outer header .nectar-regular-menu-item .nectar-menu-item-with-icon{
    align-items: center !important;
    justify-content: start;
    gap: 23px;
}

.nectar-regular-menu-item .nectar-menu-icon-text{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
}

.nectar-regular-menu-item .nectar-menu-icon-text .sf-sub-indicator{
    position: relative;
    top: unset;
    right: unset;
    width: auto;
    height: auto;
}

#header-outer header .menu-item-has-children > ul.sub-menu > .menu-item .nectar-ext-menu-item.style-img-above-text > .inner-content .title.inherit-default {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
#header-outer header .nectar-regular-menu-item .nectar-menu-item-with-icon .nectar-menu-icon-text{
	min-width: 72px;
	text-align: left;
}

#header-outer header .megamenu .menu-item-has-children > a.sf-with-ul {
	padding-bottom: 26px;
}
#header-outer header .megamenu .menu-item-has-children > a.sf-with-ul,
#header-outer header .megamenu .menu-item-has-children > ul.sub-menu{
	padding-left: 30px;
	border-left: 1px solid #DDDDDD;
}

#header-outer nav > ul > .megamenu > .sub-menu{
	width: calc(100% + 200px);
	left: -100px;
	box-shadow: 0px 6px 6px #00000029; 
}

#header-outer nav > ul > .megamenu.nectar-megamenu-menu-item > .sub-menu, 
#header-outer nav > ul > .nectar-megamenu-menu-item > .sub-menu {
    justify-content: center;
}

/* Blogs */
/*News Element*/
.blog-recent[data-style*=classic_enhanced] .col.span_4 .inner-wrap,
.blog-recent[data-style*=classic_enhanced] .col.span_4 {
	box-shadow: none;
	border: none;
	border-radius: 0;
}

.blog-recent[data-style*=classic_enhanced] .col.span_4 .inner-wrap .article-content-wrap {
    padding: 40px 0 !important;
}

.blog-recent[data-style*=classic_enhanced] .col.span_4 .inner-wrap .article-content-wrap .post-header a.meta-category {
	font-size: 14px;
	font-weight: 500;
}

/* header */
/*
header#top {
    box-shadow: 0px 3px 6px #00000029;
}
*/

/* halbkreis */
.halbkreis .row-bg.viewport-desktop.using-image {
	background-size: auto;
}

/*#footer-outer #footer-widgets {
	background-image: url(/wp-content/uploads/2021/07/linien-halbkreis.svg);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 24%;
}*/

#footer-outer #copyright[data-layout="centered"] {
    padding: 0 0 10px 0;
}

#copyright .container {
	border-top: solid 1px #CFD1D1;
}

#menu-footer .menu-item a {
	font-size: 15px !important;
}

/* h1 icon*/
.iwithtext .iwt-icon {
    position: absolute;
    left: 0;
    top: 10px;
}

.row .col .iwithtext .iwt-icon img:not([srcset]) {
    width: 30px;
}

@media only screen and (max-width: 1300px) {
  .row .col .iwithtext .iwt-icon img:not([srcset]) {
      width: 20px;
      margin: -1px 0 0 10px;
  }
}

@media only screen and (max-width: 690px) {
  .row .col .iwithtext .iwt-icon img:not([srcset]) {
    width: 18px;
    margin: -1px 0px 2px 10px;
  }
}

/* kontaktformular */
.wps-form {
    width: 100%;
    margin: 0 auto;
}

.wps-form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.wps-form-row .wpcf7-form-control {
    width: 100%;
}

.wps-form-column {
    flex: 1;
    padding: 0.5rem 0;
    width: 100%;
    color: #333333;
}

/* Notebook / Desktop */
@media only screen and ( min-width: 48em ) { 
    .wps-form-row {
        flex-direction: row;
    }

    /*.wps-form-column {
        padding: 0.5rem 1rem;
    }*/
}

span.wpcf7-form-control-wrap {
    padding: 0rem 3rem 0 0;
}

@media only screen and (max-width: 690px) {
  span.wpcf7-form-control-wrap {
    padding: 0rem;
  }
}

.wpcf7-list-item {
    margin: 0px;
}

input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control {
    background-color: white;
    border-radius: unset;
    border-bottom: solid 2px #C9CDD6;
}

input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control {
    height: 57px;
}

.wps-form-column > p > label {
	font-weight: 700;
	color: #333333;
	font-size: 15px;
}

.wps-form-column .wpcf7-list-item .wpcf7-list-item-label{
    font-weight: 400;
    color: #333333;
    font-size: 15px;
}

.wpcf7-list-item {
    display: block;
}

select.wpcf7-form-control.wpcf7-select {
    color: #9E9E9E;
    font-family: Century Gothic;
    font-size: 15px;
    padding-left: 4%;
}

.wpcf7-form p span, .wpcf7-form p span label {
    display: flex;
}

@media only screen and (max-width: 600px) {
  .wpcf7-form p span, .wpcf7-form p span label {
    	display: block;
  }
}

.wpcf7-form p span.kontakt, .wpcf7-form p span.kontakt .wpcf7-list-item {
    font-weight: 700;
}

select.wpcf7-form-control.wpcf7-select {
    //background: url(https://img.icons8.com/cotton/30/000000/expand-arrow.png) no-repeat right #ffffff;
    background: white url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='black'/></g></svg>") no-repeat;
    -webkit-appearance: none;
    background-position-x: 95%;
    background-position-y: center;
}

input[type="checkbox"] {
    width: 26px !important;
    height: 24px !important;
    margin: 0 12px 0 0px;
}

.wpcf7-form input.wpcf7-form-control.wpcf7-submit {
    font-size: 18px;
    height: 4em;
    width: 12em;
    border-radius: unset !important;
}

.blog-recent[data-style*=classic_enhanced] .meta-category a {
    font-weight:400;
}

#footer-outer .widget {
    margin-bottom: 15px;
    line-height: 22px;
}

/* single Portfolio - Technische Daten */
.product-list .nectar-hor-list-item {
    border-bottom: 1px solid white;
    padding-left: 3%;
    padding: 10px;
    color: #404948;
    //line-height: 0;
}

/* checkbox *//*
input[type="checkbox"] {
    appearance: none;
    border-bottom: 2px solid #C9CDD6;
    background-color: white;
}*/

.wps-form-column .kontakt {
	margin: 15px 0;
}

/* Buttons */
body.material .nectar-button.large.globalButton {
    padding: 22px 32px;
    font-size: 17px;
}

/* hide portfolio buttons */
.customportfolio a.default-link:first-child {
    display: none;
}

.customportfolio .portfolio-items .col .work-item .work-info .default-link {
    background-color: #5550;
    margin: 0px;
    padding: 100%;
    color: #fff;
    font-size: 0px; 
    margin: 5px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.customportfolio .portfolio-items .work-info {
	padding: 0px;
}

.work-meta h4.title {
	font-size: 24px !important;
	color:#5c81aa;
}

.work-meta p {
	position: relative;
	font-size: 15px;
	color: #000000;
}

/* copyright */
body #footer-outer[data-cols="1"][data-disable-copyright="false"][data-copyright-line="false"][data-matching-section-color="true"] #copyright {
    padding-top: 0px;
}

#footer-outer[data-cols="1"][data-disable-copyright="false"] #copyright {
    padding-bottom: 0px;
}

/* responsive-footer */
@media only screen and (max-width: 1000px) {
 #footer-widgets .widget_block .wp-block-columns {
     flex-wrap: wrap !important; 
 }
  #footer-widgets .wp-block-column:first-child {
  	flex-basis: 75% !important; /*alt 30*/
	//padding-left: 5%;
  }
  
 #footer-widgets .wp-block-column {
 	flex-basis: 50% !important;  /*alt 25*/
 }
 
 #footer-widgets .wp-block-column:not(:first-child) {
    margin-left: 0em;
 }
}

@media only screen and (max-width: 780px) {
#footer-widgets .widget_block .wp-block-columns {
     flex-wrap: wrap !important; 
 }
 
#footer-widgets .wp-block-column:first-child {
  	flex-basis: 75% !important;
  }
  
#footer-widgets .wp-block-column {
 	flex-basis: 50% !important;
 }
}

@media only screen and (max-width: 690px) {
#footer-widgets .widget_block .wp-block-columns {
     flex-wrap: wrap !important; 
 }
#footer-widgets .wp-block-column:first-child {
	//margin-left: 2em;
  	flex-basis: 100% !important;
	//padding-left: 8%;
  }
  
#footer-widgets .wp-block-column {
 	flex-basis: 50% !important;
	padding-right: 2%;
 }
}

@media only screen and (max-width: 600px) {
#footer-widgets .widget_block .wp-block-columns {
     flex-wrap: wrap !important; 
 }
#footer-widgets .wp-block-column:first-child {
	margin-left: 0em;
  	flex-basis: 100% !important;
	padding-left: 0%;
  }
  
#footer-widgets .wp-block-column {
 	flex-basis: 50% !important;
 }
}

/* Überschriften */
h1, h2, h3, h4, h5 {
	color: #5c81aa;
}

h6 {
	color:	#000000;
}

/* zitat-halbkreise */
.wpb_wrapper blockquote:before {
	//content: url(/wp-content/uploads/2021/07/flaeche-halbkreis-links.svg);
	//background-image: url('/wp-content/uploads/2021/07/flaeche-halbkreis-links.svg');
	background-repeat: no-repeat;
	//padding-left: 30px;  
	display: block;  /* may not need this, but I've found I do */
	border-color: #5c81aa !important;
	//margin-left: -1%;
}

.wpb_wrapper blockquote p::after {
	//content: url(/wp-content/uploads/2021/07/flaeche-halbkreis-rechts.svg);
	//background-image: url('/wp-content/uploads/2021/07/flaeche-halbkreis-links.svg');
	background-repeat: no-repeat;
	//padding-left: 30px;  /* width of the image plus a little extra padding */
	display: inline-block;  
	//padding-left: 1%;
	padding-left: 100%;
}

/* zitat text style */
.wpb_wrapper blockquote p {
	color: #5c81aa;
    	font-size: 24px;
    	line-height: 30px;
	font-weight: 700;
	//width: 500px;
	text-align: left !important;
    	padding-left: 2%;
}

/* hide the right border for quote */
body[data-form-style="minimal"] label:after, body .recent_projects_widget a:hover img, .recent_projects_widget a:hover img, #sidebar #flickr a:hover img, body .nectar-button.see-through-2[data-hover-color-override="false"]:hover, #footer-outer #flickr a:hover img, #featured article .post-title a:hover, body #featured article .post-title a:hover, div.wpcf7-validation-errors, .select2-container .select2-choice:hover, .select2-dropdown-open .select2-choice, body:not(.original) .bypostauthor img.avatar, .material blockquote::before, blockquote.wp-block-quote:before, #header-outer:not(.transparent) #top nav > ul > .button_bordered > a:hover:before, .single #project-meta ul li:not(.meta-share-count):hover a, body[data-button-style="rounded"] #pagination > a:hover, body[data-form-submit="see-through"] input[type=submit], body[data-form-submit="see-through"] button[type=submit], .span_12.dark .nectar_video_lightbox.play_button_with_text[data-color="default-accent-color"] .play:before, .span_12.dark .nectar_video_lightbox.play_button_with_text[data-color="default-accent-color"] .play:after, #header-secondary-outer[data-lhe="animated_underline"] nav > .sf-menu >li >a .menu-title-text:after, body.material .nectar-button.see-through.accent-color[data-color-override="false"], .woocommerce-page.material .widget_price_filter .ui-slider .ui-slider-handle, body[data-form-submit="see-through"] button[type=submit]:not(.search-widget-btn), .woocommerce-account[data-form-submit="see-through"] .woocommerce-form-login button.button, .woocommerce-account[data-form-submit="see-through"] .woocommerce-form-register button.button, body[data-form-submit="see-through"] .woocommerce #order_review #payment #place_order, body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single:hover, body[data-fancy-form-rcs="1"] .select2-container--default.select2-container--open .select2-selection--single, .gallery a:hover img {
	border-color: #5c81aa !important;
}

/* technologien-boxen onhover */
/*
.techno .vc_column-inner .row_col_wrap_12_inner:hover {
	transform: translateY(-4px);
   	box-shadow: 0 17px 25px rgb(0 0 0 / 13%);
}

.techno .vc_column-inner .row_col_wrap_12_inner {
	-webkit-box-shadow: 0px 0px 6px 3px rgb(0 0 0 / 10%);
}*/
/*
.techno .vc_column-inner:hover {
	transform: translateY(-4px);
   	box-shadow: 0 17px 25px rgb(0 0 0 / 13%);
}*/


/* Video-Box */
.nectar-video-box {
    margin-bottom: 14px;
}

.nectar_video_lightbox.play_button_with_text{
	width: 100%;
	height: 85%;
	padding: 10px 0;
}
.nectar_video_lightbox.play_button_with_text > span{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	height: 100%;
}
.nectar_video_lightbox.play_button_with_text > span .link-text{
	margin: 15% 0 0 0;
}
.nectar_video_lightbox.play_button_with_text > span .link-text h3{
	font-size: 35px;
	line-height: 26px;
	color: #FFF;
}

/*Footer*/
div#footer-widgets {
    font-size: 15px;
}

/* Anpassung 2024 Cleanup */

/* Fehlender Style für Icon bei PDF-Download Fancy Box */

.icon-default-style.fa.fa-file-pdf-o {
    display: block;
    margin-bottom: 25px;
}

/*Mobil CTA*/
#CTAModalTrigger{
	border: 3px solid #ffffff;
	box-shadow: 0px 0px 15px #00000029;
	width: 70px;
	height: 70px;
	border-radius: 40px !important;
	right: 75px;
	z-index: 500;
	right: 15px;
	bottom: 15px;
}
#CTAModal {
    z-index: 500;
}
#CTAModal #modalBody{
	padding: 35px 20px;
}
#CTAModal #modalBody .menuHeading{
	padding-top: 0;
}
#CTAModal #modalBody .menuHeading h3{
	font-size: 29px;
	font-weight: 400;
}
#CTAModal #modalBody .menuHeading:not(:first-child){
	margin-top: 30px;
}
#CTAModal #modalClose,
#CTAModal #modalBody .menuContent .animatedContent .backToCTA{
	width: 40px;
	height: 40px;
	border-radius: 30px !important;
	background-color: #5c81aa !important;
	border: none;
	color: white;
    	font-size: 25px;
	cursor: pointer;
}
#CTAModal #modalClose span.fas.fa-times{
	font-size: 24px;
	color: #fff;
}
#CTAModal #modalBody .menuLink, 
#CTAModal #modalBody .menuContent{
	padding-left: 10px;
}
#CTAModal #modalBody .menuLink .CTALink{
	align-items: end;
}
#CTAModal #modalBody .menuLink .CTALink .menuElementTitle{
	font-weight: 600;
}

/*Mobil CTA Icons*/
#CTAModalTrigger span.fas:before{
	content: "";
}
#CTAModalTrigger span.fas{
	background-image: url('/wp-content/themes/Matoma-Child/img/icon-mobile-cta.svg');
	background-position: 40% center;
	background-repeat: no-repeat;	
}
#CTAModal #modalBody .menuLink .CTALink .beforeIcon, 
#CTAModal #modalBody .menuContent .animateContent .beforeIcon{
	margin-right: 15px;
}
#CTAModal #modalBody div.menuLink a span.beforeIcon, 
#CTAModal #modalBody div.menuContent a span.beforeIcon, 
#CTAModal #modalBody div.menuContent a span.CTAhasContent{
	font-size: 24px;
}
#CTAModal #modalBody div.menuContent a span.beforeIcon{
	width: 24px;
	height: 24px;
}
#CTAModal #modalBody div.menuContent div.contentWrapper{
	padding: 60px 20px
}

/*Facelift Styles: Top Header / Sprachumschalter*/
body.material #header-secondary-outer nav > ul > li > a,
#header-secondary-outer .sf-menu li ul li a, 
#header-secondary-outer ul ul li a {
    font-size: 18px;
}

/*Facelift Styles: Footer*/
body #ajax-content-wrap #footer-outer a:hover {
    text-decoration: underline;
}
#footer-outer[data-custom-color=true] #footer-widgets a:not(.nectar-button):focus, 
#footer-outer[data-custom-color=true] #footer-widgets a:not(.nectar-button):hover {
    opacity: 1;
}
#footer-outer[data-cols="1"] #copyright .col ul li {
    margin: 20px;
}

/*Facelift Styles: Productcarousell*/
body .carousel-wrap .carousel-heading .container{
    max-width: 1245px;
}
body .carousel-wrap .carousel-heading .container h2{
    font-size: 28px;
    color: #5c81aa;
    text-align: left;
    font-weight: 400;
    letter-spacing: normal;
    max-width: none;
    font-family: inherit;
}
body .carousel-wrap .carousel-heading .container .portfolio-page-link,
body .carousel-wrap .carousel-heading .container .control-wrap .item-count{
    display: none;
}

@media only screen and (max-width: 1024px) {
    body[data-smooth-scrolling="0"] .carousel-wrap[data-full-width=true].default-style{
    	margin-left: 0 !important;
	padding: 0 !important;
    }
    body[data-smooth-scrolling="0"] .carousel-wrap[data-full-width=true].default-style .caroufredsel_wrapper{
        margin-left: -15px !important;
    }
    body .carousel-wrap[data-full-width=true] .carousel-heading .controls {
        margin: 25px 0 0 0;
    }
    body .carousel-wrap[data-full-width=true] .carousel-heading .controls .carousel-next {
        left: 0;
    }
    .imp-tooltips-container .imp-tooltip-wrap .imp-tooltip{
    	width: 350px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap .imp-tooltip .imp-tooltip-content{
    	width: 310px;
    }
    .imp-tooltips-container .imp-tooltip-wrap .imp-tooltip .imp-tooltip-content img{
    	height: 230px;
    }
    
    .imp-tooltips-container .imp-tooltip-wrap.imp-tooltip-position-bottom {
    	left: 345.156px !important;
    	top: 307.403px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap.imp-tooltip-position-left {
    	left: 343.977px !important;
    	top: 310.249px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap.imp-tooltip-position-right {
    	left: 350.486px !important;
    	top: 296.958px !important;
    }
}

@media only screen and (max-width: 768px) {
    .imp-tooltips-container .imp-tooltip-wrap .imp-tooltip{
    	width: 260px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap .imp-tooltip .imp-tooltip-content{
    	width: 235px;
    }
    .imp-tooltips-container .imp-tooltip-wrap .imp-tooltip .imp-tooltip-content img{
    	height: 165px;
    }
    .imp-tooltips-container .imp-tooltip-wrap.imp-tooltip-position-right {
    	left: 257.486px !important;
        top: 217.958px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap.imp-tooltip-position-bottom {
    	left: 253.156px !important;
        top: 222.403px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap.imp-tooltip-position-left {
        left: 254.977px !important;
        top: 226.249px !important;
    }
}
@media only screen and (max-width: 550px) {
    .imp-container .imp-canvas {
    	width: 787px !important;
    	height: 450px !important;
    }
    .imp-container .imp-objects {
    	left: -170px !important;
    }
    .imp-container .imp-image-backgrounds {
    	left: -170px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap .imp-tooltip{
    	width: 300px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap .imp-tooltip .imp-tooltip-content{
    	width: 265px;
    }
    .imp-tooltips-container .imp-tooltip-wrap .imp-tooltip .imp-tooltip-content img{
    	height: 190px;
    }
    .imp-tooltips-container .imp-tooltip-wrap.imp-tooltip-position-right {
    	left: 144.486px !important;
        top: 219.958px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap.imp-tooltip-position-bottom {
        left: 142.156px !important;
        top: 222.403px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap.imp-tooltip-position-left {
        left: 140.977px !important;
        top: 226.249px !important;
    }
}
@media only screen and (max-width: 425px) {
    .imp-container .imp-canvas {
    	width: 465px !important;
    	height: 250px !important;
    }
    .imp-container .imp-objects {
    	left: -70px !important;
    }
    .imp-container .imp-image-backgrounds {
    	left: -70px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap .imp-tooltip{
    	width: 210px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap .imp-tooltip .imp-tooltip-content{
    	width: 155px;
    }
    .imp-tooltips-container .imp-tooltip-wrap .imp-tooltip .imp-tooltip-content img{
    	height: 100px;
    }
    .imp-tooltips-container .imp-tooltip-wrap.imp-tooltip-position-right {
    	left: 111.486px !important;
        top: 144.958px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap.imp-tooltip-position-bottom {
        left: 104.156px !important;
        top: 147.403px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap.imp-tooltip-position-left {
        left: 107.977px !important;
        top: 154.249px !important;
    }
}
@media only screen and (max-width: 320px) {
    .imp-container .imp-canvas {
    	width: 425px !important;
    	height: 235px !important;
    }
    .imp-container .imp-objects {
    	left: -85px !important;
    }
    .imp-container .imp-image-backgrounds {
    	left: -85px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap .imp-tooltip{
    	width: 180px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap.imp-tooltip-position-right {
    	left: 78.486px !important;
        top: 129.958px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap.imp-tooltip-position-bottom {
        left: 70.156px !important;
        top: 137.403px !important;
    }
    .imp-tooltips-container .imp-tooltip-wrap.imp-tooltip-position-left {
        left: 71.977px !important;
        top: 139.249px !important;
    }
}

/*Facelift Styles: Mobile Menu*/
#slide-out-widget-area .off-canvas-menu-container.mobile-only .wpml-ls-item{
    display: none;
}

#slide-out-widget-area .bottom-meta-wrap .off-canvas-social-links li:first-child a{
    margin-left: 0;
    padding-left: 0 !important;
}

/*Portfolio Filter Styles*/
.portfolio-filters-inline .container ul li a{
    color: #000;
}
.portfolio-filters-inline .container ul li a.active,
.portfolio-filters-inline .container ul li a:hover{
    color: #5c81aa;
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

/*Portfolio Grid Styles*/ 
.portfolio-items .elastic-portfolio-item.wide .work-item .work-info .vert-center,
.portfolio-items .elastic-portfolio-item.regular .work-item .work-info .vert-center{
	top: 65% !important;
}
.portfolio-items .elastic-portfolio-item.tall .work-item .work-info .vert-center,
.portfolio-items .elastic-portfolio-item.wide_tall .work-item .work-info .vert-center{
	top: 80%  !important;
}

.portfolio-items .elastic-portfolio-item.regular.automation .work-item .work-info .vert-center{
	top: auto !important;
}

.portfolio-items .elastic-portfolio-item .work-item .work-info .vert-center .custom-content *{
	color: #000;
	font-weight: 700;
}
.portfolio-items .elastic-portfolio-item .work-item .work-info .vert-center .custom-content h3{
	font-size: 14px;
}

.portfolio-items .col[data-default-color="true"] .work-item:not(.style-3).style-2 .work-info-bg{
	background-color: transparent !important;
}

@media only screen and (min-width: 1000px) and (max-width: 1700px) {
	div#portfolio-nav li.next-project h3,
	.blog_next_prev_buttons[data-style=fullwidth_next_prev] .next-post:hover h3, 
	.container-wrap[data-nav-pos=after_project_2] .bottom_controls .next-project:hover h3 {
	    transform: rotate(90deg);
	}
	div#portfolio-nav li.previous-project h3, 
	.blog_next_prev_buttons[data-style=fullwidth_next_prev] .previous-post:hover h3, 
	.container-wrap[data-nav-pos=after_project_2] .bottom_controls .previous-project:hover h3{
	    transform: rotate(-90deg);
	}
}

@media only screen and (min-width: 1000px) {
	.bottom_controls {
	    position: absolute;
	    top: 250px;
	    left: 0;
	    z-index: 100000;
	    width: 100%;
	}
	div#portfolio-nav li.next-project,
	div#portfolio-nav li.previous-project{
	    max-width: 10vw;
	    min-width: 125px;
	    padding: 0 !important;
	    min-height: 200px !important;
	    position: absolute !important;
	    background-color: white !important;
	}
	
	.blog_next_prev_buttons[data-style=fullwidth_next_prev] .next-post:hover h3, 
	.container-wrap[data-nav-pos=after_project_2] .bottom_controls .next-project:hover h3,
	.blog_next_prev_buttons[data-style=fullwidth_next_prev] .previous-post:hover h3, 
	.container-wrap[data-nav-pos=after_project_2] .bottom_controls .previous-project:hover h3 {
	    transform: unset;
	}
	
	.blog_next_prev_buttons[data-style=fullwidth_next_prev] .previous-post span, 
	.container-wrap[data-nav-pos=after_project_2] .bottom_controls .previous-project span,
	.blog_next_prev_buttons[data-style=fullwidth_next_prev] .next-post span, 
	.container-wrap[data-nav-pos=after_project_2] .bottom_controls .next-project span {
	    text-align: center !important;
	}
	
	.blog_next_prev_buttons[data-style=fullwidth_next_prev] .next-post.mouse-leaving h3 .next-arrow, 
	.container-wrap[data-nav-pos=after_project_2] .bottom_controls .next-project.mouse-leaving h3 .next-arrow,
	.blog_next_prev_buttons[data-style=fullwidth_next_prev] .previous-post.mouse-leaving h3 .next-arrow, 
	.container-wrap[data-nav-pos=after_project_2] .bottom_controls .previous-project.mouse-leaving h3 .next-arrow,
	body .container-wrap[data-nav-pos=after_project_2] .bottom_controls .next-project.mouse-leaving h3 .text .line,
	body .container-wrap[data-nav-pos=after_project_2] .bottom_controls .previous-project.mouse-leaving h3 .text .line {
	    display: none !important;
	}
	div#portfolio-nav li.next-project {
	    right: 0;
	}
	div#portfolio-nav li.previous-project {
	    left: 0;
	}
	.blog_next_prev_buttons[data-style=fullwidth_next_only] .post-bg-img, .blog_next_prev_buttons[data-style=fullwidth_next_prev] .post-bg-img, .container-wrap[data-nav-pos=after_project_2] .bottom_controls .proj-bg-img {
	    background-size: contain;
	    background-repeat: no-repeat;
	}
	div#portfolio-nav ul.controls {
	    width: 100% !important;
	    display: block !important;
	}
}

/*Image Map */
@keyframes pulse {
    0% {
     transform: scale(1, 1);
    }

    50% {
     transform: scale(1.1, 1.1);
    }

    100% {
    transform: scale(1, 1);
    }
}
/*
.imp-image-backgrounds .imp-object-background-image:first-child{
    animation: pulse 1s linear infinite;
}*/

/* SLIDER TEXT PADDING */
.nectar-flickity.nectar-carousel[data-format=default] .flickity-slider .cell {
    padding-top: 0px;
}
.portfolio-items .elastic-portfolio-item.regular.automation-2 .work-item .work-info .vert-center,
.portfolio-items .elastic-portfolio-item.regular.automation-fr .work-item .work-info .vert-center,
.portfolio-items .elastic-portfolio-item.regular.tours-a-poupee-mobile .work-item .work-info .vert-center,
.portfolio-items .elastic-portfolio-item.regular.automation-cn .work-item .work-info .vert-center {
    top: auto !important;
}

/*Startseite Highlights Slider odd/even texts*/

.highlights .inner h2{
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 0;
}
.highlights .inner h3{
    font-size: 21px;
    line-height: 39px;
    margin-bottom: 0;
}
.highlights .inner p{
    font-size: 20px;
    line-height: 26px;
}

.highlights .nectar-fancy-box {
    padding: 35px 50px 50px 50px;
}
.highlights .nectar-fancy-box[data-style=color_box_basic] a {
    color: inherit;
}
.highlights .flickity-slider .cell:nth-child(even) .nectar-fancy-box .inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#header-outer .sf-menu>li>a>.sf-sub-indicator {
    display: none;
}

/* SLIDER ARROWS */

.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
	left: 24%;
	top: -6%;
}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
	right: 24%;
	top: -6%;
}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button:before {
	background-color: #5c81aa;
}
.flickity-prev-next-button .arrow {
	fill: #fff !important;
}
.nectar-flickity[data-controls*=arrows_overlaid] .next:after, .nectar-flickity[data-controls*=arrows_overlaid] .previous:after {
	background-color: #fff;
}

/* ANWENDUNGSBEISPIELE Endlesszeichen */

#ANWENDUNGSBEISPIELE {
	overflow: visible;
}

#ANWENDUNGSBEISPIELE .img-with-aniamtion-wrap img.endlesssign-1 {
	width: 200px;
	position: absolute;
    	left: 25.5%;
    	top: -120px;
}
#ANWENDUNGSBEISPIELE .img-with-aniamtion-wrap img.endlesssign-2 {
	width: 200px;
	position: absolute;
    	top: -120px;
    	right: 25.5%;
}
@media only screen and (max-width: 999px) {
	#ANWENDUNGSBEISPIELE .img-with-aniamtion-wrap img.endlesssign-1 {
		display: none;
	}
	#ANWENDUNGSBEISPIELE .img-with-aniamtion-wrap img.endlesssign-2 {
		display: none;
	}
}

/*History Start*/

.mtmRowHeight,
.mtmRowHeight .row_col_wrap_12_inner.col.span_12 {
    height: 270px;
}

/* Eigene Scroll boxen*/
.scrollbox {
    flex-basis: 100%;
    height: 515px;
    overflow-y: scroll;
    margin: 0 20px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scrollbox .content {
    padding: 10px;
    padding-top: 130px;
    padding-bottom: 90px;
}

.scrollbox#mtmJahre {
    min-width: 130px;
    flex-basis: 130px;
}
    
.TimeLineWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.scrollbox#mtmJahre h2 {
    height: 270px;
    text-align: center;
    font-size: 38px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-bottom: 25px;
}

.scrollbox#mtmJahre{
    background: repeating-linear-gradient(to bottom,transparent 0px,transparent 8px,rgba(0, 0, 0, 0.2) 8px,rgba(0, 0, 0, 0.2) 10px), linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 20%, rgba(237, 237, 237, 1) 80%, rgba(255, 255, 255, 1) 100%);
    background-repeat: no-repeat, no-repeat;
    background-size: 29px 100%, 100% 100%;
    background-position: center center, center;
}
.scrollbox#mtmJahre:before {
    content: "";
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    border-style: solid;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 24px solid #000000;
    border-right: 0;
}
.scrollbox#mtmJahre .overlay,
.scrollbox#mtmInfos .overlay{
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1000;
    background: #FFF; 
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 0) 50%, rgba(237, 237, 237, 0) 50%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
}
.scrollbox#mtmJahre .overlay{
    width: 130px;
}

.scrollbox#mtmInfos .overlay {
    width: calc(100% - 210px);
    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(237 237 237 / 0%) 1%, rgba(237, 237, 237, 0) 99%, rgb(0 0 0) 100%);
}

.scrollbox#mtmJahre h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    background: rgba(237, 237, 237, 1);
    z-index: -1;
}

@media all and (max-width: 1000px) {
  .scrollbox#mtmJahre{
    display: none;
  }
  .scrollbox#mtmInfos .overlay {
    display: none;
  }
  .scrollbox .content {
    padding: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .scrollbox {
    height: auto;
    overflow-y: auto;
    margin: 0;
  }
  .mtmRowHeight,
  .mtmRowHeight .row_col_wrap_12_inner.col.span_12 {
    height: auto;
  }
}
/* History Ende */


/*
Popup Fix Seite laesst sich nicht scrollen
https://wppopupmaker.com/docs/popup-display-front-end-behavior/your-popup-is-not-displaying-on-your-homepage/#conflict
*/
.pum-overlay.pum-active,
.pum-overlay.pum-active .popmake.active {
     display: block !important;
}

.wps-form .wps-form-message {
	display: none;
}

.wps-form select[name="Baureihe"] option[value="Bitte kontaktieren sich mich für weitere Informationen zur myKellenberger Service Platform"] {
	display: block;
}
.show-message {
	display: block !important;
}

/*Custom Top header Styles*/
body.material #header-secondary-outer {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	border: none;
	min-height: 40px;
}

body.material #header-secondary-outer .top_header_menu{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 40px;
	flex-grow: 1;
	background-color: #5c81aa;
	padding: 10px 35px;
}

body.material #header-secondary-outer .top_header_menu ul.sf-menu{
	display: flex;
	align-items: center;
	padding: 0;
}

body.material #header-secondary-outer .top_header_menu ul.sf-menu .menu-item a{
	display: flex;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.4;
	font-weight: 300;
}

body.material #header-secondary-outer .top_header_menu ul.sf-menu .menu-item.menu-item-btn-style-button-border_extra-color-1 a{
	line-height: 16px;
}

body.material #header-secondary-outer .top_header_menu ul.sf-menu .menu-item.menu-item-btn-style-button-border_extra-color-1 a:before{
    border: 1px solid;
    opacity: 1;
}

body.material #header-secondary-outer .mtm_region_lang_container{
	background-color: #203C46;
	height: 40px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	padding: 5px 35px;
}
body.material #header-secondary-outer .mtm_region_lang_container span{
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#slide-out-widget-area .mtm_region_lang_container .switcher-toggle{
	padding-left: 0;
}

/*Regions & Language Switcher - Header Toggle*/
.switcher-toggle {
	display: flex;
	padding: 5px 10px;
	cursor: pointer;
	color: #FFFFFF;
}
.switcher-toggle .switcher-toggle-label{
	margin-left: 10px;
}

/*Regions & Language Switcher - Backdrop */
.mtm-backdrop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,1);
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 10000;
}
.mtm-backdrop.active {
	display:block;
	opacity:1;
}

/*Custom Styles - External Links*/
body.material #header-secondary-outer .top_header_menu ul.sf-menu .menu-item:not(.menu-item-btn-style-button-border_extra-color-1) a:after{
    display: inline-block;
    font-family: 'Material Icons Outlined';
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "\f8ce";
    padding-left: 5px;
}

/*Custom Styles - Mobile external Links*/
body.material #slide-out-widget-area .off-canvas-menu-container.mobile-only .menu.secondary-header-items .menu-item:not(.menu-item-btn-style-button-border_extra-color-1) a:before{
    position: absolute;
    right: -30px;
    top: 10px;
    display: inline-block;
    font-family: 'Material Icons Outlined';
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: inherit;
    content: "\f8ce";
    padding-left: 5px;
}
body.material #slide-out-widget-area .off-canvas-menu-container.mobile-only .menu.secondary-header-items{
    margin-top: 40px;
}

#slide-out-widget-area.slide-out-from-right-hover .inner-wrap>.inner .off-canvas-menu-container li a .menu-title-text {
    font-size: 20px;
    line-height: 1.4;
}

/*Custom Styles - Mobile "Career" Button*/
body.material #slide-out-widget-area .off-canvas-menu-container.mobile-only .menu.secondary-header-items .menu-item.menu-item-btn-style-button-border_extra-color-1{
    margin-top: 20px;
}
body.material #slide-out-widget-area .off-canvas-menu-container.mobile-only .menu.secondary-header-items .menu-item.menu-item-btn-style-button-border_extra-color-1 a{
    border: 1px solid #fff;
    border-radius: 40px;
    padding: 0 10px 5px 10px;
}
body.material #slide-out-widget-area .off-canvas-menu-container.mobile-only .menu.secondary-header-items .menu-item.menu-item-btn-style-button-border_extra-color-1 a:focus,
body.material #slide-out-widget-area .off-canvas-menu-container.mobile-only .menu.secondary-header-items .menu-item.menu-item-btn-style-button-border_extra-color-1 a:active,
body.material #slide-out-widget-area .off-canvas-menu-container.mobile-only .menu.secondary-header-items .menu-item.menu-item-btn-style-button-border_extra-color-1 a:hover {
    background-color: #ffffff;
}
body.material #slide-out-widget-area .off-canvas-menu-container.mobile-only .menu.secondary-header-items .menu-item.menu-item-btn-style-button-border_extra-color-1 a:focus .menu-title-text,
body.material #slide-out-widget-area .off-canvas-menu-container.mobile-only .menu.secondary-header-items .menu-item.menu-item-btn-style-button-border_extra-color-1 a:active .menu-title-text,
body.material #slide-out-widget-area .off-canvas-menu-container.mobile-only .menu.secondary-header-items .menu-item.menu-item-btn-style-button-border_extra-color-1 a:hover .menu-title-text{
    color: #004f9f;
}
body.material #slide-out-widget-area .off-canvas-menu-container.mobile-only .menu.secondary-header-items .menu-item.menu-item-btn-style-button-border_extra-color-1 a:before,
body.material #slide-out-widget-area .off-canvas-menu-container.mobile-only .menu.secondary-header-items .menu-item.menu-item-btn-style-button-border_extra-color-1 a:after {
    content: "";
    display: none;
}

/*Custom Styles Menu - Services*/
.menu-item.service ul.sub-menu{
    min-width: 280px;
}

/*Product Megamenu Custom Styles*/
#header-outer header .nectar-regular-menu-item.products .nectar-menu-item-with-icon{
    align-items: center !important;
    justify-content: space-between;
    gap: unset;
}
.nectar-regular-menu-item.products .nectar-menu-icon-text {
    flex-grow: 0;
}

#header-outer header .nectar-regular-menu-item.products .nectar-menu-item-with-icon .menu-title-text {
    color: #979797;
}
#header-outer header .nectar-regular-menu-item.products .nectar-menu-item-with-icon:hover .menu-title-text {
    color: #5c81aa;
}
/*Custom Styles Menu - Multisite News Element*/
.blog-recent .meta-category.europa,
.blog-recent .meta-category.america,
.blog-recent .meta-category.china,
.blog-recent .meta-category.row {
    display: none;
}