/* Kaercher LumApps CSS */

@font-face {
    font-family: 'ClanPro';
    src: url('https://s1.kaercher-media.com/versions/_all/fonts/ClanWebPro-News.woff') format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
    font-family: 'ClanPro';
    src: url('https://s1.kaercher-media.com/versions/_all/fonts/ClanWebPro-Medium.woff') format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
    font-family: 'ClanPro';
    src: url('https://s1.kaercher-media.com/versions/_all/fonts/ClanWebPro-Bold.woff') format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
    font-family: 'ClanPro';
    src: url('https://s1.kaercher-media.com/versions/_all/fonts/ClanWebPro-NarrBlack.woff') format("woff");
	font-weight: 900;
	font-style: normal;
}

body, 
body.theme-lumapps,
:root,
html {
	--lumx-app-background: #ffffff;
	--lumx-color-primary-N: #000;
	--lumx-color-primary-D2: #000;
	--lumx-color-primary-L5: #f5f5f5;
	--lumx-color-primary-L4: #f0f0f0;
	/*--lumx-color-secondary-N: var(--lumx-color-primary-N);*/
	--lumx-typography-font-family: "ClanPro","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Oxygen","Ubuntu","Fira Sans","Droid Sans","Helvetica Neue","sans-serif";
	
	--lumx-text-field-input-border-radius: 36px;
	--lumx-text-field-state-default-theme-light-input-background-color: transparent;
	--lumx-text-field-state-hover-theme-light-input-background-color: transparent;

	/* Buttons */
	--lumx-button-border-radius: 36px;
	--lumx-button-emphasis-high-state-default-theme-light-color: #000;
	--lumx-button-emphasis-high-state-default-theme-light-background-color: transparent;
	--lumx-button-emphasis-medium-state-default-theme-light-background-color: transparent;
	--lumx-button-emphasis-medium-state-default-theme-light-color: #000;

	--lumx-typography-custom-button-size-l-font-weight: 900;
	--lumx-typography-custom-button-size-m-font-weight: 900;

	/* Button Hover */
	--lumx-button-emphasis-high-state-hover-theme-light-background-color: #000;
	--lumx-button-emphasis-high-state-hover-theme-light-color: #ffed00;
	--lumx-button-emphasis-medium-state-hover-theme-light-background-color: #000;
	--lumx-button-emphasis-medium-state-hover-theme-light-color: #ffed00;

	/* Buttons Aktiv */
	--lumx-button-emphasis-high-state-active-theme-light-background-color: #000;
	--lumx-button-emphasis-high-state-active-theme-light-color: #ffed00;
	--lumx-button-emphasis-medium-state-active-theme-light-background-color: #000;
	--lumx-button-emphasis-medium-state-active-theme-light-color: #ffed00;


	

	/* Navigation Chips Default */
	--lumx-navigation-item-border-radius: 40px;
	--lumx-navigation-item-padding-horizontal: 15px;
	--lumx-navigation-item-emphasis-low-state-default-theme-light-background-color: #f1f1f1;
	--lumx-navigation-item-emphasis-low-state-default-theme-light-background-color: #f1f1f1;

	--lumx-navigation-item-emphasis-low-state-hover-theme-light-background-color: #dfdfdf;

	/* Selected State */
	--lumx-navigation-item-emphasis-selected-state-default-theme-light-background-color:#d4d4d4;
	--lumx-navigation-item-emphasis-selected-state-default-border-top-width: 0;
	--lumx-navigation-item-emphasis-selected-state-default-border-right-width: 0;
	--lumx-navigation-item-emphasis-selected-state-default-border-bottom-width: 0;
	--lumx-navigation-item-emphasis-selected-state-default-border-left-width: 0;

	/* Hover Selected */
	--lumx-navigation-item-emphasis-selected-state-hover-theme-light-background-color: #afafaf;
	--lumx-navigation-item-emphasis-selected-state-hover-border-top-width: 0;
	--lumx-navigation-item-emphasis-selected-state-hover-border-right-width: 0;
	--lumx-navigation-item-emphasis-selected-state-hover-border-bottom-width: 0;
	--lumx-navigation-item-emphasis-selected-state-hover-border-left-width: 0;

	/* Icons Header Bar */
	--lumx-button-emphasis-low-state-default-theme-light-color: #000;


	/* Custom Typo */ 
	--lumx-typography-custom-intro-font-weight: 400;
	--lumx-typography-custom-intro-font-size: 16px;
	--lumx-typography-custom-intro-line-height: 25px;
}

