/* Icons */
@font-face {
    font-family: 'HubaWebIcon';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/HubaWebIcon-Regular.woff2') format('woff2'),
    url('../fonts/HubaWebIcon-Regular.woff') format('woff'),
    url('../fonts/HubaWebIcon-Regular.ttf') format('truetype');
}

/* Source Sans Pro */
@font-face {
    font-family: 'SourceSansPro';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/SourceSansPro-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceSansPro';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/SourceSansPro-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceSansPro';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceSansPro';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/SourceSansPro-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceSansPro';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/SourceSansPro-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceSansPro';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/SourceSansPro-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceSansPro';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/SourceSansPro-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'SourceSansPro';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/SourceSansPro-BoldItalic.ttf') format('truetype');
}

/* Arabisch */
@font-face {
    font-family: 'Amiri';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Amiri-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Amiri';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/Amiri-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Amiri';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Amiri-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Amiri';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/Amiri-BoldItalic.ttf') format('truetype');
}

/*   Temporäre Variablen; müssen in die Datenbank   -----------------------------------------------------  */




/*   Allgemeines Styles   -----------------------------------------------------  */
* {
    padding: 0;
    margin:0;
    box-sizing: border-box;
}

.htmlroot {
    height: 100%;
}

.body {
    font-family: SourceSansPro, Arial, Verdana, sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 155%;
    background-color: #ebebeb;
    color: #000;
    height: 100%;
    display: grid;
    justify-items: center;
}
.bodyContainer {
    max-width: 1700px;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
}
.disabled {
    color: #8f8f8f;
}

a {
    color: #000;
    cursor: pointer;
	text-decoration: none;
}
a:hover {
    color: #ef3e36;
}

.isTextContent a, .isSpecialContent a {
	text-decoration: underline;
}

.isHTMLContent a {
    text-decoration: underline;
    color: #000;
}
.isHTMLContent a:hover {
    color: #ef3e36;
}

strong {
    font-weight: 600;
}


/* Sprachen ---------- */

.TextDirectionRtl {
    direction: rtl;
    /* flex-direction: row-reverse; */
}
.TextDirectionRtl .configContainerPopup {
    left: 0px;
    right: unset;
}
.TextDirectionRtl .configContainerInner {
    left: 10px;
    right: unset;
}
.TextDirectionRtl #mainLogo {
    border-left: none;
    border-right: 1px solid #d8d8d8;
    padding-right: 1rem;
}

.TextDirectionRtl .downloadAsset .downloadTitlecontainer .outerLanguageContainer {

    align-items: flex-start;
}

.TextDirectionRtl .downloadAssetlanguage {
    border-top-left-radius: 3px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 3px;
}

.TextDirectionRtl .downloadListview .downloadAssetlanguage {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
}

.TextDirectionRtl .inputSuffixicon {
    padding-left: 8px;
    padding-right: 0;
}

/* ScriptArabic -------------------------- */

.scriptArabic {
    font-family: Amiri;
    font-size: 1.1rem;
}
.scriptArabic .button, .scriptArabic .optionV {
    font-family: Amiri;
    font-size: 1.1rem;
}
.scriptArabic .input {
    font-family: Amiri;
}


.scriptArabic.secondaryLanguageId {
    font-size: 0.92rem;
}


.scriptLatin {
    font-family: SourceSansPro, Arial, Verdana, sans-serif;
    font-size: 17px;
}



/* Breadcrumb ------------------------------------------ */

.breadcrumb {
    display: flex;
	flex-wrap: wrap;
    gap: 0.3rem;
    font-size: 0.938rem;
    padding-bottom: 2rem;
    color: #8f8f8f;
	line-height: 120%;
}
.breadcrumbItem {
    color: #8f8f8f;
}
.iconV.breadcrumbGlue {
    font-size: 0.75rem;
    cursor: inherit;
    padding-top: 1px;
}
.iconV.breadcrumbGlue:hover {
    color: #8f8f8f;
}

.pageWithChild .breadcrumb {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 0;
    padding-top: 1rem;
}

@media (max-width: 500px) {
	.pageWithChild .breadcrumb {
    padding-left: 1rem;
    padding-right: 1rem;
}
}


/* Seiteninhalte ----------------------------------------- */

.pagecontent {
    display: flex;
    margin-top: 60px;
    flex: 1 0 auto;
    overflow-y: auto;
    flex-direction: column;
    position: relative;
    /* top: 0px; */
    transition: top 0.5s ease-in-out;
    z-index:800;
}



.optionItem, .iconV, .pageicon, .button {
    cursor: pointer;
}

.iconV, .pageicon {
    font-family: HubaWebIcon;
    font-size: 17px;
    font-weight: 400;
}
.iconV:hover, .pageicon:hover {
    color: #ef3e36;
}


.headerIcon.selectedV {
    color: #ef3e36;
}

.productFilterIntro .iconV {
    cursor: inherit;
}
.productFilterIntro .iconV:hover {
	color: #000;
}



/* Header --------------------------------------------------------------------------------------------- */

.header {
    position: fixed;
    top: 0;
    z-index: 1000;
    background-color: #fff;
    width: 100%;
    display: flex;
    column-gap: 1rem;
    align-items: center;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
    height: 60px;
    border-bottom: 1px solid #d8d8d8;
    max-width: 1700px;
}

.burgerLogoContainer, #userWidget {
    display: flex;
    column-gap: 1rem;
    height: 100%;
}
.burgerLogoContainer .headerIcon {
    align-self: center;
}

#mainLogo .image {
    align-self: center;
    height: 100%;
    max-height: 21px;
}
#mainLogo {
    display: flex;
    height: 100%;
    padding-left: 1rem;
    border-left: 1px solid #d8d8d8;
    cursor: pointer;
}


.iconContainer {
    display: flex;
    column-gap: 1rem;
    justify-content: flex-end;
}

.headerIcon {
    font-size: 1.5rem;
}
.headerIcon:hover {
    color: #ef3e36;
}

/* Username ausblenden */
@media (max-width: 850px) {
    .username {
        display: none;
    }
}

.configLabelTextLong {
	display: flex;
}
.configLabelTextShort {
	display: none;
}
/* Region ein-/ausblenden  */
@media (max-width: 600px) {
    .configLabelTextLong {
	display: none !important;
}
.configLabelTextShort {
	display: flex;
	justify-content: center;
}
	.iconContainer {
    column-gap: 0;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    text-align: center;
    line-height: 155%;
}
}

/* Layout Nav und Main ---------------------------------------------------------------------------------- */

.navmain {
    display: flex;
    column-gap: 1rem;
    flex-grow: 1;
    /* padding-bottom: 1rem; */
}
.main {
    flex-grow: 1;
    padding: 1rem 2rem 2rem 2rem;
}
.main.pageWithChild {
    padding: 0;
}
@media (max-width: 850px) {
    .main {
        padding: 1rem 1rem 2rem 1rem;
    }
    .main.pageWithChild {
        padding: 1rem 0 0 0;
    }
}

/* Banner -------------- */

#mainBanner .mainBannerImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 350px;
}

.mainBannerOverlayContainer {
	position: absolute;
  top: 0;
  right: 2rem;
}



@media (min-width: 500px) {
	.mainBannerOverlayImage {
	max-height: 160px;
		max-width: 300px;
}
}
@media (min-width: 700px) {
	.mainBannerOverlayImage {
	max-height: 280px;
		max-width: 400px;
}
}
@media (min-width: 1000px) {
	.mainBannerOverlayImage {
	max-height: 350px;
		max-width: 450px;
}
}
@media (min-width: 1270px) {
	.mainBannerOverlayImage {
	max-height: 500px;
		max-width: inherit;
}
}
@media (max-width: 499px) {
	.mainBannerOverlayImage {
	display: none;
}
	.mainBannerOverlayContainer {
	display: none;
}
}

/* Navigation ----------------------------------------------------------------------------------------- */

.navigation {
    position: fixed;
    top: 60px;
    z-index: 999;
    background-color: rgba(255,255,255,0.95);
    padding: 1rem;
    box-shadow: 7px 5px 7px rgba(0,0,0,0.2);
}

.navigationLocked {
    position: relative;
}
.navigation.navigationLocked {
    top: 0;
}

.navigationIconContainer {
    display: flex;
    justify-content: space-between;
}

.menuItemLevel1 {
    margin-top: 0.6rem;
}
.menuItemLevel2 {
    font-size: 0.938rem;
    line-height: 140%;
}
.menuItemInnerContainer {
    display: flex;
}
.menuItemInnerContainer .iconV {
    font-size: 0.8rem;
}

.menuItemLevel1 > .menuItemInnerContainer {
    border-top: 1px solid #c8c8c8;
    padding-top: 7px;
}
.menuItemLevel1:first-child > .menuItemInnerContainer {
    border: none;
}

.menuItem {
    cursor: pointer;
    width: 100%;
}
.menuItemActive {
    color: #ef3e36;
}
.menuItemInnerContainer:hover {
    color: #ef3e36;
}




/* Formularfelder allgemein --------------------------------------------------------------------------- */
.labelElementContainer {
font-size: 1rem;
}

.optionV, .input, .textarea {
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    border-radius: 3px;
    padding: 8px;
    margin-top: 0.1rem;
    font-family: SourceSansPro, Arial, Verdana, sans-serif;
    font-size: 17px;
	line-height: 130%;
    font-weight: 400;
}

.formRequiredMissing .optionV, .formRequiredMissing .input, .formRequiredMissing .textarea  {
	border-color: #ef3e36;
}


