/* @import must be at top of file, otherwise CSS will not work */
/*FOR IE10*/

@font-face {
    font-family: 'Book';
    src: url('fonts/futurabook-webfont.eot');
    src: url('fonts/futurabook-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/futurabook-webfont.woff') format('woff'), url('fonts/futurabook-webfont.ttf') format('truetype'), url('fonts/futurabook-webfont.svg#FuturaBkBTBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaBold';
    src: url('fonts/Futura-Bold.otf');
    src: url('fonts/Futura-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Futura-Bold.woff') format('woff'), url('fonts/Futura-Bold.ttf') format('truetype'), url('fonts/futurabook-webfont.svg#FuturaBkBTBook') format('svg');

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('fonts/Montserrat-Bold.woff') format('woff'), url('fonts/Montserrat-Bold.ttf') format('truetype');

    font-weight: bold;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Medium.woff') format('woff'), url('fonts/Montserrat-Medium.ttf') format('truetype');

    font-weight: normal;
}

.newStandardPage #container_module {
    background-color: white;
}

#activityAreaWrapper {
    min-width: 1400px;
    background-color: white;
    width: 100%;
    padding: 20px;
}

#activityAreaMaskSubsidiaryDropdown {
    margin-top: 0px;
    margin-bottom: 20px;
}

.colorBlue {
    color: rgba(14, 72, 145, 0.6);
}

.colorGray {
    color: rgba(131, 124, 124, 0.3) !important;
}

.singleActivityArea {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100px;
    border: 1px solid rgba(231, 231, 231, 0.44);
}

.singleActivityArea:not(:first-child) {
    margin: 20px 0 0 0;
}

.singleActivityArea:first-child {
    margin: 0 0 0 0;
}

.singleActivityAreaInputWrapper {
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
    gap: 20px;
}

.singleActivityAreaInputWrapper * {
    margin-top: 0px !important;
}

.singleActivityAreaButtonWrapper {
    width: 20%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
}

.activityAreaDescription {
    width: 50%;
    min-width: 50% !important;
    max-width: 50%;
    height: 60px !important;
    max-height: 60px;
}

.activityAreaConfigureServicesButton {
    background-image: url(/file/img/icons/websiteAdmin/add_service.svg);
}

.activityAreaServicesInfoButton {
    background-image: url(/file/img/icons/info.svg);
}

.activityAreaShowImageButtonAnchor {
    width: 15%;
    display: flex;
    align-items: center;
    height: 50%;
}

.activityAreaReplaceImageButton {
    background-image: url(/file/img/icons/websiteAdmin/upload.svg);
}

.activityAreaDeleteButton {
    background-image: url(/file/img/icons/delete.svg);
}

.activityAreaShowImageButtonImage {
    width: 100% !important;
    height: 100% !important;
}

.activityAreaName {
    width: 20%;
}

.activityAreaDeleteButton,
.activityAreaConfigureServicesButton,
.activityAreaReplaceImageButton,
.activityAreaShowImageButtonImage,
.activityAreaServicesInfoButton {
    width: clamp(25px, 10%, 35px);
    height: 60%;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.activityAreaDeleteButton:hover,
.activityAreaReplaceImageButton:hover,
.activityAreaConfigureServicesButton:hover {
    cursor: pointer;
}

.activityAreaSortOrder {
    width: 5%;
    min-width: 50px !important;
    text-align: center;
}

.activityAreaShownOnWebsite {
    width: 15%;
}

.newStandardPage h2,
.newStandardPage h3,
.newStandardPage h4,
.bimDomainKey h2,
.bimDomainKey h3,
.bimDomainKey h4 {
    font-weight: 300 !important;
    text-transform: none !important;
}

.noMarginTop {
    margin-top: 0 !important;
}

.noMarginRight {
    margin-right: 0 !important;
}

.noScroll {
    margin: 0;
    height: 100%;
    overflow: hidden
}

.newStandardPage h3,
.newStandardPage h4,
.bimDomainKey h3,
.bimDomainKey h4 {
    font-weight: bold;
    font-family: Montserrat-Bold;
}

.newStandardPage h3,
.newStandardPage h4,
.bimDomainKey h3,
.bimDomainKey h4 {
    line-height: 22px !important;
    font-size: 16px;
    letter-spacing: 0.02em;
    color: #4b494a;
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-bottom: 6px;
}

.newStandardPage h4,
.bimDomainKey h4 {
    font-family: Montserrat;
}

.newStandardPage:not(.gruenenfelderDomainKey, .studerpartnerDomainKey) .headerImageContainer div {
    background-color: rgb(185, 185, 185);
}

.newStandardPage h2,
.bimDomainKey h2 {
    font-family: "Montserrat-Bold" !important;
    color: #4b494a;
    font-size: 20px;
    letter-spacing: 0.01em;
    padding-bottom: 19px;
    line-height: 25px;
    margin-left: -2px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: bold !important;

}

.projektePageKey.newStandardPage h3.bigger,
.bimDomainKey.dienstleistungenPageKey.newStandardPage h3.bigger,
.newStandardPage.newsPageKey h1.likeH3.dark,
.karrierePageKey.newStandardPage h1.likeH3.dark {
    font-size: 20px !important;
    color: #4b494a;
}

a img,
a li img {
    border: 0;
}

/*FONT*/
/*##############################################################*/

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;

}

small {
    font-size: 12px;
    text-transform: uppercase;
}

.newStandardPage h1,
.bimDomainKey h1 {
    font-family: "Montserrat-Bold" !important;
    font-weight: bold !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    letter-spacing: 0.01em;
}


h1.bigSitleTitle {
    font-size: 46px !important;
    padding-bottom: 30px;
}

/*.newStandardPage h1.siteTitle {
    font-size: 33px !important;
}*/

.bigTitleContainer h1.bigTitle,
.bigTitleContainer h1.smallTitle,
.containerSmallImgContainer h1.grayTitle,
.containerSmallImgContainer h1.blueTitle {
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    opacity: 1 !important;
    text-transform: none !important;
    letter-spacing: -1px;
    color: #0E4891 !important;
    font-size: 47px !important;
    height: 49px;
    line-height: 49px;
    margin: 0;
    display: block;
    padding-top: 0;
}

.boehlerDomainKey .containerSmallImgContainer h1.blueTitle,
.brsDomainKey .containerSmallImgContainer h1.blueTitle,
.bimDomainKey .containerSmallImgContainer h1.blueTitle,
.htbDomainKey .containerSmallImgContainer h1.blueTitle {
    width: 648px;
}

/*.boehlerDomainKey .containerSmallImgContainer.startPageHeaderContainer {
    height: 140px;
}

.boehlerDomainKey .startPageHeaderContainer .smallImgContainer {
    top: -34% !important;
}*/
.subSiteHeader img {
    display: block !important;
}

.noPaddingTop {
    padding-top: 0 !important;
}

.bigTitleContainer h1.bigTitle,
.containerSmallImgContainer h1.grayTitle {
    color: #4b494a !important;
}

.containerSmallImgContainer h1.grayTitle,
.containerSmallImgContainer h1.blueTitle {
    position: absolute;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 100;
    text-transform: uppercase !important;
    font-size: 41px !important;
}

.containerSmallImgContainer h1.grayTitle {
    right: 573px;
    bottom: -8px;
}

.containerSmallImgContainer h1.grayTitle {
    right: 620px;
}

.containerSmallImgContainer h1.blueTitle {
    right: 1px;
    bottom: -55px;
}

h3 {
    line-height: 22px !important;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #4b494a;
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-bottom: 4px;
    font-weight: normal;
}

.menuDropdown h3 {
    line-height: 18px !important;
}

.text {
    line-height: 23px;
}

.detailsTitle {
    font-weight: bold;
}

.createEditUrlDomainDropdown {
    margin: 0;
}

.createEditUrlPopupLabel {
    margin-right: 15px;
    padding: 0;
    width: 100px;
}

.createEditUrlCurrentChosenDomain {
    width: 700px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.createEditUrlInputWrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.createEditUrlInputWrapper textarea {
    height: 200px !important;
}

.createEditUrlInputWrapper:not(:last-child) {
    margin-bottom: 10px;
}

.deleteColumn {
    background-image: url("/file/img/icons/legacyIntranetComponents/delete.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
}

.copyColumn {
    background-image: url("/file/img/icons/link.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
}

.detailsDiv {
    margin-bottom: 20px;

}

.hyperLinkStyle {
    text-align: right;
    color: #0E4891;
    margin-top: 10px;
    margin-bottom: 10px;
}

.createEditServicePopupLabel, .createEditProductFlyerPopupLabel {
    margin-right: 15px;
    padding: 0;
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

.createEditServicePopupInput, .createEditProductFlyerPopupInput {
    width: 700px;
    border-radius: 5px;
    padding-left: 10px;
}

.errorColor {
    color: #cc3535;
}

.warningIcon {
    background-image: url(/file/img/icons/websiteAdmin/urgent.svg);
    background-repeat: no-repeat;
}

.employeeInactiveWarningDiv {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
}

.serviceEmployeeNameTd {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.serviceEmployeeNameTd span {
    display: block;
    /*height: 100% !important;*/
    overflow: auto;
}

.menuDropdown h2 {
    display: inline;
    margin-bottom: 0 !important;
}

h2,
.bigTextTitle {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 100;
    text-transform: uppercase;
    margin-left: -1px;
}

.historyDateTitle {
    font-size: 45px;
    color: rgb(215, 215, 215);
    font-weight: 300;
    /*text-align: right;*/
}

.grayWhiteAddressesWrapper {
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 10px;
}

#container_module section#GrayWhiteContact .grayWhiteAddresses .companyPair .smallAddressBoxes .addressBox {
    color: black !important;
    margin: 0 0 0 0;
}

#container_module section#GrayWhiteContact .grayWhiteAddresses .companyPair .smallAddressBoxes .addressBox div a,
#container_module section#GrayWhiteContact .grayWhiteAddresses .companyPair .smallAddressBoxes .addressBox div a:visited {
    color: #0E4891;
}

#container_module section#GrayWhiteContact .grayWhiteAddresses .companyPair .smallAddressBoxes .addressBox div a:hover {
    color: #3580d7

}

#container_module section#GrayWhiteContact .grayWhiteAddresses .companyPair .smallAddressBoxes .addressBox a,
#container_module section#GrayWhiteContact .grayWhiteAddresses .companyPair .smallAddressBoxes .addressBox a:visited {
    color: #0E4891;
}

#container_module section#GrayWhiteContact .grayWhiteAddresses .companyPair .smallAddressBoxes .addressBox a:hover {
    color: #3580d7;
}

#GrayWhiteContact {
    display: flex;
    flex-direction: row;
}

#container_module section#GrayWhiteContact .grayWhiteAddresses .companyPair {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    margin-right: 0;
}

.grayWhiteAddresses .addressBox a,
.grayWhiteAddresses .addressBox table,
.grayWhiteAddresses .addressBox span[itemprop="tel"],
.grayWhiteAddresses .addressBox div {
    color: #0E4891;
}

#container_module section#GrayWhiteContact .grayWhiteAddresses .companyPair .smallAddressBoxes {
    width: 20%;
}

.grayBackgroundFull .historyDateTitle {
    color: #bebebe;
    /*text-align: right;*/
}

.absoluteDesktop {
    position: absolute !important;
}

/*STANDARD*/
/*##############################################################*/

* {
    box-sizing: border-box;
    /*-webkit-tap-highlight-color: rgba(100,100,100);*/
    -webkit-tap-highlight-color: transparent;
    /*-webkit-user-select: none;*/
    /*-webkit-touch-callout: none;*/
    /*-webkit-appearance: none;*/
    /*-webkit-user-select: auto;
    */
}

section.footerLinks h4,
body {
    margin: 0;
    padding: 0;
    font-size: 15px;
    width: 100%;
    overflow-y: scroll;
}

#footerWithoutBottomBorder {
    border-bottom: none;
}

.navigationBar a,
section.footerLinks h4,
body,
.text {
    font-family: 'Montserrat', sans-serif;
    color: #4b494a;
}

.newStandardPage .navigationBar a,
.newStandardPage section.footerLinks h4,
.newStandardPage body,
.newStandardPage .text {
    font-family: 'Montserrat';

}

body,
section.footerLinks h4,
a {
    outline: 0;
}

table {
    border-spacing: 0;
    border-collapse: separate;
}

td {
    padding: 0;
}

.mobileTable a,
.hyperLinkStyle a {
    color: #0E4891;
}

h1,
h2.sectionTitle {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 30px !important;
    padding-top: 40px;
    margin-top: 0; /* this is needed because of the otherwhise empty lines that let the picture shine through! */
    margin-bottom: 0; /* this is needed because of the otherwhise empty lines that let the picture shine through! */
    margin-left: -2px;
    padding-bottom: 19px;
    line-height: 35px;
    color: #0E4891;
    display: block !important;
}

h2.sectionTitle {
    font-family: "Montserrat-Bold" !important;
    font-weight: bold !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    letter-spacing: 0.01em;
}

h1.noTopPadding {
    padding-top: 0px;
}

h1 span.clickable {
    cursor: pointer;
}

.popupBlocker h1 {
    margin-top: 0;
    margin-left: 3px;
}

.popupBlocker .content table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

.popupBlocker .content td {
    padding-right: 11px;
}

.popupBlocker .content td:last-child {
    padding-right: 0px;
}

section:not(.menuSection, #productSelection, .kvDescriptionSection, .rapidMailFormSBU) {
    width: 100%;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 30px;
}

section:is(#Values, #Organisation) {
    border-bottom: 0 !important;
}

section.noBorder {
    border: 0 !important;
}

.menuSection,
.menuSection * {
    z-index: 10;
}

section {
    background: white;
}

.headerSection {
    padding-bottom: 0 !important;
    border: 0 !important;
    background: none;
}

.noBorderSection {
    border: none !important;
}

.contentContainer {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.containerLeftWithTextPadding {
    padding-right: 100px
}

.containerWidth {
    width: 49%;
}

.containerWidthSmall {
    width: 40%;
}

.containerWidthBig {
    width: 60%;
}

.containerWidthForThree {
    width: 32%;
}

.containerWidthForTwo {
    width: 49%;
}

.containerWidthForOne {
    width: 100%;
}

.linkContainer {
    display: block;
    height: 100%;
}

.projectBottomGallery {
    margin-right: 1%;
}

.contentBox {
    width: 100%;
}

.grayBackgroundFull,
.grayBackgroundLeftAndRight {
    background-color: #e9e9e9;
}

.tableSpacingColumn {
    height: 15px;
}

.referenceBoxElement {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 58px;
    position: relative;
    height: 50px;
}

.referenceBoxElement:hover {
    background: rgb(15, 143, 207) !important;
}

.referenceBoxElement span {
    line-height: 18px;
    height: 100%;
    position: relative;
    display: table;
}

.referenceBoxElement span p {
    display: table-cell;
    vertical-align: middle;
}

.referenceBoxElement img {
    width: 24px;
    position: absolute;
    left: 15px;
    top: -2px;
    height: 100%;
}

table.smallBoxes .tableSpacingColumn {
    height: 5px;
    padding: 0;
}

.mobileTable {
    border-collapse: collapse;
    width: 100%;
}

.standardImage {
    width: 100% !important;
    height: 230px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.standardImage.grayBackground {
    background: #c4c4c4;
}

.standardImage .doubleImageLeft,
.standardImage .doubleImageRight {
    display: inline-block;
    width: 49.7%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

.standardImage .doubleImageLeft {
    float: left;
}

.standardImage .doubleImageRight {
    float: right;
}

.standardImageHigh {
    height: 300px !important;
}

.newStandardPage .newImageHeight {
    height: 400px !important;
}

/*
.htbDomainKey .standardImageHigh {
    height: 400px !important;
}
*/

.standardImageVeryHigh {
    height: 400px !important;
}

.processSubmenuContainer {
    width: 33.2%
}

.processSubmenu {
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
    color: white;
}

.processSubmenu,
.processSubmenu span.arrowStart {
    height: 130px !important;
}

.processSubmenu span.arrowStart {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 200px;
    display: block;
    background-image: url('/file/img/bim/process_left.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 46px;
}

.processSubmenu span.arrowEnd {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 200px;
    display: block;
    background-image: url('/file/img/bim/process.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 48px;
}

.processSubmenu span span.text {
    position: absolute;
    left: 1px;
    top: 70px;
    line-height: 17px;
    font-size: 16px;
    padding-right: 55px;
    font-family: "Montserrat", "Montserrat", "sans-serif";
}

.processSubmenu span.arrowTitle {
    line-height: 85px;
    font-size: 32px;
}

.processSubmenu span.arrowTitle,
.processSubmenu > span > span.text {
    color: white;
    margin-left: 42px;
    padding-left: 20px;
}

.processSubmenu:hover {
    opacity: 0.75;
}

.newsSiteImage {
    background-size: cover;
    background-repeat: no-repeat;
    height: 180px;
}

div.table {
    display: table;
}

div.tr {
    display: table-row;
}

div.td {
    display: table-cell;
}

.fullHeight {
    height: 100% !important;
}

.footerLinks {
    padding-top: 40px;
    padding-bottom: 30px !important;
    border-bottom: 0px !important;
    /*background: #0E4891;*/
}

.saveButton,
.goOnButton,
.footerLinks {
    background: #222 !important;
}

.goOnButton, .saveButton {
    margin-bottom: 13px;
}

.saveButton,
.saveButton *,
.goOnButton,
.goOnButton * {
    color: white !important;
}

.eventOverviewTableWidth {
    width: 120px;
    padding-right: 15px;
}

.eventDropDownDescriptionWidth {
    width: 350px;
    padding-right: 15px;
}

.eventDropDownWidth {
    width: 200px;
}

.textSectionSpacer {
    height: 12px;
}

.sectionSpacer {
    height: 22px;
}


section.footerLinks h4,
.footerLinks * {
    color: white !important;
}

section.footerLinks h4 {
    line-height: 15px;
    margin: 0;
    padding: 0;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    font-weight: normal;
}

.footerLinks .rightColumn:not(.noPaddingInTD) td {
    padding-right: 25px
}

.copyright {
    margin-top: 40px;
}

.copyright,
.copyright * {
    font-size: 14px;
    color: #888 !important;
}

.copyright a:hover {
    color: #ccc !important;
}

/* ----------------------------- Hyperlink Style -----------------------------------------------*/
a,
a:visited,
a:hover,
a:link {
    text-decoration: none;
}

body .text a,
body a.linkHover,
body a.linkHover *,
body .readMore,
body a.twitter-timeline {
    color: #0E4891 !important;
}

.text a:hover,
.linkHover:hover *,
.linkHover:hover,
a.twitter-timeline,
.readMore:hover,
section#Contact a:hover,
section#Contact a:hover span {
    cursor: pointer;
    color: #3580d7 !important;
}

#subsidiaryContainerOfFooter a:hover,
#subsidiaryContainerOfFooter a:hover span {
    color: #9E9E9E !important;
}

.menuDropdown .menuDropDownBox .menuDropDownContent a {
    padding: 2px 16px 0 16px;
}

.menuDropdown .menuDropDownBox .menuDropDownContent:first-child a {
    margin-left: -16px;
}

body:not(.newStandardPage) a:hover h3,
.menuDropDownContent a:hover,
.menuDropDownContent a:hover span {
    color: #0E4891 !important;
}

.menuDropdown .menuDropDownBox .menuDropDownContent a:hover,
.menuDropdown .menuDropDownBox .menuDropDownContent a:hover h3,
.menuDropdown .menuDropDownBox .menuDropDownContent a.active,
.menuDropdown .menuDropDownBox .menuDropDownContent a.active h3 {
    color: rgb(255, 255, 255) !important;
    background: #0E4891;
}

a:active,
a:active * {
    color: #4b494a;
}

.navigationBar :active,
.navigationBar a:active * {
    color: #0E4891 !important;
}

.mobileNavigation a:active,
.mobileNavigation a:active * {
    color: white;
}

a.blue li {
    color: #0E4891 !important;
}

.darkBlue {
    color: #0E4891;
}

button:focus {
    outline: 0;
}

.mobileNavigation ul li a:hover {
    color: white !important;
    text-decoration: none;
}

.mobileNavigation a:active li {
    color: white;
    text-decoration: none;
}

.mobileNavigation ul li a:visited {
    color: rgb(111, 111, 111);
    background-color: rgb(14, 72, 145);
    text-decoration: none;
}

.mobileNavigation ul li a:link {
    color: rgb(111, 111, 111);
    text-decoration: none;
}

.mobileNavigation li:hover .arrowRight {
    background-image: url('/file/img/arrow_right_mobile_hover.svg');
}

body:not(.newStandardPage) .activateHoverOverTR:hover .mobileWhiteBox,
body:not(.newStandardPage) .activateHoverOverTR:hover .mobileWhiteBox *,
body:not(.newStandardPage) .activateHoverForBigBox:hover .bigTextbox,
body:not(.newStandardPage) .activateHoverForBigBox:hover .bigTextbox *,
.newStandardPage.anmeldungPageKey .headerImageContainer div {

    background-color: #0E4891 !important;
    color: white !important;
    cursor: pointer;
}

.newStandardPage .activateHoverOverTR:hover .mobileWhiteBox,
.newStandardPage .activateHoverOverTR:hover .mobileWhiteBox *,
.newStandardPage .activateHoverForBigBox:hover .bigTextbox,
.newStandardPage .activateHoverForBigBox:hover .bigTextbox * {
    opacity: 1;
    cursor: pointer;

}

.opacityOnHover:hover {
    opacity: 0.65;
    cursor: pointer;
}

.activateHoverOverTR:hover .borderIFWhiteBackGround, /* placed for BIM start page boxes in normal view (Dienstleistungen) */
.activateHoverOverTR:hover .borderIFWhiteBackGround > td,
.activateHoverOverTR:hover .borderIFWhiteBackGround > div,
.contentBox tr.activateHoverOverTR:hover .newsAndProjectsList.borderIFWhiteBackGround,
.contentBox tr.activateHoverOverTR:hover .newsAndProjectsList.borderIFWhiteBackGround > td,
.contentBox tr.activateHoverOverTR:hover .newsAndProjectsList.borderIFWhiteBackGround > div,
.mobileWhiteBackground a:hover .borderIFWhiteBackGround,
.mobileWhiteBackground a:hover .borderIFWhiteBackGround > td,
.mobileWhiteBackground a:hover .borderIFWhiteBackGround > div {
    border: 1px solid #0E4891 !important;
}

.borderIFWhiteBackGround,
.borderIFWhiteBackGround > td,
.borderIFWhiteBackGround > div,
.frontEndBorder {
    border: 1px solid #D9D9D9;
}

.borderIFWhiteBackGround .leftPart {
    border-right: 0;
}

.borderIFWhiteBackGround .rightPart {
    border-left: 0;
}

.grayBackgroundFull .borderIFWhiteBackGround,
.grayBackgroundLeftAndRight .borderIFWhiteBackGround {
    border: 1px solid transparent;
}

.activateHoverOverTR:hover > .boxHoverImage,
.activateHoverOverTR:hover td .boxHoverImage,
.smallBoxHover:hover,
.activateHoverOverTR:hover div.td .boxHoverImage,
.activateHoverForBigBox:hover .projectImg {
    opacity: 0.85;
    background-color: white !important;
    cursor: pointer;
}

.categorieHistoryPageContainer .activeButton,
.categorieHistoryPage:hover {
    background-color: #9e9e9e !important;
    color: white !important;
    cursor: pointer;
}

.menuDropdown :not(.navSubMenuWrapper) a.active,
.menuDropdown :not(.navSubMenuWrapper) a.active h3,
.menuDropdown :not(.navSubMenuWrapper) a.active h2,
.navigationBar ul :not(.navSubMenuWrapper) a.active,
.navigationBar ul :not(.navSubMenuWrapper) a.active .arrowDown,
.navigationBar ul li:hover *:not(.navSubMenuWrapper *),
.navigationBar ul :not(.navSubMenuWrapper) a.active li {
    color: #0E4891 !important;
}


.navigationBar li#topMenu_projekte:hover .arrowDown {
    display: block !important;
}

#topMouseOverArea {
    background: transparent;
    height: 50px;
    width: 100%;
    position: absolute;
    right: 0;
    top: -30px
}

.mobileNavigation ul a:hover li .mobileNavigationTitle {
    color: white !important;
}

.mobileNavigation ul li:hover .arrowLeft {
    background-image: url("/file/img/arrow_left_mobile_hover.svg");
    background-repeat: no-repeat !important;
}

.employerContainer:not(.noHover):hover div {
    opacity: 0.8 !important;
}

.employeeCard.noHover {
    cursor: default !important;
}

.projektePageKey.newStandardPage .employeeCard,
.bimDomainKey.dienstleistungenPageKey.newStandardPage .employeeCard {
    border: 0 !important;
}

.categorieHistoryPageContainer .activeButton .employes,
.categorieHistoryPage:hover .employes {
    background-image: url('/file/img/icons/icon_mitarbeiter_negativ.svg') !important;
}

.categorieHistoryPageContainer .activeButton .gesellschaften,
.categorieHistoryPage:hover .gesellschaften {
    background-image: url('/file/img/icons/icon_gesellschaften_negativ.svg') !important;
}

.categorieHistoryPageContainer .activeButton .history,
.categorieHistoryPage:hover .history {
    background-image: url('/file/img/icons/icon_geschichte_negativ.svg') !important;
}

/*#organizationSVG{*/
/*    margin-right: 30.75%;*/
/*}*/

/*.noHover:hover,
.noHover:hover * {
    color: red !important;
    background-color: yellow !important;
}*/

#goBack {
    margin-top: 20px;
    background-image: url('/file/img/arrows.svg');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: 0px 10px;
    padding-top: 4px;
    padding-left: 18px;
    text-decoration: none;
    font-size: 15px;
    line-height: 24px;
    color: rgb(150, 150, 150);
}