.theme-lumapps .header .searchbox {
	/* Search Bar */
	--lumx-text-field-state-default-theme-light-input-border-color: #f1f1f1;
	--lumx-text-field-state-default-input-border-top-width: 1px;
	--lumx-text-field-state-default-input-border-bottom-width: 1px;
	--lumx-text-field-state-default-input-border-left-width: 1px;
	--lumx-text-field-state-default-input-border-right-width: 1px;
	--lumx-text-field-state-hover-theme-light-input-border-color: #f1f1f1;
	--lumx-text-field-state-hover-input-border-top-width: 1px;
	--lumx-text-field-state-hover-input-border-bottom-width: 1px;
	--lumx-text-field-state-hover-input-border-left-width: 1px;
	--lumx-text-field-state-hover-input-border-right-width: 1px;
	--lumx-text-field-input-border-radius: 36px;
}

.main-nav-item {
	color: var(--lumx-color-primary-N);
}

.main-nav-item:hover > a {
	color: #757575 !important;
}

.lumx-button:not(.btn--icon):not(.btn--flat):not(.like-reaction-button):not(.lumx-button--emphasis-low):not(.lumx-button--emphasis-medium),
.widget-content-filter__submit,
.follow-button__subscribe,
.follow-button {
	border: 1px solid #000 !important;
}

.lumx-button--color-dark.lumx-button--emphasis-low:hover:not([aria-disabled="true"]), .lumx-button--color-dark.lumx-button--emphasis-low[class*="--is-hovered"] {
	background-color: transparent;
	color: #757575 !important;
}

/* Navigation im Aktiv Zustand */
.main-nav-item.main-nav-item--is-active {
	background-color: #fff;
}
.main-nav-item.main-nav-item--is-active .content-link {
  box-shadow: inset 0px -5px 0 #000;
}

/* Search Bar */
.searchbox .lumx-text-field__wrapper, .searchbox .lumx-text-field__wrapper::before {
  border-radius: 36px 0 0 36px !important;
  border-width: 2px;
  border-right: 0 !important;


}
.searchbox__submit-btn {
	background: transparent !important;
	border-radius: 0 36px 36px 0 !important;
	border: 1px solid #f1f1f1;
	border-left-width: 0;
	color: #000 !important;
	padding-right: 2%;
}

.searchbox .lumx-text-field--is-focus .lumx-text-field__wrapper,
.searchbox .lumx-text-field--is-focus .lumx-text-field__wrapper:before {
	border: 1px solid #f1f1f1 !important;
}

.lumx-button.lumx-button--color-primary,
.lelab-marketplace-button {
	transform: scale(1.0);
	transition: transform .2s ease-in-out;
}
.lumx-button.lumx-button--color-primary:hover,
.lumx-button.lumx-button--color-primary:active,
.lelab-marketplace-button:hover,
.lelab-marketplace-button:active {
	transform: scale(1.04);
}

/*
#maincontent.content-page, 
body > div:first-of-type {
	background-color: #fff !important;
}

#maincontent.content-page .row {
	background-color: transparent !important;
}*/

.widget,
.widget:not(.widget--has-ungrouped-container-block) {
	box-shadow: none !important;
	border-radius: 0 !important;	
	overflow: visible !important;
}

.widget.widget--has-header {
	border: 1px solid #f1f1f1;
}

.widget-header__wrapper {
	border-width: 0 !important;
}

.widget-header__title {
	color: #000;
	text-transform: uppercase;
	font-weight: 900 !important;
}

/* Überschrift Titel Widget */
.block-title {
	color: #000;
	font-weight: 900 !important;
}