.inputSuffixicon .input {
    border: none;
    margin-top: 0;
}
.inputSuffixicon {
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    border-radius: 3px;
    margin-top: 0.1rem;
    padding-right: 8px;
    align-self: stretch;
    /* min-height: 42px; */
}
.optionV {
    /* min-height: 42px; */
    background-color: #fff;
    line-height: 120%;

}


.input[type="checkbox"] {
    accent-color: #ef3e36;
}
.input[disabled] {
    background-color: #ebebeb;
    border-color: #b5b5b5;
    color: #8f8f8f;
}

.optionV, .input {
    width: 100%;
}
.optionGroupContainer {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	
}
.optionStandalone {
    width: auto;
    position: relative;
}
.optionStandalone .optionGroup {
    position: absolute;
    z-index: 100;
    box-shadow: 7px 5px 7px rgba(0,0,0,0.2);
}
.optionStandalone .optionSelectedGroup.hidden {
    display:flex !important;
    visibility: hidden;
}
.labelContainer .input {
    width: auto;
}

.labelContainer {
    display: flex;
    column-gap: 0.4rem;
	font-size: 0.938rem;
}
.labelContainer .input[type="checkbox"] {
    margin-top: 1px;
}

.formRequiredMissing .labelContainer  {
	color: #ef3e36;
}

.configButtons {
    display: flex;
    justify-content: space-between;
}

a.pressFormButton, a.tradeshowTicketbutton {
    display: inline-block;
	padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.button, .htmlPageButton {
    background-color: #ef3e36;
    padding: 8px;
    border: none;
    border-radius: 3px;
    justify-self: start;
    min-width: 80px;
    color: #fff;
    font-weight: 600;
    font-family: SourceSansPro, Arial, Verdana, sans-serif;
    font-size: 0.938rem;
}
.button:hover, .htmlPageButton:hover {
    background-color: #000;
    color: #fff;
    transition: all 0.3s;
}
.buttonIcon {
	min-width: 40px;
	height: 40px;
  line-height: 120%;
	display: flex;
	justify-content: center;
  align-items: center;
}
.configCancelButton {
    background-color: #8f8f8f;
}
.button.disabled, .htmlPageButton.disabled {
    background-color: #a2a2a2;
    cursor: default;
}



.optionSelectedGroupContainer {
    /* display: flex; */
    flex-grow: 1;
}

.optionSelectedGroup {
    display: flex;
    column-gap: 1rem;
}
.optionSelectedGroup .optionItem {
    display: none;
}

.optionSelectedGroup .selectedV {
    display: flex;
}

.optionItem {
    display: flex;
    column-gap: 0.4rem;
}
.optionItem.disabled {
    color: #8f8f8f;
    cursor: default;
}


.optionItem:hover, .optionItem:hover .secondaryLanguageId {
    color: #ef3e36;
}
.optionSelectedGroup:hover .optionOpen {
    color: #ef3e36;
}
.optionClose:hover {
    color: #ef3e36;
}
.optionItem:hover .secondaryLanguageId {
    color: #ef615b;
}

/* disabled im Optionsfeld */
.optionItem.disabled:hover {
    color: #8f8f8f;
    cursor: default;
}
.optionItem.disabled .secondaryLanguageId,.optionItem.disabled:hover .secondaryLanguageId {
    color: #a2a2a2;
    cursor: default;
}

.datetime {
    font-family: SourceSansPro, Arial, Verdana, sans-serif;
    font-size: 1rem;
    width: 100%;
}

/* option-Feld im Header */
.header .optionV {
    margin-top: 0;
    padding: 0 0.5rem 0 0.5rem;
}
.optionGroup {
    background-color: #fff;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
	min-width: fit-content;
	padding: 0.5rem;
    /* position: absolute; */
}


.inputSuffixicon {
    display: flex;
    column-gap: 1rem;
    align-items: center;
}


/* Formulare --------------------------------------------------------------------------------------------------- */



.generalFormClass {
    max-width: 900px;
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 0.9rem;
    padding: 2rem;
    margin-top: 2rem;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
	line-height: 130%;
}

/* Formular Produktseite */
.formProductFilter.generalFormClass {
    border: none;
    padding: 0;
    max-width: 100%;
}
.formProductFilter.generalFormClass .labelElementContainer {
	min-width: 220px;
}

.productFilterTop {
    
    display: flex;
    gap: 0.9rem;
    flex-wrap: wrap;
	
}
.formProductFilter .productFilterTopFilter, .formProductFilter .productFilterTopSearch {
	background:  linear-gradient(180deg, rgba(230,230,230,1) 0%, rgba(245,245,245,1) 100%);
    border-radius: 3px;
    padding: 1rem 1.5rem 1.5rem 1.5rem;
}

@media (max-width: 700px) {
	.formProductFilter .productFilterTopSearch {
		width: 100%;
	}
}
@media (max-width: 500px) {
	.productFilterTopFilter .labelElementContainer, .productFilterTopSearch .labelElementContainer, .productFilterBottom .labelElementContainer {
		width: 100%;
		
	}
}
	
/** Todo cleanup **/
.productFilterHidden {
    display:none !important;
}


/* Schlagwort */
.formProductFilter .productFilterTopFilter, .formProductFilter .productFilterTopSearch {
	display: flex;
	gap: 0.9rem;
	flex-wrap: wrap;
}
.formProductFilter .productFilterTopSearch {
	align-items: end;
}
.formProductFilter #productFilterSearchOutput {
	font-weight: 600;
	background-color: #fff;
	border-radius: 3px;
	padding: 0.5rem;
}
.formProductFilter .productFilterMiddle {
	display: flex;
	gap: 0.9rem;
	padding-top: 2rem;
	flex-direction: column;
}
.formProductFilter #productFilterSelectedItems {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
}
.formProductFilter .productFilterSelectionContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 3px;
    background-color: #d8d8d8;
    align-items: center;
}
@media (max-width: 500px) {
	.formProductFilter .productFilterSelectionContainer {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
	justify-content: space-between;
		width: 100%;
}
}
.formProductFilter .productFilterSelectionLabel {
	font-weight: 600;
	font-size: 0.85rem;
	line-height: 120%;
}
.formProductFilter #productFilterSelectedItems .iconV {
    font-size: 0.85rem;
}

/* die nicht abwaehlbaren items */
.formProductFilter #productFilterUniqueItems {
	display: flex;
	flex-wrap: wrap;
	gap: 0.9rem;
	align-items: start;
}
.formProductFilter #productFilterUniqueItems .productFilterSelectionContainer {
    background-color: #ebebeb;
	color: #a2a2a2;
}

/* .productFilterBottom {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 0.9rem;
  padding-top: 2rem;
	padding-bottom: 2rem;
	border-top: 1px solid #d8d8d8;
} */
.productFilterBottom {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    padding-top: 0.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 1rem;
}

.formTitle, .productFilterTitle {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 155%;
}
.formIntro, .productFilterIntro {
    padding-top: 1rem;
    max-width: 900px;
}
.formBlockAddress {
    display: grid;
    grid-row-gap: 0.9rem;
    grid-column-gap: 1.2rem;
}


.formBlockAddress .formRow {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 0.9rem;
}

.formBlockOffer {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding-top: 1rem;
    margin-top: 2rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    display: grid;
    grid-column-gap: 1.2rem;
}
.formBlockOffer .formRow {
    display: grid;
    grid-row-gap: 0.9rem;
    grid-column-gap: 1.2rem;
    grid-template-columns: 80px 1fr 1fr;
}

@media (max-width: 800px) {
    .generalFormClass .formBlockAddress .formRow, .generalFormClass .formBlockOffer .formRow, .generalFormClass .formBlockSubmit .formRow {
        grid-template-columns: 1fr;
        grid-row-gap: 1rem;
    }
    .formOffer .formBlockOffer .formRow.formDynamicTextareaContainer {

        grid-template-columns: 1fr;
        grid-column: inherit;
    }
    .generalFormClass .optionStandalone .optionGroup {
        width: calc(100% - 1rem);

    }
}

.generalFormClass .labelRequiredMarker {
    color: #ef3e36;
	font-size: 17px;
}

.formRowWide .labelElementContainer {
    grid-column: 1/ 4;
}
.formRowWide .textarea {
    width: 100%;
}

.formDynamicTextareaButtonContainer {
    align-self: end;
}

.formBlockSubmit {
    display: grid;
    grid-row-gap: 0.9rem;
    grid-column-gap: 1.2rem;
}

.formBlockOffer .formRow.formDynamicTextareaContainer {
    display: grid;
    grid-row-gap: 0.9rem;
    grid-column-gap: 1.2rem;
    grid-template-columns: 1fr;
    grid-column: 1/ 4;
}

.formDynamicTextareaInnerContainer {
    display: grid;
    margin-bottom: 0.9rem;
}
.targetActive .formDynamicTextareaInnerContainer {
    display: none;
}

.formRowCheckbox .labelElementContainer {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
}
.formRowCheckbox .labelElementContainer .input {
    width: auto;
	margin-top: 4px;
}

.formTextStatic {
    font-weight: 600;
    padding-top: 0.5rem;
}

.formDynamicTextareaButtonContainer .button {
    background-color: #5e5e5e;
}
.formDynamicTextareaButtonContainer .button:hover {
    background-color: #000;
}