.bimDomainKey #goBack {
    margin-top: 30px;
}

#pdfPath {
    background-image: url('/file/img/pfeil_grau.jpg');
    background-repeat: no-repeat;
    background-position: left 8px;
    padding-left: 11px;
    text-decoration: none;
    font-size: 15px;
    width: auto;
    line-height: 24px;
}

#goBack a {
    color: rgb(150, 150, 150);
}

#pdfPath a {
    color: #0E4891;
}

.alignTop tr td,
.verticalAlignTop {
    vertical-align: top;
}

.noBreak {
    white-space: nowrap;
}

div.file,
div.file2 {
    background-image: url(/file/img/new-pdf-icon-1.svg);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    height: 10px;
    padding-bottom: 10px;
    padding-top: 6px;
    padding-left: 22px;
    padding-right: 5px;
    margin-bottom: 7px !important;
}

div.newPdfIcon {
    background-repeat: no-repeat;
    background-image: url(/file/img/pdf_icon.png);
    background-size: 22px 22px;
    height: 30px;
    width: auto;
    background-position: 0px 5px;
    padding: 6px 5px 7px 27px;
}

div.file *,
div.file2 *,
div.audio * {
    color: #0E4891;
}

div.audio {
    background-image: url(/file/img/audio.png);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    height: 25px;
    padding-bottom: 15px;
    padding-top: 2px;
    padding-left: 22px;
    margin-bottom: 15px !important;

}

.tedaEmployee {
    width: 70%;
    display: inline-block;
    padding: 45px !important;
}

.tedaImage {
    width: 30% !important;
    height: 100%;
    background-repeat: no-repeat;
    margin-left: 3px;

    background-size: contain !important;
}

.gruenenfelderImage {
    width: calc(40% - 20px) !important;
    height: 100%;
    background-repeat: no-repeat;
    margin-left: 3px;
    background-size: 100% !important;
}

.integralBox {
    width: 23% !important;
}

/*----------------------------------------------------------*/

/*HEADER*/
/*##############################################################*/

.navigationBar {
    padding-right: 15%;
    white-space: nowrap;
}

.navigationBar ul {
    height: 111px;
    line-height: 111px;
    padding-left: 0;
}

.boxListLeftRightItems {
    padding-bottom: 36px;
}

.navigationBar li {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    display: inline-block; /* li nebeneinander anzeigen */
    list-style-type: none; /* ohne Aufzählungspunkte */
    letter-spacing: 0.5px;
}

.newStandardPage .navigationBar li {
    font-size: 15px;
}

.navigationBar li:first-child {
    padding-left: 0;
}

.navigationBar li:last-child {
    padding-right: 0;
}

.navigationBar a:first-child li {
    padding-left: 0;
}

.navigationIcon {
    position: relative;
    padding: 0 15px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    box-sizing: border-box;
    background-image: none;
    border: none;
    border-radius: 0px;
    background: #fff;
    color: #ffffff
}

.subNavigationBar ul li {
    font-size: 15px !important;
    padding-left: 20px !important;
}


.tedaJubilaeumImage {
    background-image: url('/file/img/terradata/25years.svg');
    background-size: contain;
}

#jubilaeumTedaMobile {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    margin-top: 20px;
}

#jubilaeumTeda {

    position: absolute;
    width: 150px;
    height: 150px;
    top: 20px;
    transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-interpolation-mode: bicubic
}


.subNavigationBar {
    /*border-bottom: 1px solid rgb(220, 220, 220);*/
}

.subNavigationBar ul {
    height: 86px;
}

.mobileNavigation ul {
    padding-left: 0 !important;
}

.mobileNavigation ul li {
    text-transform: uppercase;
    font-size: 17px;
    list-style: none;
    padding: 18px;
    padding-left: 18px;
    border-top: 1px solid rgb(240, 240, 240);
    /*border-bottom: 1px solid rgb(200,200,200);*/
}

.mobileNavigation ul:last-child {
    border-bottom: 1px solid rgb(240, 240, 240);
}

.mobileNavigationTitle {
    color: #0E4891;
}

.arrowLeft {
    left: 15px;
    background-image: url('/file/img/arrow_left_mobile.svg');
}

.arrowRight,
.arrowLeft {
    position: absolute;
    background-repeat: no-repeat !important;
    background-position: center;
    display: inline-block;
    width: 13px;
    height: 19px;
    line-height: 60px;
}

.menuDropdown .arrowLeft {
    left: -35px;
    top: 9px;
    width: 25px;
    height: 19px;
}


.menuDropdown a.active {
    cursor: pointer;
}

.arrowRight {
    display: none;
    right: 5%;
    background-image: url('/file/img/arrow_right_mobile.svg');
}

.mobileNavigation {
    height: 100%;
    width: 100%;
    background-color: #FFF;
    opacity: 0.95;
    color: rgb(111, 111, 111);
    position: absolute;
    bottom: 0;
    z-index: 2;
    cursor: pointer;
    /*    display: table;
        table-layout: fixed;*/
    overflow: auto; /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
    /*overflow: auto*/
    /*    -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 0.75);*/
}

.mobileNavigation ul .titleLi {
    padding-left: 40px;
}

.noUppercase ul li:not(.titleLi) {
    text-transform: none !important;
}

.mobileNavigation .activeNavigationPoint:hover,
.mobileNavigation .activeNavigationPoint:hover a {
    color: #FFFFFF !important;
}

.showSubMenu:hover .navSubMenuWrapper {
    display: flex;
}

.navSubMenuWrapper {
    transform: translateX(-15px);
    box-shadow: -2px 5px 5px 0 rgb(0 0 0 / 20%);
    position: absolute;
    left: 0;
    top: 70%;
    transform-origin: top left;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: white;
}

.navSubMenuItems {
    width: 100%;
    line-height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
}

.navSubMenuItems:hover {
    background-color: #e9e9e9;
}

.navSubMenuItemsText {
    width: 100%;
    font-size: 14px;
    margin-left: 7px;
}

.companyBoxesWrapper {
    padding-top: 73px;
}

#imgTitles {
    position: absolute;
    left: 0%;
    top: 5%;
    width: 600px;
    height: 100px;
    background-color: rgba(220, 220, 220, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    font-family: 'Montserrat-Bold' !important;
}

.subMenuTopWrapper {
    position: relative;
    flex-direction: column;
    z-index: 100;
}

#slideShowArrowLeft {
    position: absolute;
    left: 1%;
    top: 48%;
    z-index: 0;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(50, 50, 50, 0.5);
    font-size: 30px;
    color: white;
    cursor: pointer;
}

#slideShowArrowRight {
    position: absolute;
    right: 1%;
    top: 48%;
    z-index: 0;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(50, 50, 50, 0.5);
    font-size: 30px;
    color: white;
    cursor: pointer;
}

.boxListLeftRightItems:not(:first-child) {
    padding-top: 94px;
}

#slideShow {
    background-position-y: top;
    transform-origin: top center;
    transform: scale(1);
}

.biggerStartPageHeader,
.biggerStartPageHeader .headerImageContainer {
    position: relative;
    height: 820px !important;
}

.stickyMenu {
    position: sticky;
    top: 0;
    left: 0;
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 660px) {
    #slideShow {
        transform: scale(1.22);
        transform-origin: top center;
        transition: none;
    }

    #slideShowArrowLeft {
        top: 30%;
    }

    #slideShowArrowRight {
        top: 30%;
    }

    .biggerStartPageHeader #slideShowArrowRight {
        top: 45%;
    }

    .biggerStartPageHeader #slideShowArrowLeft {
        top: 45%;
    }

}

@media screen and (min-width: 2100px) {
    #slideShow {
        transform: scale(1.05);
        transform-origin: top center;
        transition: none;
    }

    .biggerStartPageHeader,
    .biggerStartPageHeader .headerImageContainer {
        position: relative;
        height: 880px !important;
    }
}

@media screen and (min-width: 2300px) {
    #slideShow {
        transform: scale(1.2);
        transform-origin: top center;
        transition: none;
    }


    .biggerStartPageHeader,
    .biggerStartPageHeader .headerImageContainer {
        position: relative;
        height: 1000px !important;
    }
}

@media screen and (min-width: 2500px) {
    #slideShow {
        transform: scale(1.35);
        transform-origin: top center;
        transition: none;
    }

    .biggerStartPageHeader,
    .biggerStartPageHeader .headerImageContainer {
        position: relative;
        height: 1100px !important;
    }
}

@media screen and (min-width: 1070px) and (max-width: 1680px) {
    #slideShowArrowLeft {
        top: 45%;
    }

    #slideShowArrowRight {
        top: 45%;
    }
}

.investorRelationsText {
    margin-top: 2px;
    font-size: 15px;
    line-height: 23px;
}

.investorRelationsContact {
    padding-bottom: 5px;
}

.investorsSubtitle {
    padding-bottom: 0 !important;
    margin-top: 1.75vh !important;
}

@media screen and (max-width: 1070px) {

    .investorRelationsContact {
        padding-bottom: 20px;
    }

    #mainMobileNavigation {
        overflow-x: hidden;
    }

    .ueberUnsText, .organizationChartTextBottomRight, .organizationChartTextTopLeft, .organizationChartTextTopRight {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .gruppengesellschaftText {
        padding-left: 0 !important;
    }

    .organizationChartTitle, .companyValuesTitle {
        margin-left: 0 !important;
    }

    .mobileMenu {
        position: relative;
        box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
    }

    .navSubMenuWrapper {
        transform: translateX(0px);
        z-index: 10000;
        width: 100% !important;
        box-shadow: none;
        display: flex;
        position: relative;
    }

    .companyBoxesStartLeftMobile {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .noPaddingTopMobile {
        padding-top: 0;
    }

    .noBottomPaddingMobile {
        padding-bottom: 0;
    }

    .boxListLeftRightItems {
        padding-bottom: 0 !important;
    }

    .mobilePaddingUnderDescription {
        padding-bottom: 10px;
    }

    #organizationSVG {
        padding: 0 3%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .boxListLeftRightItems:not(:first-child) {
        padding-top: 0;
    }


    .showSubMenu .arrowRight {
        margin-top: 15px;
    }

    .showSubMenu {
        padding: 0 0 20px 0 !important;
    }

    .showSubMenu:hover {
        background-color: white !important;
    }

    .subMenuTopWrapper span:not(.navSubMenuWrapper *) {
        padding-top: 18px;
        padding-bottom: 18px;
        padding-left: 18px;
    }

    .subMenuTopWrapper span:not(.navSubMenuWrapper *):hover {
        background-color: rgb(14, 72, 145);
    }

    .subMenuTopWrapper {
        display: flex;
    }

    .navSubMenuItems {
        padding-left: 25px;
    }

    .navSubMenuItems:hover {
        background-color: rgb(14, 72, 145);
    }

    .mobileNavigation .showSubMenu div a:not(.navSubMenuWrapper *) {
        padding-bottom: 18px;
        padding-left: 18px;
    }

    .showSubMenu span:hover {
        background-color: rgb(14, 72, 145) !important;
        color: white;
    }

    .showSubMenu:hover .arrowRight {
        z-index: 1000
    }

    #imgTitles {
        width: 300px;
        height: 30px;
        font-size: 15px;
    }

    #container_module section#GrayWhiteContact .grayWhiteAddresses .companyPair .smallAddressBoxes {
        width: 33.3%;
    }

    .webGisLeftContainer {
        width: 100% !important;
    }

    .webGisRightContainer {
        padding-left: 0 !important;
        display: flex;
        flex-direction: row;
        width: 100% !important;
    }
}

@media screen and (max-width: 1070px) and (min-width: 660px) {
    #slideShowArrowLeft {
        top: 40%;
    }

    #slideShowArrowRight {
        top: 40%;
    }
}


/* IE Media Query */

@media screen and (min-width: 200px) and (max-width: 1100px) and (-ms-high-contrast: none) {
    .subMenuTopWrapper {
        display: flex;
    }

    .showSubMenu span { /* a:not(.navSubMenuItemsText) */
        padding-top: 20px;
        padding-left: 18px;
        padding-bottom: 20px;
    }

    .showSubMenu span:hover {
        background-color: rgb(14, 72, 145) !important;
        color: white;
    }

    .navigationPoint:not(.showSubMenu):hover {
        background-color: rgb(14, 72, 145) !important;
    }

    .navigationPoint:not(.showSubMenu):hover span {
        color: white;
    }
}

.mobileNavigation li:not(.noHover, .showSubMenu):hover,
.mobileNavigation li:not(.noHover, .showSubMenu):hover *,
.mobileNavigation li .mobileLanguageChooser:hover,
.mobileNavigation li .mobileLanguageChooser:hover *,
.mobileNavigation li .mobileLanguageChooser.active,
.mobileNavigation li .mobileLanguageChooser.active * {
    background-color: rgb(14, 72, 145);
    color: #fff !important;
}

.menuContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 110px;
    width: 100%;
}

.menuContainer > * {
    vertical-align: middle;
}

.menuContainer h1 {
    display: none !important;
}

.companyLogoMobile {
    margin-left: -3px;
    /*width: 280px;*/
}

.geoterra-gruppeDomainKey .companyLogoMobile {
    top: 0 !important;
}

.newStandardPage .companyLogoMobile,
.bimDomainKey .companyLogoMobile {
    /*   position: relative;
       top: 7px;*/
}

.boehlerDomainKey .companyLogoMobile {
    width: 320px;
}

.navigationBarHover {
    color: #0E4891;
}

.mobileMenuIcon {
    text-align: right;
}

.iconBar:nth-of-type(1) {
    top: -4px;
}

.iconBar:nth-of-type(2) {
    top: 0px;
}

.iconBar:nth-of-type(3) {
    top: 4px;
}

.iconBar {
    background: rgb(87, 81, 85);
    display: block;
    width: 20px;
    height: 2px;
    position: relative;
}

.arrowDown {
    display: block;
    margin-top: -40px;
    margin-left: auto;
    margin-right: auto;
}

.newStandardPage .companyLogoContainter a {
}

.bimDomainKey .companyLogoContainter a,
.bimDomainKey .companyLogo {
    margin-top: 0px !important;
}

.htbDomainKey.newStandardPage .companyLogoContainter a,
.mwvDomainKey.newStandardPage .companyLogoContainter a,
.achtgradostDomainKey.newStandardPage .companyLogoContainter a,
.studerpartnerDomainKey.newStandardPage .companyLogoContainter a,
.ubmDomainKey.newStandardPage .companyLogoContainter a {
    width: 440px;
}

.gruenenfelderDomainKey.newStandardPage .companyLogoContainter a,
.terradataDomainKey.newStandardPage .companyLogoContainter a {
    width: 402px;
}

.newStandardPage .companyLogoContainter a {
    width: 370px;
}

.newStandardPage .companyLogo {
    height: 51.3px;
    margin-top: 0;
    /*margin-top: -5px;*/
}

.boehlerDomainKey.newStandardPage .companyLogo,
.hskDomainKey.newStandardPage .companyLogo {
    width: 300px;
    margin-top: 0;
    /*margin-top: -5px;*/
}

.htbDomainKey.newStandardPage .companyLogo,
.mwvDomainKey.newStandardPage .companyLogo,
.achtgradostDomainKey.newStandardPage .companyLogo,
.studerpartnerDomainKey.newStandardPage .companyLogo,
.ubmDomainKey.newStandardPage .companyLogo,
.gruenenfelderDomainKey.newStandardPage .companyLogo,
.terradataDomainKey.newStandardPage .companyLogo {
    height: 51.3px;
    position: relative;
}

.noTextTransform {
    text-transform: none !important;
}

.companyLogoContainter a {
    display: block;
    width: 335px;
    overflow: hidden;
}

/*.boehlerDomainKey .companyLogoContainter a {
    width: 300px;
}*/

.geoterra-gruppeDomainKey .companyLogo {
    width: 280px;
    margin-top: 0;
}

.schlaepferDomainKey .companyLogoContainter a,
.brsDomainKey .companyLogoContainter a {
    width: 500px;
}

/**
only used by sping
 */
.companyLogo {
    margin-top: 10px;
    vertical-align: middle;
    height: 100%;
}


/*.bimDomainKey .companyLogo {
    width: 300px;
}*/

.newStandardPage.hskDomainKey .companyLogo,
.newStandardPage.geoterraDomainKey .companyLogo {
    /*
    margin-top: 22px;
    */
}

/*.boehlerDomainKey .companyLogo {
    width: 620px;
    margin-left: -5px;
}*/

#headerImage {
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.subSiteHeader {
    position: relative;
    width: 100%;
}

.headerImageContainer {
    position: fixed;
    top: 0;
    z-index: -1000;
    overflow: hidden;
    width: 100%;
}

.headerImageContainer > div {
    position: relative;
    width: 100%;
    height: 610px;
    background: white;
}

.subSiteHeader .headerImageContainer img {
    width: auto;
    position: absolute;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.subSiteHeader .headerImageContainer > div,
.subSiteHeader .headerImageContainer img {
    height: 860px;
}

.subSiteHeader > div.bigTitleContainer {
    width: 100%;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    z-index: -999;
}

.subSiteHeader,
.subSiteHeader > div.bigTitleContainer {
    height: 750px;
    background-size: auto 480px;
}

.containerSmallImgContainer {
    position: relative;
    width: 100%;
    height: 92px;
    padding-bottom: 10px;
    background: white;
}

.bigTitlePositioning {
    top: 0;
    padding-top: 14px;
    padding-left: 100px;
    white-space: nowrap;
    position: absolute;
}

.topBlueTitlePosition {
    padding-left: 184px;
    padding-bottom: 14px;
    position: absolute;
    bottom: 0;
}

.titleBox {
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    height: 130px;
    width: 930px;
    top: 160px;
}

.smallImgContainer {
    position: absolute;
    width: 600px;
    top: -50% !important;
    height: 92px;
}

.newStandardPage:not(.bimDomainKey) .smallImgContainer,
.newStandardPage .headerImageText,
.newStandardPage.projektePageKey .employerContainer:not(.doNotOverwriteWithCustomBimStyles),
.newStandardPage.bimDomainKey.dienstleistungenPageKey .employerContainer:not(.doNotOverwriteWithCustomBimStyles) {
    width: calc(49% - 15%);
}

.bimDomainKey.videosPageKey .employerContainer {
    width: 100% !important;
}

/*
HOTFIX
 */

.menuDropdown {
    display: none;
    height: 340px;
    position: absolute;
    z-index: 10;
    background-color: white;
    /*// 30% = rightColumn: 15% + leftColumn: 15%*/
    width: calc(100% - 30%);
    top: 95px;

    -webkit-box-shadow: 0px 15px 19px -5px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 15px 19px -5px rgba(0, 0, 0, 1);
    box-shadow: 0px 15px 19px -5px rgba(0, 0, 0, 1);
}

body.projektePageKey .menuDropdown {
    display: block;
}

body.boehlerDomainKey .menuDropdown,
body.boehlerDomainKey .navigationBar .arrowDown {
    visibility: hidden;
}

body.newsPageKey .referenceText ul {
    width: 1px;
    margin-left: 0;
    margin-bottom: 10px;
}

body.newsPageKey div.file,
body.bimDomainKey.dienstleistungenPageKey div.file {
    width: 1px;
    height: auto;
}

body.newsPageKey div.file div,
body.bimDomainKey.dienstleistungenPageKey div.file div {
    width: 1px;
    padding-left: 5px;
    white-space: nowrap;
}

body.newsPageKey img.newsEntryEmployeeImage {
    float: left;
    margin-top: 10px;
    margin-right: 20px;
    border: 1px solid rgb(200, 200, 200) !important;
    width: 118px
}

body.intranetPageKey .newsEntryEmployeeImage {
    float: right;
    margin-left: 10px;
}

body.newsPageKey .referenceText li {
    white-space: nowrap;
}

.menuDropdown h2 {
    color: #888;
}

.menuDropDownContent {
    padding-right: 65px;
    float: left;
    box-sizing: content-box; /* is needed for the Menupoint Projekte/Expertisen/Hangsicherungen on sping.ch */
}

.menuDropDownContent a {
    line-height: 40px;
    display: block;
}

#menuDropDownBox1.notSingle .menuDropDownContent,
#menuDropDownBox2 .menuDropDownContent {
    width: 49%;
}

.menuDropDownBox {
    position: absolute;
    width: auto;
    top: 10%;
    left: 4%;
}

.menuDropDownBox h3 {
    white-space: nowrap;
}

#menuDropDownBox1.notSingle,
#menuDropDownBox2 {
    width: 40%;
}

#menuDropDownBox1.notSingle h3,
#menuDropDownBox2 h3 {
    white-space: normal;
}

#menuDropDownBox2 {
    left: auto;
    right: 4%;
}

#menuDropDownLine {
    right: 50%;
    top: 12%;
    height: 70%;
    position: absolute;
    width: 1px;
    border-left: 1px solid rgb(200, 200, 200);
}

.menuDropdown,
.smallImgContainer,
.headerImageText {
    right: 15%;
}

.headerImageText.left {
    left: 15%;
}

.pageHomeSmallImg {
    right: 0;
    height: 92px;
    width: 183px;
}

.pageHomeSmallImgA {
    right: 0%;
    position: absolute;
}

.pageHomeSmallImgB {
    right: 31.5%;
    position: absolute;
}

.pageHomeSmallImgC {
    right: 63%;
    position: absolute;
}

.newStandardPage .pageHomeSmallImg {
    height: 100px;
}