/* Kein Seiten Header definiert - Farbe */
.header-default {
	background-color: #ffed00;
	height: 0 !important;
}

/* Startseite SLideshow schöner = Controls unten, wegal wie hoch der content */
.block-slideshow--grouped, .block-slideshow--ungrouped {
	flex-shrink: 0 !important;
  flex-grow: 1;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
}
.block-slideshow--grouped > section.lumx-slideshow {
	flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
}

/* Button Widget */
.lelab-marketplace-button {
  background: #000;
  border-radius: 1000px;
  padding: 2% 0;
}

.lelab-marketplace-button > a span {
  color: #ffed00;
}

.widget-content--block-remote .lelab-marketplace-button {
  background: #fff;
  border-radius: 1000px;
  border: 2px solid #f1f1f1;
  padding: 2% 0;
}

.widget-content--block-remote .lelab-marketplace-button > a span {
  color: #000;
}

.widget-content--block-remote .lelab-marketplace-button > a .lumx-typography-title {
	font-size: 16px;
}


/* Divider */
.lumx-divider--theme-light {
  background-color: #f1f1f1 !important;
}

/* Content List Widget News Startseite */
.widget-content-list .block-list .block-page-preview__thumbnail-wrapper {
	max-width: 180px;
}

/* Hero Teaser Startseite */
.block-page-preview--size-l.block-page-preview--cover .block-page-preview__content {
	max-width: 1128px !important;
  margin: 0 auto;
}

@media (min-width: 768px) {
	#hero_teaser .block-page-preview {
	display: flex;
	flex-direction: row-reverse;
}

#hero_teaser .block-page-preview > div.block-page-preview__content {
	flex-basis: 50%;
	flex-shrink: 0;
  justify-content: center;
	padding: 1.5% 3% 1.5% calc(2% + 100px);
}

#hero_teaser .block-slideshow--size-l.block-slideshow--side .block-slideshow__controls {
  left: calc(90% + 16px);
}
#hero_teaser .lumx-slideshow-controls--theme-light .lumx-slideshow-controls__pagination-item, 
#hero_teaser .lumx-button--size-m.lumx-button--emphasis-low.lumx-button--variant-icon {
	border-color: #fff;
	color: #fff;
}

#hero_teaser .lumx-slideshow-controls--theme-light .lumx-slideshow-controls__pagination-item--is-active {
	background-color: #fff;
}

/* Titel */
#hero_teaser .block-page-preview > div.block-page-preview__content h2,
#hero_teaser .block-page-preview > div.block-page-preview__content h1 {
	--lumx-typography-custom-title3-font-size: 44px;
	--lumx-typography-custom-title3-line-height: 1;
	--lumx-typography-custom-title3-font-weight: 900;
	margin-top: 2%;
	margin-bottom: 2%;
	max-width: 80%;
}
#hero_teaser .block-page-preview > div.block-page-preview__content h1 a, 
#hero_teaser .block-page-preview > div.block-page-preview__content h2 a {
	letter-spacing: 1%;
	text-transform: uppercase;
}


/* Meta über den Titel */
#hero_teaser .block-page-preview > div.block-page-preview__content .block-page-preview__field--text {
	margin: 0 !important;
}

#hero_teaser .block-page-preview > div.block-page-preview__content .block-page-preview__field--text:first-child {
	margin-top: auto !important;
}
#hero_teaser .block-page-preview > div.block-page-preview__content .block-page-preview__date,
#hero_teaser .block-page-preview > div.block-page-preview__content .block-page-preview__tags,
#hero_teaser .block-page-preview > div.block-page-preview__content .block-page-preview__tags span {
	color: #000;
	font-weight: 400;
	font-size: 12px;
  line-height: 120%;
}

/* Excerpt unter dem Titel */
#hero_teaser .block-page-preview > div.block-page-preview__content .block-page-preview__excerpt {
	font-size: 16px;
}

#hero_teaser .block-page-preview > div.block-page-preview__content .block-page-preview__field--reactions {
	margin-top: auto;
}
}