/* Auf Kacheln: unten Variantencode und Produktname */
.sensorListNameCode {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
	font-weight: 600;
}
.productVariantCodeBasket {
    background-color: #fff;
    border-radius: 3px;
    padding: 5px;
    text-align: center;
	font-weight: 600;
}
.productVariantCodeHidden {
    display: none;
}


/* Formular Messe */
.formTradeshow .formBlockTradeshow {

    border-top: 1px solid #d8d8d8;
    padding-top: 1rem;
    margin-top: 1rem;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 1rem;
}
.formTradeshow .formTradeshowName {
    font-weight: 600;
}

/* Formular Home */
.htmlHomepageProductFilter {
	margin-top: 2rem;
}
.htmlHomepageProductFilter .productFilterTopFilter {
	display: grid;
	gap: 0.9rem;
	grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 700px) {
	.htmlHomepageProductFilter .productFilterTopFilter {
	grid-template-columns: 1fr;
}
}




/* Config  --------------------------------------------------------------------------------------------------- */


.configcontainer {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.1rem;
    background-color: #fff;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 7px 5px 7px rgba(0,0,0,0.2);
}


/* Popup ------------------------------------------------------------------------------------------------------ */









/* Popup Ausklappmenu ----------------------- */

.configContainerPopup {
    background-color: rgba(255,255,255,0.70);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1500;
    overflow: scroll;
    top: 0;
    right: 0;
}
.configContainerInner {
    position: absolute;
    top: 60px;
    right: 10px;
}

.cutoffDateContainer {
    display: flex;
    column-gap: 1.2rem;
}

/* Select Languages  ----------------------------------------------------- */


.secondaryLanguageId {
    font-size: 0.938rem;
    color: #787878;
    line-height: 120%;
}

.labelId .innerLanguageContainer {
    font-weight: 600;
}
.labelId .innerLanguageContainer.secondaryLanguageId {
    font-weight: 400;
}

.outerLanguageContainer {
    display: flex;
    column-gap: 0.4rem;
    align-items: baseline;
}

@media (max-width: 480px) {
    .outerLanguageContainer {
        display: grid;
        grid-template-columns: 1fr;
    }
    .outerLanguageContainer .secondaryLanguageId {
        line-height: 1.1;
    }
}







/* Images ----------------------------------------------------------------------------------------------------- */




/* Download --------------------------------------------------------------------------------------------------- */

.downloadHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.downloadPageTitle {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 155%;
}

.downloadFilter {
    display: flex;
    column-gap: 1.2rem;
    align-items: center;
}

@media (max-width: 850px) {
    .downloadHead {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .downloadPageTitle {
        padding-bottom: 1rem;
        font-size: 1.5rem;
    }

}
@media (max-width: 680px) {

    .downloadFilter {
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
        width: 100%;
    }
    #downloadPropertytype {
        width: 100% !important;
    }
}



/* Icon */
#downloadListOrTile {
    font-size: 1.5rem;
}


.downloadAssetelements {
    padding-top: 2rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    grid-gap: 2rem;
}

.downloadAsset {

    border-radius: 3px;
    background: rgb(230,230,230);
    background: linear-gradient(180deg, rgba(230,230,230,1) 0%, rgba(245,245,245,1) 100%);
    padding-top: 0;

    padding-bottom: 1.5rem;
    display:flex;
    flex-direction: column;
    transition: all .2s ease-in-out;
    cursor: pointer;
}
.downloadAsset:hover {
    transform: scale(1.04);
    background: rgb(215,215,215);
    background: linear-gradient(180deg, rgba(215,215,215,1) 0%, rgba(230,230,230,1) 100%);
}

.downloadAssetlanguage {
    background-color: #b5b5b5;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.1rem;
    padding-bottom: 0.2rem;
    border-top-left-radius: 0px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 0px;
    color: #fff;
    display: flex;
    column-gap: 0.75rem;
    width: max-content;
    font-size: 0.938rem;
}

.downloadLanguagecontainer {
    display: flex;
    justify-content: end;
}

.downloadThumbnailcontainer {
    display: flex;
    align-items: center;
}
.downloadThumbnailcontainer .downloadThumbnail {
    max-width: 100px;
    box-shadow: 0 0 4px 2px #c8c8c8;
}
/* nur ohne script sichtbar. Platzhalter fuer Bild auf Kachel */
.placeholder {
    background-color: transparent;
    width: 100px;
    height: 100px;
}

.downloadThumbnailTitle {
    padding-top: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
    height: 100%;
    column-gap: 1rem;
    align-items: center;
}

.downloadTitlecontainer {
    align-content: center;
    padding-right: 0;
}

.downloadDisclaimerTile .downloadThumbnailTitle {
    display: grid;
}
.downloadDisclaimerTile .downloadThumbnailTitle .downloadTitlecontainer {
  width: 100%;
}
.downloadDisclaimerTile .downloadDisclaimer {
    font-size: 0.88rem;
    color: #787878;
    line-height: 120%;
    hyphens: auto;
    align-self: end;
    padding-top: 0.5rem;

    margin-top: 0.5rem;
    margin-right: 0.25rem;
}

.downloadTitle {
    font-weight: 600;
    border-bottom: 1px solid #b5b5b5;
    padding-bottom: 0.5rem;
    margin-bottom: 0.25rem;
}

.downloadControlcontainer {
    display: flex;
    column-gap: 0.75rem;
    padding-top: 0.5rem;
}

.downloadPropertytype, .downloadFiltetype {
    font-size: 0.938rem;

}

.paginationId .labelElementContainer {
    display: flex;
    align-items: center;
    column-gap: 1.2rem;
}

.paginationId {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
    border-top: 1px solid #d8d8d8;
    padding-top: 1rem;
    column-gap: 2rem;
}

.paginationPage {
    cursor: pointer;
    display: block;
    padding: 0.2rem;
}
.paginationPage:hover {
    color: #ef3e36;
}

#pagination0 {
    font-weight: 600;
}
#pagination0:hover {
    color: #000;
}

.paginationOuter {
    display: flex;
    column-gap: 2rem;
}
.paginationInner {
    display: flex;
    column-gap: 1rem;
    align-items: center;
}