.newStandardPage .pageHomeSmallImgA {
    left: 0;
    /*    left: 63%;
        position: absolute;*/
}

.newStandardPage .pageHomeSmallImgB {
    left: 33.5%;
    /*    left: 31.5%;
        position: absolute;*/
}

.newStandardPage .pageHomeSmallImgC {
    right: 0;
    /*
    left: 0%;
    */
    /*
    position: absolute;
    */
}

.newStandardPage .pageHomeSmallImg {
    background-repeat: no-repeat;
    width: 33%;
}

.pageHomeSmallImgBorder {
    border: solid 2px white;
}

.mobileMenu {
    display: none;
}

.projectsHeadContainer {
    background-color: #0E4891 !important;
    padding-top: 14px;
    display: block;
    position: relative;
}

.projectsHeadContainer,
.projectsHeadContainer *,
.projectsHeadContainer:hover h3,
.projectsHeadContainer a {
    color: white !important;
}

.projectsHeadContainer a:hover {
    color: #cbe7ff !important;
}

.projectsHeadContainer.linkHover:hover {
    opacity: 0.9;
}

/*Left and Right Spacing*/
/*##############################################################*/

.companyLogoContainter,
.fullWidthColumn,
.leftColumn {
    padding-left: 15%;
}

.newStandardPage.projektePageKey .employerContainer.even:not(.doNotOverwriteWithCustomBimStyles),
.newStandardPage.bimDomainKey.dienstleistungenPageKey .employerContainer.even:not(.doNotOverwriteWithCustomBimStyles) {
    margin-left: 15%;
}

.rightColumn,
.fullWidthColumn {
    padding-right: 15%;
}

/*FIRST
/*##############################################################*/

.contentBoxSquareImage,
.contentBoxSquareText {
    height: 160px;
}

.contentBoxSmallImage {
    height: 120px;
}

.contentBoxSquareImage,
.contentBoxSmallImage {
    width: 160px;
}

.contentBoxSquareText {
    background-color: #fff;
    border-left: none !important;
}

.contentBoxSquareText,
.contentBoxSquareText *,
.newsListTextSpacing li {
    line-height: 19px;
}

.contentContainer ul,
.firstPage ul {
    margin: 0;
    margin-left: 15px;
    padding: 0;
    list-style: none;
    overflow: visible;
    line-height: 1.25em;
}

.newStandardPage .firstPage .containerLeftWithTextPadding {
    padding-right: 0;
}

.newStandardPage:not(.bimDomainKey) .firstPage .containerLeftWithTextPadding .text {
    border: 1px solid rgb(230, 230, 230);
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.newStandardPage .firstPage .leftColumn.noPaddingBottom.containerWidth.grayBackgroundMobile {
    padding-bottom: 20px !important;
}

body.karrierePageKey .contentContainer ul {
    margin-left: 5px;
    margin-top: 10px;
}

body.karrierePageKey .contentContainer ul li {
    padding-left: 21px;
    margin-top: 5px;
}

body.karrierePageKey div.file,
body.intranetPageKey div.file {
    height: 30px;
    display: inline-block;
    padding-left: 30px;
}

.removeTitle {
    margin-bottom: 0 !important;
}

.contentContainer ul li,
.firstPage ul li {
    margin: 0;
    margin-bottom: 3px;
    padding: 0;
    background-image: url('/file/img/arrow_right.svg');
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 17px;
}

.contentContainer ul.doubleLines li {
    margin-top: 15px;
}

#referencePic {
    height: 100%;
    width: 100%;
}

.hidden {
    display: none !important;
}

.imageWithTextDistances {
    margin-left: 14px;
    padding-top: 9px;
    padding-right: 15px;
}

.bimProjectBox .leftColumn {
    margin-bottom: 15px;
}

.contentImage .borderIfOnGrayBackground,
.bimProjectBox .bigTextbox,
.grayBackgroundFull .borderIfOnGrayBackground,
.grayBackgroundLeftAndRight .borderIfOnGrayBackground,
.grayBackGroundFull .employeeImgBorderIfGrayBackground,
.grayBackgroundLeftAndRight .employeeImgBorderIfGrayBackground {
    border: 1px solid #D9D9D9;
}

.grayBackgroundMobile .borderIfOnGrayBackground {
    border: 0;
}


.titleSpacing {
    margin-bottom: 6px;
}

.companyMap {
    margin-top: 25px
}

.companyMap,
.companyMap iframe,
.bimDomainKey iframe {
    height: 400px;
}

/*###############################################*/

.newsListTextSpacing {
    padding-top: 6px;
    padding-bottom: 15px;
}

table.emptyContent .newsListTextSpacing {
    margin-top: 0;
    padding-bottom: 10px;
}

table.smallBoxes .newsListTextSpacing {
    padding-bottom: 0;
}

.boxHoverImage {
    height: 100%;
    width: 160px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.newStandardPage .boxHoverImage {
    width: 240px;
}

.servicesImage {
    height: 110px;
}

.newsAndProjectsList {
    padding-top: 13px;
    background: #fff;
}

.bigTextbox,
.newsAndProjectsList {
    padding-left: 15px;
    padding-right: 10px;
}

td.rightPart.newsAndProjectsList.additionalLink {
    padding-bottom: 13px;
}

table.smallBoxes td {
    padding-top: 9px;
}

/* The bigTextbox is the Box of the bigProjectBox */
.bigTextbox {
    /*height: 100%; REMOVED BECAUSE IT CAUSED THE DIENSTLEISTUNGEN-BOXES TO BE TOO HIGH AND SHOWING A WHITE AREA UNDER THE FOOTER */
}

.twoThirdWidth {
    width: 66.66% !important;
}

/*

/*###########################################*/

/*Footer*/
/*##################################*/

.newStandardPage #subsidiaryContainerOfFooter .aCompanyOfTheGeoterraGroup {
    margin-bottom: 60px;
}

.footerList {
    vertical-align: top;
}

.footerListStyle {
    list-style: none;
    padding-left: 0;
    margin-left: 70px;
    width: 180px;
}

.footerListStyle li {
    line-height: 25px;
    color: grey;
}

.bimDomainKey .footerLinks .containerWidth {
    width: 33%;
}

.socialMediaIcon {
    height: 40px;
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    border-radius: 7px;
    vertical-align: middle;
}

.socialMediaContainer {
    display: inline-block;
    vertical-align: middle;
}

.socialMedia td {
    width: calc(100% / 6);
}

.socialMediaAction {
    font-weight: bold;
}

.socialMediaDestination {
    font-size: 11px;
}

.socialMediaTextContainer {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 8px;
}

.socialMediaBox {
    padding: 30px;
    margin-top: 17px;
    border-top: 1px solid rgba(100, 100, 100, 0.5);
    border-bottom: 1px solid rgba(100, 100, 100, 0.5);
}

.bimException {
    padding-right: 0;
}

.bimException table {
    margin: 0 auto;
}

.footerPartnerTable {
    float: right;
}

/*#############################################*/
/*------------NOCH EXPERIMENTELL------------------*/
.blur {
    width: 100%;
    height: 2000px;
    position: fixed;
    background-color: black;
    opacity: 0.5;
    z-index: 1;

}

.categorieHistoryPage {
    width: 32%;
    float: left;
    margin-left: 2%;
    height: 120px;
    text-align: center;
    padding-top: 8px;
    background-color: rgb(240, 240, 240);
}

.companyMenuContainer {
    width: 100%;
}

.sectionsNoBorder section {
    border: 0 !important;
}

.middleEmployeeScreen {
    display: none;
}

.bigEmployeeScreen {
    /*display: flex;*/
    justify-content: space-between;
    margin-bottom: 30px;
}

.employerContainer {
    width: 32%;
    float: left;
    margin-left: 2%;
    margin-bottom: 20px;
    background: white;
}

.employerContainer.companyBoxesContainer {
    width: 49%;
}

.serviceProjectBox.employerContainer {
    width: 49%;
    margin: 0;
    margin-bottom: 2%;
}

.serviceProjectBox.employerContainer.uneven {
    margin-left: 2%;
}

.employerContainer.smallText .text {
    font-size: 15px;
    line-height: 21px;
    padding-right: 7px;
}

.employerContainer img {
    float: left;
}

.firstBoxOfARow {
    margin-left: 0%;
}

.smallEmployeeScreen {
    display: none;
}

.newStandardPage .employeeCard {
    position: relative;
}

.employeeCard {
    padding-top: 15px;
    padding-left: 15px;
    vertical-align: top;
    width: auto;
    overflow: hidden;
    height: 180px;
    border: 1px solid #E2E2E2;
    border-left: 0;
    cursor: pointer;
    position: relative;
}

.employeeName {
    margin-bottom: 4px;
}

iframe {
    border: 0;
    width: 100%;
}

#speicalEventThird ul li {
    margin-top: 12px;
}

.bimWorkshopPartnerTDWidth {
    width: 19% !important;
}

.workshopPageKey .socialMediaIcon {
    border-radius: 0 !important;
}

.workshopPageKey .socialMediaBox {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

@media (max-width: 800px) {
    #workshopForm td,
    #contactForm td,
    .divTableCell {
        display: block !important;
        float: left;
        width: 100% !important;
    }

    .divTable .divTableCell:last-child {
        padding-bottom: 20px;
    }

    .bimWorkshopPartnerTDWidth {
        width: 40% !important;
    }

    #workshopForm label {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .bimWorkshopPartnerTDWidth {
        width: 75% !important;
    }

    .workshopAppointmentCalendar .workshopParentTD {
        display: block;
        width: 100%;
    }

    .workshopAppointmentCalendar table:nth-child(1) {
        padding-left: 0 !important;
        padding-top: 20px !important;
    }

    .webGisRightContainer {
        padding-left: 0 !important;
        display: block !important;
    }
}

#dateAmountError, #systemError {
    display: none;
}

/*COMPANY - OUR VALUES/*
/*###########################################*/
#Values .fullWidthColumn {
    margin-bottom: 35px;
}

#Values .contentBox.contentContainer .fullWidthColumn {
    margin-bottom: 20px;
}

.companyValue {
    display: flex;
    align-items: flex-start;
    gap: 6%;
    margin-bottom: 40px;
}

.companyValue:last-child {
    margin-bottom: 0;
}

.companyValue img {
    width: 48%;
    min-height: 150px;
    max-height: 250px;
    object-fit: cover;
    object-position: center;
}

.companyValue .imageObjectPositionBottom {
    object-fit: cover;
    object-position: bottom;
}

.companyValueText {
    width: 48%;
}

.companyValueText p {
    margin-top: 0;
    line-height: 23px;
}

@media screen and (max-width: 1070px) {
    #Values .fullWidthColumn {
        margin-left: 4% !important;
        margin-right: 4% !important;
    }

    #Values .contentBox.contentContainer .fullWidthColumn {
        margin-bottom: 15px;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .companyValue {
        flex-direction: column;
        margin-left: 0 !important;
        margin-bottom: 20px;
    }

    .companyValue img {
        max-height: 200px;
    }

    .companyValue img, .companyValueText {
        width: 100%;
    }

    .companyValueText p {
        margin-top: 15px;
    }
}

/*EMPLOYEES/*
/*###########################################*/

/*###########################################*/

.historyContainer {
    /*padding-left: 0;*/
    /*margin-left: 15% !important;*/
}

.rightHistoryDateContainer {
    width: 48%;
    padding-right: 40px;
    /*height: 200px;*/
    text-align: right;
}

.historyLine {
    width: 80px;
    /*padding-left: 15px;*/
    /*height: 200%;*/
    vertical-align: middle;
    background-image: url(/file/img/line_1_extraLightGray.jpg);
    background-repeat: repeat-y;
    background-position: center;
}

.historyText {
    width: 48%;
    /*height: 100px;*/
    /*min-height: 100px;*/
    padding-left: 40px;
    padding: 15px;
}

.historyArrowRight,
.historyArrowLeft {
    height: 16px;
    width: 84px;
}

.historyArrowLeft {
    background-image: url('/file/img/line_history_left.svg');
}

.newGroupPage.historyArrowLeft {
    background-image: url('/file/img/line_history_left_dark.svg');
}

.historyArrowRight.historyArrowLeft {
    background-image: url('/file/img/line_history_left_dark.svg');
}

.historyArrowRight {
    background-image: url('/file/img/line_history_right.svg');
}

.newStandardPage .historyLine {
    background-image: url(/file/img/line_1_white.jpg);
}

.newStandardPage .newGroupPage.historyLine {
    background-image: url(/file/img/line_1_extraLightGray.jpg);
}

.newStandardPage .grayBackgroundFull .historyArrowLeft,
.bimDomainKey .grayBackgroundFull .historyArrowLeft {
    background-image: url('/file/img/line_history_left_white.svg');
}

.newStandardPage .grayBackgroundFull .historyArrowRight,
.bimDomainKey .grayBackgroundFull .historyArrowRight {
    background-image: url('/file/img/line_history_right_white.svg');
}

.historyShowWhenMobile {
    display: none;
}

.historyTable {
    width: 75%;
    margin-left: auto;
    margin-right: auto;

}

.rightAlign {
    text-align: right;
}

.grayBackgroundFull .employeeCard,
.grayBackgroundLeftAndRight .employeeCard {
    background-color: white;
}

.sectionsNoDisplayBlock section.contentContainer,
.sectionsNoDisplayBlock section .contentContainer {
    display: flex !important;
}

.referenceLinks {
    margin-top: 20px !important;
    margin-left: 0px !important;
}

.employeeImgBorderIfGrayBackground {
    border: 1px solid #E2E2E2;
}

.bimEmployeeImage {
    width: 144px !important;
}

.companyText {
    padding-right: 70px;
}

.employeeImage {
    font-size: 2px;
}

.employeeImage img {
    height: 180px;
}

/* this is used for two boxes in a row */
.employeeImage div.videoWidthContainer {
    width: 100%;
    float: left;
}

/* this is used for a single box in a row */
.aloneInContainer .employeeImage div.videoWidthContainer {
    width: 50%;
}

.employeeImage div.videoRatioContainer {
    width: 100%;
    padding-bottom: 56.25%; /* for 16:9 ratio */
    position: relative;
}

.employeeImage iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.partnerImage {
    height: 170px !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 300px
}

.pageAnchor {
    position: absolute
}

.pageAnchor > a {
    position: absolute;
    top: -60px
}

section.firstPage .leftColumn .contentBox .text {
    padding-bottom: 10px;
}

.noScroll {
    overflow: hidden !important;
    position: fixed !important;

}

.hide {
    display: none !important;
}

.companyBackground {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
}

.borderLeft {
    border-left: 1px solid #E2E2E2;
}

.companyImageContainer {
    padding: 0 !important;
}

.showWhenMobile,
.showWhenExtraSmall {
    display: none;
}

.mobileSmallGallery {
    margin-top: -4px;
}

.mobileSmallGallery .smallGalleryElements {
    /* display: table-cell !important;*/
}

/*
---------------------------------------------------------------------------
Contact
---------------------------------------------------------------------------
*/

.newStandardPage #Contact div.smallAddressBoxes,
.newStandardPage #GrayWhiteContact div.smallAddressBoxes,
.newStandardPage #subsidiaryContainerOfFooter div.smallAddressBoxes {
    padding: 0 !important;
}

#Contact div.companyPair
#GrayWhiteContact div.companyPair {
    margin-top: 40px;
}

#Contact div.smallAddressBoxes,
#GrayWhiteContact div.smallAddressBoxes,
.newStandardPage #subsidiaryContainerOfFooter div.smallAddressBoxes {
    width: 16.66%;
    display: inline-table;
    margin-bottom: 20px;
}

.newStandardPage #subsidiaryContainerOfFooter div.smallAddressBoxes,
.newStandardPage #Contact div.smallAddressBoxes,
.newStandardPage #GrayWhiteContact div.smallAddressBoxes {
    margin-bottom: 35px;
}

.boehlerDomainKey #Contact div.smallAddressBoxes,
.boehlerDomainKey #GrayWhiteContact div.smallAddressBoxes,
.newStandardPage #Contact div.smallAddressBoxes,
.newStandardPage #GrayWhiteContact div.smallAddressBoxes,
.newStandardPage #subsidiaryContainerOfFooter div.smallAddressBoxes {
    width: 33.322%;
}

.geoterra-gruppeDomainKey.newStandardPage #Contact div.smallAddressBoxes,
.geoterra-gruppeDomainKey.newStandardPage #GrayWhiteContact div.smallAddressBoxes,
.bimDomainKey.newStandardPage #subsidiaryContainerOfFooter div.smallAddressBoxes {
    width: 49.322%;

}

.fullWidthAddresses {
    width: 100% !important;
}

.newStandardPage #Contact .fullWidthAddresses div.smallAddressBoxes,
.newStandardPage #GrayWhiteContact .fullWidthAddresses div.smallAddressBoxes {
    width: 20%;
}

#Contact div.smallBox,
#GrayWhiteContact div.smallBox {
    width: 20%;
    height: 160px;
    float: left;
    margin-bottom: 25px;
}

#Contact div.getBigBox,
#GrayWhiteContact div.getBigBox {
    width: 100%;
}

.footerContactBox {
    width: 20%;
    margin-left: auto;
    margin-right: auto;
}

.partnerImageFooter {
    height: 56px;
    width: 195px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    margin-bottom: 23px;
    background-position: right;

    -ms-interpolation-mode: bicubic;
}

/*
--------------------------------------------------------------------------
---------------------------------------------------------------------------
*/

.detailGalleryBottomSpacing {
    margin-bottom: 15px;
}

.shareButton {
    line-height: 32px;
    margin: 0 auto;
    display: inline-block;
    pointer-events: all;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.shareButton.notAbsolute {
    position: static !important;
}

.newsShareButton {
    margin-left: 20px;
    top: 5px;
    position: relative !important;
}

.jobsShareButton {
    margin-left: 0;
    float: right;
    right: 0;
    position: relative;
    left: 2px;
}

.jobsShareButton.a2a_default_style a {
    padding: 0;
!important;
}

.newsShareButton img {
    height: 19px;
}

.grayBackgroundFull .shareButtonActive {
    background-image: url("/file/img/icons/share-white.svg") !important;
}

.grayBackgroundFull .shareButtonNotActive {
    background-image: url("/file/img/icons/share.svg") !important;
}

*:not(.grayBackgroundFull) .shareButtonActive {
    background-image: url("/file/img/icons/share.svg") !important;
}

*:not(.grayBackgroundFull) .shareButtonNotActive {
    background-image: url("/file/img/icons/share-white.svg") !important;
}

.a2a_menu a {
    color: black !important;
}

/**BOEHLER DEMO */
.newStandardPage h1.grayTitle,
.newStandardPage h1.blueTitle {
    font-weight: bold;
}

.newStandardPage h1.blueTitle {
    bottom: -52px;
}

.companyBox {
    height: 70px !important;
}

.companyBoxesContainer {
    margin-bottom: 2%;
}

.employeeContainer .companyBoxesContainer:last-child {
    margin-bottom: 5%;
}

.hideSlider .iis-previous-nav,
.hideSlider .iis-next-nav {
    display: none !important;
}

/*.boehlerDomainKey .subSiteHeader {
    height: 704px ;
}*/

/** BOEHLER DEMO

*/

.newStandardPage .subSiteHeader .headerImageContainer > div,
.newStandardPage .subSiteHeader:not(.bim) .headerImageContainer img {
    height: 822px !important;
}

.newStandardPage .subSiteHeader:not(.biggerStartPageHeader, .twentytwenyContainer):not(.bim),
.newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) > div.bigTitleContainer,
#iis-slider {
    height: 712px !important; /*img - header-size (110px) */
}

.boehler.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/boehler_black.svg') !important;
}


.ubm.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/ubm_black_2022.svg') !important;
}

.wiesendanger.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/wiesendanger_black.svg') !important;
}

.bim.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/bim_black_2022.svg') !important;
}

.geoinfra.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/geoinfra_black_2022.svg') !important;
}

.mwv.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/mwv_black_2022.svg') !important;
}

.erd.companyBackground:hover {
    background-image: url('/file/img/grouppage/erd.svg') !important;
}

.geoterra.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/geoterra_black.svg') !important;
}

.hsk.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/hsk_black.svg') !important;
}

.terradata.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/terradata_black_2022.svg') !important;
}

.mes.companyBackground:hover {
    background-image: url('/file/img/grouppage/mes.svg') !important;
}

.htb.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/htb_black_2022.svg') !important;
}

.allgeol.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/allgeol_2022_black.svg?1700000000') !important;
}

.schlaepfer.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/schlaepfer_black.svg') !important;
}

.schlaepfer_new.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/schlaepfer_new_black_2022.svg') !important;
}


.geocasa.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/geocasa_black1_2022.svg') !important;
}

.studerpartner.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/studerpartner_black_2022.svg') !important;
}

.gruenenfelder.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/gruenenfelder_black_2022.svg') !important;
}

.swisstraffic.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/swisstraffic_black1_2022.svg') !important;
}

.achtgradost.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/achtgradost_black_2022.svg') !important;
}

.sbu1.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/sbu_black1_2022.svg') !important;
}

.fritzundpartner.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/fritzundpartner_2022_black.svg') !important;
}

.am-plan.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/am-plan_black_2022.svg') !important;
}

.iek.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/iek_2022_black.svg') !important;
}


.dataver.companyBackground:hover {
    background-image: url('/file/img/grouppage/white/dataver_black1_2022.svg') !important;
}


/**
This is used for the projects-boxes on the start page
**/

.mobileTD:first-child {
    width: 1px;
}

@media (max-width: 3380px) {

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 920px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 810px; /*img - header-size (110px) */
    }
}

@media (max-width: 3130px) {

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 865px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 755px; /*img - header-size (110px) */
    }
}

@media (max-width: 2970px) {

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 825px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 715px; /*img - header-size (110px) */
    }
}

@media (max-width: 2820px) {

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 785px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 675px; /*img - header-size (110px) */
    }
}

@media (max-width: 2650px) {

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 755px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 645px; /*img - header-size (110px) */
    }
}

@media (max-width: 2550px) {

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 725px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 615px; /*img - header-size (110px) */
    }
}

@media (max-width: 2380px) {

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 690px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 580px; /*img - header-size (110px) */
    }
}

@media (min-width: 2300px) {
    .newStandardPage .smallImgContainer .pageHomeSmallImg {
        max-width: 250px;
    }

    .newStandardPage .pageHomeSmallImgB {
        left: 254px;
    }

    .newStandardPage .pageHomeSmallImgC {
        left: 508px;
    }
}

@media (max-width: 2280px) {

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 660px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 550px; /*img - header-size (110px) */
    }
}

@media (max-width: 2180px) {

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 630px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 510px; /*img - header-size (110px) */
    }
}

@media (max-width: 2080px) {

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 605px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 495px; /*img - header-size (110px) */
    }
}

@media (max-width: 1980px) {

    .newStandardPage .subSiteHeader:not(.bim),
    .newStandardPage .subSiteHeader > div.bigTitleContainer {
        height: 822px;
    }

    .newStandardPage .subSiteHeader:not(.bim),
    .newStandardPage .subSiteHeader > div.bigTitleContainer {
        height: 712px; /*img - header-size (110px) */
    }

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 580px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 470px; /*img - header-size (110px) */
    }

    .newStandardPage.bimDomainKey.PageKey .subSiteHeader,
    .newStandardPage.bimDomainKey.PageKey .subSiteHeader > div.bigTitleContainer {
        height: 800px !important;
    }

    .newStandardPage.bimDomainKey.PageKey .subSiteHeader .headerImageContainer > div {
        height: 912px !important;

    }

    /* .boehlerDomainKey .headerImageContainer img,
     .boehlerDomainKey .subSiteHeader .headerImageContainer > div,
     .boehlerDomainKey .subSiteHeader .headerImageContaine r img
     {
         height: 812px;
     }*/
    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
}