/* Inline Buttons die in den BOxen stehen sollen z.B. linked 2 leadershiop */
.widget--inline_box_button .widget-content .lelab-marketplace-button {
	background-color: transparent !important;
	border: none;
}

.widget--inline_box_button .widget-content .lelab-marketplace-button .lumx-link .lumx-flex-box--h-align-center {
	align-items: flex-end;
}


.theme-lumapps .wrex-content-link {
	text-decoration: underline;
	--lumx-typography-custom-body-large-font-weight: 600;

}





/* Change Default User Avatar Icon instead of blue Picture 
.header-top__user-settings .lumx-avatar__thumbnail .lumx-thumbnail__background::before,
.lumx-avatar__thumbnail .lumx-thumbnail__background::before {
  content: '';
  display: block;
  position: relative;
  width: 100%;
  height: 36px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjggMjEuOUMyOS43NiAyMS4yIDI5LjAzIDIwLjcxIDI4LjUxIDIwLjM1QzMwLjAzIDE5LjA2IDMxIDE3LjE1IDMxIDE1VjEzQzMxIDkuMTQgMjcuODYgNiAyNCA2QzIwLjE0IDYgMTcgOS4xNCAxNyAxM1YxNUMxNyAxNy4xNCAxNy45NyAxOS4wNiAxOS41IDIwLjM1QzE4Ljk3IDIwLjcxIDE4LjI0IDIxLjIgMTcuMjEgMjEuOUMxNC40MiAyMy43OCAxMy4wMSAyNi4wOCAxMy4wMSAyOC43NFY0MkgzNS4wMVYyOC43NEMzNS4wMSAyNi4wOCAzMy42IDIzLjc4IDMwLjgxIDIxLjlIMzAuOFpNMTkgMTVWMTNDMTkgMTAuMjQgMjEuMjQgOCAyNCA4QzI2Ljc2IDggMjkgMTAuMjQgMjkgMTNWMTVDMjkgMTcuNzYgMjYuNzYgMjAgMjQgMjBDMjEuMjQgMjAgMTkgMTcuNzYgMTkgMTVaTTMzIDQwSDE1VjI4Ljc0QzE1IDI2Ljc2IDE2LjA5IDI1LjA3IDE4LjMyIDIzLjU2QzIwLjAyIDIyLjQyIDIwLjkxIDIxLjgxIDIxLjM4IDIxLjQ5QzIyLjE5IDIxLjgyIDIzLjA3IDIyIDI0IDIyQzI0LjkzIDIyIDI1LjgxIDIxLjgxIDI2LjYyIDIxLjQ5QzI3LjA5IDIxLjgxIDI3Ljk4IDIyLjQyIDI5LjY4IDIzLjU2QzMxLjkyIDI1LjA3IDMzIDI2Ljc2IDMzIDI4Ljc0VjQwWiIgZmlsbD0iIzE2MTYxNiIvPgo8L3N2Zz4K);
  border-radius: 100px;
  background-color: #fff;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}

.header-top__user-settings .lumx-avatar__thumbnail .lumx-thumbnail__image,
.lumx-avatar__thumbnail .lumx-thumbnail__image {
  filter: brightness(0);
  display: none;
}*/

.header-top__user-settings .lumx-avatar__thumbnail.lumx-thumbnail--size-l .lumx-thumbnail__background::before,
.lumx-avatar__thumbnail.lumx-thumbnail--size-l .lumx-thumbnail__background::before {
	height: 64px;
}

.lumx-divider--theme-light {
	background-color: var(--lumx-color-dark-N);
}

/* -- Custom Site Header Banner Image -- */
.widget--site_header_banner::before {
	content: '';
  position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/* background: linear-gradient(0deg, rgba(0,0,0,.6), rgba(0,0,0,.6) 25%, rgba(0,0,0,.1) 50%); */
	z-index: 1;
}
.widget--site_header_banner > .widget-content {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}

.widget--site_header_banner > .widget-content > div {
	z-index: 2;
	margin-bottom: 0.3%;
}