.paginationPagecontrol {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

@media (max-width: 800px) {
    .paginationId {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
}

.downloadIconContainer {
    display: flex;
    column-gap: 0.75rem;
    justify-content: center;
}
.downloadFiltetype {
    justify-content: center;
    display: flex;
}


/* Zweitsprache daruntersetzen auf KAcheln und Pagination */
#pagination .outerLanguageContainer, .downloadAsset .outerLanguageContainer, .downloadHead .downloadPageTitle.outerLanguageContainer {
    flex-direction: column;
}


/* Listenansicht der Downloadkacheln */
.downloadListview.downloadAssetelements {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.downloadListview .downloadLanguagecontainer {
    order: 2;
}
.downloadListview .downloadAsset {
    display: grid;
    grid-template-columns: 1fr auto;
    padding-bottom: 0;
    padding-left: 0;
}
.downloadListview .downloadAsset:hover {
    background: rgb(215,215,215);
    background: linear-gradient(180deg, rgba(215,215,215,1) 0%, rgba(230,230,230,1) 100%);
    transition: all .2s ease-in-out;
    transform: scale(1.01);
}

.downloadListview .downloadThumbnailTitle {
    padding: 0.5rem;
    align-items: center;
	hyphens: auto;
  line-height: 120%;

}

.downloadListview .downloadTitlecontainer {
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.downloadListview .downloadDisclaimerTile .downloadDisclaimer {
    border-top: 1px solid #c8c8c8;
}

.downloadListview .downloadTitle {
    border-bottom: none;
    order:2;
    padding: 0;
    margin:0;
}
.downloadListview .downloadPropertytype {
    order:3;
	min-width: 60px;
}
.downloadListview .downloadControlcontainer {
    display: flex;
    flex-direction: column;
    order: 1;
    width: 78px;
    padding-top: 0;
    flex-shrink: 0;
}
.downloadListview .downloadThumbnailcontainer {
    display: flex;
    flex-shrink: 0;
    width: 30px;
}
.downloadListview .downloadThumbnailcontainer .downloadThumbnail {
    max-width: 30px;
    box-shadow: 0 0 4px 2px #c8c8c8;
}
/* nur ohne script sichtbar. Platzhalter fuer Bild auf Kachel */
.downloadListview .placeholder {
    background-color: transparent;
    width: 30px;
    height: 30px;
}

.downloadListview .downloadAssetlanguage {
    display: grid;
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    word-break: keep-all;
    align-content: center;
    column-gap: 0.2rem;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}

@media (max-width: 680px) {
    .downloadListview .downloadTitlecontainer {
        flex-direction: column;
        align-items: flex-start;
    }
    .downloadListview .downloadThumbnailcontainer {
        display: none;
    }
    .downloadListview .downloadControlcontainer {
        display: flex;
        flex-direction:row;
        width: 100%;
        padding-top: 0;
        flex-shrink: 1;
    }
    .downloadListview.downloadAssetelements {
        grid-template-columns: 1fr;
    }

}





/* Application page --------------------------------------------------------------------------------------------------- */

/* h2 {
  font-size: 1.15rem;
  font-weight: 600;
} */

.applicationMenu .labelElementContainer {
    min-height: 63px;
}

.applicationMenu {
    background:  linear-gradient(180deg, rgba(230,230,230,1) 0%, rgba(245,245,245,1) 100%);
    border-radius: 3px;
    padding: 1rem 1.5rem 1.5rem 1.5rem;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Schlagschatten weg */
.applicationMenu.configcontainer {
    box-shadow: none;
    margin-bottom: 3rem;
}

.applicationMenu .optionisOpen {
    position: absolute;
    width: fit-content;
}

@media (max-width: 660px) {
    .applicationMenu .optionisOpen {
        position: relative;
        width: 100%;
    }
}

/* .applicationContent {
  margin-top: 3rem;
} */
.applicationContentContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.applicationImageContainer {
    padding-left: 1rem;
    padding-right: 1rem;
}

.applicationTextContainer {
    max-width: 800px;
}

.imageBulkloadcontainer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.8rem;
}
.imageBulkloadcontainer .downloadThumbnail {
    max-width: 300px;
    max-height: 300px;
}



@media (max-width: 1120px) {
    .imageBulkloadcontainer .downloadThumbnail {
        max-width: 320px;
    }
    .applicationTextContainer {
        max-width: 700px;
    }
}
@media (max-width: 820px) {
    .imageBulkloadcontainer .downloadThumbnail {
        max-width: 220px;
    }
    .applicationTextContainer {
        max-width: 600px;
    }

}

.applicationTitle {
    padding-bottom: 1rem;
    padding-top: 0;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 128%;
}

.applicationTaskContainer {
    padding-top: 1rem;
}
.applicationTaskTitle {
    font-size: 1.2rem;
    font-weight: 600;
    padding-top: 1.5rem;
}
.applicationTaskName {

}

.applicationTaskContainer .applicationTaskSensorgroup {
    padding-left: 1.35rem;
}
@media (max-width: 500px) {
	.applicationTaskSensorgroup .outerLanguageContainer {
		display: flex;
		flex-wrap: wrap;
		column-gap: 0.4rem;
  		align-items: baseline;
	}
}


.applicationChildgroup {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    margin-top: 3rem;
    gap: 2rem;
    align-items: baseline;
	font-weight: 600;
}

.applicationChildgroup .imageBulkloadcontainer .downloadThumbnail {

    max-width: 150px;
    max-height: 250px;
}


.applicationChild {
    text-align: center;
    cursor: pointer;
}
.applicationChild:hover {
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
}
.applicationChild .outerLanguageContainer {
    justify-content: center;

}
.applicationChildgroup .applicationChild .outerLanguageContainer {

    flex-direction: column;
    text-align: center;
    align-items: inherit;

}

.applicationRoot .applicationChildgroup {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    margin-top: 4rem;
}

.applicationRoot .applicationChildgroup .imageBulkloadcontainer .downloadThumbnail {

    max-width: 250px;
    max-height: 250px;
    border-radius: 3px;
}
@media (max-width: 600px) {
    .applicationRoot .applicationChildgroup {
        grid-template-columns: 1fr;
    }
    .applicationRoot .applicationChildgroup .imageBulkloadcontainer .downloadThumbnail {

        max-width: 100%;
        max-height: 300px;
    }
}



/* .applicationTaskName .notApproved::before {
	content: "· ";
} */
/* .X_class_sensor_link_Y {
	font-weight: 600;
} */

.applicationTaskNameIcon {
    display: flex;
    gap: 5px;
}

/* Kacheln */
.sensorListHead {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
	line-height: 120%;
}
@media (max-width: 650px) {
	.sensorListHead {
	flex-direction: column;
  align-items: flex-start;
	}
}

.sensorListHeadIcons {
    display: flex;
	gap: 1.4rem;
}
.sensorListHeadIcons .iconV {
    cursor: inherit;
}
.sensorListHeadIcons .iconV:hover {
    color: inherit;
}
/* Reset-Pfeile */
.sensorListHeadIcons .iconV.iconReset {
	cursor: pointer;
}
.sensorListHeadIcons .iconV.iconReset:hover {
	cursor: pointer;
	color: #ef3e36;
}
/*
.productQueryIcon {
    background-color: #ef3e36;
    padding: 2px 6px 2px 6px;
    font-size: 1.25rem;
    color: #fff;
    line-height: 155%;
    border-radius: 3px;
    min-width: 30px;
} */
.productQueryIcon.disabled, .productQueryIcon:hover.disabled {
    background-color: #a2a2a2;
}
.productQueryIcon:hover {
    background-color: #000;
    color: #fff;
}

.productSelectIcon {
    font-size: 1.2rem;
    align-self: start;
	color: #8f8f8f;
}
.productSelectIcon.selectedV {
	color: #000;
}

.sensorListTitle {
    font-weight: 600;
    font-size: 1.2rem;
    margin-top: 3rem;
}
@media (max-width: 650px) {
	.sensorListTitle {
    margin-top: 0;
	margin-bottom: 2rem;
}
}
.applicationSensorlist {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;

}
.sensorListElement {
    display: grid;
    align-items: end;
    row-gap: 1rem;
    background:  linear-gradient(180deg, rgba(230,230,230,1) 0%, rgba(245,245,245,1) 100%);
    border-radius: 3px;
    padding: 0.9rem;
    cursor: pointer;
}
.sensorListElement:hover {
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
}

.applicationSensorlist .imageBulkloadcontainer .downloadThumbnail {
    max-width: 200px;
}

.applicationSensorlist .productSelectIcons {
	display: flex;
  gap: 0.5rem;
	justify-content: flex-end;
	align-self: start;
}
/* Icons auf den Kacheln auf Produktseite */
.applicationSensorlist .productSelectIcons .productQueryIcon, .applicationSensorlist .productSelectIcons .productCompareIcon, .accessoriesTableCellQuery .iconV {
background-color: transparent;
  display: flex;
  align-items: center;
    font-size: 1.25rem;
    color: #787878;

}
.applicationSensorlist .productSelectIcons .productQueryIcon:hover, .applicationSensorlist .productSelectIcons .productCompareIcon:hover, .accessoriesTableCellQuery .iconV:hover {
 background-color: transparent;
	color: #000;
}
.applicationSensorlist .productSelectIcons .productQueryIcon.selectedV, .applicationSensorlist .productSelectIcons .productCompareIcon.selectedV, .accessoriesTableCellQuery .iconV.selectedV  {
 background-color: transparent;
	color: #ef3e36;
}

.sensorListElement .productNameV {
    display: flex;
    justify-content: center;
    text-align: center;
}


.applicationText {
    padding-top: 1rem;
}





/* Allgemeine Seiten ------------------------------------------------------------------------------------------- */


/* normale Seiten ----------- */

.htmlPageImageAndCore {
    padding-bottom: 3rem;
    padding-top: 3rem;
    display: flex;
    gap: 4rem;
}

.pageWithChild .imageBulkloadcontainer .downloadThumbnail {
    max-width: 100%;
    max-height: 400px;
    height: auto;
}

.htmlTitle {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 155%;
}

.htmlSubtitle {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 155%;
    color: #787878;
}

.titleChildpage, .titleTeaserpage {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 155%;
}
.titleTeaserpage {
    font-size: 1rem;
    line-height: 155%;
}

/* .coreAndSidebar {
	display: grid;
	grid-template-columns: 1fr 270px;
	gap: 2rem;
	max-width: 1500px;
	margin-top: 2rem;
} */
/* .
/* MISSING class:html:page:sidebar */
 {
	padding-left: 1rem;
	border-left: 1px solid #d8d8d8;
}
@media (max-width: 660px) {
	.coreAndSidebar {
	grid-template-columns: 1fr;
	gap: 2rem;
}
	.
/* MISSING class:html:page:sidebar */
 {
	padding-left: 0;
	padding-top: 1rem;
	border-left: none;
	border-top: 1px solid #d8d8d8;

}
} */
.pageContentWrapper {
    max-width: 900px;
}

.pageWithChild .pageContentWrapper {
    max-width: 1000px;
}

/* Fuer HTML-Elemente-Bereiche  */
.isHTMLContent p {
    padding-top: 1rem;
}
.isHTMLContent h3 {
    padding-top: 2.5rem;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 155%;
}
.isHTMLContent h4 {
    padding-top: 2rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 155%;
}
.isHTMLContent h5 {
    padding-top: 2rem;
    font-size: 17px;
    font-weight: 400;
    line-height: 155%;
}
.isHTMLContent ul {
    padding-top: 0.7rem;
    padding-left: 0.5rem;
}
.isHTMLContent ul {
    list-style-type: none;
    text-indent: -0.5rem;
}
.isHTMLContent ul li::before  {
    content: "· ";
    color: #ef3e36;
    font-size: 1.5em;
    vertical-align: -0.15rem;
}
.isHTMLContent ul li  {
    padding-top: 0.2rem;
    text-indent: -0.7rem;
    padding-left: 0.2rem;
}
.isHTMLContent ol {
    padding-top: 0.7rem;
    padding-left: 1rem;
}
.isHTMLContent strong {
    font-weight: 600;
}
.isHTMLContent table {
    padding-top: 1rem;
}
.isHTMLContent table td {
    padding: 0.4rem;
    background-color: #ebebeb;
    vertical-align: bottom;
}
.isHTMLContent table td p {
    padding-top: 0.25rem;
}
.isHTMLContent dl {
    padding-top: 1rem;
}
.isHTMLContent dt {
    font-weight: 600;
}


.pagelinkA, .generallinkA, .productLink {
    text-decoration: underline;
    color: #000;
    cursor: pointer;
}
.pagelinkA:hover, .generallinkA:hover, .productLink:hover {
    color: #ef3e36;
    cursor: pointer;
}

/* .isHTMLContent p:first-child, .isHTMLContent h3:first-child, .isHTMLContent h4:first-child, .isHTMLContent h5:first-child, .isHTMLContent ul:first-child, .isHTMLContent table:first-child, .isHTMLContent dl:first-child {
	padding-top: 0;
}
*/

.tileContainer {
    display: grid;
    grid-template-rows: auto;
    gap: 1rem;
    padding-top: 1rem;
}
.pageTile {
    border-radius: 3px;
    background: rgb(230,230,230);
    background: linear-gradient(180deg, rgba(230,230,230,1) 0%, rgba(245,245,245,1) 100%);
    display:flex;
    flex-direction: column;
    transition: all .2s ease-in-out;
    cursor: pointer;
    padding: 1rem;
}
.pageTile:hover {
    transform: scale(1.02);
    background: rgb(215,215,215);
    background: linear-gradient(180deg, rgba(215,215,215,1) 0%, rgba(230,230,230,1) 100%);
}

/* Oberer Abschnitt --------------- */

.main .htmlPagecontainer {
    padding: 3rem 8rem 3rem 8rem;
    display: grid;
    grid-template-columns: 1fr;
}
@media (max-width: 1300px) {
    .main .htmlPagecontainer {
        padding: 3rem 2rem 3rem 2rem;
    }
}
@media (max-width: 820px) {
    .main .htmlPagecontainer {
	padding: 1rem 0 1rem 0;
        grid-template-columns: 1fr;
    }
	.htmlPageImageAndCore {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
}


/* .htmlMainImage .imageBulkloadcontainer .downloadThumbnail {
	max-width: 100%;
	height: auto;
} */
.htmlPagecontainer .htmlMainImage, .htmlPagecontainer .htmlPageCore {
    flex:1;
}
.htmlMainImage .imageBulkloadcontainer .downloadThumbnail {
    width: 100%;
    max-height: 320px;
    object-fit: cover;
    max-width: inherit;
}
@media (max-width: 820px) {
    .htmlPageImageAndCore {
        flex-direction: column;

    }
}

.htmlMainImageStandard .imageBulkloadcontainer .downloadThumbnail {
    object-fit: contain;
}


.htmlPageCore .pageContentWrapper .isTextContent {
    padding-top: 1rem;
}
/* Das erste Vorkommen auf der Seite im Inhalt soll keinen Abstand haben: */
.htmlPageCore .pageContentWrapper:first-child .isTextContent {
    padding-top: 0;
}
/* beliebiges HTML-Element, das als erstes kommt, wenn es im Seiteninhalt am Anfang steht: */
.htmlPageCore .pageContentWrapper:first-child .isHTMLContent *:first-child {
    padding-top: 0;
}
/*
.main.pageWithTimeline {
	padding: 3rem 10rem 3rem 10rem;
	display: grid;
	grid-template-columns: 1fr;
  row-gap: 2rem;
	column-gap: 3rem;
}
@media (max-width: 1300px) {
.pageWithTimeline {
	padding: 3rem 2rem 3rem 2rem;
}
}
@media (max-width: 820px) {
.pageWithTimeline {

	grid-template-columns: 1fr;
}
}
*/

/* Call-to-action-Kaesten ------------- */

.htmlCTA {
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    padding: 1rem;
    display: flex;
    margin-top: 2rem;
    justify-content: space-between;

}
.htmlCTA:hover {
    border: 1px solid #ef3e36;
    cursor: pointer;
}

.htmlCTAtextImage {
    display: flex;
}

.htmlCTAicon {
    padding-left: 1rem;

}
.htmlCTAicon .iconV {

    font-size: 1.5rem;
}
.htmlCTAicon .iconV:hover {

    color: #000;
}

/* Abstand bei isHTML wegnehmen, so dass Divs im Kasten als erstes ohne Abstand sind */
.htmlCTA .isHTMLContent:first-of-type h3:first-of-type, .htmlCTA .isHTMLContent:first-of-type h4:first-of-type, .htmlCTA .isHTMLContent:first-of-type h5:first-of-type, .htmlCTA .isHTMLContent:first-of-type p:first-of-type, .htmlCTA .isHTMLContent:first-of-type ul:first-of-type, .htmlCTA .isHTMLContent:first-of-type ol:first-of-type {
    padding-top: 0;
}

/* specialContent */
.isSpecialContent {
    padding: 1rem;
    background-color: #ebebeb;
    border-radius: 3px;
    margin-top: 1rem;
    width: 100%;
}

/* Weltweite Kundennaehe Seite ------- */
.contactlistContainer {
	display: flex;
	flex-wrap: wrap;
	gap: 0.9rem;
	margin-bottom: 2rem;
	margin-top: 3rem;
}
@media (max-width: 400px) {
	.contactlistContainer .labelElementContainer {
		width: 100%;
	}
}
.contactlistTile .contactlistCompany {
	font-weight: 600;
}
.contactlistTile .contactlistPhone {
	padding-top: 1rem;
}
.contactlistTile .contactlistAddressContainer {
	display: flex;
	gap: 0.3rem;
}

/* Seiten mit Abschnitten ------ */


.main.pageWithChild .htmlPagecontainer {
    padding: 3rem 0 0 0;
    display: grid;
    grid-template-columns: 1fr;
}
@media (max-width: 1300px) {
    .main.pageWithChild .htmlPagecontainer {
        padding: 3rem 0 3rem 0;
    }
}
@media (max-width: 820px) {
    .main.pageWithChild .htmlPagecontainer {

        grid-template-columns: 1fr;
    }
}

/* .pageWithChild .htmlPageCore > .pageContentWrapper */
.pageWithChild .htmlTitle, .pageWithChild .htmlSubtitle, .pageWithChild .htmlPageImageAndCore, .pageWithChild .pageProductfilterWidgetContainer {
    padding-left: 10rem;
    padding-right: 10rem;
}
@media (max-width: 1300px) {
    .pageWithChild .htmlTitle, .pageWithChild .htmlSubtitle, .pageWithChild .htmlPageImageAndCore, .pageWithChild .pageProductfilterWidgetContainer, .pageWithChild .pageAlternatingChild {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media (max-width: 500px) {
    .pageWithChild .htmlTitle, .pageWithChild .htmlSubtitle, .pageWithChild .htmlPageImageAndCore, .pageProductfilterWidgetContainer, .pageWithChild .pageAlternatingChild {
        padding-left: 1rem;
		padding-right: 1rem;
    }
}

/* Startseite Filterabschnitt */
.pageWithChild .pageProductfilterWidgetContainer {
	background-color: #f6f6f6;
	padding-top: 1rem;
	padding-bottom: 2rem;
}
.pageWithChild .pageProductfilterWidgetContainer .titleChildpage, .pageWithChild .pageProductfilterWidgetContainer .subtitleChildpage {
	justify-content: center;
}
.pageWithChild .pageProductfilterWidgetContainer .htmlHomepageProductFilter {
	background-color: #fff;
  padding: 1rem 3rem 1rem 3rem;
  display: flex;
	align-items: end;
	gap: 0.9rem;
  border-radius: 3px;
	width: fit-content;
	box-shadow: 7px 5px 7px rgba(0,0,0,0.2);
}
@media (max-width: 700px) {
	.pageWithChild .pageProductfilterWidgetContainer .htmlHomepageProductFilter .productFilterTopFilter {
		grid-template-columns: 1fr;
	}
	.pageWithChild .pageProductfilterWidgetContainer .htmlHomepageProductFilter {
	
		padding-left: 1rem;
    padding-right: 1rem;
	}
}
.pageWithChild .pageProductfilterWidgetContainer .htmlInnerContentProductfilterWidget {
	display: grid;
  justify-content: center;
}

/* .pageWithChild .coreAndSidebar {
	max-width: 100%;
	grid-template-columns: 1fr;
} */
@media (max-width: 700px) {
	.htmlHomepageProductFilterContainer {
		display: grid;
  justify-content: center;
	}
	
}

.pageChild, .pageAlternatingChild {
    padding: 3rem 10rem 3rem 10rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 2rem;
    column-gap: 3rem;
    align-items: center;
}
.pageAlternatingChild {
    padding: 3rem 7rem 3rem 7rem;
}
@media (max-width: 1300px) {
    .pageChild {
        padding: 3rem 2rem 3rem 2rem;
    }
}
@media (max-width: 820px) {
    .pageChild, .pageAlternatingChild {

        grid-template-columns: 1fr;
    }
}
@media (max-width: 500px) {
    .pageWithChild .pageChild {
        padding-left: 1rem;
		padding-right: 1rem;
    }
}

.pageChild.htmlPageModulo0 {
    background-color: #e1eaf0;
}

.pageChild.htmlPageModulo1 {

}

.pageChild.htmlPageModulo1 .pageChildImage:first-child, .pageAlternatingChild .pageChildImage {
    order: 2;
}
/* AUf STartseite */
.isHomepage .pageChild.htmlPageModulo1 .pageChildImage:first-child {
	order: 0;
}
@media (max-width: 820px) {
    .pageChild.htmlPageModulo1 .pageChildImage:first-child {
        order: -1;
    }
}
.isHomepage .pageAlternatingChildContainer {
	background-color: #e1eaf0;
	display: grid;
  grid-template-columns: 3rem 1fr 3rem;
}
.isHomepage .pageAlternatingChildContainer .iconV {
	font-size: 2rem;
}
.paginationPrevious, .paginationNext {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 600px) {
	.isHomepage .pageAlternatingChildContainer {
  grid-template-columns: 2rem 1fr 2rem;
}
}
@media (max-width: 600px) {
	.isHomepage .pageAlternatingChildContainer .pageAlternatingChild {
  padding-left: 0;
	padding-right: 0;
}
}

.htmlInnerContentChildpage {
    max-width: 650px;
}

.htmlInnerContentChildpage .pageContentWrapper, .htmlInnerContentAlternatingChildpage .pageContentWrapper {
    padding-top: 1rem;
}

.pageChild .imageBulkloadcontainer {
    margin-bottom: 0;
}

.htmlPageButton {
    display: inline-block;
    margin-top: 1.5rem;
	padding: 6px 10px 6px 10px;
	line-height:  120%;
}
.htmlPageButton .outerLanguageContainer {
    justify-content: center;
}

/* blaue Pageteaserkacheln */

.pageTeaser .imageBulkloadcontainer {
    margin-bottom: 0;
}
.pageTeaser .imageBulkloadcontainer .downloadThumbnail {
    border-radius: 3px;
    max-width: 100%;
}
.pageWithTeaser .pageTeaserContainer {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 2rem;
    padding: 3rem 0 3rem 0;
}
.pageWithChild.pageWithTeaser .pageTeaserContainer {
    padding: 3rem 10rem 3rem 10rem;
}
.pageWithChild.pageWithTradeshow .pageTradeshowContainer {
    padding: 3rem 10rem 3rem 10rem;
}
@media (max-width: 1300px) {
    .pageWithTeaser .pageTeaserContainer {
        padding: 3rem 0 3rem 0;
    }
    .pageWithChild.pageWithTeaser .pageTeaserContainer {
        padding: 3rem 2rem 3rem 2rem;
    }
    .pageWithChild.pageWithTradeshow .pageTradeshowContainer {
        padding: 3rem 2rem 3rem 2rem;
    }
}
@media (max-width: 500px) {
    .pageWithChild.pageWithTeaser .pageTeaserContainer {
        padding-left: 1rem;
		padding-right: 1rem;
    }
    .pageWithChild.pageWithTradeshow .pageTradeshowContainer {
        padding-left: 1rem;
		padding-right: 1rem;
    }
}

.pageCountryLocation {
    display: flex;
    padding-top: 2rem;
    font-weight: 600;
}
.pageStall {
    border-top: 1px solid #d8d8d8;
    padding-top: 1rem;
    margin-top: 1rem;
    font-weight: 600;
}

.pageTeaser {
    border-radius: 3px;
    background-color: #e1eaf0;
    display: grid;
    grid-template-rows: auto 1fr;
}

.pageTeaser .htmlInnerContentTeaserpage {
    display: grid;
    align-content: space-between;
    padding: 1rem;
}

.contactlistBlockTitle {
	display: flex;
  justify-content: space-between;
	border-bottom: 1px solid #d8d8d8;
  margin-bottom: 1.5rem;
font-weight: 600;
}
.contactlistBlock {
	margin-bottom: 2rem;
}



/* Seite mit Pressemitteilungen ---------------------- */
.pageWithNews .pageNewsContainer {
    display: flex;
    flex-direction: column;

}
.pageWithNews .pageNews {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #d8d8d8;
}
@media (max-width: 800px) {
    .pageWithNews .pageNews {
        grid-template-columns: 1fr;
    }
}

.pageWithNews .pageNews .imageBulkloadcontainer {
    margin-bottom: 0;
}

.pageWithNews .titleNewspage {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 155%;
    padding-bottom: 0.7rem;
}
.pageWithNews .htmlDate {
	font-size: 0.938rem;
	line-height: 120%;
}

/* Seite mit Timeline --------------- */

.pageTimelineContainer {
    background-image: url("https://huba-pim.de/cssimg/zeitstrahlkachel.gif");
    background-repeat: repeat-y;
    background-position: center 2rem;
    display: grid;
    justify-content: center;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    background-clip: content-box;
    padding: 2rem;
}
.pageTimelineContainer .htmlDate {
    font-size: 36px;
    font-weight: 600;
    color: #aec8d6;

}
.pageTimelineContainer .htmlPageModulo1 .htmlDate, .pageTimelineContainer .htmlPageModulo3 .htmlDate {
    display: flex;
    justify-content: flex-end;

}
.pageTimelineContainer .htmlPageModulo1 .htmlDate, .pageTimelineContainer .htmlPageModulo2 .htmlDate {
    color: #d7e3eb;
}
.pageTimelineContainer .titleTimeline {
    border-radius: 3px;
    background-color: #aec8d6;
    padding: 1rem;
}
.pageTimelineContainer .htmlPageModulo1 .titleTimeline, .pageTimelineContainer .htmlPageModulo2 .titleTimeline {
    background-color: #d7e3eb;
}
.pageTimelineContainer .htmlInnerContentTimeline {
    position: relative;
    max-width: 500px;
    padding-top: 1rem;
}
.pageTimelineContainer .htmlPageModulo0 .htmlInnerContentTimeline, .pageTimelineContainer .htmlPageModulo2 .htmlInnerContentTimeline {
    left: 237px;
    padding-left: 100px;
    background-image: url("https://huba-pim.de/cssimg/zeitpunktl.gif");
    background-repeat: no-repeat;
    background-position: 0px 36px;
}
.pageTimelineContainer .pageTimeline:last-child.htmlPageModulo0 .htmlInnerContentTimeline, .pageTimelineContainer .pageTimeline:last-child.htmlPageModulo2 .htmlInnerContentTimeline {
    background-image: url("https://huba-pim.de/cssimg/zeitpunktl-last.gif");
}
.pageTimelineContainer .pageTimeline:first-child.htmlPageModulo0 .htmlInnerContentTimeline, .pageTimelineContainer .pageTimeline:first-child.htmlPageModulo2 .htmlInnerContentTimeline {
    background-image: url("https://huba-pim.de/cssimg/zeitpunktl-first.gif");
    background-position: 0px -340px;
}
.pageTimelineContainer .htmlPageModulo1 .htmlInnerContentTimeline, .pageTimelineContainer .htmlPageModulo3 .htmlInnerContentTimeline {
    right: 237px;
    padding-right: 100px;
    text-align: right;
    background-image: url("https://huba-pim.de/cssimg/zeitpunktr.gif");
    background-repeat: no-repeat;
    background-position: 349px 36px;
}
.pageTimelineContainer .pageTimeline:last-child.htmlPageModulo1 .htmlInnerContentTimeline, .pageTimelineContainer .pageTimeline:last-child.htmlPageModulo3 .htmlInnerContentTimeline {
    background-image: url("https://huba-pim.de/cssimg/zeitpunktr-last.gif");

}
.pageTimelineContainer .pageTimeline:first-child.htmlPageModulo1 .htmlInnerContentTimeline, .pageTimelineContainer .pageTimeline:first-child.htmlPageModulo3 .htmlInnerContentTimeline {
    background-image: url("https://huba-pim.de/cssimg/zeitpunktr-first.gif");

}
.pageTimelineContainer .htmlPageModulo1 .titleTimeline, .pageTimelineContainer .htmlPageModulo3 .titleTimeline {
    text-align: right;
    justify-content: flex-end;
}



@media (max-width: 1200px) {
    .pageTimelineContainer .htmlInnerContentTimeline {
        max-width: 300px;
    }
    .pageTimelineContainer .htmlPageModulo0 .htmlInnerContentTimeline, .pageTimelineContainer .htmlPageModulo2 .htmlInnerContentTimeline {
        left: 137px;
        padding-left: 60px;
    }
    .pageTimelineContainer .htmlPageModulo1 .htmlInnerContentTimeline, .pageTimelineContainer .htmlPageModulo3 .htmlInnerContentTimeline {
        right: 140px;
        padding-right: 60px;
        background-position: 151px 36px;
    }
}
@media (max-width: 700px) {
    .pageTimelineContainer {
        background-position: 39px 0;
    }
    .pageTimelineContainer .titleTimeline {
        padding: 0.5rem;
		margin-top: -1px;
    }
    .pageTimelineContainer .htmlInnerContentTimeline {
        max-width: inherit;
    }
    .pageTimelineContainer .htmlPageModulo0 .htmlInnerContentTimeline, .pageTimelineContainer .htmlPageModulo2 .htmlInnerContentTimeline {
        left: 0;
        padding-left: 60px;
    }
    .pageTimelineContainer .htmlPageModulo1 .htmlInnerContentTimeline, .pageTimelineContainer .htmlPageModulo3 .htmlInnerContentTimeline {
        right: 0;
        padding-right: 0;
        padding-left: 60px;
        text-align: left;
    }
    .pageTimelineContainer .htmlPageModulo1 .htmlDate, .pageTimelineContainer .htmlPageModulo3 .htmlDate {
        justify-content: flex-start;

    }
    .pageTimelineContainer .htmlPageModulo0 .titleTimeline, .pageTimelineContainer .htmlPageModulo2 .titleTimeline {
        background-color: #aec8d6;
        justify-content: flex-start;
        text-align: left;
		font-size: 1rem;
		line-height: 130%;
    }
    .pageTimelineContainer .htmlPageModulo1 .titleTimeline, .pageTimelineContainer .htmlPageModulo3 .titleTimeline {
        background-color: #d7e3eb;
        justify-content: flex-start;
        text-align: left;
		font-size: 1rem;
		line-height: 130%;
    }
    .pageTimelineContainer .htmlPageModulo0 .htmlDate, .pageTimelineContainer .htmlPageModulo2 .htmlDate {
        color: #aec8d6;
    }
    .pageTimelineContainer .htmlPageModulo1 .htmlDate, .pageTimelineContainer .htmlPageModulo3 .htmlDate {
        color: #d7e3eb;
    }
    .pageTimelineContainer .htmlPageModulo1 .htmlInnerContentTimeline, .pageTimelineContainer .htmlPageModulo3 .htmlInnerContentTimeline {
        background-image: url("https://huba-pim.de/cssimg/zeitpunktl.gif");
        background-repeat: no-repeat;
        background-position: 0px 36px;

    }
}

/* Seite Messe, weisse Kacheln, weisse KAcheln auf Tabreiter, und Seite mit Jobkacheln ------------------ */

.pageTradeshowContainer, .pageJobsContainer, .pageJobsOpeningContainer, .pageContactsContainer {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 2rem;
}
.pageTradeshow, .pageJobs, .pageJobsOpening, .productTabApplications .productApplication, .contactlistTile {
    box-shadow: inset 0 0 1rem #d8d8d8;
    border-radius: 3px;
    background-color: #fff;
    padding: 1.5rem;
    transition: all .2s ease-in-out;
    cursor: pointer;
    display: grid;
    align-content: space-between;
}

.contactlistTile {
    align-content: start;
}
.pageTradeshow:hover, .pageJobs:hover, .pageJobsOpening:hover, .productTabApplications .productApplication:hover, .contactlistTile:hover {
    transform: scale(1.04);
    box-shadow: inset 0 0 1rem #c8c8c8;
}
.aticon {
font-family: HubaWebIcon;
}
.pageTradeshowContainer .imageBulkloadcontainer .downloadThumbnail {
    width: 100%;
    height: auto;
}
.pageTradeshowContainer .imageBulkloadcontainer {
    justify-content: center;
}

.titleTradeshowpage, .pageJobsTitle {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 130%;
}

.tradeshowTicketbutton {
    margin-top: 2rem;
}

.tradeshowLocation {
    border-top: 1px solid #d8d8d8;
    padding-top: 0.4rem;
    margin-top: 0.6rem;
}

@media (max-width: 1120px) {
    .pageTradeshowContainer .imageBulkloadcontainer .downloadThumbnail {
        max-width: inherit;
    }
}
@media (max-width: 820px) {
    .pageTradeshowContainer .imageBulkloadcontainer .downloadThumbnail {
        max-width: inherit;
    }
}

.pageJobsSubtitle {
    padding-top: 1rem;
}
.pageJobs .htmlLongDate, .pageJobsOpening .htmlLongDate {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #d8d8d8;
    width: 100%;
    border-bottom: none;
}
.htmlLongDate {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
    color: #ef3e36;
}

/* KAcheln auf Anwendungstab */
.productTabApplications .productTabInnerContent {
    width: 100%;
}
.productTabApplications .productTabInnerContent .applicationChildgroup {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    margin-top: 3rem;
    gap: 2rem;
    align-items: stretch;

}
.productTabApplications .productApplication {
    align-content: stretch;
    align-items: end;
    justify-content: center;
}
.productTabApplications .applicationChildgroup .imageBulkloadcontainer .downloadThumbnail {

    max-width: 250px;
    max-height: 250px;
}
.productTabApplications .applicationChildgroup .productApplication .outerLanguageContainer {
    justify-content: center;
}
.productTabApplications .applicationChildgroup .productApplication .outerLanguageContainer .isTextContent {
    text-align: center;
}



/* Application SVG ---------------------------------------------------------------------------------- */


.taskApp {
    font-family: SourceSansPro;
    font-size: 40px;
}
.productApp {
    font-family: SourceSansPro;
    font-size: 40px;
    font-weight: 700;
}
.taskSchema {
    font-family: SourceSansPro;
    font-size: 25px;
}
.productSchema {
    font-family: SourceSansPro;
    font-size: 28px;
    font-weight: 700;
}
.text1 {
    font-family: SourceSansPro;
    font-size: 22px;
    font-weight: 600;
    fill: #666;
}
.text2 {
    font-family: SourceSansPro;
    font-size: 22px;
    font-weight: 600;
    fill: #fff;
}
.text3 {
    font-family: SourceSansPro;
    font-size: 18px;
    fill: #666;
}

.applicationSVG {
    display: grid;
    justify-items: center;

}
.applicationSVG svg {
    max-width: 1100px;
}

.applicationSVG svg image {
    cursor: pointer;
}


.applicationTaskNameIcon {
    display: flex;
    gap: 0.3rem;
}

.applicationTaskNameIcon .iconV, .applicationTaskNameIcon .iconV:hover {
    cursor: default;
    color: #ef3e36;
}


/* Produktseite mit Tabs ------------------------------------------------------------------------ */

.productTabContainerWrapper {
    display: flex;
    justify-content: space-between;
	line-height: 120%;
	flex-direction: column;
}
.productTabContainer {
    display: flex;
    column-gap: 0.5rem;
	    border-bottom: 1px solid #d8d8d8;
}

.productTabApplications .productTabProduct, .productTabDownloads .productTabProduct, .productTabDownloads .productTabProduct .productTabInnerContent, .productTabAccessories .productTabProduct {
	width: 100%;
}

.productQueryButtonContainer, .productCompareButtonContainer {
	position: relative;
	display: flex;
	gap: 0.3rem;
	align-items: center;
}
/* Produktvergleich mobil ausblenden */
@media (max-width: 1000px) {
	.productCompareButtonContainer {
	display: none;
}
	.applicationSensorlist .productSelectIcons .productCompareIcon {
		display: none;
	}
}

.productQueryButtonCounter, .productCompareButtonCounterId {
	background-color: #787878;
	color: #fff;
	font-weight: 600;
  padding: 3px;
  position: absolute;
  right: -10px;
  top: -16px;
	min-width: 26px;
  min-height: 26px;
  border-radius: 50%;
  text-align: center;
}
.productQueryButton, .productFilterButton, .productCompareButton {
	display: flex;
	gap: 0.3rem;
} 
.productQueryButton .iconV:hover, .productFilterButton .iconV:hover, .productCompareButton .iconV:hover {
	color: #fff;
} 

.productTabContainerWrapper .productIconsContainer {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
	margin-top: 1.2rem;
  justify-content: flex-end;
}

@media (max-width: 1100px) {
    .productTabContainer {
        display: grid;
        gap: 1rem;
        border-bottom: none;
        grid-template-columns: 1fr 1fr;
    }
	.productTabContainerWrapper {
    flex-direction: column;

}
	.productTabContainerWrapper .productIconsContainer {
    padding-top: 1.5rem;
    border-top: 1px solid #d8d8d8;
}
}
@media (max-width: 600px) {
    .productTabContainer {
        display: grid;
        gap: 1rem;
        border-bottom: none;
        grid-template-columns: 1fr;
    }
}

.productTabContent {
    display: flex;
    gap: 3rem;
    padding-top: 3rem;
}
.productTabProduct {
	display: flex;
    gap: 3rem;
 
}
.productTabMultipleProducts .productTabProduct {
	flex-direction: column;
}
/* .productTabMultipleProducts .productTabProduct {
	display: flex;
    gap: 3rem;
    padding-top: 3rem;
	flex-direction: column;
} */

@media (max-width: 1100px) {
    .productTabContent {
        flex-direction: column;
    }
	.productTabProduct {
        flex-direction: column;
    }
}

.productTabMultipleProducts .productTabContent {
	display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 3rem;
    padding-top: 3rem;
}
.productTabMultipleProducts .productTabContent.productTabTechnicalData {
	display: inherit;
}

.productTabProductCompare .productImageContainer .imageBulkloadcontainer, .productTabProductCompare .technicalTableHeadcell .productTitle, .productTabTechnicalData .productImageContainer .imageBulkloadcontainer, .productTabTechnicalData .technicalTableHeadcell .productTitle {
	cursor: pointer;
}


.productTabV {
    background-color: #a2a2a2;
    padding: 0.4rem 0.75rem 0.4rem 0.75rem;
    border-radius: 3px 3px 0 0;
    color: #fff;
    cursor: pointer;
    align-items: center;
	font-weight: 400;
}
.productTabV:hover {
    background-color: #ef3e36;
}
.productTabV .iconV:hover {
	color: #fff;
} 
.productTabActive {
    background-color: #ef3e36;
	cursor: inherit;
}
.productTabHidden {
    display: none !important;
}

.productTabProductInformation .productVariantCodeBasket, .productTabAccessories .productVariantCodeBasket {
	background-color: #ebebeb;

  display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}
.productVariantCodeContainer {
	border-bottom: 1px solid #c8c8c8;
	padding-bottom: 0.7rem;
	margin-bottom: 1rem;
}


.productBenefitsList {
    padding-top: 1rem;
}

.productBenefitsItem {
    list-style-type: none;
    display: flex;
}
.productBenefitsItem::before {
    content: "· ";
    color: #ef3e36;
    font-size: 1.5em;
    padding-right: 0.4rem;
}


.productTitle {
    font-size: 1.3rem;
    font-weight: 600;
    padding-bottom: 1rem;
}

.htmlDownloadPostscript {
	margin-top: 2rem;
}
.htmlDownloadPostscript .iconV {
	cursor: inherit;
	color: #000;
}
.htmlDownloadPostscript .iconV:hover {
	color: #000;
}

/* Technische Zeichnungen */

.productTabTechnicalDrawings .productTabProduct, .productTabTechnicalDrawings .productTabInnerContent {
	width: 100%;
}
.productTabTechnicalDrawings .productTabInnerContent .productImageContainer {
	display: grid;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
	gap: 1rem;
}
.productTabTechnicalDrawings .productTabInnerContent .productImageContainer .imageContainer {
	border: 1px solid #d8d8d8;
	border-radius: 3px;
}
.productTabTechnicalDrawings .productTabInnerContent .productImageContainer .imageContainer .imageBulkloadcontainer .placeholder {
	max-width: 500px;
	max-height: 500px;
	width: inherit;
  height: inherit;
}

@media (max-width: 600px) {
	.productTabTechnicalDrawings .productTabInnerContent .productImageContainer {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
	.productTabTechnicalDrawings .productTabInnerContent .productImageContainer .imageContainer .imageBulkloadcontainer .placeholder {
	max-width: 300px;
	max-height: 300px;
}

	
	}


/* Tabellen auf Produktseiten -------------------------------------------------------------------------------- */

.productTabContentContainer .technicalTable, .accessoriesTable {
    display: grid;
    gap: 1px;
	overflow: auto;
	line-height: 130%;
}

.productTabContentContainer .technicalTable .technicalTableRowGroup {
    padding: 6px 8px 6px 8px;
}
.productTabContentContainer .technicalTable .technicalTableRow {

}
.productTabContentContainer .technicalTable .technicalTableRowGroup, .accessoriesTableRowHead {
    background-color: #9abacc;
    color: #fff;
    font-weight: 600;
    margin-top: 1.2rem;
}
.productTabContentContainer .technicalTable .technicalTableRow {
    display: grid;
    grid-template-columns: 250px repeat(auto-fit, minmax(0, 1fr));
	gap: 1px;
}
@media (max-width: 820px) {
	.productTabContentContainer .technicalTable .technicalTableRow {

    grid-template-columns: 1fr;
		gap: 0;

}
	.productTabContentContainer .productTabProductCompare .technicalTable .technicalTableRow {

   grid-template-columns: 250px repeat(auto-fit, minmax(0, 1fr));

}
}

.productTabContentContainer .technicalTable .technicalTableProperty {
    font-weight: 600;
	padding: 6px 8px 6px 8px;
}
.productTabContentContainer .technicalTable .technicalTableValue {
	padding: 6px 8px 6px 8px;
}
.productTabContentContainer .technicalTable .technicalTableRowCount1 > div {
background-color: #d8d8d8;
}
.productTabContentContainer .technicalTable .technicalTableRowCount0 > div {
background-color: #ebebeb;
}


.productTabContent.productTabDownload .productTabInnerContent {
    width: 100%;
}

.productTabContentContainer .technicalTableRowHead {
	display: grid;
  grid-template-columns: 250px repeat(auto-fit, minmax(0, 1fr));
  column-gap: 1px;
	min-width: max-content;
}

@media (max-width: 820px) {
.productTabContentContainer .technicalTableRowHead {
  grid-template-columns: 1fr;
	line-height: 120%;
}
}

.productTabContentContainer .productTabProductCompare .technicalTableRowHead {
	min-width: inherit;
}

.productTabContentContainer .technicalTableRowHead .productTitle {
	display: flex;
  justify-content: center;
}

.productTabContentContainer .technicalTableColumnCountTotal3 .technicalTableRowHead {
  grid-template-columns: 250px repeat(2, minmax(280px, 1fr));
}
.productTabContentContainer .technicalTableColumnCountTotal4 .technicalTableRowHead {
  grid-template-columns: 250px repeat(3, minmax(280px, 1fr));
}
.productTabContentContainer .technicalTableColumnCountTotal5 .technicalTableRowHead {
  grid-template-columns: 250px repeat(4, minmax(280px, 1fr));
}
.productTabContentContainer .technicalTableColumnCountTotal6 .technicalTableRowHead {
  grid-template-columns: 250px repeat(5, minmax(280px, 1fr));
}

.productTabContentContainer .technicalTableRowHead .technicalTableHeadcell:first-child {
	background-color: #fff;
}
.technicalTableHeadcell {
	background-color: #ebebeb;
	padding: 1rem;
	border-radius: 3px;
	display: grid;
  align-content: space-between;
}
.technicalTableHeadcell .productNameV .outerLanguageContainer {
	justify-content: center;
}
.technicalTableHeadcell .productNameV .outerLanguageContainer {
	hyphens: auto;
}
.technicalTableHeadcell .imageBulkloadcontainer .downloadThumbnail {
	max-width: 150px;
}

.technicalTableValueDataSpecific {
	
}
.technicalTableCode {
	background-color: #fff;
	padding: 3px 5px 3px 5px;
	line-height: 120%;
	border-radius: 3px;
	font-size: 13px;
	display: inline-block;
	height: 22px;
}
.technicalTableCodeEmpty {
	height: 27px;
}

.productControlIconsContainer {
	display: flex;
	gap: 0.7rem;
}
.productControlIcons {
	display: flex;
	gap: 0.7rem;
	margin-bottom: 1rem;
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 0.7rem;
	justify-content: space-between;
}

.productControlIcons .iconV {
	background-color: #8f8f8f;
  padding: 0.2rem;
  min-width: 35px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 35px;
  font-size: 1.2rem;
	border-radius: 3px;
}
.productControlIcons > .iconV:last-child, .productControlIcons > .iconV:last-child:hover {
	background-color: transparent;
  color: #000;
}
.productControlIcons > .iconV:last-child:hover {
	background-color: transparent;
  color: #ef3e36;
}
.productControlIcons .iconV:hover {
	background-color: #ef3e36;
}


/* Zubehoer-Tabelle */

.accessoriesTable {
    display: grid;
}
.productTabAccessories .productTabInnerContent {
	width: 100%;
}
.accessoriesTableCellName {
	font-weight: 600;
}
.accessoriesTableCellQuery {
	display: flex;
  justify-content: center;
}

.accessoriesTableCellId {
	
}
.accessoriesTableCellData {
	
}

.productTabAccessories .productTitleSingle .productTitle {

}

.accessoriesTableRowHead {
	display: grid;
	grid-template-columns: 50px 200px 1fr 1fr;
}
.accessoriesTableRowHead > div, .accessoriesTableCellDataRow > div {
	padding: 4px 8px 4px 8px;
}
.technicalTableRowCount1 > div {
	background-color: #d8d8d8;
}
.technicalTableRowCount0 > div {
	background-color: #ebebeb;
}
.accessoriesTableCellDataRow {
	align-content: inherit;
	display: grid;
	grid-template-columns: 50px 200px 1fr 1fr;
	gap: 1px;
}

@media (max-width: 1100px) {
	.accessoriesTableRowHead {
	grid-template-columns: 50px 180px 180px minmax(180px, 1fr);
}
	.accessoriesTableCellDataRow {
	align-content: inherit;
	display: grid;
	grid-template-columns: 50px 180px 180px minmax(180px, 1fr);
}
}


/* Footer ------------------------------------------------------------------------------------------------------ */
.footer {
    /* height: 60px; */
    display: flex;
    flex-shrink: 0;
    padding: 0;
    justify-content: space-between;
    border-top: 1rem solid #ebebeb;
    font-size: 0.938rem;

    flex-direction: column;
    line-height: 130%;
}

.footerTop {
    display: flex;
    justify-content: space-between;
    gap: 1rem;

}

.footerLinksContainer {
    display: flex;
    gap: 3rem;
    padding: 1.2rem 2rem 1rem 2rem;
}
@media (max-width: 500px) {
    .footerLinksContainer {
        padding-left: 1rem;
		padding-right: 1rem;
    }
}

.footerLinks {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.footerContactContainer {
    padding: 0 0 0 2rem;
    border-left: 1rem solid #ebebeb;
    display: flex;
}

.footerBottom {
    padding: 1rem 2rem 1rem 2rem;
    background-color: #ebebeb;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.footerContactTitle {
    font-size: 1rem;
    font-weight: 600;
    padding-bottom: 0.5rem;
}

@media (max-width: 820px) {
    .footerTop {
        flex-direction: column;
    }
    .footerContact {
        padding: 0.8rem 0.8rem 0.8rem 0;
    }
    .footerContactContainer {
        border-left: none;
        border-top: 1rem solid #ebebeb;
        justify-content: space-between;
    }
}
@media (max-width: 600px) {
    .footerLinksContainer {
        flex-direction: column;
        gap: 2rem;
    }
}
@media (max-width: 500px) {
    .footerContactContainer {
        padding-left: 1rem;
		
    }
	.footerBottom {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
.footerLinkContent {
    padding: 5px 0 10px 0;
    border-bottom: 1px solid #d8d8d8;
}
.footerLinksContainer a:last-child .footerLinkContent {
    border-bottom: none;
}

.footerContactIcon {
    display: grid;
    align-content: center;
    justify-content: center;
    height: 3.5rem;
    width: 3.5rem;
    border-bottom: 0.5rem solid #ebebeb;
    border-left: 0.5rem solid #ebebeb;
	padding-left: 0.3rem;
}
.footerContactIcon .iconV {
    padding: 0.2rem;
    font-size: 1.2rem;
}

.footerCopyright {
    display: flex;
    gap: 0.35rem;
}

.footerContact {
    display: grid;
    align-content: center;
}

.footerContact .footerContactContent {
	display: flex;
	gap: 0.3rem;
}

.footer .iconSocial {
    font-size: 1.5rem;
}

/* China */
.chinaPSB {
	display: flex;
	gap: 0.4rem;
}


/* Muss am Ende stehen ----------------------------------------------------------------------------------------- */
.invisible {
    visibility: hidden;
}
.hidden {
    display: none !important;
}