@media (max-width: 1880px) {

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 560px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 450px; /*img - header-size (110px) */
    }
}

@media (max-width: 1780px) {

    .newStandardPage:not(.bimDomainKey) .smallImgContainer,
    .newStandardPage .headerImageText,
    .newStandardPage.projektePageKey .employerContainer:not(.doNotOverwriteWithCustomBimStyles),
    .newStandardPage.bimDomainKey.dienstleistungenPageKey .employerContainer:not(.doNotOverwriteWithCustomBimStyles) {
        width: calc(49% - 10%);
    }

    #jubilaeumTeda {
        width: 120px;
        height: 120px;
        top: 40px;
    }


    .titleBox {
        top: 100px;
    }

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 540px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 430px; /*img - header-size (110px) */
    }

    .menuDropdown a {
        line-height: 33px !important;
    }

    .menuDropdown {
        height: 300px;
    }

    .menuDropdown .arrowLeft {
        top: 7px;
    }
}

@media (max-width: 1680px) {

    .newStandardPage.bimDomainKey.PageKey .subSiteHeader,
    .newStandardPage.bimDomainKey.PageKey .subSiteHeader > div.bigTitleContainer {
        height: 600px !important;
    }

    .newStandardPage.bimDomainKey.PageKey .subSiteHeader .headerImageContainer > div {
        height: 712px !important;

    }

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 510px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 400px; /*img - header-size (110px) */
    }

    .menuDropdown a {
        line-height: 30px !important;
    }

    .menuDropdown {
        height: 280px;
    }

    .menuDropdown .arrowLeft {
        top: 5px;
    }

    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) .headerImageContainer > div,
    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) .headerImageContainer img,
    #iis-slider {
        height: 722px !important;
    }

    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim),
    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) > div.bigTitleContainer {
        height: 612px !important; /*img - header-size (110px) */
    }

}

@media (max-width: 1550px) {

    .ueberUnsText, .organizationChartTextBottomRight, .organizationChartTextTopLeft, .organizationChartTextTopRight {
        margin-left: 5%;
        margin-right: 5%;
    }

    .gruppengesellschaftText {
        padding-left: 5%;
    }

    .organizationChartTitle, .companyValuesTitle {
        margin-left: 2%;
    }

    .newStandardPage:not(.bimDomainKey) .smallImgContainer,
    .newStandardPage .headerImageText,
    .newStandardPage.projektePageKey .employerContainer:not(.doNotOverwriteWithCustomBimStyles),
    .newStandardPage.bimDomainKey.dienstleistungenPageKey .employerContainer:not(.doNotOverwriteWithCustomBimStyles) {
        width: calc(49% - 7%);
    }

    .titleBox {
        top: 90px;
    }

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 480px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 370px; /*img - header-size (110px) */
    }

    .menuDropdown a {
        line-height: 25px !important;
    }

    .menuDropdown h3 {
        font-size: 15px;
    }

    .menuDropdown {
        height: 250px;
    }

    .menuDropdown .arrowLeft {
        top: 4px;
    }
}

@media (max-width: 1450px) {

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 455px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 365px; /*img - header-size */
    }

    .menuContainer {
        height: 90px;
    }

    .menuDropdown a {
        line-height: 28px !important;
    }

    .menuDropdown .wrap {
        margin-top: 18px !important;
    }

    .menuDropdown {
        top: 75px;
        height: 240px;
    }

    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) .headerImageContainer > div,
    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) .headerImageContainer img,
    #iis-slider {
        height: 622px !important;
    }

    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim),
    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) > div.bigTitleContainer,
    #iis-slider {
        height: 512px !important; /*img - header-size (110px) */
    }

}

@media (max-width: 1350px) {

    .newStandardPage .companyLogo {
        height: 35px !important;
        width: auto !important;
    }

    .htbDomainKey.newStandardPage .companyLogoContainter a,
    .mwvDomainKey.newStandardPage .companyLogoContainter a,
    .achtgradostDomainKey.newStandardPage .companyLogoContainter a,
    .studerpartnerDomainKey.newStandardPage .companyLogoContainter a,
    .ubmDomainKey.newStandardPage .companyLogoContainter a,
    .gruenenfelderDomainKey.newStandardPage .companyLogoContainter a {,
    width: 300 px;
    }

    /*.htbDomainKey.newStandardPage .companyLogo {*/
    /*    width: 300px !important;*/
    /*}*/
    /*  .newStandardPage.geoterra-gruppeDomainKey .companyLogo {
          width: 295px !important;
      }*/
    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 435px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 365px; /*img - header-size */
    }

    .menuContainer {
        height: 70px;
    }

    .menuDropdown {
        top: 65px;
    }
}

@media (max-width: 1200px) {

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 400px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 330px; /*img - header-size */
    }

    .menuDropdown a {
        line-height: 24px !important;
    }

    .menuDropdown h3 {
        font-size: 15px;
    }

    .menuDropdown {
        height: 210px;
    }

    .menuDropdown .arrowLeft {
        top: 2px;
    }

    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) .headerImageContainer > div,
    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) .headerImageContainer img,
    #iis-slider {
        height: 522px !important;
    }

    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim),
    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) > div.bigTitleContainer {
        height: 412px !important; /*img - header-size (110px) */
    }
}

@media (max-width: 1780px) {

    .companyLogoContainter,
    .leftColumn,
    .fullWidthColumn {
        padding-left: 10%;
    }

    .newStandardPage.projektePageKey .employerContainer.even:not(.doNotOverwriteWithCustomBimStyles),
    .newStandardPage.bimDomainKey.dienstleistungenPageKey .employerContainer.even:not(.doNotOverwriteWithCustomBimStyles) {
        margin-left: 10%;
    }

    .navigationBar,
    .rightColumn,
    .fullWidthColumn {
        padding-right: 10%;
    }

    .menuDropdown {
        width: calc(100% - 20%);
    }

    .menuDropdown,
    .smallImgContainer,
    .headerImageText {
        right: 10%;
    }

    .headerImageText.left {
        left: 10%;
    }

    .smallAddressBoxes {
        font-size: 14px;
        padding: 10px;
    }
}

/*###########################################*/

@media (max-width: 1550px) {

    .newStandardPage .employee .employerContainer {
        width: 47%;
        margin-left: 2%;
    }

    .newStandardPage .employee .employeeDivison {
        margin-left: 2%;
    }

    /*    .htbDomainKey .companyLogo {
            width: 320px;
        }*/
    .serviceProjectBox {
        width: 47%;
        margin-left: 2%;
    }

    .navigationBar li {
        padding-left: 15px;
        padding-right: 15px;
    }

    .navigationBar,
    .rightColumn,
    .fullWidthColumn {
        padding-right: 7%;
    }

    .navigationBar.tedaJubilaeum {
        padding-right: 10%
    }


    .companyLogoContainter,
    .leftColumn,
    .fullWidthColumn {
        padding-left: 7%;
    }

    #Values .fullWidthColumn {
        margin-left: 2%;
    }

    .newStandardPage.projektePageKey .employerContainer.even:not(.doNotOverwriteWithCustomBimStyles),
    .newStandardPage.bimDomainKey.dienstleistungenPageKey .employerContainer.even:not(.doNotOverwriteWithCustomBimStyles) {
        margin-left: 7%;
    }

    .menuDropdown {
        width: calc(100% - 14%);
    }

    .menuDropdown,
    .smallImgContainer,
    .headerImageText {
        right: 7%;
    }

    .headerImageText.left {
        left: 7%;
    }

    h2,
    .bigTextTitle {
        font-size: 23px;
        /*padding-left: 4px => taken out because it was to far right in the bim-employee boxes*/
    }

    .projectBottomGallery:last-child {
        margin-right: 7.2%;
    }

    .projectBottomGallery {
        max-width: 180px !important;
    }
}

/*###########################################*/

@media (max-width: 1430px) {

    .containerSmallImgContainer h1.grayTitle,
    .containerSmallImgContainer h1.blueTitle {
        font-size: 30px !important;
    }

    .bimDomainKey .companyLogoContainter a,
    .bimDomainKey .companyLogo {
        width: 280px;
        margin-top: 0px !important;
    }

    .newStandardPage .companyLogoContainter a {
        width: 300px;
    }

    /*.newStandardPage .companyLogo {*/
    /*    width: 300px*/
    /*}*/
    /*.boehlerDomainKey.newStandardPage .companyLogo,*/
    /*.hskDomainKey.newStandardPage .companyLogo {*/
    /*    width: 220px*/
    /*}*/
    .newStandardPage:not(.bimDomainKey) .smallImgContainer,
    .newStandardPage .headerImageText,
    .newStandardPage.projektePageKey .employerContainer:not(.doNotOverwriteWithCustomBimStyles),
    .newStandardPage.bimDomainKey.dienstleistungenPageKey .employerContainer:not(.doNotOverwriteWithCustomBimStyles) {
        width: calc(49% - 8%);
    }

    /*    .newStandardPage .companyLogoContainter a {
            width: 396px;
        }

        .newStandardPage .companyLogo {
            width: 396px;
        }*/
    .newStandardPage.geoterra-gruppeDomainKey .companyLogoContainter a {
        width: 285px;
    }

    .newStandardPage.geoterra-gruppeDomainKey .companyLogo {
        width: 230px;
    }

    .bigTitleContainer h1.bigTitle,
    .bigTitleContainer h1.smallTitle {
        font-size: 34px !important;
    }

    .navigationBar li {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px;
    }

    .titleBox {
        top: 110px;
        height: 100px;
        width: 720px;
    }

    .bigTitlePositioning {
        padding-top: 6px;
    }

    .topBlueTitlePosition {
        padding-bottom: 6px;
    }

    body {
        font-size: 14px;
    }

    .text {
        line-height: 20px;
    }

    .navigationBar,
    .rightColumn,
    .fullWidthColumn {
        padding-right: 8%;
    }

    .navigationBar.tedaJubilaeum {
        padding-right: 12%;
    }

    #jubilaeumTeda {
        width: 110px;
        height: 110px;
        top: 10px;
        margin-left: 30px;
    }

    .companyLogoContainter,
    .leftColumn,
    .fullWidthColumn {
        padding-left: 8%;
    }

    .newStandardPage.projektePageKey .employerContainer.even:not(.doNotOverwriteWithCustomBimStyles),
    .newStandardPage.bimDomainKey.dienstleistungenPageKey .employerContainer.even:not(.doNotOverwriteWithCustomBimStyles) {
        margin-left: 8%;
    }

    .companyLogoContainter a {
        width: 250px;
    }

    /* .boehlerDomainKey .companyLogoContainter a {
         width: 220px;
     }*/
    .schlaepferDomainKey .companyLogoContainter a {
        width: 400px;
    }

    .companyLogo {
    }

    /*  .boehlerDomainKey .companyLogo {
          width: 530px;
      }*/
    .menuDropdown {
        width: calc(100% - 16%);
    }

    .menuDropdown,
    .smallImgContainer,
    .headerImageText {
        right: 8%;
    }

    .headerImageText.left {
        left: 8%;
    }

    .footerListStyle {
        width: 140px;
    }

    #topMouseOverArea {
        top: -20px;
    }

    .employerContainer.smallText {
        width: 49%;
        margin-left: 0;
    }

    .employerContainer.smallText:nth-child(even) {
        margin-left: 2%;
    }

    .employerContainer.smallText .text {
        padding-right: 15px;
    }

}

/*###########################################*/

@media (max-width: 1250px) {

    .newStandardPage .companyLogoContainter a {
        width: 230px;
    }

    /*.newStandardPage .companyLogo {*/
    /*    width: 230px !important;*/
    /*}*/
    .newStandardPage.hskDomainKey .companyLogo,
    .newStandardPage.geoterraDomainKey .companyLogo {
        /*
        margin-top: 18px;
        */
    }

    .newStandardPage:not(.bimDomainKey) .smallImgContainer {
        top: -66% !important;
    }

    .newStandardPage:not(.bimDomainKey) .smallImgContainer,
    .newStandardPage .headerImageText,
    .newStandardPage.projektePageKey .employerContainer:not(.doNotOverwriteWithCustomBimStyles),
    .newStandardPage.bimDomainKey.dienstleistungenPageKey .employerContainer:not(.doNotOverwriteWithCustomBimStyles) {
        width: calc(49% - 3%);
    }

    /*  .newStandardPage .companyLogoContainter a {
          width: 295px;
      }

      .newStandardPage .companyLogo {
          width: 290px;
      }*/
    .titleBox {
        display: none;
    }

    .partnerImage {
        height: 140px !important;
    }

    .navigationBar,
    .rightColumn,
    .fullWidthColumn {
        padding-right: 3%;
    }


    .navigationBar.tedaJubilaeum {
        padding-right: 16%;
    }


    #jubilaeumTeda {
        margin-left: 10px;
    }

    .companyLogoContainter,
    .leftColumn,
    .fullWidthColumn {
        padding-left: 3%;
    }

    .newStandardPage.projektePageKey .employerContainer.even:not(.doNotOverwriteWithCustomBimStyles),
    .newStandardPage.bimDomainKey.dienstleistungenPageKey .employerContainer.even:not(.doNotOverwriteWithCustomBimStyles) {
        margin-left: 3%;
    }

    .companyLogoContainter a {
        width: 250px;
    }

    /*.boehlerDomainKey .companyLogoContainter a {
        width: 220px;
    }*/
    .companyLogo {
        width: 350px;
    }

    .menuDropdown {
        width: calc(100% - 6%);
    }

    .menuDropdown,
    .smallImgContainer,
    .headerImageText {
        right: 3%;
    }

    .smallImgContainer {
        width: 460px;
        height: 70px;
    }

    .containerSmallImgContainer {
        height: 70px;
    }

    /*    .boehlerDomainKey .containerSmallImgContainer.startPageHeaderContainer {
            height: 104px;
        }*/
    .containerSmallImgContainer.subSiteHeaderContainer {
        margin-bottom: -30px !important;
    }

    .newStandardPage .containerSmallImgContainer.subSiteHeaderContainer {
        margin-bottom: 0px !important;
    }

    .pageHomeSmallImg {
        height: 70px;
        width: 140px;
    }

    .containerSmallImgContainer h1.blueTitle,
    .containerSmallImgContainer h1.grayTitle {
        font-size: 30px !important;
    }

    .containerSmallImgContainer h1.grayTitle {
        right: 480px;
        bottom: -31px;
    }

    .containerSmallImgContainer h1.blueTitle {
        bottom: -70px;
        right: -113px;
    }

    .boehlerDomainKey .containerSmallImgContainer h1.blueTitle,
    .brsDomainKey .containerSmallImgContainer h1.blueTitle {
        width: 500px;
    }

    #Contact div.smallAddressBoxes,
    #GrayWhiteContact div.smallAddressBoxes {
        width: 20%;
    }

}

.companyLogoLargerBox {
    height: 100px !important;
}

@media (max-width: 1150px) {

    .newStandardPage.bimDomainKey.PageKey .subSiteHeader,
    .newStandardPage.bimDomainKey.PageKey .subSiteHeader > div.bigTitleContainer {
        height: 350px !important;
    }

    .newStandardPage.bimDomainKey.PageKey .subSiteHeader .headerImageContainer > div {
        height: 462px !important;

    }

    /*   .htbDomainKey .companyLogoContainter a {
           width: 180px;
       }
       .htbDomainKey .companyLogo {
           width: 175px;
       }*/
    body:not(.bimDomainKey) .employerContainer {
        margin-left: 2%;
    }

    .employerContainer {
        width: 47%;

    }

    body:not(.bimDomainKey) .employeeDivison {
        margin-left: 2%;
    }
}

/*
###########################################
HERE WE SWITCH TO THE ONE-COLUMN LAYOUT!
###########################################
*/

@media (max-width: 1070px) {

    .tedaEmployee,
    .tedaImage {
        display: block;
    }

    .tedaEmployee {
        padding: 15px !important;
    }

    .tedaImage {
        width: 100% !important;
        height: 120px;
        background-size: 50% !important;
        border-bottom: 1px solid #E2E2E2;
    }

    .gruenenfelderImage {
        width: 100% !important;
        height: 120px;
        background-size: 60% !important;
        border-bottom: 1px solid #E2E2E2;
    }

    .integralBox {
        width: 100% !important;
    }

    .containerSmallImgContainer h1.grayTitle,
    .containerSmallImgContainer h1.blueTitle {
        display: none !important;
    }

    .blockWhenMobile {
        display: block;
    }

    .blockWhenMobile.importantBlock {
        display: block !important;
    }

    #serviceFilter {
        margin: 0 auto;
        display: block;
    }

    .bimDomainKey.videosPageKey .employerContainer {
        float: none !important;
        margin-left: 0% !important;

    }

    .employerContainer {
        margin-left: 2%;
    }

    .employerContainer.containerWidthForThree {
        margin-left: 0 !important;
    }

    .employerContainer {
        width: 47%;

    }

    .employeeDivison {
        margin-left: 2%;
    }

    .activateHoverOverTR:hover > .boxHoverImage,
    .activateHoverOverTR:hover td .boxHoverImage,
    .activateHoverOverTR:hover div.td .boxHoverImage,
    .activateHoverForBigBox:hover .projectImg,
    .employerContainer:hover div {
        opacity: 0.55 !important;

    }

    .footerPartnerTable tr {
        display: inline-block;
    }

    .partnerImageFooter {
        width: 160px;
        background-position: center !important;
    }

    .newStandardPage .companyLogoMobile {
        top: 6px !important;
        height: 33px;
    }

    .companyLogoMobile {
        height: 33px;
    }

    /*.newStandardPage.htbDomainKey .companyLogoMobile,*/
    /*.newStandardPage.hskDomainKey .companyLogoMobile {*/
    /*    width: 150px;*/
    /*}*/
    /*.newStandardPage.boehlerDomainKey .companyLogoMobile,*/
    /*.newStandardPage.geoterra-gruppeDomainKey .companyLogoMobile,*/
    /*.newStandardPage.geocasaDomainKey .companyLogoMobile {*/
    /*    width: 160px;*/
    /*}*/
    .geoterra-gruppeDomainKey.newStandardPage .companyLogoMobile {
        top: 0 !important;
    }

    .employeeMobileLineHeight {
        line-height: 17px !important;
    }

    .employeeName {
        margin-bottom: 0px;
    }

    .newStandardPage #Contact .fullWidthAddresses div.smallAddressBoxes,
    .newStandardPage #GrayWhiteContact .fullWidthAddresses div.smallAddressBoxes {
        width: 33%;
    }

    .newStandardPage .containerSmallImgContainer {
        position: absolute !important;
    }

    /*.newStandardPage.projektePageKey .containerSmallImgContainer,*/
    /*.newStandardPage.bimDomainKey.dienstleistungenPageKey .containerSmallImgContainer {*/
    /*    position: relative !important;*/
    /*}*/
    .employerContainer.companyBoxesContainer {
        width: 100%;
        margin-left: 0 !important;
    }

    .serviceProjectBox.employerContainer {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .serviceProjectBox.employerContainer.uneven {
        margin-left: 0;
    }

    .newStandardPage .pageHomeSmallImg {
        height: 85px !important;
    }

    .newStandardPage:not(.bimDomainKey) .smallImgContainer {
        width: calc(50%);
        height: 95px;
    }

    .newStandardPage .smallImgContainer {
        top: -60% !important;
    }

    .newStandardPage .headerSection {
        margin-top: 55px !important;
    }

    .schlaepferDomainKey #mobile_topMenu_projekte {
        display: none !important;
    }

    .newStandardPage .firstPage .containerLeftWithTextPadding {
        margin-bottom: 40px;
        padding-bottom: 40px;
    }

    .companyBackground {
        background-size: 50%;
    }

    .boehlerDomainKey .containerSmallImgContainer.subSiteHeaderContainer,
    .bimDomainKey .containerSmallImgContainer.subSiteHeaderContainer {
        margin-bottom: -30px !important;
    }

    .bimDomainKey .footerLinks .containerWidth {
        width: 100%;
    }

    .noMarginTopMobile {
        margin-top: 0 !important;
    }

    .bimException table {
        margin: 0;
    }

    .footerPartnerTable {
        float: none;
    }

    .partnerImageFooter {
        background-position: left;
    }

    .hideWhenMobile {
        display: none !important;
    }

    .showWhenMobile {
        display: block !important;
    }

    .fullWidthWhenMobile {
        width: 100% !important;
    }

    .bimDomainKey .smallerColumnSpaceWhenMobile {
        margin-bottom: 0px;
    }

    .absoluteDesktop {
        position: fixed !important;
    }

    #brsVideo {
        margin-top: 44px;
    }

    body.projektePageKey .menuDropdown {
        display: none !important;
    }

    .containerSmallImgContainer h1.blueTitle,
    .containerSmallImgContainer h1.grayTitle {
        font-size: 30px !important;
    }

    .containerSmallImgContainer h1.grayTitle {
        right: 440px;
        bottom: 7px;
    }

    .containerSmallImgContainer h1.blueTitle {
        bottom: -25px;
    }

    .boehlerDomainKey .containerSmallImgContainer h1.blueTitle,
    .brsDomainKey .containerSmallImgContainer h1.blueTitle {
        width: 330px;
    }

    h1.hideForMobile {
        display: none !important;
    }

    h1.noTopPaddingForMobile {
        padding-top: 0 !important;
    }

    .leftRightSection .rightColumn .contentBox {
        margin-top: 18px;
    }

    .fullWidthColumn .contentBox {
        margin-bottom: 30px;
    }

    .processSubmenu span.arrowStart {
        display: none;
    }

    .processSubmenu span.arrowEnd {
        display: none;
    }

    .processSubmenu span span.text,
    .processSubmenu span.arrowTitle {
        margin-left: 0;
    }

    .processSubmenuContainer {
        width: 100%;
    }

    .companyMap,
    .companyMap iframe,
    .bimDomainKey iframe {
        height: 300px;
    }

    .arrowRight {
        display: inline-block;
    }

    #goBack {
        background-position: 0px 8px;
    }

    .detailsDiv {
        width: 50% !important;
        float: left;
    }

    #projectDetails {
        /*height: 160px;*/
    }

    .bottomOfPageMobile {
        padding-left: 18% !important;
        margin-bottom: 30px;
    }

    .textMargin {
        margin-top: 10px !important;
    }

    #projectDetails {
        padding-top: 0px !important;
    }

    .gallerySection {
        padding-top: 3.3% !important;
        padding-bottom: 3.3% !important;
        border: none !important;
    }

    .projectBottomGallery div.contentBox {
        width: 100%;
    }

    .projectBottomGallery {
        padding: 0 !important;
    }

    .projectBottomGallery {
        margin-left: 2% !important;
    }

    .projectBottomGallery:last-child {
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }

    #projectDetails .contentBox {
        padding-left: 0 !important;
    }

    .columnSpace {
        margin-bottom: 30px;
    }

    body {
        font-size: 15px;
    }

    h1 {
        padding-top: 20px !important;
        margin-top: 0;
    }

    section {
        padding-bottom: 0px !important;
    }

    .spaceSectionForSubReferences {
        padding-bottom: 30px !important;
    }

    #projectFirstSection {
        padding-bottom: 30px !important;
    }

    .hasBorderAtTheBottomWhenMobile {
        border-bottom: 1px solid #D9D9D9;
    }

    .menuDropdown {
        display: none;
    }

    .mobileWhiteBackground {
        background-color: #fff !important;
    }

    .mobileWhiteBackground .grayBackgroundMobile {
        background-color: #fff !important;
    }

    .grayBackgroundMobile .borderIfOnGrayBackground,
    .mobileWhiteBackground .borderIfMobile {
        border: 1px solid #D9D9D9;
    }

    .grayBackgroundMobile .borderIFWhiteBackGround {
        border: 1px solid white !important;
    }

    .right:not(.noBottomPaddingMobile) {
        background-color: #fff;
        padding-bottom: 36px;
    }

    .grayBackgroundLeftAndRight .right {
        background-color: transparent;
    }

    .noBorder {
        border: none !important;
    }

    .noPaddingBottom {
        padding-bottom: 0 !important;
    }

    .mobileWhiteBox {
        background-color: #fff !important;
    }

    body:not(.newStandardPage) .mobileWhiteBackground * {
        background-color: #fff !important;
        /*border: 0 !important;*/
    }

    .menuSection {
        position: fixed;
        top: 0;
        z-index: 2;
    }

    .newStandardPage .menuSection {
        z-index: 10;
    }

    .iis-previous-nav,
    .iis-next-nav {
        top: 58% !important;
    }

    .contentContainer {
        display: block;
    }

    section.leftRightSection.contentContainer,
    section.leftRightSection .contentContainer {
        padding-top: 3% !important;
    }

    .contentBox,
    .standardImageMobil,
    .standardImage {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
    }

    .newsListTextSpacing {
        padding-top: 2px;
    }

    .notMobile {
        display: none;
    }

    .companyLogoMobileContainer {
        padding-left: 13px;
    }

    .menuContainer {
        display: block;
        height: 54px;
    }

    .menuDropdown {
        top: 40px;
    }

    .bigTextbox {
        margin-bottom: 15px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 15px;
    }

    .navigationBar {
        display: none;
    }

    .mobileMenu {
        display: table !important;
    }

    .companyLogoContainter {
        display: none;
    }

    .mobileNavigation {
        position: fixed;
        background-attachment: fixed;
    }

    .pageHomeSmallImgimgBorder {
        border: solid 1px white;
    }

    .leftColumn,
    .fullWidthColumn {
        padding-left: 0;
    }

    .newStandardPage.projektePageKey .employerContainer.even:not(.doNotOverwriteWithCustomBimStyles),
    .newStandardPage.bimDomainKey.dienstleistungenPageKey .employerContainer.even:not(.doNotOverwriteWithCustomBimStyles) {
        margin-left: 0;
    }

    .rightColumn,
    .fullWidthColumn {
        padding-right: 0;
    }

    .grayBackgroundMobile,
    .grayBackgroundMobile #mc_embed_signup {
        background-color: #ECECEC;
    }

    .newStandardPage .grayBackgroundMobile {
        background-color: #e9e9e9 !important;
        background: #e9e9e9 !important;
    }

    .companyText:not(.mobilePaddingUnderDescription),
    .leftRightSection {
        padding-bottom: 30px !important;
    }

    .leftRightSection .h3 {
        padding-left: 14px;
        padding-right: 15px;
    }

    .removeTitle {
        display: none !important;
    }

    .containerWidth,
    .containerWidthSmall,
    .containerWidthBig,
    .containerWidthForThree,
    .containerWidthForTwo,
    .containerWidthForOne {
        width: 100%;
    }

    .titleSpacing {
        padding-top: 6px !important;
    }

    .mobileMenu {
        position: fixed;
        background-color: white;
        z-index: 2;
    }

    .newsAndProjectsList {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 15px !important;
    }

    .subSiteHeader {
        margin-top: 50px;
    }

    .subSiteHeader,
    .subSiteHeader > img {
        height: 280px;
    }

    .subSiteHeader > div.bigTitleContainer,
    .subSiteHeader > img {
        background-position: center -30px;
        margin-top: -20px;
        background-attachment: local;
    }

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 340px;
    }

    /*EXPERIMENTELL*/
    .middleEmployeeScreen {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 95%;
    }

    .smallEmployeeScreen,
    .bigEmployeeScreen {
        /*display: none !important;*/
    }

    #headerImage {
        margin-top: 56px;
    }

    .ThreeMenuPoints {
        display: none;
    }

    .pageHomeSmallImgBorder {
        border: solid 1px white;
    }

    .historyText {
        padding-left: 0;
        /*padding-bottom: 30px;*/
    }

    .menuOfCompany,
    .headerSection {
        border: 0 !important;
    }

    .headerSection:not(.noBottomMarginMobile) {
        border-bottom: 40px solid white !important;
    }

    .newStandardPage .headerSection:not(.noBottomMarginMobile) {
        border-bottom: 45px solid white !important;
    }

    /*   .boehlerDomainKey .headerSection.startPage {
           border-color: #e9e9e9 !important;
       }*/
    .historyTable {
        width: 100%;
        margin: 0;
    }

    .historyHideWhenMobile {
        display: none !important;
    }

    .historyShowWhenMobile {
        display: block !important;
    }

    .historyText {
        padding-left: 0;
        /*padding-bottom: 30px;*/
    }

    .noPadding {
        padding: 0;

    }

    .noPadding {
        padding: 0;

    }

    /*.pleaseDeleteTest {
        padding-left: 0 !important;
    }*/
    .temporary {
        margin-top: 30px !important;
    }

    .standardImage {
        display: none;
    }

    .standardImageMobil {
        display: block !important;
    }

    .mobileSpacing {
        padding-bottom: 15px;
    }

    .historyText {
        width: auto;
    }

    .companyLogoMobileContainer {
        padding-left: 13px;
    }

    .titleSection {
        padding-top: 50px;
    }

    .companyText {
        padding-right: 0px;
    }

    .containerLeftWithTextPadding {
        padding-right: 0;
    }

    .mobileWhiteBackground .borderIFWhiteBackGround {
        border: 1px solid #D9D9D9 !important;
    }

    .paddingWhenMobile {
        padding-top: 30px;
    }

    .footerLinks .leftColumn,
    .footerLinks .rightColumn {
        margin-bottom: 20px;
    }

    .footerLinks {
        padding-bottom: 1px !important;
    }

    .projectBottomGallery {
        max-width: 180px !important;
    }

    .projectBottomGallery div {
        padding-top: 0 !important;
    }

    .projectBottomGallery:first-child {
        margin-left: 0 !important;
    }

    .aloneInContainer .employeeImage div.videoWidthContainer,
    .employeeImage div.videoWidthContainer {
        width: 100%;
    }

    .boehlerDomainKey .containerSmallImgContainer h1.blueTitle,
    .brsDomainKey .containerSmallImgContainer h1.blueTitle {
        width: 500px;
    }

    #Contact div.smallAddressBoxes,
    #GrayWhiteContact div.smallAddressBoxes {
        width: 25%;
    }

    .noPaddingTop {
        padding-top: 0 !important;
    }

    /*
 HOTFIX!!!
  */
    .newStandardPage .leftColumn.noPaddingBottom.containerWidth {
        padding-bottom: 20px !important;
    }
}