/* -- Custom Accordion -- */
.widget--accordion ul li {
	margin-bottom: 13px;
	list-style-type: square;
}
.widget--accordion ul li a:hover {
  opacity: 0.8;
}
.widget--accordion .widget-header__wrapper {
	flex-direction: row-reverse;
	justify-content: space-between !important;;
}

/* -- Schnellzugriffe */


.widget--schnellzugriffe .directory-entry-block {
	--lumx-directory-entry-block-orientation-v-thumbnail-size: 60px;
	border-radius: 0;
	transition: background-color .2s ease-in-out;
}
.widget--schnellzugriffe .directory-entry-block:hover {
	cursor: pointer;
}

.widget--schnellzugriffe .directory-entry-block:hover a .lumx-link__content  {
	text-decoration: underline;

}

.widget--schnellzugriffe .directory-entry-block  .lumx-thumbnail__background {
	background: #000;
  border-radius: 100px;
  padding: 10px;
	margin-top: 5px;
	transition: all .2s;
}

.widget--schnellzugriffe .directory-entry-block:hover .lumx-thumbnail__background  {
	transform: scale(1.06);
}


/* --- Login Screen --- */

.new-login {
  background-color: #ffffff;
}

.new-login .new-login__top {
	background-color: var(--lumx-color-light-L6);
	height: 140px;
	padding: 40px 0 0 0;
	margin-bottom: -65px;
  	position: relative;
  	z-index: 1;
}

.new-login .new-login-card__top {
	padding-top: 45px;
}

.new-login .new-login__content {
	padding-top: 30px;
}

.new-login .new-login-card__header {
  background-color: var(--lumx-color-primary-D1);
  color: var(--lumx-color-light-L1);
  display: none;
}

.new-login .new-login-card__btn--microsoft {
  border: none;
  background-color: #000;
  border-radius: var(--lumx-text-field-input-border-radius);
}

.new-login .new-login-card__btn--microsoft .new-login-card__btn-label {
  color: #ffed00;
}

.new-login .new-login-card__btn--microsoft .new-login-card__btn-logo {
  height: 34px;
  width: 34px;
  border: 0;
  margin-left: 3px;
  border-radius: var(--lumx-text-field-input-border-radius);
}

/* Form Fields weniger auffällig */
.new-login .lumx-text-field--theme-light .lumx-text-field__wrapper {
  --lumx-text-field-state-default-theme-light-input-background-color: var(--lumx-color-light-N);
  --lumx-text-field-state-default-theme-light-input-border-color: var(--lumx-color-dark-L4);
  --lumx-text-field-state-hover-theme-light-input-content-color: var(--lumx-color-dark-L3);
}

.new-login .lumx-text-field--theme-light .lumx-text-field__label {
  color: var(--lumx-color-dark-L3);
  font-size: var(--lumx-typography-custom-button-size-s-font-size);
}

.new-login .new-login-card__submit-btn {
  background-color: var(--lumx-color-light-N);
  border: 2px solid var(--lumx-color-dark-L4);
  color: var(--lumx-color-dark-L3);
}

.new-login .new-login-card__forgotten-link {
  color: var(--lumx-color-primary-L2);
}

.new-login .new-login-card__middle {
  margin: 58px 0 30px 0;
}


.login-provider-button.login-provider-button--saml.lumx-button--color-primary.lumx-button--emphasis-high.lumx-button--theme-light {
	background-color: #000 !important;
}

/* Beitrag Button Header */ 
header .header-top__contribution .lumx-button--color-primary.lumx-button--emphasis-high.lumx-button--theme-light {
  background-color: transparent;
  color: #000;
  font-weight: 500;
  border: 2px solid #000;
}


/* Artikel Downloads */

.block-file-list .block-list--vertical {
  flex-direction: column;
  align-items: baseline;
}

.block-file-list .block-list__item .lumx-flex-box--orientation-vertical.lumx-flex-box--v-align-center {
  align-items: center;
  justify-content: flex-start;
  flex-direction: row-reverse;
}

.block-file-list .block-list__item {
	padding: 1% 7% 1% 3%;
	border: 2px solid #dfdfdf;
	border-radius: 1000px;
}