/*###########################################*/

@media (max-width: 950px) {

    .newStandardPage .employee .employerContainer {
        width: 94%;
        margin-left: 3%;
    }

    .newStandardPage .employee .employeeDivison {
        margin-left: 3%;
    }

    .newStandardPage .smallImgContainer {
        width: calc(50%);
    }

    .employerContainer.smallText .text {
        font-size: 14px;
        line-height: 17px;
    }

    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) .headerImageContainer > div,
    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) .headerImageContainer img,
    #iis-slider {
        height: 422px !important;
    }

    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim),
    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) > div.bigTitleContainer {
        height: 312px !important; /*img - header-size (110px) */
    }
}

@media (max-width: 800px) {

    .noMarginRightMobile {
        margin-right: 0 !important;
    }

    .hideOn800 {
        display: none !important;
    }

    .showWhenMobile800 {
        display: block !important;
    }

    .newStandardPage.bimDomainKey.PageKey .subSiteHeader,
    .newStandardPage.bimDomainKey.PageKey .subSiteHeader > div.bigTitleContainer {
        height: 250px !important;
    }

    .newStandardPage.bimDomainKey.PageKey .subSiteHeader .headerImageContainer > div {
        height: 362px !important;

    }

    .newStandardPage:not(.bimDomainKey) .smallImgContainer {
        width: calc(67%);
        top: -62%;
    }

    .newStandardPage .headerImageText {
        width: 67%;
    }

    .boehlerDomainKey .containerSmallImgContainer h1.blueTitle,
    .brsDomainKey .containerSmallImgContainer h1.blueTitle,
    .bimDomainKey .containerSmallImgContainer h1.blueTitle {
        width: 500px;
    }

    .boehlerDomainKey .startPageHeaderContainer .smallImgContainer {
        top: -50px;
    }

    .employerContainer.smallText {
        width: 100%;
        margin-left: 0 !important;
    }

    .employerContainer.smallText .text {
        font-size: 15px;
        line-height: 21px;
    }

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 380px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 310px; /*img - header-size */
    }

    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) .headerImageContainer > div, .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) .headerImageContainer img, #iis-slider {
        height: 352px !important;
    }

    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim),
    .newStandardPage .subSiteHeader > div.bigTitleContainer {
        height: 262px !important; /*img - header-size (110px) */
    }

    .projectBottomGallery {
        /*margin-top: -30px;*/
        /*margin-bottom: 10px;*/
        padding: 0 !important;
        max-width: 150px !important;
        /*width: 94% !important;*/
        /*float: left;*/
        /*max-width: none !important;*/
        /*max-height: none !important;*/
    }

    .projectBottomGallery:last-child {
        margin-bottom: 0px;
    }

    .gallerySection {
        border-bottom: none !important;
    }

    .projectBottomGallery {
        margin-left: 3.2% !important;
        /*margin-bottom: 50px;*/
    }

    .bottomOfPageMobile {
        padding-left: 3.2% !important;
    }

    body {
        font-size: 15px;
    }

    .text {
        line-height: 22px;
    }

    .hyperLinkStyle {
        margin-bottom: 0;
    }

    .smallImgContainer {
        /*top: -55% !important;*/
        width: 415px;
        height: 64px;
    }

    .containerSmallImgContainer {
        height: 64px;
    }

    .pageHomeSmallImg {
        height: 64px;
        width: 128px;
    }

    .containerSmallImgContainer h1.blueTitle,
    .containerSmallImgContainer h1.grayTitle {
        font-size: 25px !important;
    }

    .bimDomainKey .containerSmallImgContainer h1.blueTitle,
    .bimDomainKey .containerSmallImgContainer h1.grayTitle {
        font-size: 17px !important;
    }

    .bimDomainKey .containerSmallImgContainer h1.blueTitle {
        bottom: -18px;
    }

    .containerSmallImgContainer h1.grayTitle {
        right: 400px;
        bottom: 7px;
    }

    .containerSmallImgContainer h1.blueTitle {
        bottom: -23px;
    }

    .middleEmployeeScreen {
        display: none;
    }

    .smallEmployeeScreen {
        display: block !important;
        margin-left: auto;
        margin-right: auto;
    }

    .employeeImage img,
    .employeeCard {
        height: 130px;
    }

    .newStandardPage .employeeImage img,
    .newStandardPage .employeeCard {
        height: 150px;
    }

    .employeeTitle {
        margin-bottom: 15px;
    }

    .employeeCard .text {
        font-size: 13px;
    }

    .projektePageKey .employeeCard .text,
    .bimDomainKey.dienstleistungenPageKey .employeeCard .text {
        line-height: 10px;
    }

    .projektePageKey .projectsHeadContainer .employeeCard .text,
    .bimDomainKey.dienstleistungenPageKey .projectsHeadContainer .employeeCard .text {
        line-height: 17px;
    }

    .projektePageKey .employeeCard h3,
    .bimDomainKey.dienstleistungenPageKey .employeeCard h3 {
        margin-bottom: 0;
    }

    .projektePageKey .employeeImage img,
    .bimDomainKey.dienstleistungenPageKey .employeeImage img,
    .projektePageKey .employeeCard:not(.newStructureCard),
    .bimDomainKey.dienstleistungenPageKey .employeeCard {
        height: 120px !important;
    }

    .projektePageKey .employeeImage img,
    .bimDomainKey.dienstleistungenPageKey .employeeImage img,
    .projektePageKey .employeeCard:not(.newStructureCard),
    .bimDomainKey.dienstleistungenPageKey .employeeCard {
        height: 170px !important;

    }

    .employeeDivison h1 {
        font-size: 24px !important;
    }

    #Contact div.smallAddressBoxes,
    #GrayWhiteContact div.smallAddressBoxes,
    .newStandardPage #subsidiaryContainerOfFooter div.smallAddressBoxes {
        width: 33%;
    }

    .socialMediaAction {
        font-size: 14px;
    }

    .socialMediaDestination {
        font-size: 12px;
    }

    .socialMedia td {
        display: block;
        width: 100%;
        margin-bottom: 12px;
    }

    .socialMedia table {
        text-align: left !important;
    }

    .socialMedia table td:last-child {
        margin-bottom: 0;
    }

    .socialMediaBox {
        padding: 17px;
        padding-left: 0;
    }
}

/*###########################################*/

@media (max-width: 660px) {

    #serviceFilter {
        width: 100% !important;
    }

    .bimDomainKey.partnerPageKey .mobileTD {
        border-right: 1px solid #D9D9D9 !important;
    }

    .showForSmallScreen {
        display: block !important;
    }

    .hideForSmallScreen {
        display: none !important;
    }

    .newStandardPage .smallImgContainer,
    .newStandardPage .headerImageText {
        width: calc(70%);
    }

    .boehlerDomainKey .containerSmallImgContainer h1.blueTitle,
    .brsDomainKey .containerSmallImgContainer h1.blueTitle,
    .bimDomainKey .containerSmallImgContainer h1.blueTitle {
        width: 300px;
    }

    .companyMap,
    .companyMap iframe {
        height: 200px;
    }

    .projectBottomGallery {
        margin-left: 3% !important;
    }

    .contentBox,
    .standardImageMobil {
        width: 100%
    }

    .smallImgContainer {
        width: 295px;
        height: 46px;
        top: -65% !important;
    }

    .newStandardPage .smallImgContainer {
        top: -92% !important;
    }

    .containerSmallImgContainer {
        height: 35px;
    }

    /*   .boehlerDomainKey .containerSmallImgContainer.startPageHeaderContainer {
           height: 64px;
       }*/
    .headerSection {
        border-bottom: 20px solid white !important;
    }

    .pageHomeSmallImg {
        height: 46px;
        width: 91px;
    }

    .containerSmallImgContainer h1.blueTitle,
    .containerSmallImgContainer h1.grayTitle {
        font-size: 17px !important;
    }

    .containerSmallImgContainer h1.grayTitle {
        right: 285px;
        bottom: 4px;
    }

    .containerSmallImgContainer h1.blueTitle {
        bottom: -18px;
    }

    .rightColumn,
    .leftColumn,
    .fullWidthColumn,
    .serviceBoxMenu {
        padding-left: 3%;
        padding-right: 3%;
    }

    #Values .fullWidthColumn {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .companyLogoMobileContainer {
        padding-left: 3%;
    }

    .employeeContainer {
        padding-left: 0;
        padding-right: 0;
    }

    .smallEmployeeScreen {
        width: 80%;
    }

    .subSiteHeader {
        height: 205px;
    }

    .subSiteHeader > div.bigTitleContainer,
    .subSiteHeader > img {
        background-position: center -30px;
        margin-top: -20px;
    }

    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) .headerImageContainer > div,
    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) .headerImageContainer img {
        height: 210px !important;
        margin-top: 10px;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer {
        height: 250px; /*img - header-size */
    }

    .employerContainer {
        width: 94%;
        margin-left: 3%;
    }

    .employerContainer.containerWidthForThree {
        width: 100% !important;
    }

    .employerContainer.smallText .employeeImage img,
    .employerContainer.smallText .employeeCard {
        height: 180px;
    }

    .employerContainer.smallText .text {
        font-size: 14px;
        line-height: 17px;
    }

    #Contact div.smallAddressBoxes,
    #GrayWhiteContact div.smallAddressBoxes {
        width: 50%;
    }

    .newStandardPage #Contact div.smallAddressBoxes,
    .newStandardPage #GrayWhiteContact div.smallAddressBoxes,
    .newStandardPage #subsidiaryContainerOfFooter div.smallAddressBoxes {
        width: 50% !important;

    }

    .newStandardPage .subSiteHeader .headerImageContainer > div,
    .newStandardPage .subSiteHeader:not(.bim) .headerImageContainer img,
    #iis-slider {
        height: 210px !important;
        margin-top: 10px;
    }

    .newStandardPage .subSiteHeader:not(.twentytwenyContainer, .biggerStartPageHeader):not(.bim),
    .newStandardPage .subSiteHeader:not(.twentytwenyContainer, .biggerStartPageHeader):not(.bim) > div.bigTitleContainer {
        height: 160px !important; /*img - header-size (110px) */
    }

    .companyBackground {
        background-size: 65%;
    }

    .projektePageKey .employeeCard,
    .bimDomainKey.dienstleistungenPageKey .employeeCard {
        height: auto !important;
        padding-bottom: 10px;
    }

    .projektePageKey .employeeCard .employeeName h3,
    .bimDomainKey.dienstleistungenPageKey .employeeCard .employeeName h3 {
        padding-bottom: 10px;
    }

}

/*
###########################################
HERE STARTS THE REAL MOBILE VIEW WHERE EVENT IN THE SMALL LEFT/RIGHT-BOXES THE IMAGE IS PLACED ON TOP OF THE TEXT
###########################################
*/

@media (max-width: 540px) {

    .bimDomainKey .companyLogoMobile {
        width: 200px;
    }

    #projectDetails {
        height: auto !important;
    }

    .detailsDiv {
        width: 100% !important;
        float: none !important;
    }

    .projectBottomGallery {
        max-width: 120px !important;
    }

    #referencePic {
        height: 145px;
        width: 99.8%;
    }

    .firstPage ul,
    .titlePositioning {
        padding-top: 0;
        margin-left: 0;
    }

    .titlePositioning {
        padding-top: 20px;
    }

    h3 {
        font-size: 15px;
    }

    ul:not(.webGisUL) {
        padding-left: 0;
    }

    .mobileTD,
    .mobileTD:first-child {
        display: block;
        width: 100%;
    }

    .contentBoxSquareImage {
        background-position: center;
        height: 130px;
        width: 100%;
    }

    .smallImgContainer {
        display: none;
    }

    .headerSection {
        margin-bottom: 0;
    }

    .mobileTable {
        width: 100%;
        table-layout: fixed;
    }

    .contentBoxSquareText,
    .serviceImagesContainer {
        margin-top: 0 !important;
        margin-bottom: 10px;
    }

    .notMobile {
        display: none;
    }

    .notMobileImg {
        display: none;
    }

    .firstPage ul li, .mobileWhite ul li {
        white-space: normal;
    }

    .boxHoverImage {
        width: 100% !important;
        height: 130px !important;
        background-position: center;
    }

    .contentBoxSmallImage,
    .contentBoxSmallImage .boxHoverImage {
        height: 250px !important;
    }

    .bigTextbox {
        margin-bottom: 25px;
        margin-top: -5px;
    }

    .mobileNavigation ul li {
        text-transform: uppercase;
        font-size: 14px;
        list-style: none;
        padding: 15px;
        /*padding-left: 25px;*/
    }

    .categorieHistoryPage {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .forFireFox {
        height: auto !important;
    }

    .smallEmployeeScreen {
        width: 100% !important;
        font-size: 12px;
        padding-right: 10px;
    }

    .historyText {
        padding-left: 0px;
    }

    .historyDateTitle {
        font-size: 19px;
        color: rgb(50, 50, 50);
    }

    .historyText div .text {
        /*font-size: 12px;*/
    }

    .historyTable {
        table-layout: fixed;
    }

    .rightHistoryColumn {
        width: 15%;
    }

    .standardImageHigh {
        height: 200px !important;
    }

    .standardImageVeryHigh {
        height: 300px !important;
    }

    .newStandardPage .newImageHeight {
        height: 300px !important;
    }

    .historyArrowLeft {
        background-image: url('/file/img/line_history_left_mobile.svg');
        background-repeat: no-repeat;
    }

    .historyArrowRight {
        background-image: url('/file/img/line_history_right_mobile.svg');
        background-repeat: no-repeat;
    }

    .newStandardPage .grayBackgroundFull .historyArrowLeft,
    .bimDomainKey .grayBackgroundFull .historyArrowLeft {
        background-image: url('/file/img/line_history_left_mobile_white.svg');
    }

    .newStandardPage .grayBackgroundFull .historyArrowRight,
    .bimDomainKey .grayBackgroundFull .historyArrowRight {
        background-image: url('/file/img/line_history_right_mobile_white.svg');
    }

    .historyLine {
        width: 40px;
    }

    #projectFirstSection {
        padding-bottom: 0 !important;
    }

    .serviceImagesContainer {
        margin-bottom: 0;
    }

    .standardImageMobil {
        height: 140px !important;
        margin-bottom: 5px;
    }

    body.bimDomainKey:not(.projektePageKey) .standardImageMobil {
        margin-bottom: 0;
    }

    #iis-slider {
        height: 200px !important;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer,
    .subSiteHeader > img {
        background-position: center 0px;
        background-size: auto 195px;
        height: 150px;
    }

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 210px;
    }

    .borderIFWhiteBackGround {
        border-left: 1px solid rgb(217, 217, 217) !important;
        border-top: 1px solid transparent !important;
    }

    .borderIFWhiteBackGround .rightPart:not(.hasBorderTop) {
        border-top: 0;
        border-left: 1px solid #D9D9D9;
    }

    .socialMediaIcon {
        width: 40px;
        height: 40px;
    }

    .mobileSmallGallery {
        margin-top: -1px;
    }

}

@media (max-width: 440px) {

    .newsSiteImage {
        width: 49.3% !important;
        height: 130px !important;
    }

    .projectBottomGallery {
        max-width: 97px !important;
    }

    .contentBoxSmallImage,
    .contentBoxSmallImage .boxHoverImage {
        height: 200px !important;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer,
    .subSiteHeader > img {
        background-position: center 0px;
        background-size: auto 195px;
        height: 120px;
    }

    .subSiteHeader .headerImageContainer > div,
    .subSiteHeader .headerImageContainer img {
        height: 180px;
    }

    .employerContainer.smallText .employeeImage img {
        display: none;
    }

    .employerContainer.smallText .employeeCard {
        border-left: 1px solid #E2E2E2;
    }

    .newStandardPage #subsidiaryContainerOfFooter div.smallAddressBoxes {
        width: 100% !important;
    }

}

@media (max-width: 350px) {

    .projectBottomGallery {
        max-width: 70px !important;
    }

    .gallerySection {
        padding-top: 55px !important;
        padding-bottom: 20px !important;
    }

    .subSiteHeader,
    .subSiteHeader > div.bigTitleContainer,
    .subSiteHeader > img {
        background-position: center 0;
        background-size: auto 195px;
        height: 20px;
    }

    .contentBoxSmallImage,
    .contentBoxSmallImage .boxHoverImage {
        height: 150px !important;
    }

    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) .headerImageContainer > div,
    .newStandardPage .subSiteHeader:not(.twentytwenyContainer):not(.bim) .headerImageContainer img,
    #iis-slider {
        height: 210px !important;
        margin-top: 10px;
    }

    .newStandardPage .subSiteHeader:not(.bim),
    .newStandardPage .subSiteHeader > div.bigTitleContainer {
        height: 160px !important; /*img - header-size (110px) */
    }

}

/**
    BIM SITE
*/
.bimDomainKey .bimEmployeeContainer .employerContainer {
    width: 100%;
}

.bimDomainKey .employerContainer {
    border: 1px solid #E2E2E2;

}

.newStandardPage .employeeCard {
    overflow: auto;
}

.containerWidthForOne .employeeCard,
.containerWidthForTwo .employeeCard,
.containerWidthForThree .employeeCard {
    height: auto;
    padding-bottom: 14px;
    padding-right: 14px;
    border: 0;
    cursor: inherit;
}

.bimDomainKey .bimEmployeeContainer .employerContainer ul {
    margin-left: 0;
}

.bimDomainKey .employerContainer li {
    white-space: pre-wrap;
    padding-left: 20px;
}

.bimDomainKey.dienstleistungenPageKey .employerContainer:hover div {
    opacity: 1 !important;
}

.bimDomainKey .employerContainer .textTitleSpacer {
    height: 18px;
}

.grayBackground,
.grayBackground a {
    background-color: rgb(194, 194, 194) !important;
    color: white !important;
}

.blueBackground,
.blueBackground a {
    background-color: #0E4891 !important;
    color: white !important;
}

.blueBackgroundLink {
    cursor: pointer;
}

.blueBackgroundLink:hover {
    opacity: 0.85;
}

@media (max-width: 1070px) {
    .hideOnMobile {
        display: none !important;
    }

    .bimDomainKey.partnerPageKey #superContainer section:first-child .employerContainer:first-child {
        margin-top: 10px;
    }

    .bimDomainKey .bimEmployeeSpacing {
        padding-left: 2%;
        padding-right: 2%;
    }

    .bimDomainKey .bimEmployeeContainer .contentBox {
        width: 100%;
        /*     padding-left: 2%;
             padding-right: 2%;*/
    }

    .hiddeEmpoyeeBoxOnMobileScreen {
        display: none !important;
    }

    .thirdEmployeeTitle {
        bottom: 12px !important;
    }

    .newStandardPage .smallImgContainer .pageHomeSmallImg {
        display: none !important;
    }

    .bimDomainKey .bimEmployeeContainer .employerContainer {
        float: inherit;
        margin-left: 0;
        min-height: 182px;
    }

    .bimDomainKey .bimEmployeeContainer .employeeImage img,
    .bimDomainKey .bimEmployeeContainer .employeeCard {
        height: auto;
    }

    .containerSmallImgContainer {
        position: absolute !important;
    }
}

@media (max-width: 540px) {

    .bimDomainKey .bimEmployeeContainer .employerContainer {
        min-height: 182px;
    }

    .bimDomainKey .employeeImage img {
        height: 140px;
    }

    .groupedService {
        width: 100% !important;
        float: none !important;
    }
}

@media (max-width: 370px) {
    #iis-slider {
        height: 150px !important;
    }
}

.fullHeight {
    height: 100% !important;
}

.customPadding {
    padding-top: 9px !important;
}

/*CSS for overlay Text*/

.headerImageText {
    width: calc(49% - 15%);
    position: absolute;
    top: -390%;
}

.headerImageText {
    width: calc(49% - 15%);
    position: absolute;
    top: -420%;
}

body.PageKey .headerImageText {
    display: none !important;
}

.headerImageText h1 {
    line-Height: 30px;
    font-size: 19px !important;
    font-weight: 300 !important;
    padding-left: 2px;
    color: rgb(50, 50, 50);
}

@media (max-width: 1450px) {
    .headerImageText {
        top: -390%;
    }
}

@media (max-width: 1240px) {
    .headerImageText {
        top: -450%;
    }
}

@media (max-width: 1070px) {
    .headerImageText h1 {
        visibility: hidden !important;
        font-size: 1px !important;
    }

    .headerImageText {
        right: 10% !important;
    }

}

@media (max-width: 950px) {
    .headerImageText {
        top: -335% !important;
        width: 80%;
    }

}

@media (max-width: 800px) {
    .headerImageText {
        width: 42% !important;
    }

}

@media (max-width: 660px) {

    .bimDomainKey .bimEmployeeContainer .contentBox.innerContainer,
    .bimEmployeeSpacing {
        width: auto !important;
        padding-left: 0% !important;
        padding-right: 0% !important;
    }

    .headerImageText {
        top: -470% !important;
    }

    .headerImageText *:not(h1) {
        font-size: 12px;
    }

    .additionalLinkDivMobile {
        font-size: 14px;
        padding: 9px 5px 7px 27px !important;
        white-space: nowrap;
    }

}

@media (max-width: 420px) {
    .headerImageText {
        width: 45% !important;
        top: -325% !important;
        right: 2% !important;

    }
}

@media (max-width: 350px) {
    .headerImageText * {
        font-size: 12px !important;
    }
}

/*
SPECIAL BIM CONTENT
 */

span.bigFont {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 55px;
    color: #0E4891;
    font-family: 'Montserrat';
}

.noPaddingBottom {
    padding-bottom: 0 !important;
}

.imageTitleAlignment {
    margin-top: 49px;
}

.bimList {
    color: #0E4891;
    margin-bottom: 20px;
}

@media (max-width: 1070px) {
    span.bigFont {
        font-size: 24px;
        line-height: 30px;

    }

    .bimDomainKey .firstPage {
        padding-top: 30px;
    }

    .marginBottomWhenMobile {
        margin-bottom: 15px;
    }

    .imageTitleAlignment {
        margin-top: 0 !important;
    }
}

@media (max-width: 570px) {
    .bimDomainKey .firstPage {
        padding-top: 0;
    }
}

/**
SUMMARY
 */

.singleSummaryContainer {
    display: inline-block;
    width: 33%;
    text-align: center;
}

.summaryAmount {
    font-size: 90px;
    font-family: Book;
}

section.groupSummary {
    padding-bottom: 40px;
}

.summaryTitle {
    font-size: 16px;
    font-family: 'Montserrat-Bold';
    letter-spacing: 0.02em;
}

@media (max-width: 500px) {
    .summaryAmount {
        font-size: 46px;
    }

    .summaryTitle {
        font-size: 15px;
    }

}

.terradataDomainKey.projektePageKey .employeeCard .text {
    line-height: 21px;
}

.languageChooserDesktop {
    position: absolute;
    z-index: 9999;
    padding-top: 5px;
    padding-bottom: 3px;
    top: 3px;
    right: 0%;
    font-size: 11px;

}

@media (max-width: 1330px) {
    .languageChooserDesktop {
        top: 1px;
    }
}

.newStandardPage .subSiteHeader:not(.bim) .headerImageContainer img {
    transition: transform 30s ease;
}

.newStandardPage:not(.PageKey):not(.frPageKey):not(.dePageKey):not(.gtIntern):not(.bimDomainKey) .imgZoomClass {
    transform: matrix3d(1.08, 0.000180022, 0, 0, -0.000180022, 1.08, 0, 0, 0, 0, 1, 0, 30, 0, 0, 1);
}

.newStandardPage.PageKey:not(.gtIntern) .imgZoomClass,
.newStandardPage.dePageKey:not(.gtIntern) .imgZoomClass,
.newStandardPage.frPageKey:not(.gtIntern) .imgZoomClass {
    transform: matrix3d(1.08671, 0.000180022, 0, 0, -0.000180022, 1.08671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

/*.imgZoomOutClass {
    transform: matrix3d(1.01613, 0.000163047, 0, 0, -0.000163047, 1.01613, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}*/

.intranetPageKey .employeeAdminLabelWidth {
    width: 250px;
    padding-right: 10px;
}

.newStandardPage.intranetPageKey *:not(h3):not(h1):not(h2):not(h4) {
    font-size: 14px !important;
}

.intranetPageKey #container_module {
    /*
    width: calc(100% - 300px);
    */
    display: inline-block;
    padding-left: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.intranetPageKey #intranetMenu {
    width: auto !important;
    margin-bottom: 30px;
}

.intranetPageKey .naviTitel.menu_level0 {
    padding-left: 38px !important;
}

.intranetPageKey .noBorder.materialTable td {
    border: 0 !important;
}

.intranetPageKey .materialTable .iconTD {
    padding: 0 !important;
}

.intranetPageKey .naviTitel.menu_level0,
.intranetPageKey .menu_level1,
.intranetPageKey .menu_level2,
.intranetPageKey .menu_level3,
.intranetPageKey .menu_level4,
.intranetPageKey .menu_level5 {
    color: #4b494a;
    border: 0;
    width: 212px;
    height: 45px;
    display: block;
    margin-bottom: 3px;
    padding-left: 4px;
    font-weight: bold;
    padding-right: 5px;
    line-height: 45px;
    font-size: 14px;
    max-width: 100%;

}

.intranetPageKey .menu_level4 {
    padding-left: 15px !important;
}

.intranetPageKey .menu_level5 {
    padding-left: 18px !important;
}

#intranetMenu {
    max-width: 212px !important;
}

.intranetPageKey #intranetProductFlyer .materialTable .table_file a {
    /*max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;*/
    white-space: normal !important;
}

.intranetPageKey .menu_level2,
.intranetPageKey .menu_level3,
.intranetPageKey .menu_level4,
.intranetPageKey .menu_level5 {
    overflow: hidden;
    text-overflow: ellipsis;
}

.intranetPageKey .subSubMenuBox a:last-child,
.intranetPageKey #subSubMenuBox a:last-child {
    margin-bottom: 14px;
    display: block;
}

.intranetPageKey .menu_level1,
.intranetPageKey .menu_level2,
.intranetPageKey .menu_level3,
.intranetPageKey .menu_level4,
.intranetPageKey .menu_level5 {

    height: 20px;
    line-height: 20px;
    font-weight: normal;
}

.subSubMenuBox {
    text-overflow: ellipsis;
}

.intranetPageKey .subSubMenuBox #subSubMenuBox .menu_level3 {
    margin-left: 45px;
}

.intranetPageKey .subSubMenuBox #subSubMenuBox .menu_level4 {
    margin-left: 60px;
}

.intranetPageKey .subSubMenuBox #subSubMenuBox .menu_level5 {
    margin-left: 60px;
}

.intranetPageKey .subSubMenuBox #subSubMenuBox .menu_level2 {
    margin-left: 30px;
}

.intranetPageKey .subSubMenuBox {
    padding-left: 34px;
}

.intranetPageKey .subSubMenuBox > .subSubMenuBox {
    padding-left: 10px;
}

.subSubMenuBox > .subSubSubMenuBox {
    padding-left: 5px;
}


.intranetPageKey .relative {
    position: relative;
}

.intranetPageKey .bigIcon img {
    width: 26px;
    padding-right: 5px;
    height: 26px;
}

.intranetPageKey .bigIcon a {
    color: #4b494a !important;
}

.intranetPageKey .menu_act,
.intranetPageKey .naviTitel.menu_level0:hover,
.intranetPageKey .menu_level1:hover,
.intranetPageKey .menu_level2:hover,
.intranetPageKey .menu_level3:hover,
.intranetPageKey .menu_level4:hover,
.intranetPageKey .menu_level5:hover {
    color: #0E4891 !important;
    /*
    color: white !important;
    */
}

.intranetPageKey .rightColumn {
    padding-right: 10px !important;
}

.intranetPageKey .smallImgContainer {
    right: 140px !important;
}

.intranetPageKey #superContainer,
.intranetPageKey .footerLinks .rightColumn {
    /*
    padding-right: 140px !important;
    */
}

.intranetPageKey .leftColumn {
    padding-left: 10px !important;
}

/*.intranetPageKey .rightColumn {
    padding-right: 20px !important;
}*/

.intranetPageKey a {
    color: #4b494a;
}

.intranetPageKey a:not(.newIntranetLogoutContainer):hover,
.intranetPageKey #container_module div:not(.newIntranetLogoutContainer) a {
    color: #0E4891;
}

.intranetPageKey div:not(.newIntranetLogoutContainer) a:hover {
    color: #90CAF9;

}

.intranetPageKey div:not(.newIntranetLogoutContainer .ui-select) a:not(.chosen-single):hover {
    color: #90CAF9;

}

.intranetPageKey .productFlyerListTitle {
    font-size: 14px;
}

.intranetPageKey #superContainer,
.intranetPageKey .footerLinks .leftColumn {
    padding-left: 140px !important;
}

.intranetPageKey .companyLogoContainter {
    padding-left: 114px !important;
}

.intranetPageKey #superContainer {
    min-height: 950px;
    height: 950px;
}

/*.intranetPageKey.newStandardPage #superContainer #container_module .blueIntranetBox * {
    background-color: rgb(0,128,192) !important;
    color: white;
    padding:5px;
    margin: 5px;
}*/
.productFlyerListTitle + td,
.productFlyerListTitle {
    border: 0 !important;
}

.productFlyerListTitle {
    padding-top: 7px !important;
    padding-bottom: 11px !important;
}

.loginPage #superContainer {
    width: 100%;
}

.materialTable td {
    /*
    border-bottom: 1px solid rgb(200, 200, 200);
    */
    padding: 9px 8px 9px 26px;
}

.positionMatrixTablePadding td {
    padding: 5px !important;
}

#adminLink td input[type="text"],
#adminLink table {
    width: 100% !important;
}

td.table_file {
    background-image: url(/file/img/pdf.png);
    background-repeat: no-repeat;
    background-position: 0 8px;
}

td.table_file.pdf {
    background-image: url(/file/img/pdf.png) !important;
}

td.table_file.excel {
    background-image: url(/file/img/excel.png) !important;
}

td.table_file.powerpoint {
    background-image: url(/file/img/powerpoint.png) !important;
}

td.table_file.word {
    background-image: url(/file/img/word.png) !important;
}

td.table_file.file {
    background-image: url(/file/img/file.png) !important;
}

td.table_file.image {
    background-image: url(/file/img/image.png) !important;
}

.table_file.link {
    background-image: url(/file/img/link.png);
    background-repeat: no-repeat;
    background-position: 0 9px;
}

.materialTable td {
    border-bottom: 1px solid rgb(230, 230, 230);
}

.materialTable tr:last-child td {
    border-bottom: none !important;
}

#IntranetEmployeeList td.table_file {
    background-image: url(/file/img/excel.png);
    background-repeat: no-repeat;
    background-position: 0px 7px;

}

.redText {
    color: darkred;
}

.popupFullWidthInput {
    width: 100%;
}

body.softwarePageKey #videoBox {
    width: 100%;
    margin: 0 auto;
}

/*
---------------------------------------------------------------------------
intranetTesting
---------------------------------------------------------------------------
*/
.tool-buttons-container {
    display: flex;
    gap: 10px;
    padding-bottom: 40px;
}

.tool-buttons-container a {
    color: white !important;
}

/*
---------------------------------------------------------------------------
intranetNews
---------------------------------------------------------------------------
*/
#intranetNews div.file,
#intranetNews div.file2 {
    background-image: url(/file/img/pdf.png);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    height: 25px;
    padding-bottom: 15px;
    padding-top: 2px;
    padding-left: 22px;
}

#intranetNews div.audio {
    background-image: url(/file/img/audio.png);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    height: 25px;
    padding-bottom: 15px;
    padding-top: 2px;
    padding-left: 22px;
}

.intranetPageKey .table_file *,
.intranetPageKey .trackedLink,
.materialTable td {
    font-size: 14px;
}

.intranetPageKey .intranetSearch {
    position: absolute !important;
    margin-bottom: 15px;
    top: 30px;
    width: auto !important;
}

.intranetPageKey .createBulletinBoard,
.intranetPageKey .intranetSearch {
    right: 30px;
}

.intranetPageKey .intranetSearch div:first-child {
    top: auto !important;
    right: auto !important;
    position: static !important;
}

.intranetPageKey #superContainer {
    position: relative;
    display: table !important;
    table-layout: fixed;

}

.intranetPageKey #intranetMenu,
.intranetPageKey #container_module {
    display: table-cell !important;
}

.intranetPageKey #container_module {
    width: 100% !important;
}



.intranetPageKey .contentContainer .rightColumn,
.intranetPageKey .contentContainer .leftColumn {
    display: inline-block !important;
    vertical-align: top;
}

.intranetPageKey .contentContainer .leftColumn {
    margin-right: 2% !important;
}

.intranetPageKey #intranetProductFlyer table {
    width: 100% !important;
}

.intranetPageKey .productFlyerListTitle {
    font-weight: bold;
    padding-bottom: 10px;
}

.intranetPageKey .navigationBar,
.intranetPageKey .headerImageText {
    display: none;
}

.floatingMaterialContainer {
    width: 49.5%;
}

.floatingMaterialContainer.left {
    float: left;
}

.floatingMaterialContainer.right {
    float: right;
}

.intranetPageKey .newIntranetLogoutContainer {
    height: 60px;
    position: absolute;
    z-index: 999999999;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 5px;
}

.intranetPageKey .newIntranetLogoutContainer:hover {
    /*
    background-color: rgba(0, 128, 192, 0.5);
    */
}

.intranetPageKey .newIntranetLogoutContainer a {
    padding-right: 0;
}

.intranetPageKey .menuSection {
    position: relative;
}

.intranetPageKey .grayBackgroundFull {
    background-color: white !important;
}

.intranetPageKey.newStandardPage .subSiteHeader > div.bigTitleContainer,
.intranetPageKey.newStandardPage .subSiteHeader {
    height: 281px !important;
}

.intranetPageKey.newStandardPage .subSiteHeader .headerImageContainer > div,
.intranetPageKey.newStandardPage .subSiteHeader:not(.bim) .headerImageContainer img {
    height: 765px !important;
}

.intranetPageKey .smallImgContainer {
    top: -62% !important;
}

.intranetPageKey .materialBox.small {
    min-width: 400px !important;

}

.intranetPageKey .materialBox.small,
.intranetPageKey .materialBox.small * {
    max-height: 160px !important;
}

.intranetPageKey .materialBox.materialTable {
    padding-bottom: 0 !important;
}

.intranetPageKey h1.siteTitle {
    padding-top: 0 !important;
    padding-left: 2px;
}

.intranetPageKey .containerSmallImgContainer h1.grayTitle {
    right: 102%;
    top: 57px;
}

.intranetPageKey .containerSmallImgContainer h1.blueTitle {
    right: 55%;
    bottom: -60px;
}

.intranetPageKey.newStandardPage.intraWhite .menuSection,
.post-it-note {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

}

.intranetPageKey.newStandardPage .headerImageContainer div {
    background-color: white;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.intranetPageKey.newStandardPage #superContainer {
    padding-top: 30px;
}

.intranetPageKey.newStandardPage:not(.intraWhite).whiteBoxMenu #superContainer #intranetMenu {
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.16), 3px 3px 6px rgba(0, 0, 0, 0.23) !important;

}

.intranetPageKey.newStandardPage a {
    white-space: nowrap;
}

.intranetPageKey .galaryElement,
.intranetPageKey #intranetGallery div:not(.galaryElement) div {
    display: inline-block;
    margin: 0px 10px 10px 0px;
}

.intranetPageKey .intranetGalleryTitle {
    font-size: 13px;
    letter-spacing: -0.5px;
    position: absolute;
    bottom: -30px;
    right: 0;
    left: 0;
    padding-top: 5px;
    margin: 0 auto;

}

.intranetPageKey .galaryElement img {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.intranetPageKey .galaryElement img:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    transform: scale(1.05);
    cursor: pointer;
}

.intranetPageKey.newStandardPage .companyLogoMobile {
    width: 330px !important;
}

.intranetPageKey .menuContainer {
    height: 80px !important;
}

.intranetPageKey.geoterra-gruppeDomainKey .companyLogo {
    width: 195px;
}

.intranetPageKey .companyLogoMobileContainer {
    height: 80px !important;
    position: relative !important;
}

.intranetPageKey .mobileMenu {
    position: relative !important;
}

.intranetPageKey.newStandardPage:not(.intraWhite) #superContainer {
    background-color: white !important;
}

.intranetPageKey.newStandardPage:not(.intraWhite) #superContainer #container_module {
    background-color: #e9e9e9 !important;
}

.intranetButton,
.materialBox,
.intranetError {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #f7f7f7;
    color: #444;
    cursor: pointer;
    padding: 12px;
    margin-bottom: 15px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
}

.accordion.largeBottomMargin {
    margin-bottom: 20px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion.active {
    border-left: 4px solid #0E4891;
    width: 100%;
    background-color: rgba(0, 128, 192, 0.2) !important;
    padding-left: 8px !important;
}

.accordion:hover {
    background-color: #e9e9e9;
}

.accordion:after {
    content: '\002B'; /* Unicode character for "plus" sign (+) */
    font-size: 14px;
    color: #4b494a;
    float: right;
    margin-left: 5px;
    font-weight: 130;
}

.accordionPanel.active:after {
    content: "\2212"; /* Unicode character for "minus" sign (-) */
}

.accordionPanel {
    padding: 0 12px;
    background-color: white;
    display: none;
    margin-bottom: 45px;
}

.accordionPanel td.inputColumn {
    padding-right: 100px;

}

.accordionPanel table td.descriptionColumn {
    width: 150px;
    white-space: nowrap;
}

.accordionPanel td.descriptionColumn div {
    padding-top: 12px;
}


.accordionPanel table td.inputColumn {
    width: 400px;
}

.accordionPanel table td.inputColumn select,
.accordionPanel table td.inputColumn input,
.accordionPanel table td.inputColumn textarea,
.accordionPanel table td.inputColumn div.chosen-container {
    width: 100% !important;
}

#projectPhases.accordionPanel input[type="checkbox"] {
    width: 22px !important;
}

.flex-column {
    display: flex;
    flex-wrap: nowrap;
}

.flexSpaceInBetween {
    justify-content: space-between;
}

.materialBox {
    background-color: white !important;
    padding-top: 13px;
    padding-left: 13px;
    padding-right: 13px;
    margin-bottom: 15px;
}

.priceTable {
    background-color: white !important;
    padding-right: 5px;
    margin-top: 5px;
}

.priceTableRow:first-child {
    font-weight: bold;
    color: #0E4891;
    background-color: #eeeeee;
}

.priceTable td {
    width: 200px;
    padding: 10px;
    vertical-align: top;
    white-space: nowrap;
}

.softwareForm {
    margin-bottom: 20px;
}

.imageOnLeftSideOfText {
    display: flex;
    margin-bottom: 30px;
}

#descriptionAndOrganigrammSection .fullWidthColumn {
    display: flex;
    align-items: flex-start;
}

#descriptionAndOrganigrammSection .fullWidthColumn .descriptionAndOrganigrammBigSection {
    width: 42.5%;
}

#descriptionAndOrganigrammSection .fullWidthColumn .descriptionAndOrganigrammSectionSpacer {
    height: 100%;
    width: 15%;
}

#productSelection div .row.contentRow.selectedRow {
    background-color: #0E4891 !important;
}

div .contentRow.selectedRow .cell {
    color: white !important;
}

#productSelection div .header.row .cell {
    color: #676767 !important;
    background-color: #e9e9e9;
}

#productSelection div .contentRow:hover {
    background-color: #e9e9e9;
    cursor: pointer;
}

.productSelection {
    display: none !important;
}

#contactForm .alignLeft {
    text-align: left;
}

#contactForm .success {
    height: 50px;
}

#contactForm .alignRight {
    text-align: right;
}

@media (min-width: 768px) {
    .productSelectionRow .cell:nth-child(2) {
        padding-left: 40px;
    }

    .productSelectionRow .cell:last-child,
    .header .cell:last-child {
        padding-left: 0px;
        padding-right: 40px;
    }


}

@media (min-width: 1070px) {
    #MainFunctionalitiesPictureBoxes .leftRightSection {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .navigationBar li {
        height: 80px;
    }

    .navSubMenuWrapper {
        top: 80px;
    }

    .subMenuTopWrapper {
        height: 80px;
    }

}

@media (max-width: 768px) {
    #productSelection .alignRight {
        text-align: left;
    }

    .selectedRow.contentRow.row .cell:before {
        color: white !important;
    }

    .productSelectionRow.contentRow.row .cell:before {
        margin-bottom: 2px !important;
    }

    #productSelection .row {
        background-color: #e9e9e9 !important;
    }

    #productSelection .leftColumn h2 {
        padding-bottom: 0;
    }

    #productSelection div .row.contentRow.productSelectionRow .cell {
        padding: 5px 0px;
    }

    .table div.contentRow.productSelectionRow {
        padding-top: 14px !important;
        padding-bottom: 12px !important;
    }
}

.softwarePageKey .success {
    color: white;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    background-color: #66bb6a;
}

#MainFunctionalitiesPictureBoxes .leftRightSection:nth-child(1) {
    padding-top: 0px !important;
}

#MainFunctionalities .titlePadding,
section#MainFunctionalities,
#contactFormSection {
    padding-top: 20px;
}

section#videoSection {
    padding-top: 15px;
    padding-bottom: 30px !important;
}

section.noPaddingForH2 h2 {
    padding-bottom: 0;
}

#productSelection .softwareInput {
    border-radius: 3px;
    background-color: white;
    outline: none;
    border: 0;
    height: 35px;
    padding: 8px;
    font-family: 'Montserrat';
    font-size: 15px;
    line-height: 20px;
    min-width: 100px;
    width: 30px;
}

#productSelection div.cell {
    min-width: 60px;
}

.intranetPaddingBottom,
.materialBox {
    padding-bottom: 13px;
}

.intranetPageKey #container_module {
    padding-bottom: 25px;
}

.intranetPageKey .materialBox img {
    outline: 0 !important;
    border: 0 !important;
}

.intranetPageKey h4.intranet {
    display: block;
    color: #0E4891;
    text-transform: uppercase !important;
}

.intranetPageKey .materialBox.leftRightSection {
    margin-bottom: 25px;
    border: 0 !important;
}

.intranetPageKey .materialTable.tableWithNoIcon td {
    padding-left: 0 !important;
}

.intranetPageKey .imageFolder {
    width: 18%;
    /*
    background-image: url('../img/image_folder.png');
    */
    background-repeat: no-repeat;
    height: 160px;
    background-size: cover;
    background-position: center;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    position: relative;
    transition: .3s all;
    margin: 16px;
    margin-bottom: 30px;

}

.intranetPageKey .copyright {
    top: 60px;
}

.intranetPageKey .imageFolder:hover {
    transform: scale(1.10);
}

.intranetPageKey .noPadding {
    padding: 0 !important;
}

.intranetPageKey .imageFolder img {
    /*
    max-height: 112px;
    */
    /*
    position: absolute;
    */
    top: 63%;
    /*
    transform: translateY(-50%);
    */
    border-radius: 10px;
    right: 0;
    left: 0;
    margin: 0 auto;

}

.intranetPageKey.newStandardPage:not(.intraWhite) div#container_module #superContainer input:not([type="button"]),
.anmeldungPageKey.newStandardPage:not(.intraWhite) #superContainer input:not([type="button"]),
.anmeldungPageKey.newStandardPage:not(.intraWhite) #superContainer input:not([type="submit"]),
.anmeldungPageKey.newStandardPage:not(.intraWhite) #superContainer input:not([type="checkbox"]),
.intranetPageKey.newStandardPage:not(.intraWhite) #superContainer textarea,
.newStandardPage:not(.intraWhite) #superContainer select,
.intranetPageKey.newStandardPage:not(.intraWhite) #superContainer select,
.newStandardPage:not(.intraWhite) #superContainer option,
.intranetPageKey.newStandardPage:not(.intraWhite) #superContainer .custom-file-upload,
.intranetPageKey.newStandardPage:not(.intraWhite) #superContainer i:not(.cropControlZoomIn):not(.cropControlZoomMuchIn):not(.cropControlZoomOut):not(.cropControlZoomMuchOut):not(.cropControlCrop):not(.cropControlReset) {
    background-color: rgb(247, 247, 247) !important;
}

.intranetPageKey.newStandardPage:not(.intraWhite).whiteBoxMenu #superContainer #intranetMenu,
.intranetPageKey.newStandardPage:not(.intraWhite).whiteBoxMenu #superContainer #intranetMenu * {
    background: white !important;

}

.intranetPageKey input[type="file"]:not(#uploadFilename):not(.doNotHide) {
    display: none !important;
}

.materialBox.needsInlineTable table {
    display: inline-block;
    vertical-align: middle;
}

.intranetPageKey .newsAndJobsOptionalInput {
    width: 400px;
    margin-right: 10px;
}

.intranetPageKey.newStandardPage:not(.intraWhite) #superContainer .custom-file-upload {
    display: inline-block;
    position: relative;
    top: -1px;
    padding: 8px;
    cursor: pointer;
    height: 35px;
    line-height: 20px;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.16), 0 0 2px rgba(0, 0, 0, 0.23);
}

.intranetPageKey.newStandardPage:not(.intraWhite) #superContainer .custom-file-upload i {
    padding-right: 10px;
}

.intranetPageKey .greyTR * {
    color: rgb(220, 220, 220);
}

.appStyle.intranetPageKey #superContainer {
    padding-left: 0 !important;
}

.intranetPageKey.newStandardPage #intranetMenu {
    padding-top: 20px;
    border-top: 1px solid rgb(230, 230, 230);
}

.intranetPageKey .fileName {
    padding-left: 8px;
}

.appStyle.intranetPageKey.newStandardPage #intranetMenu {
    /*
    padding: 15px;
    */
    padding-top: 20px;
    /*   padding-left: 28px;*/
    margin-bottom: 0 !important;
    /*
    box-shadow: 3px 0 5px -5px #333;
    */

}

.appStyle.intranetPageKey .footerLinks .leftColumn {
    padding-left: 41px !important;
}

.appStyle.intranetPageKey .newIntranetLogoutContainer {
    right: 22px !important;
}

.appStyle.newStandardPage.intranetPageKey .menuSection {
    /*
    box-shadow: 0 3px 5px -5px #333;
    */

}

.intranetPageKey .contentContainer {
    padding-bottom: 10px;
    padding-top: 10px !important;
}

.appStyle.intranetPageKey.newStandardPage #intranetMenu,
.appStyle.intranetPageKey.newStandardPage #intranetMenu *:not(.menu_level0) {
    background-color: white !important;
}

.appStyle.intranetPageKey.newStandardPage #superContainer {
    padding-top: 0px;
}

.appStyle.intranetPageKey.newStandardPage #container_module {
    padding-top: 30px;
}

.appStyle.intranetPageKey #container_module {
    /*
    width: calc(100% - 329px);
    */
    display: inline-block;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(0, 0, 0, 0.24);
    padding-right: 30px;
}

.materialBox.noPadding {
    padding: 0;
}

.appStyle.intranetPageKey .companyLogoContainter {
    padding-left: 13px !important;
}

.appStyle.intranetPageKey.newStandardPage .naviTitel.menu_level0.menu_act,
.appStyle.intranetPageKey.newStandardPage .naviTitel.menu_level0:hover {
    border-left: 4px solid #0E4891;
    width: 100%;
    background-color: rgba(0, 128, 192, 0.2) !important;
    padding-left: 34px !important;
}

.intranetPageKey h1.siteTitle {
    color: #4b494a;
}

.intranetPageKey section:not(.menuSection) {
    border-bottom: 2px solid rgb(240, 240, 240) !important;
}

.appStyle.intranetPageKey.newStandardPage #intranetMenu {
    width: auto !important;
}

.appStyle.intranetPageKey .footerLinks .rightColumn {
    padding-right: 41px !important;
}

.intranetPageKey #NewsAdminModule td {
    /*
    padding: 5px;
    */
}

.intranetPageKey h3 {
    display: block !important;
}

.blueHeader.newStandardPage.intranetPageKey .menuContainer {
    background: #0E4891 !important;
}

.blueHeader.newStandardPage.intranetPageKey .menuContainer *,
.blueHeader.newStandardPage.intranetPageKey .newIntranetLogoutContainer * {
    color: white;
}


@-moz-document url-prefix() {
    option {
        font-family: Arial;
    }
}

.intranetPageKey div#container_module input:not([type="checkbox"]):not([type="file"]):not([type="radio"]),
.anmeldungPageKey input:not([type="checkbox"]):not([type="file"]),
.intranetPageKey textarea,
select {
    border-radius: 3px;
    background-color: white;
    outline: none;
    border: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.16), 0 0 2px rgba(0, 0, 0, 0.23);
    height: 35px;
    padding: 8px;
    font-family: 'Montserrat';
    font-size: 15px;
    line-height: 20px;
    min-width: 100px;
    margin-top: 10px;
}

textarea {
    font-family: 'Montserrat';
}

.intranetPageKey textarea,
.intranetPageKey select {
    min-height: 35px;
    height: auto;
}

.intranetPageKey #intranetProductFlyer {
}

.intranetPageKey .clickableTR {
    cursor: pointer;
}

.intranetPageKey .clickableTR:hover {
    background-color: #e9f5f9;
}

.intranetPageKey.newStandardPage:not(.intraWhite) #superContainer input[type="button"]:hover,
.intranetButton:hover,
.intranetButton.active {
    cursor: pointer;
    background-color: #0E4891 !important;
    color: white;
    transition: all .3s;
}

.intranetPageKey select {

}

.intranetPageKey .newsInputContainer {
    margin-bottom: 8px;
}

.intranetPageKey.newStandardPage h3 {
    margin-top: 0 !important;
    margin-bottom: 13px;
}

.intranetPageKey.newStandardPage h3.lessMarginBottom {
    margin-bottom: 7px;
}

.intranetButton {
    display: inline-block;
    min-width: 70px;
    text-align: center;
    transition: .3s all;
    padding: 8px;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 3px;
}

/*.intranetPageKey input[type="file"] {
    font-size: 19px;
    background-color: #0E4891;
}*/

@media (min-width: 1921px) {
    .intranetPageKey .standardImage {
        height: 320px !important;
    }
}

@media (max-width: 1500px) {
    .intranetPageKey #superContainer {
        /*
        padding-right: 80px !important;
        */
    }

    .intranetPageKey #superContainer,
    .intranetPageKey .companyLogoContainter {
        padding-left: 80px !important;
    }

    .intranetPageKey .companyLogoContainter {
        padding-left: 56px !important;
    }

    .intranetPageKey .newIntranetLogoutContainer {
    }
}

.dropper {
    color: black;
    border: dotted 5px #0E4891;
    font-size: 16px;
    line-height: 150px;
    text-align: center;
}

.dropper.over {
    background-color: #0E4891;
    color: white;
    /*
    border-color: ;
    */
}

@media (max-width: 1300px) {
    .floatingMaterialContainer {
        width: 100%;
        float: none !important;
    }
}

@media (max-width: 1424px) {
    .intranetPageKey .companyLogoContainter {
        padding-left: 60px !important;
    }
}

@media (max-width: 1250px) {
    .intranetPageKey .containerSmallImgContainer h1.grayTitle {
        display: none !important;
    }

    .intranetPageKey .containerSmallImgContainer h1.blueTitle {
        display: none !important;
    }
}

@media (max-width: 1070px) {
    .newStandardPage:not(.PageKey):not(.frPageKey):not(.dePageKey) .imgZoomClass {
        transform: matrix3d(1.08, 0.000180022, 0, 0, -0.000180022, 1.08, 0, 0, 0, 0, 1, 0, 8, 0, 0, 1);
    }

    body.intranetPageKey .newsEntryEmployeeImage {
        float: left;
    }

    .intranetPageKey .right {
        background-color: transparent !important;
        padding-bottom: 0 !important;
    }

    .intranetPageKey .contentBox {
        width: 100% !important;
    }

    .intranetPageKey .mobileMenuIcon {
        display: none;
    }

    .intranetPageKey .companyLogoMobileContainer {
        padding-left: 28px !important;
    }

    .intranetPageKey #superContainer {
        /*
        padding-right: 40px !important;
        */
    }

    .intranetPageKey #superContainer,
    .intranetPageKey .companyLogoContainter {
        padding-left: 40px !important;
    }

    .intranetPageKey .newIntranetLogoutContainer {
    }

    .intranetPageKey #intranetMenu {
        width: 28% !important;
    }

    .intranetPageKey #container_module {
        /*
        width: calc(100% - 300px);
        */
    }

    .intranetPageKey .leftColumn {
        padding-left: 0px !important;
    }

    .intranetPageKey .rightColumn {
        padding-right: 0px !important;
    }

}

.place {
    margin-top: 8px;
    min-width: 10px;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
    background: rgb(240, 240, 240);
    display: inline-block;
    margin-right: 5px;
}

.grayBackgroundFull .place {
    background: white;
}

IntranetReferencesHandlerAdmin #pdfWrapper input,
#IntranetReferencesHandlerAdmin #pdfWrapper .image {
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6;
}

#IntranetReferencesHandlerAdmin #pdfWrapper * {
    font-family: 'Montserrat' !important;
}

#IntranetReferencesHandlerAdmin #pdfWrapper #title * {
    font-family: "Montserrat-Bold" !important;
    font-size: 32px !important;
}

#IntranetReferencesHandlerAdmin #pdfWrapper input {
    height: 20px;
    margin-top: 0;
    margin-bottom: 2px;
    /*
    margin-left: 5px;
    */
}

.intranetPageKey select.leftRightChooser {
    min-height: 250px !important;
}

#IntranetReferencesHandlerAdmin #pdfWrapper {
    width: 790px;
    height: 1124px;
    border: 1px solid lightgrey;
    margin: 0 auto;
    margin-top: 30px;
    -webkit-box-shadow: 1px 0 5px 0 rgba(50, 50, 50, 0.29);
    -moz-box-shadow: 1px 0 5px 0 rgba(50, 50, 50, 0.29);
    box-shadow: 1px 0 5px 0 rgba(50, 50, 50, 0.29);
}

#IntranetReferencesHandlerAdmin #pdfWrapperFirstDiv {
    padding: 58px;
}

.blue {
    color: #0E4891 !important;
}

#IntranetReferencesHandlerAdmin #address {
    font-size: 14px !important;
}

#IntranetReferencesHandlerAdmin #pdfWrapper .error {
    border-color: rgba(255, 0, 0, 0.27) !important;
    background-color: rgba(255, 0, 0, 0.05) !important;
    color: red !important;
}

#IntranetReferencesHandlerAdmin #pdfWrapper .error * {
    color: red !important;
}

select.error {
    /*border-color: rgba(255, 0, 0, 0.27) !important;*/
    background-color: rgba(255, 0, 0, 0.05) !important;
    color: red !important;
    border-color: rgba(255, 0, 0, 1) !important;
}

.errorMessage {
    color: red;
    display: none;
    margin-bottom: 15px;
}

#projectDetail,
#service {
    line-height: 17px;
}

#IntranetReferencesHandlerAdmin #pdfWrapper span.placeholder {
    color: grey !important;
}

#IntranetReferencesHandlerAdmin .image {
    margin: 0;
    position: absolute;
    cursor: pointer;
    background-size: cover !important;
    background-position: center center;
}

#IntranetReferencesHandlerAdmin .images {
    position: absolute;
}

#IntranetReferencesHandlerAdmin textarea,
#IntranetReferencesHandlerAdmin input {
    border: 0;
}

#IntranetReferencesHandlerAdmin textarea:focus,
#IntranetReferencesHandlerAdmin div[contenteditable=true]:focus,
#IntranetReferencesHandlerAdmin input:focus,
#IntranetReferencesHandlerAdmin .image:hover {
    background-color: #f1f1f1;
}

#IntranetReferencesHandlerAdmin input {
    width: 100%;
    border: 1px solid transparent;
}

#IntranetReferencesHandlerAdmin div p,
#IntranetReferencesHandlerAdmin #pdfInfos td {
    padding: 0;
    margin: 0;
}

#IntranetReferencesHandlerAdmin #pdfInfos * {
    font-size: .958em !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 0 !important;
    line-height: 17px !important;

}

#IntranetReferencesHandlerAdmin #pdfInfos {
    margin-top: 477px;
    width: 100%;
    margin-left: -1px;
}

.employeeSortInput {
    width: 30px;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
}

#IntranetReferencesHandlerAdmin .title {
    position: absolute;
    bottom: -13px;
    line-height: 46px;
    font-size: 44px !important;
    letter-spacing: -1px;
    color: #0E4891 !important;
    width: 677px;
    margin-left: 4px;
    padding-top: 5px;
}

#IntranetReferencesHandlerAdmin .title * {
    font-size: 44px !important;
}

#IntranetReferencesHandlerAdmin .title.placeholder * {
    font-size: 44px !important;
    color: #CCCCCC !important;
}

#titleWrapper {
    height: 140px;
    width: 668px;
    position: absolute;
    margin-top: 32px;
    margin-left: -4px;
}

.infoIcon {
    height: 24px;
    width: 24px;
    background-image: url(/file/img/icons/info.png);
}

/* TootlTip */
#toolTipWindowOutside,
#toolTipUserOutside {
    padding: 0px;
    position: absolute;
    z-index: 100000;
    display: none;
}

#toolTipWindowText {
    font-size: 11px !important;
    font-family: Montserrat, Consolas, monaco, monospace !important;
}

body.intranetReferenceHandler #toolTipWindowText {
    font-family: "FuturaBT-Book", Montserrat, sans-serif !important;
}

#toolTipWindow {
    padding: 0px;
    background-color: #323232;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    max-width: 270px;
    box-shadow: 3px 3px 8px #777;
}

#toolTipWindowText {
    font-family: Montserrat, "FuturaBT-Book";
    padding: 5px 8px;
    font-size: 13px;
    color: white;
}

#toolTipWindowText table td {
    vertical-align: top;
}

#IntranetReferencesHandlerAdmin input:not([type="checkbox"]):not([type="file"]) {
    min-height: 0px;
    padding: 2px !important;
    margin-left: 5px;
}

div#referenceInternalInformation.materialBox.text div.accordionPanel input {
    padding: 8px !important;
}

div#referenceInternalInformation div.accordionPanel .chosen-container {
    margin: 5px 0 0 5px !important;
}

#characteristicsList select {
    height: 400px;
}

.accordion-toggle {
    cursor: pointer;
}

.accordion-content {
    display: none;
}

.accordion-content.default {
    display: block;
}

.linkAdminPaddingRightInput {
    padding-right: 8px !important;
}

#adminLink .button input {
    width: 50% !important;
}

.intranetPageKey.bulletinBoard #NewsAdminModule div:not(.bulletinBoard),
.intranetPageKey.bulletinBoard #NewsAdminModule .hideForBulletinBoard {
    display: none !important;
}

.intranetPageKey .deactivatedNewsEntry * {
    color: rgb(200, 200, 200) !important;
}

.post-it-note {
    max-width: 200px;
    width: 200px;
    display: block;
    max-height: 175px;
    padding: 20px;
    background: #FFC107;
    position: absolute;
    right: 240px;
    top: -60px;
    min-height: 8em;
    white-space: normal !important;
    color: #4b494a !important;
    z-index: 1000;
}

.post-it-note .postitAdhesive {
    width: 50px;
    height: 20px;
    background: red;
    position: absolute;
    top: -10px;
    left: 0;
    margin: 0 auto;
    opacity: 0.6;
    right: 0;
    transform: rotate(-6deg);

}

.apLicense {
    padding-top: 7px;
    color: #c6c6c6;
}

.intranetPageKey .fullWidth {
    width: 100%;

}

.newLicenseElement,
.formElement,
.intranetError {
    animation: animateElement linear .3s;
    animation-iteration-count: 1;
}

@keyframes animateElement {
    0% {
        opacity: 0;
        transform: translate(0px, 10px);
    }
    100% {
        opacity: 1;
        transform: translate(0px, 0px);
    }
}

.newLicenseElement input {
    margin-bottom: 10px;
}

.liIsInlineBlock li {
    display: inline-block;
}

.noBoxShadow {
    box-shadow: none;
}

.noMarginBottom {
    margin-bottom: 0 !important;
}

@media (max-width: 1070px) {
    .anmeldungPageKey.newStandardPage:not(.intraWhite) #superContainer input[type="checkbox"] {
        width: 70px !important;
        background-color: transparent !important;
        color: #ffffff !important;

    }
}

/*BOEHLER EVENT!*/

@media (max-width: 1070px) {
    .earthquakeParticipantLabels {
        font-size: 14px;
    }


    body.softwarePageKey #videoBox {
        width: 100%;
        margin: 0 auto;
    }

}

@media (max-width: 750px) {

    .anmeldungPageKey input[type="text"] {
        width: calc(100%) !important;
    }

    .anmeldungPageKey .earthquakeParticipantLabels {
        width: 20px;
    }

    .earthquakeFormParticipantInputs {
        width: 100% !important;
    }

    .boehlerFormNoPaddingLeft {
        padding-left: 0 !important;
    }

    .anmeldungPageKey .earthquakeParticipantInputsContainer,
    .inline-block.infoBoxBoehler,
    .infoBoxTitle {
        display: block !important;
        width: 100%;
    }

    .inline-block.infoBoxBoehler {
        margin-bottom: 15px;
    }

    .anmeldungPageKey .earthquakeParticipantInputsContainer:not(:last-child) div {
        margin-bottom: 10px;
    }

    .anmeldungPageKey .secondRow {
        margin-left: 0 !important;
    }

    .frontEndMaterialBox {
        padding-bottom: 0 !important;
    }

}

#eventForm label {
    cursor: pointer;
}

.employeeEventImage {
    width: 32%;
    margin-right: 15px;
}

.galleryStyling a:last-child img {
    margin-right: 0px;

}

.intranetPageKey .important {
    background-color: #0E4891 !important;
}

.intranetPageKey .important * {
    color: white !important;
}

.intranetPageKey .important .borderIfOnGrayBackground {
    border: 0 !important;
}

.intranetPageKey .important h2 {
    color: white !important;
}

#chooseBus .carTitleEvent {
    padding-bottom: 6px;
    padding-top: 13px;
    display: block;
}

.eventTitleSpacing {
    margin-bottom: 11px !important;
}

.eventChoice label {
    margin-top: -4px;
    padding-left: 4px;
    position: relative;
    top: -2px;
}

.transparentBackground {
    background-color: transparent;
!important;
}

.h2Spacing {
    padding-top: 25px;
}

.h2SmallSpacing {
    padding-top: 15px;
}

.intranetPageKey .intranetError {
    background-color: #f44336;
    float: left;
    margin-top: 15px !important;
    color: white;
    padding: 10px;
    margin-right: 10px;
}


.xmasTable table tr td:first-child {
    width: 50px;
}

.name {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: inline-block;
    width: 120px;
    white-space: nowrap;
    font-weight: bold;
    color: black;
    bottom: -20px;
}

.twentytwenty-handle {
    display: none;
}

.divTable {
    display: table;
    width: 100%;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}

.divTableCell, .divTableHead {
    display: table-cell;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}

.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody {
    display: table-row-group;
}

.success {
    color: #66bb6a;
}

textarea.tested-invalid {
    border-color: #F44336 !important;
    border-width: 2px !important;
}

textarea.tested-invalid ~ label {
    color: #F44336 !important;

}

.dienstleistungenPageKey.bimDomainKey .employeeCard {
    overflow-y: auto;
    height: auto;
}

.bimDomainKey.dienstleistungenPageKey section:not(.grayBackgroundFull) .employeeCard:not(.noGrayBackground) {
    background: #e9e9e9 !important;
    color: #4b494a !important;
    border: 0 !important;
    min-height: 180px;
    height: 100%;
    padding-bottom: 15px;
}

.noBorderContainer * {
    border: 0 !important;
}

.eventLabelTD {
    width: 75px;
}

.intranetPageKey.newStandardPage:not(.intraWhite) #superContainer .cropControls {
    background-color: rgba(0, 0, 0, 0.35) !important;
}


body.projektePageKey .employeeContainer .employeeCard.swissMonitorLogo {
    background-image: url('/file/img/swissmonitor/logo.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 60% !important;
    min-height: 120px !important;
}

body.projektePageKey .employeeContainer .employeeCard.truCompanyLogo {
    background-image: url('/file/img/trucompany/truex-logo.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 60% !important;
    min-height: 120px !important;
}

body.projektePageKey .swissMonitorServiceLogoClass {
    background-size: 90% auto !important;
    background-color: white;
    border-right: 1px solid #D9D9D9 !important;
}

body.terradataDomainKey.newStandardPage .groupedService .swissMonitorStartPageLogo,
body.gruenenfelderDomainKey.newStandardPage .groupedService .swissMonitorStartPageLogo,
body.terradataDomainKey.newStandardPage .groupedService .swissMonitorStartPageLogoTD,
body.gruenenfelderDomainKey.newStandardPage .groupedService .swissMonitorStartPageLogoTD {
    width: 100% !important;
}

body.terradataDomainKey.newStandardPage .groupedService .swissMonitorStartPageLogoTD,
body.gruenenfelderDomainKey.newStandardPage .groupedService .swissMonitorStartPageLogoTD {
    min-height: auto !important;
    padding-top: 0 !important;
}

body.terradataDomainKey.newStandardPage .groupedService .swissMonitorStartPageLogo,
body.gruenenfelderDomainKey.newStandardPage .groupedService .swissMonitorStartPageLogo {
    height: 43px !important;
    min-height: auto !important;
    background-size: 300px auto !important;
    background-position-x: left !important;
    background-position-y: -3px !important;
}

.customInfoPopupPadding {
    padding-top: 5px !important;
    padding-bottom: 10px !important;
}

.infoPopupBottomPadding {
    padding-bottom: 20px !important;
}

@media (min-width: 661px) {
    .fixedHeight {
        height: 180px;
    }
}

.clearFix:after {
    content: " ";
    display: block;
    clear: both;
}

@media (max-width: 590px) {
    .showWhenExtraSmall {
        display: block !important;
    }
}

.popupHistoryLink {
    text-decoration: underline;
    font-weight: bold;

}

.popupHistoryLink:hover {
    cursor: pointer;
}

.geoinfraDomainKey .popupBlocker {
    z-index: 1002;
}

.inactive {
    pointer-events: none;
    color: lightgray !important;
}

#qmButtonContainer {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    justify-content: flex-end;
}

#qmAddDocumentButton {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0px !important;
    max-height: 35px;
}

.minWidth {
    width: 1px;
}

.bold {
    font-weight: bolder !important;
}

#genericPopup div.chosen-container .chosen-single.redBorder {
    border: 1px solid red !important;
}

.noBorder {
    border: none;
}

.simpleList {
    margin-top: 20px;
    width: 100%;
    background-color: white;
    border: none;
    z-index: 50;
}

.simpleList td {
    vertical-align: middle;
    padding: 9px 0 9px 10px;
    height: 40px;
    border-bottom: 1px solid rgb(230, 230, 230);
}

.simpleList .clickable {
    cursor: pointer;
}

.simpleList th {
    text-align: left;
    height: 1px;
    font-weight: bold;
    padding: 0 0 3px 10px;
    background-color: #e9e9e9 !important;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1.3px;
    white-space: nowrap;
}

.redButton {
    background-color: #d61d1d !important;
    border: solid 1px #cc3c3c !important;
    color: white;
}

.redButton:hover {
    background-color: #9a0b0b !important;
    border: solid 1px #cc3c3c !important;
    color: white;
}

/*is used because the new version where there is no id but a class is not yet live (needs to be deleted as soon as the new version is live*/
#simpleList {
    margin-top: 20px;
    width: 100%;
    background-color: white;
    border: none;
    z-index: 50;
}

#simpleList td {
    vertical-align: middle;
    padding: 9px 0 9px 10px;
    height: 40px;
    border-bottom: 1px solid rgb(230, 230, 230);
}

#simpleList .clickable {
    cursor: pointer;
}

#simpleList th {
    text-align: left;
    height: 1px;
    font-weight: bold;
    padding: 0 0 3px 10px;
    background-color: #e9e9e9 !important;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1.3px;
    white-space: nowrap;
}

.successMsg {
    background-color: green;
}

.errorMsg {
    background-color: red;
}

.infoDiv {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    color: white;
    margin-bottom: 8px;
    border-radius: 3px;
    font-size: 15px;
    padding: 10px;
    animation: animateElement linear .3s;
    animation-iteration-count: 1;
    z-index: 100000;

}

.infoDiv:hover {
    cursor: pointer !important;
}

#qmErrorsContainer {
    position: fixed;
    right: 30px;
    top: 70px;
    margin-top: 30px;
    z-index: 100000;
}

#errorsContainer {
    position: fixed;
    right: 30px;
    bottom: 70px;
    margin-top: 30px;
    z-index: 100000;
}

.moveButtonsOverflowHidden {
    height: 300px;
}

.qmLastIcon {
    padding-right: 12px !important;
}

.favoriteLastIcon {
    margin-right: 12px !important;
}

.folderIcon {
    position: relative;
    top: 2px;
}

.qmSubRow {
    color: rgb(180, 180, 180);
    font-size: 13px;
}


.cursorPointer {
    cursor: pointer;
}

img.qmButton {
    cursor: pointer;
}

/**
Upload-Popup
 */

.documentPopupInfoArea {
    display: flex;
    flex-direction: column;
}

.documentPopupInfoArea .title {
    font-weight: bold;
}

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

.documentPopupUploadArea {
    padding: 10px;
    display: flex;
    cursor: pointer;
    background-color: #e9e9e9;
    border-radius: 3px;
    border: solid 1px #d6d6d6;
}

.documentPopupUploadArea:hover {
    background-color: #d6d6d6;
}

.documentPopupInfoArea .icon {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.documentPopupInfoArea .description {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
    position: relative;
    /*  top: 3px;*/
}

.documentPopupInfoArea .row {
    padding-bottom: 5px;
}

.addLinkArea {
    width: 100%;
    padding: 10px;
    border: 1px solid lightgray;
}

.addLinkArea .title {
    margin-bottom: 5px;
}

.addLinkArea .linkArea {
    display: flex;
    flex-direction: row;
    margin-bottom: 5px
}

.addLinkArea .linkInput {
    width: calc(100% - 52px);
}

.addLinkArea .buttonArea {
    display: flex;
    flex-direction: row
}

.linkIcon {
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.linkButton {
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}

.linkButton:hover {
    font-size: 15px !important;
}

.documentProgressArea {
    padding: 10px;
    width: 100%;
    background-color: #98c8fc;
    border: 1px solid #0E4891;
    display: flex;
    flex-direction: row;
    height: 66px;
    border-radius: 3px;
}


.documentErrorArea {
    padding: 10px;
    display: flex;
    width: 100%;
    background-color: #e57373;
    border: 1px solid #c62828;
    margin-top: 5px;
    border-radius: 3px;

}

.documentErrorArea .icon img {
    height: 32px;
}

.documentSuccessArea {
    padding: 15px 10px 10px 15px;
    display: flex;
    width: 100%;
    background-color: #b6d7a8;
    border: 1px solid #009e0f;
    border-radius: 3px;
    margin-top: 5px;
}

.documentSuccessArea .description {
    width: 100%;
    padding-left: 20px;

    /*pointer-events: none;*/
}

.documentSuccessArea .row {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.documentSuccessArea .row div:first-child {
    width: 12%;
}

.documentSuccessArea .row div:nth-child(2) {
    width: 38%;
}

.documentSuccessArea .row div:nth-child(3) {
    width: 15%;
}

.documentSuccessArea .row div:nth-child(4) {
    width: 35%;
}

.documentSuccessArea:hover {
    cursor: pointer;
    background-color: #a3c395;
    /*border: 2px dashed black;*/
}

.documentSuccessAreaHover {
    background-color: #a3c395 !important;
    border: 1px dashed #009e0f !important;
}

.dropzoneHover {
    border: 1px dashed black;
    background-color: #f3f3f3;
}

#documentSuccess {
    width: 100%;
}

#linkSuccess .link a {
    color: blue !important;
}


.documentPopupTypeArea {
    display: flex;
    flex-direction: row;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
}

.documentPopupTypeArea .documentTypeColumn {
    width: 500px;
}

.documentPopupTypeArea .documentTypeColumn .chosen-container,
.documentTitleColumn .chosen-container {
    width: 100% !important;
}

.documentTitleColumn {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.documentPopupTypeArea .documentTagColumn {
    display: flex;
    flex-direction: column;
    width: calc(100% - 500px);
    padding-left: 10px;
}

.documentPopupPlaceArea {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}

.documentPopupPlaceArea .levelTitle {
    color: #8f8f8f;
}

.documentPopupPlaceArea .selectWrapper {
    width: 25%;
    padding-right: 5px;
    display: flex;
    flex-direction: column;
}

.documentPopupPlaceArea select {
    width: 100%;
}

.margin-auto {
    margin-top: auto;
    margin-bottom: auto
}

.marginBottomSmall {
    margin-bottom: 1vh;
}

#tags {
    width: 100%;
}


#tagArea {
    display: flex;
    flex-wrap: wrap;
}

#tagArea > * {
    margin: 2px 5px 2px 5px;
}

#tagArea .tag {
    padding: 12px 5px;
    height: 20px;
    background-color: #98c8fc;
    border: 2px solid #0E4891;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 3px;
}


#tagArea img {
    height: 10px;
    width: 10px;
    margin-left: 15px;
    cursor: pointer;
}

#tagsDataList {
    position: absolute;
    display: none;
    z-index: 50000;
    background-color: white;
    width: auto;
}

#tagsDataList .tagDataListEntry {
    padding: 5px 5px;
    cursor: pointer;
}

#tagsDataList .tagDataListEntry:hover {
    padding: 5px 5px;
    cursor: pointer;
}

#genericPopup hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #e9e9e9;
}

#genericPopup .chosen-single, #referenceInternalInformation .chosen-single {
    border-radius: 3px !important;
    background-color: white !important;
    outline: none !important;
    border: 0 !important;
    box-shadow: 0 0 2px #00000029, 0 0 2px #0000003b !important;
    height: 35px !important;
    padding: 8px !important;
    font-family: 'Montserrat' !important;
    font-size: 15px !important;
    line-height: 20px !important;
    min-width: 100px !important;
    margin-top: 5px !important;
}

#referenceInternalInformation .chosen-search-input {
    margin: 1px 0 !important;
    padding: 4px 20px 4px 5px !important;
    width: 100% !important;
    height: 25px !important;
    outline: 0 !important;
    border: 1px solid #aaa !important;
    background: #fff url(../file/image/chosen-sprite.png) no-repeat 100% -20px !important;
    font-size: 1em !important;
    font-family: sans-serif !important;
    line-height: normal !important;
    border-radius: 0 !important;
}

#genericPopup .chosen-results .active-result, #referenceInternalInformation .chosen-results .active-result {
    padding: 8px !important;
}

/*#genericPopup .chosen-container {
    margin-top: 5px;
    margin-bottom: 5px;
}*/

#genericPopup .chosen-container-single .chosen-single div b, #referenceInternalInformation .chosen-container-single .chosen-single div b {
    margin-top: 5px;
}

.is-invalid {
    border: 1px solid red !important;
}

.sk-chase {
    width: 20px;
    height: 20px;
    margin-top: 10px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    color: black;
    left: 0;
    top: 0px;
    animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

.sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #fff;
    border-radius: 100%;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) {
    animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2) {
    animation-delay: -1.0s;
}

.sk-chase-dot:nth-child(3) {
    animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4) {
    animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5) {
    animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6) {
    animation-delay: -0.6s;
}

.sk-chase-dot:nth-child(1):before {
    animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2):before {
    animation-delay: -1.0s;
}

.sk-chase-dot:nth-child(3):before {
    animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4):before {
    animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5):before {
    animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6):before {
    animation-delay: -0.6s;
}

@keyframes sk-chase {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot {
    80%, 100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4);
    }
    100%, 0% {
        transform: scale(1.0);
    }
}


a.chosen-single:hover {
    color: initial !important;
}

#genericPopup .topBorderRadius {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#genericPopup .bottomRightBorderRadius {
    border-bottom-right-radius: 6px;
}

#genericPopup .bottomBorderRadius {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.genericPopupContainer a.chosen-single, #referenceInternalInformation a.chosen-single {
    color: black !important;
}

.vat_priceTable input {
    text-align: right;
}

.biggerFont {
    font-size: 30px;
    line-height: 30px;
}

#datepicker-container input {
    outline: none;
    height: 30px;
    padding: 5px;
    width: 100px;
}

.noWrap {
    white-space: nowrap;
}

#searchCriteriaTable td.referenceSearchSubTitle:not(.noTopPadding) {
    padding: 20px 0 0 0 !important;
}

#searchCriteriaTable td {
    width: 200px !important;
}

#IntranetReferenceSearch #searchCriteriaTable td.referenceSearchSubTitle h3 {
    margin-bottom: 7px;
}

#IntranetReferenceSearch #searchCriteriaTable.materialTable td {
    padding: 0 8px 0 26px;
}


.lds-ring {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    margin: 8px;
    border: 4px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.filterWithCustomContentButton {
    max-width: 450px;
    overflow: hidden;
}

#hierarchyDropDowns_container .chosen-container {
    width: 100% !important;
    /*    z-index: 25;*/
}

.fullTransparent,
.fullTransparent * {
    background-color: transparent !important;
    border: transparent !important;
    cursor: default !important;
}

.softwareClearFix:after {
    content: " ";
    display: block;
    clear: both;
}

.bigBackground.bigBackground {
    background-size: 400px;
}


.qmButton.disabled,
.qmLastIcon.disabled img {
    cursor: default !important;
}

#genericPopup .chosen-container-single span {
    width: 83%;
    position: absolute;
    text-overflow: ellipsis;
}


.outerContainer div:not(.outerContainer :last-child) {
    padding-right: 150px;
}

.outerContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 5px;

}

.outerContainer div {
    flex-basis: 100%;
}

@media (max-width: 1070px) {
    .outerContainer {
        flex-direction: column;
    }

    .outerContainer div:not(.outerContainer :last-child) {
        padding-bottom: 10px;
        padding-right: 0;
    }

    #FringeBenefits {
        margin-top: 10px;
    }


    .inlineMobile {
        display: inline !important;
    }

    .jobOffersTable tr td:first-child,
    .jobOffersTable tr th:first-child {
        width: 100% !important;
    }

    .fringeBenefit:last-child {
        margin-bottom: 20px !important;
    }

    .fringeBenefitsWrapperBottom .fringeBenefit:last-child {
        margin-bottom: 30px !important;
    }

    .jobOffersTitleWrapper {
        align-items: flex-start !important;
        justify-content: flex-start;
    }

    .locationFilterWrapper {
        padding-top: 0px !important;
    }

    #descriptionAndOrganigrammSection .fullWidthColumn {
        flex-direction: column;
        align-items: flex-start;
    }

    #descriptionAndOrganigrammSection .fullWidthColumn .descriptionAndOrganigrammBigSection {
        width: 100%;
    }

    #descriptionAndOrganigrammSection .fullWidthColumn .descriptionAndOrganigrammSectionSpacer {
        height: 20px;
        width: 100%;
    }

}

.inlineMobile {
    display: none;
}

.mailAddress:hover {
    color: #3580d7 !important;
}

.mailAddress {
    cursor: pointer;
    color: #0E4891;
}

.fringeBenefit {
    background-color: rgba(233, 233, 233, 1);
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 0 !important;
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.fringeBenefit:last-child {
    margin-bottom: 50px;
}

.fringeBenefitText {
    padding-left: 5% !important;
    margin-bottom: 0 !important;
}

.fringeBenefitIconWrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.fringeBenefitIcon {
    clip-path: none;
    height: 70px;
    width: 70px;
}

.jobOffersTable {
    letter-spacing: 0.02em;
    background-color: white;
    width: 100%;
    color: black;
    margin-bottom: 20px;
}

.jobOffersTable tr:not(.jobOffersHeader, .jobOffersApprenticeshipRow) {
    font-size: 15px;
    color: #666666;
    background-color: white;
    text-align: left;
    height: 50px;
}

.jobOffersTable tr:not(:last-child) td {
    border-bottom: 1px solid #f2f2f2;
}

.jobOffersHeader {
    font-size: 15px;
    color: white;
    text-align: left;
    background: rgb(14, 72, 145);
}

.jobOffersTable tr {
    height: 70px !important;
}

.jobOffersPdfButton {
    background-image: url("/file/img/new-pdf-icon-1.svg");
    background-repeat: no-repeat;
}

.jobOffersTable tr td:first-child:not(.emptyJobs),
.jobOffersTable tr th:first-child:not(.emptyJobs) {
    width: 50%;
    word-wrap: normal;
    word-break: keep-all;
}


.jobOffersTable tr td:first-child.emptyJobs,
.jobOffersTable tr th:first-child.emptyJobs {
    width: 100% !important;
    word-wrap: normal;
    word-break: keep-all;
}

.jobOffersTable tr td:nth-child(2),
.jobOffersTable tr th:nth-child(2) {
    width: 28%;
    word-wrap: normal;
    word-break: keep-all;
}

.jobOffersTable tr:not(jobOffersApprenticeshipRow) td:first-child,
.jobOffersTable tr:not(jobOffersApprenticeshipRow) th:first-child {
    width: 50% !important;
}

.jobOffersTable tr:not(jobOffersApprenticeshipRow) td:last-child,
.jobOffersTable tr:not(jobOffersApprenticeshipRow) th:last-child {
    width: 50%;
    word-wrap: normal;
    word-break: keep-all;
}

.jobOffersTable tr:not(jobOffersApprenticeshipRow) td:last-child,
.jobOffersTable tr:not(jobOffersApprenticeshipRow) th:last-child {
    width: 5% !important;
}

.jobOffersTable tr td:last-child,
.jobOffersTable tr th:last-child {
    width: 130px;
    text-align: right;
    word-wrap: normal;
    word-break: keep-all;
}

.jobOffersTable tr:not(.jobOffersHeader) {
    background-color: rgba(233, 233, 233, 0.7);
}

.jobOffersTable .jobOffersApprenticeshipRow:not(.jobOffersHeader) {
    cursor: pointer;
}

.jobOffersTable .jobOffersApprenticeshipRow:not(.jobOffersHeader):hover {
    background-color: #e9e9e9;
}

.jobOffersTable tr:not(.jobOffersHeader):nth-child(even) {
    background-color: rgba(233, 233, 233, 0.3);
}

.jobOffersTable tr:not(.jobOffersHeader, .jobOffersApprenticeshipRow):nth-child(even) {
    background-color: white;
}

.jobOffersTable tr:not(.jobOffersHeader, .jobOffersApprenticeshipRow):hover {
    background-color: #e9e9e9;
}


.jobOffersTable .jobOffersApprenticeshipRow:not(.jobOffersHeader):nth-child(even):hover {
    background-color: #e9e9e9;
}

.jobOffersHeader th {
    font-weight: 100 !important;
    text-align: left;
}

.jobOffersTable tr td,
.jobOffersTable tr th {
    padding: 20px;
}

.jobOffersTable tr td {
    color: #666666;
}

#IntranetReferencesHandlerAdmin #pdfInfos #service * {
    padding-bottom: 4px !important;
}

#IntranetReferencesHandlerAdmin #pdfInfos #service * {
    padding-bottom: 4px !important;
}

/* IE Media Query */

@media screen and (min-width: 200px) and (max-width: 1100px) and (-ms-high-contrast: none) {
    .outerContainer {
        display: block;
    }

    section#Stellenangebote {
        padding-bottom: 5px !important;
    }
}

@media screen and (-ms-high-contrast: none) {
    section#Stellenangebote,
    section#Berufslehre {
        padding-bottom: 50px !important;
    }

    .fringeBenefitText {
        width: 85%;
    }

    .fringeBenefitIconWrapper {
        width: 15%;
    }
}


@media screen and (min-width: 200px) and (max-width: 1100px) and (-ms-high-contrast: none) {
    .outerContainer {
        display: block;
    }

    section#Stellenangebote,
    section#Berufslehre {
        padding-bottom: 5px !important;
    }
}


@media screen and (min-width: 2300px) {
    .achtgradostHover .companyBox {
        height: 110px !important;
    }

    .swisstrafficHover .companyBox {
        height: 110px !important;
    }

    .dataverHover .companyBox {
        height: 100px !important;
    }
}

@media screen and (max-width: 1070px) and (min-width: 660px) {
    .achtgradostHover .companyBox {
        height: 120px !important;
    }

    .swisstrafficHover .companyBox {
        height: 120px !important;
    }

    .dataverHover .companyBox {
        height: 100px !important;
    }
}

.geoterraEmployeeSearchSection {
    padding-top: 0px !important;
}

.tableLeftPaddingCorrection div {
    padding-left: 20px !important;
}

.bimImage {
    width: 30% !important;
    height: 100%;
    background-repeat: no-repeat;
    margin-left: 3px;
    background-size: 100% !important;
}

.filmLink {
    color: #0E4891 !important;
}

.filmLink:hover {
    color: #3580d7 !important;
}

.temporaryRedText {
    color: red;
}

.webGisLeftContainer {
    width: 70%;
}

.webGisRightContainer {
    padding-left: 2%;
    width: 28%;
}

.webGisPicture {
    position: relative;
    width: 100%;
    padding-right: 0px !important;
    margin-right: 150px !important;
}

.webGisPicture:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 7rem;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(0, 0, 0, 0.4)), to(transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 50%, transparent 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 50%, transparent 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 50%, transparent 100%);
}

.hyperLinkReferences:hover {
    color: #3580d7 !important;
}

.marketingMaterialLink:hover {
    color: #3580d7 !important;
}

.locationFilterInput {
    position: relative;
    top: 1px;
    margin-bottom: 0px !important;
    margin-top: 12px !important;
    margin-right: 5px !important;
}

.locationPickerArrowDown {
    background-image: url("/file/img/icons/ticketing/dropdownArrow_black.svg");
    width: 20px;
    height: 20px;
    background-size: contain;
}

.locationFilterWrapper {
    max-width: max-content;
    padding-top: 40px;
    padding-bottom: 19px
}

.locationFilterDetails {
    position: relative;
    height: min-content;
}

.locationFilterSummary {
    display: flex;
    justify-content: space-between;
    background-color: white;
    align-items: center;
    height: 40px;
    margin: 0;
    width: 300px
}

#locationFilter {
    -webkit-box-shadow: -2px 1px 17px 5px rgba(0, 0, 0, 0.62);
    box-shadow: -2px 1px 17px 5px rgba(0, 0, 0, 0.62);
    position: absolute;
    z-index: 0;
    left: 0;
    top: 40px;
    background-color: white;
    width: 100%;
    color: black;
    text-align: left
}

#locationFilter div:last-child input {
    margin-bottom: 10px !important;
}

.jobOffersTitleWrapper {
    align-items: center;
}

.newReferenceStructureWrapper {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between
}

.projectCategoryAndEmployerTypeWrapper {
    h4 {
        margin-bottom: 20px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 2100px) {
    .newReferenceStructureWrapper {
        margin-bottom: 0;
    }

    .projectCategoryAndEmployerTypeWrapper {
        h4 {
            margin-top: 40px;
        }
    }

    .projectCategoryAndEmployerTypeWrapper button {
        min-width: 700px;
    }
}