body {
   margin: 0;
   position: relative;
   color: black;
}

button {
   border:none;
   background-color: transparent;
   text-align: left;
}

body.blog-post #blogpost-content {
   display: block;
}

body.blog-post #search {
   position: absolute !important;
}

body.blog-overview #blogpost-teaserimg {
   display: none;
}

body.blog-overview #tag-container {
   display: block;
}

body.blog-overview #blogpost-content {
   display: none;
}

body.crex-secure-items #blogpost-teaserimg,
body.crex-secure-items #overview,
body.crex-secure-items #blogpost-content,
body.crex-secure-items .page-info-results-container {
    display: none;
}

body.crex-secure-items main.blog #rendition-area {
    padding-top: 14%;
}


main:not(main.blog main, main main) {
   margin: 80px 0 0 0 !important;
   min-height: 100vh;
}

#overview:not(main.blog #overview) {
   max-width: 100% !important;
   padding: 0 !important;
}

main.blog #rendition-area {
   margin: 0% 25%;
   width: 50%;
}

.teaser .shortdesc, .teaser .teaserfig {
   display: none !important;
} 

#blogpost-content {
   margin-top: 20px;
}

.carousel {
   margin-top: 1rem !important;
   margin-bottom: 1rem !important;
}

.section#slider-area[data-crex-sliderarrows="false"] .carousel-control-prev,
.section#slider-area[data-crex-sliderarrows="false"] .carousel-control-next {
   display: none;

}

#slider-area,
.heroarea {
   min-height: 40vw;
   max-height: 80vh;
}

#slider-area .carousel {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
}

.herofig {
   max-height: 100%;
   width: 100%;
}

.herofig img {
   max-height: 80vh;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

#slider-area .carousel img {
   max-height: 80vh;
   width: 100%;
   height: 100%;
   object-fit: cover;
   /* height: 60vh; */
   /* clip-path: polygon(0 0, 100% 0, 100% 81%, 0 100%); */
   /* clip-path: polygon(0% 0%, 0% 82.5%, 1.69492% 84.3293%, 3.38983% 86.1385%, 5.08475% 87.9078%, 6.77966% 89.6179%, 8.47458% 91.25%, 10.1695% 92.7862%, 11.8644% 94.2098%, 13.5593% 95.505%, 15.2542% 96.6578%, 16.9492% 97.6555%, 18.6441% 98.487%, 20.339% 99.1435%, 22.0339% 99.6176%, 23.7288% 99.9041%, 25.4237% 100%, 27.1186% 99.9041%, 28.8136% 99.6176%, 30.5085% 99.1435%, 32.2034% 98.487%, 33.8983% 97.6555%, 35.5932% 96.6578%, 37.2881% 95.505%, 38.9831% 94.2098%, 40.678% 92.7862%, 42.3729% 91.25%, 44.0678% 89.6179%, 45.7627% 87.9078%, 47.4576% 86.1385%, 49.1525% 84.3293%, 50.8475% 82.5%, 52.5424% 80.6708%, 54.2373% 78.8616%, 55.9322% 77.0922%, 57.6271% 75.3821%, 59.322% 73.75%, 61.017% 72.2138%, 62.7119% 70.7902%, 64.4068% 69.495%, 66.1017% 68.3422%, 67.7966% 67.3446%, 69.4915% 66.513%, 71.1864% 65.8565%, 72.8814% 65.3824%, 74.5763% 65.0959%, 76.2712% 65%, 77.9661% 65.0959%, 79.661% 65.3824%, 81.3559% 65.8565%, 83.0509% 66.513%, 84.7458% 67.3446%, 86.4407% 68.3422%, 88.1356% 69.495%, 89.8305% 70.7902%, 91.5254% 72.2138%, 93.2203% 73.75%, 94.9153% 75.3821%, 96.6102% 77.0922%, 98.3051% 78.8616%, 100% 80.6708%, 100% 0%); */
   /* shape-outside: polygon(0% 0%, 0% 82.5%, 1.69492% 84.3293%, 3.38983% 86.1385%, 5.08475% 87.9078%, 6.77966% 89.6179%, 8.47458% 91.25%, 10.1695% 92.7862%, 11.8644% 94.2098%, 13.5593% 95.505%, 15.2542% 96.6578%, 16.9492% 97.6555%, 18.6441% 98.487%, 20.339% 99.1435%, 22.0339% 99.6176%, 23.7288% 99.9041%, 25.4237% 100%, 27.1186% 99.9041%, 28.8136% 99.6176%, 30.5085% 99.1435%, 32.2034% 98.487%, 33.8983% 97.6555%, 35.5932% 96.6578%, 37.2881% 95.505%, 38.9831% 94.2098%, 40.678% 92.7862%, 42.3729% 91.25%, 44.0678% 89.6179%, 45.7627% 87.9078%, 47.4576% 86.1385%, 49.1525% 84.3293%, 50.8475% 82.5%, 52.5424% 80.6708%, 54.2373% 78.8616%, 55.9322% 77.0922%, 57.6271% 75.3821%, 59.322% 73.75%, 61.017% 72.2138%, 62.7119% 70.7902%, 64.4068% 69.495%, 66.1017% 68.3422%, 67.7966% 67.3446%, 69.4915% 66.513%, 71.1864% 65.8565%, 72.8814% 65.3824%, 74.5763% 65.0959%, 76.2712% 65%, 77.9661% 65.0959%, 79.661% 65.3824%, 81.3559% 65.8565%, 83.0509% 66.513%, 84.7458% 67.3446%, 86.4407% 68.3422%, 88.1356% 69.495%, 89.8305% 70.7902%, 91.5254% 72.2138%, 93.2203% 73.75%, 94.9153% 75.3821%, 96.6102% 77.0922%, 98.3051% 78.8616%, 100% 80.6708%, 100% 0%); */
}

#partners-area,
#customer-area {
   height: 100%;
   width: 100%;
   padding-bottom: 20px;
}

#teams-area {
   overflow: hidden;
}

#teams-area .tiles {
   position: absolute;
   justify-content: center;
   align-content: flex-start;
   z-index: 2;
   margin: 0 !important;
   height: 105vh;
   margin: 5vh 0 !important;
}

#teams-area .round_tile_img {
   border-radius: 50%;
   border: 2px solid white;
}

#footer-partners-area .round_tile {
   background-color: transparent;
   border-radius: 0px !important;
   width: fit-content;
   height: fit-content;
   margin: 0 auto !important;
}

#teams-area .round_tile {
   max-width: fit-content;
   margin: 0px 10px 0px 25%;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
   color: transparent;
}

#teams-area .round_tile .card-body {
   height: 200px;
   width: 200px;
   padding: 20px;
}

footer .round_tile {
   max-height: 50px !important;
}

footer .round_tile_img {
   max-width: 100%;
}

footer .card-body {
   grid-template-rows: auto auto 30px !important;
}

.card-img-overlay {
   color: transparent;
   padding-left: 0px !important;
}

.card-img-overlay:hover {
   color: white;
}

.carousel-inner:after,
.carousel-inner::after {
   display: none !important;
}

.carousel-item {
   color: transparent;
}

.carousel-item:hover {
   color: white;
}

.carousel-title {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-family: "Roboto", sans-serif;
   font-size: 23px;
   font-weight: bold;
   text-align: center;
   opacity: 100% !important;
   width: 100%;
}

.action-container {
   padding: 30px 0px;
}

.action-container,
.action-container>p {
   text-align: center !important;
}

#teams-area .round_tile .round_tile_information {
   position: absolute;
   font-family: "Roboto", sans-serif;
   text-align: center;
   height: 100%;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   align-content: center;
   padding-top: 10px;
   width: 100%;
}


#teams-area .round_tile .round_tile_information:hover {
   /* backdrop-filter: blur(5px); */
   color: white;
   backdrop-filter: brightness(30%);
   border: 1px solid white;
}

#teams-area .round_tile .round_tile_title {
   font-size: 21px;
   font-weight: bold;
   margin-bottom: 0px;
   line-height: 25px;
   width: 100%;
   padding: 5px 0px;
}

#teams-area .round_tile .round_tile_email,
#teams-area .round_tile .round_tile_telephone {
   display: block;
   color: inherit;
   width: 100%;
}

#teams-area .btn-primary {
   background-color: transparent;
   border-color: transparent;
   color: inherit;
   font-size: 20px;
   border-radius: 50%;
   margin: 4px !important;
   padding: 5px 12px !important;
   font-weight: 400;
}

#teams-area .btn-primary:hover {
   background-color: #23587c;
   border-color: #23587c;
}

.card {
   max-height: -webkit-fill-available;
}

@media (max-width: 767px) {
   .carousel-inner .carousel-item>div {
      display: none;
   }

   .carousel-inner .carousel-item>div:first-child {
      display: block;
   }

   #customer-area .carousel-item {
      position: relative;
      left: 50%;
      transform: translateX(-75px);
      width: fit-content !important;
   }

   #customer-area .carousel-control-next {
      right: 90px !important;
   }

   #customer-area .carousel-control-prev {
      left: 90px !important;
   }

   #header-search .search_suggestions {
      left: 0 !important;
      width: 100% !important;
      margin-top: 50px !important;
   }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
   display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

   .carousel-inner .carousel-item-end.active,
   .carousel-inner .carousel-item-next {
      transform: translateX(25%);
   }

   .carousel-inner .carousel-item-start.active,
   .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
   }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
   transform: translateX(0);
}

#teams-area {
   height: 100%;
   width: 100%;
   min-height: 100vh;
}

.section:not(#slider-area, #teams-area, .heroarea, main.blog .section) {
   margin-bottom: 75px;
   padding: 0 20%;
   margin-top: 40px;
}

main.blog .sectiontitle {
   font-weight: bold;
}


.sectiontitle:not(main.blog .sectiontitle) {
   color: black !important;
   position: relative;
   font-size: 30px !important;
   font-family: "Roboto", sans-serif;
   font-weight: bold;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   padding-top: 15px;
   z-index: 2;
   text-decoration: none;
}

.crex-product-ids .sectiontitle:not(main.blog .sectiontitle) {
   color: #eb7f00 !important;
}

.crex-product-dts .sectiontitle:not(main.blog .sectiontitle) {
   color: #23587c !important;
}


#teams-area img {
   width: 100%;
   /* max-height: 100vh; */
   object-fit: cover;
   height: 100%;
   image-rendering: -webkit-optimize-contrast;
}

#team-image {
   filter: blur(3px);
   opacity: 0.8;
   max-height: 115vh !important;
}

#slider-area .carousel img {
   object-fit: cover;
   image-rendering: -webkit-optimize-contrast;
}

.teambackground-container {
   height: 100%;
   width: 100%;
   overflow: hidden;
}

.show-inline {
   display: inline-block;
}

.show {
   display: block;
}

.hide {
   display: none;
}

.flex {
   display: flex !important;
}

.right-flow {
   text-align: right;
}

#navigation {
   height: 81px;
   width: 100%;
   z-index: 121;
   background-color: white;
   position: fixed;
}

#page-configuration[data-crex-language="de-DE"] #gender-config,
#page-configuration[data-crex-language="fr-FR"] #gender-config {
   display: block !important;
}

#page-configuration[data-crex-language="pl-PL"] #gender-config,
#page-configuration[data-crex-language="en-US"] #gender-config {
   display: none !important;
}

#page-configuration[data-crex-language="pl-PL"] #translation-config,
#page-configuration[data-crex-language="fr-FR"] #translation-config,
#page-configuration[data-crex-language="en-US"] #translation-config {
   display: block !important;
}

#page-configuration[data-crex-language="de-DE"] #translation-config {
   display: none !important;
}


.page-configuration-buttons {
   top: 250px;
   right: 0;
   position: fixed;
   z-index: 101;
}

#config-button {
   background-color: #23587c;
   font-size: 28px;
   color: white;
   padding: 0px 17px 0px 21px;
   border-radius: 50px 0px 0px 50px;
   border: none;
   cursor: pointer;
   border: none;
   display: inline-block;
   vertical-align: top;
   margin-right: -4px;
}

#config-button i {
   font-weight: 100 !important;
}

#config {
   z-index: 10;
   right: 0px;
   margin-bottom: 2px;
}

#config-container {
   background-color: #23587c;
   width: 250px;
   margin: 0;
   transition: ease-in-out;
   border-radius: 0px 0px 0px 50px;
}

#config-container p {
   color: white;
   padding-top: 15px;
   text-align: center;
   font-weight: bold;
   font-size: 25px;
   font-family: "Roboto", sans-serif;
}

#config-checks {
   padding-left: 20px;
   padding-bottom: 30px;
}

#config-container #flexSwitchCheckDefault {
   height: 20px;
   width: 40px;
   cursor: pointer;
}

#config-container input {
   height: 20px;
   width: 40px;
   cursor: pointer;
}


#config-container label  {
   font-size: 15px;
   color: white;
   margin-left: 15px;
   margin-top: 1px;
}

#config-container .form-check-label {
   font-size: 15px;
   color: white;
   font-weight: 400;
   margin-top: 1px;
}

.font-scale-check-container {
   display: flex;
   align-items: center;
}

.font-scale-check {
   margin-left: 5px;
}

#check-additionals {
   padding-top: 10px;
}

#config-save {
   text-align: center;
}

#gender-button {
   border: none;
   display: inline-block;
   vertical-align: top;
   margin-right: -5px;
   background-color: #eb7f00;
   font-size: 28px;
   color: white;
   padding: 0px 15px 0px 20px;
   border-radius: 50px 0px 0px 50px;
   border: none;
   cursor: pointer;
}

#gender-button i {
   font-weight: 500 !important;
}

main #gender-config:not(main.blog #gender-config) {
   display: none;
}

#gender-config {
   z-index: 9;
   right: 0px;
   margin-bottom: 2px;
}

#gender-container {
   background-color: #eb7f00;
   width: 250px;
   margin: 0;
   transition: ease-in-out;
   border-radius: 0px 0px 0px 50px;
}

#gender-container p {
   color: white;
   padding-top: 15px;
   text-align: center;
   font-weight: bold;
   font-size: 25px;
   font-family: "Roboto", sans-serif;
}

#genderconfig-checks {
   padding-left: 15px;
   padding-bottom: 30px;
}

#gender-container .form-check-label {
   display: block;
   font-size: 15px;
   color: white;
   margin-left: 5px;
   margin-top: -1px;
   font-family: "Roboto", sans-serif;
}

#check-additionals {
   padding-top: 10px;
}

#genderconfig-save {
   text-align: center;
}


/*gender settings*/
.term-gender {
   border-bottom: 2px dotted #eb7f00;
}

.gendered .term-gender.generic-masculine {
   display: inline;
}

.gendered .term-gender.generic-feminine,
.gendered .term-gender.neuter-short,
.gendered .term-gender.neuter-full {
   display: none;
}

.gender-setting-generic-masculine .term-gender,
.gender-setting-generic-feminine .term-gender,
.gender-setting-neuter-short .term-gender,
.gender-setting-neuter-full .term-gender {
   display: none !important;
}

.gender-setting-generic-masculine .term-gender.generic-masculine,
.gender-setting-generic-feminine .term-gender.generic-feminine,
.gender-setting-neuter-short .term-gender.neuter-short,
.gender-setting-neuter-full .term-gender.neuter-full {
   display: inline !important;
}

span.term-gender:not(.neuter-short) {
   display: none;
}

main #translation-config:not(main.blog #translation-config) {
   display: none;
}


#translation-config {
   z-index: 8;
   right: 0px;
}

#translation-button {
   border: none;
   display: inline-block;
   vertical-align: top;
   margin-right: -5px;
   background-color: #c5c5c5;
   font-size: 28px;
   color: white;
   padding: 0px 13px 1px 18px;
   border-radius: 50px 0px 0px 50px;
   border: none;
   cursor: pointer;
}

#translation-container {
   background-color: #c5c5c5;
   width: 250px;
   margin: 0;
   padding-bottom: 30px;
   transition: ease-in-out;
   border-radius: 0px 0px 0px 50px;
   font-size: 15px;
}

#translation-container p {
   color: white;
   padding-top: 15px;
   text-align: center;
   font-weight: bold;
   font-size: 25px;
   font-family: "Roboto", sans-serif;
}

#translationconfig-checks {
   padding-left: 15px;
}

#translation-container .form-check-label {
   font-size: 15px;
   font-family: "Roboto", sans-serif;
   display: block;
   color: white;
   margin-left: 5px;
   margin-top: -1px;
}

#check-additionals {
   padding-top: 10px;
}

#translationconfig-save {
   text-align: center;
}

/* translation */
.term-translation {
   border-bottom: 2px dotted #00a841;
}

.term-translation:not(.term-review-author),
.translation-setting-translated-author .term-translation:not(.term-review-author) {
   display: none;
}

.translation-setting-translated-deepl .term-translation:not(.term-review-deepl) {
   display: none;
}

.translation-setting-translated-deepl .term-review-deepl {
   display: inline-block;
}

.translation-setting-translated-compare .term-translation {
   display: inline-block;
}

.translation-setting-translated-compare .term-translation+.term-translation {
   margin-left: 10px;
}

.translation-setting-translated-compare .term-review-deepl {
   text-decoration: line-through;
   color: red;
   border-bottom: 2px dotted red;
}

.translation-setting-translated-compare .term-review-author {
   color: green;
}


#translation-warning {
   box-shadow: 4px 4px 27px -19px rgb(0 0 0 / 75%);
   border: 1pt solid #e2e2e2;
   border-radius: 5px;
   padding: 5px;
   margin: 20px 20px 0px 20px;
   background-color: #96e69a38;
   color: #000;
}

#link-to-original {
   color: #0000ff;
   cursor: pointer;
}

#link-to-original:hover,
#link-to-original:focus {
   color: #23587c;
   text-decoration: underline;
}

#link-to-original:not(.show) {
   display: block;
}

.savebtn {
   width: 100px;
   font-size: 20px;
   text-align: center;
   margin-top: 20px;
   margin-bottom: 20px;
}

#sub-navigation {
   background-color: white;
   height: 70px;
   width: 100%;
   text-align: center;
   position: fixed;
   z-index: 120;
   width: 100%;
   transition: top 0.3s;
   margin: 0 !important;
}

.menu-container {
   margin-top: 2px;
}

.submenu-container {
   margin-top: 2px;
   font-size: 14px !important;
}

.chapter-list {
   width: 100%;
   justify-content: space-evenly;
}

.current-category {
   padding-left: 3px;
   padding-top: 23px;
   padding-bottom: 23px;
   background-color: lightgrey;
}

#logo img {
   height: 50px;
   max-height: 100%;
   max-width: 100%;
}


@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
   #logo img {
      image-rendering: -webkit-optimize-contrast;
   }
}

.blog-details {
   width: 100% !important;
   margin: 0 !important;
}

.mobile-version {
   display: none;
}

.mobile-version .nav-item {
   padding-bottom: 17px
}

.nav-menu {
   background-color: white;
   width: 100%;
   justify-content: space-evenly;
}

#mobile-handling {
   width: 100%;
}

#directory_toc {
   width: 100%;
   display: grid;
   grid-template-areas:
      "navitems"
      "language";
}

.language-mobile {
   grid-area: language;
   order: 2;
}

.language-mobile #language-containers {
   justify-content: left !important;
   padding: 5px 0px 20px 20px !important;
}

.language-mobile .dropdowncategories {
   left: 0px !important;
}

#toc_list {
   grid-area: navitems;
   order: 1;
   display: flex;
   margin-top: 0px;
   justify-content: space-evenly;
   margin-bottom: 0px;
}

.title_link_container {
   padding-top: 1px !important;
   margin-bottom: 0px !important;
}

.title_link {
   font-family: var(--bs-font-sans-serif);
   font-weight: 400;
   color: rgba(0, 0, 0, .55) !important;
   text-transform: uppercase;
   font-size: 18px;
   text-decoration: none !important;
}

.list_item {
   margin-bottom: 3px !important;
}


.list_item.active .title_link:not(.list_item.active .title_list .title_link) {
   color: rgba(0, 0, 0, .9) !important;
   font-weight: bold !important;
}

.title_link:hover {
   color: rgba(0, 0, 0, .9) !important;
   text-decoration: none !important;
}

.title_list {
   padding-left: 0px !important;
}

.title_list .title_list {
   background-color: white;
   max-width: 290px;
   position: absolute;
   border-radius: 5px;
   transition: background 3s;
   box-shadow: 2px 2px 10px -2px rgb(0 0 0 / 35%);
   padding-left: 30px !important;
}

.title_list .title_list .title_link {
   width: 270px;
   white-space: unset;
   padding-left: 10px !important;
}

.expandChildNodes {
   padding: 0px 10px 0px 15px;
    margin-right: 5px;
    margin-top: 2px;
    background-color: inherit;
    border: none;
}

#config-checks {
   color: white;
}

.nav-menu li {
   font-size: 18px;
}

.header-login {
   right: 0;
   padding-right: 15px;
}

.selected {
   font-weight: bold !important;
}

.logo-container,
.menu-container,
.header-additionals,
#navbar,
#directory_toc,
.search-container,
#language-container {
   height: 100%;
}

#language-containers {
   display: flex;
   justify-content: center;
   align-items: center;
}

#header-textfield,
#header_search_input {
   order: 2;
   width: 100%;
   border: none;
   font-family: "Roboto", sans-serif;
   border-bottom: 1px solid #757575;
   outline-offset: 2px !important;
   -webkit-appearance: textfield !important;
}

#header-textfield,
#header_search_input {
   width: 70%;
   box-sizing: border-box;
   font-size: 16px;
   /* background-color: white;
   background-image: url('searchicon.png'); */
   background-position: 10px 10px;
   background-repeat: no-repeat;
   -webkit-transition: width 0.4s ease-in-out;
   transition: width 0.4s ease-in-out;
}

#header_search_input:focus {
   width: 100%;
}


#search_input {
   width: 100%;
   border: none;
   font-family: "Roboto", sans-serif;
}

#header-search-button,
.search-execute-button {
   border: none;
   background: white;
   padding: 5px 5px 5px 10px;
   order: 1;
}

#header-search-button i,
.search-execute-button i {
   font-weight: 600;
}

.search_suggestions {
   width: 270px !important;
}

.search-button {
   background: rgb(235, 235, 235) !important;
   margin-right: -11px;
   padding-top: 3px;
   color: black;
   height: 100% !important;
   padding-bottom: 8px;
}

#search.hide {
   display: block;
   visibility: hidden;
}

.hlterm {
   background: yellow;
   line-height: normal;
   border: 1pt solid black;
}

.languagedropdown {
   height: 30px;
   width: 30px;
}

.logindropdown {
   height: 50px;
   width: 50px;
}

#log_button {
   width: 50px;
   border-radius: 0;
   color: #23587c;
   margin-top: 10px;
   margin-bottom: 10px;
   border: none;
   font-size: 20px;
   cursor: pointer;
   background-color: transparent;
   outline: none;
   /* display: flex;  bis klar ist wofür man sich einloggen kann*/
   display: none;
   justify-content: center;
   align-items: center;
}


.language {
   padding: 0;
   height: 100%;
   width: 100%;
}

.dropdowncategories {
   right: -65px !important;
   top: 46px !important;
   left: -140px !important;
   width: fit-content !important;
}

.dropdown-item:has(span[data-crex-uilang="noLangRestriction"]) {
   display: none;
}

.dropdown-item span.align-middle {
   padding-left: 10px;
   font-size: 15px;
}

.login-button {
   margin-top: 40%;
   height: 100%;
   width: 100%;
}

.login-button img {
   height: 100%;
   width: 200%;
}

.login-dropdown {
   min-width: 150px;
   right: -60px;
   width: 60px;
   top: 63px;
   left: auto;
}

.search-button {
   height: 100%;
   background: white !important;
}

.header-search-button {
   height: 100% !important;
   background-color: #6c757d;
   padding-right: 8px;
}

#partners-area-carousel .card {
   width: fit-content;
   height: fit-content;
   margin: 0 auto !important;
}

#partners-area-carousel .img-fluid {
   max-height: 200px;
   max-width: 200px;
   border-radius: 12px;
}

#partners-area-carousel .carousel-inner {
   padding: 10px 0px;
}

#customer-area .carousel .card {
   width: fit-content;
   height: fit-content;
   margin: 0 auto !important;
   cursor: default !important;
}

#customer-area .carousel .card-img-overlay:hover {
   backdrop-filter: brightness(0%);
   /* transition: 0.3s; */
   background-color: #23587c;
   border-radius: 12px;
}

#customer-area .carousel .img-fluid {
   max-height: 200px;
   max-width: 200px;
   border-radius: 12px;
}

#customer-area .carousel .carousel-inner {
   padding: 10px 0px;
}

#intro-area .shortdesc {
   padding: 0 10%;
   text-align: center;
}

#slider-area .carousel-item {
   max-height: 100vh;
}

#blogteaser-area #cardcontainer {
   margin: 0 10%;
}

#customer-area .carousel-control-next {
   width: auto;
   position: absolute;
   right: -30px;
   justify-content: flex-start;
   padding-left: 10px;
}

#customer-area .carousel-control-next-icon {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAA7klEQVRIie3WMUpDQRAG4I+AWNkJgpWFB7DQ0iqVrTZ6B5NLGA9hpVfIARJsAgl4BkHBSuwkIBFj8RT2LSkE2XkJ5Ictl49dZmeHdZYsQ8x/1gRbUfBDAs/RRysC3sNrhvciYDjGRwJ/4SIK76ifeoqjKPwmw1+wGwFv4D7DR9iMwLfxmOF3ETAc4D3DO1H4qaq6f+FPnEThPfVTv2E/Am6pOlmKT/6yaWVzrYGrPlMvrhnapdFFz+myNLqD5wy9LY021jLzT+JJdQNF083QKQ5Lo21V1aaDwHlpdNHoc1UapcFhb5CgY4Hj7Tr/zjfcW2a3eoiKgwAAAABJRU5ErkJggg==) !important;
}

#customer-area .carousel-control-prev {
   width: auto;
   position: absolute;
   left: -30px;
   justify-content: flex-start;
   padding-right: 10px;
}

#customer-area .carousel-control-prev-icon {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAA9ElEQVRIie3WMUpDQRAG4A9BrOwEwcrCA9hYWqVKq43ewXgJ4yGs9Ao5gJJGUPEMgoFUYieCKHkWz8DbJaCoO49Afth2P2bZnR0WmZOs4hbV17qKQJcwaKAV7iPg0wx9xlZpdB+TBvqOTml0Gy/Sao9Ko+sYZeh5aXQZwwy9xkpp+CxDH9UnUDTHGfqKndJoR31rp+gEB6XRTTxJqz0pjcJdhg7UHevP+W6T6j+Q32TWUfej8F28SS/XYRTe08JzmiZvIGNsRMCttUxYw0OGX0TAzP4We1H4nnQQ+EA3Cu9Lqw4ZfWhx2KMeb28a8GUUvMiP8wl+P2e4Vi0+4AAAAABJRU5ErkJggg==) !important;
}



#search {
   width: 55%;
   margin-top: 110px;
   text-align: center;
   display: flex;
   overflow: hidden;
   padding: 0;
   position: absolute;
   z-index: 1;
   flex-direction: row-reverse;
}

main.blog #search {
   width: 100%;
   margin-top: 230px;
   text-align: center;
   display: flex;
   overflow: hidden;
   padding: 0;
   position: relative;
   flex-direction: row;
}

#searchForm {
   width: 100%;
   height: 50px;
   display: block;
   order: 1;
}

#header-search {
   margin-top: 2px;
   width: 100%;
   overflow: hidden;
   height: 90%;
   flex-direction: row;
   justify-content: end;
}

#headersearchForm {
   min-width: none !important;
   max-width: 100% !important;
   width: 100% !important;
   height: 100%;
   z-index: 2;
   display: block;
}

#header-textfield {
   max-width: 100% !important;
   padding: 0;
}

#header-auto-suggestions {
   z-index: 1;
   position: absolute;
   text-align: center;
   width: 77%;
   height: auto;
   background: rgb(250, 250, 250) !important;
}

#auto-suggestions {
   z-index: 15;
   height: auto;
   background: rgb(250, 250, 250) !important;
   margin-top: 0px;
   position: absolute;
   width: calc(100% - 31px);
}


#suggestions-list {
   padding-top: 14px;
   padding-bottom: 6px;
}

.suggestion-entry {
   text-align: left;
   padding: 5px 5px 5px 10px;
   margin: 0 !important;
   color: black;
   cursor: pointer;
}

#blogpost-teaserimg {
   height: 60vh;
}

#blogpost-teaserimg img {
   width: 100%;
   max-height: 60vh;
   object-fit: cover;
   height: 100%;
}

body.blog-post #auto-suggestions {
   margin-top: 280px;
   width: 100%;
}

.addresswithicons {
   display: grid;
   grid-template-columns: 35px auto;
   grid-template-rows: 1fr 1fr 1fr;
   height: 90px;
   float: left;
   margin-bottom: 41px;
}

.addresswithicons p {
   margin-bottom: 4px !important;
   text-align: left;
   font-family: "Roboto", sans-serif;
}

#icon-location {
   font-size: 17px;
   padding-top: 2px;
   color: white;
   grid-column: 1/2;
   grid-row: 1/2;
}

#icon-mobile {
   font-size: 17px;
   padding-top: 2px;
   color: white;
   grid-column: 1/2;
   grid-row: 2/3;
}

#icon-email {
   font-size: 17px;
   display: flex;
   justify-content: center;
   padding-top: 3px;
   color: white;
   grid-column: 1/2;
   grid-row: 3/4;
}

#icon-location {
   font-weight: 500 !important;
}

#icon-email {
   font-weight: 100 !important;
}

#table-icon {
   text-align: center !important;
}

.crex-hero-graphic {

   width: 100%;
}

.fig img {
   max-width: 100%;
}

#GoToTopBtn {
   height: 50px;
   width: 50px;
   position: fixed;
   bottom: 20px;
   right: 30px;
   z-index: 99;
   font-size: 25px;
   border: none;
   outline: none;
   background-color: #eb7f00;
   color: white;
   cursor: pointer;
   padding: 15px;
   border-radius: 50%;
}

#GoToTopBtn i {
   vertical-align: top;
   margin-top: -2px;
   margin-left: -1px;
}

#GoToTopBtn:hover {
   background-color: #23587c;
}

.pagination {
   margin-top: 10px !important;
   margin-bottom: 28px !important;
   justify-content: right;
}

#page-info-results-count {
   text-align: center;
}

#search_results_counter {
   font-size: 14px;
   font-family: "Roboto", sans-serif;
   height: unset !important;
   padding: 0px !important; 
   margin-right: 0px !important;
   margin-bottom: 0px !important;
}

#search_results_counter:not(:empty) {
   background-color: transparent !important;
   box-shadow: none !important;
}

#search_results_counter span {
   vertical-align: sub;
}

#search_results_counter p {
   margin: 0 !important;
   font-family: "Roboto", sans-serif;
}

.page-item {
   margin-left: 5px;
   margin-right: 5px;
}

.page-link {
   padding-top: 0px;
   padding-bottom: 2px;
   background-color: #fff !important;
   border: 1px solid #dee6ed !important;
   color: #6c757d !important;
}

.page-link i {
   color: black;
   font-size: 13px !important;
}

a.xref:not(.call-to-action) {
   color: #23587c !important;
   text-decoration: underline !important;
}

.section .p:not(.lineup .p) .btn-primary {
   display: block;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
   margin-top: 20px;
   padding: 10px 20px !important;
   border: none !important;
   background-color: #23587c;
   font-size: 20px;
   background-color: #23587c;
}

.section .p:not(.lineup .p) .btn-primary:hover {
   background-color: #eb7f00;
   text-decoration: none !important;
}

.section .p:not(.lineup .p) .btn-primary a {
   color: white !important;
   text-decoration: none !important;
}

#post-heading {
   margin-top: 5px;
   position: relative;
   background-color: #eb7f00;
   hyphens: auto;
}

#post-heading h1 {
   color: white;
   margin-top: -90px;
   padding: 19px;
   font-family: "Roboto", sans-serif;
   font-size: 40px;
   text-align: center;
   font-weight: lighter;
}

.section h2:not(main.blog .section h2) {
   padding-bottom: 40px;
   color: #eb7f00;
   font-family: "Roboto", sans-serif;
}

main.blog .section h2 {
   padding-top: 60px;
   padding-bottom: 10px;
   color: #eb7f00;
}

main.blog main .section li, main.blog main .section p:not(li p) {
   margin: 10px 0px;
}

.p {
   max-width: 100%;
   margin-bottom: 0px !important;
}

.p img {
   max-width: 100%;
}

main.blog .fignone {
   margin-top: 15px;
   width: -moz-fit-content;
   width: fit-content;
   box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
   border-radius: .2rem;
}

.fignone figcaption {
   font-size: 14px;
   padding-left: 10px;
   background-color: #eeeeee;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   border-radius: .2rem .2rem 0px 0px;
}

.fignone img:not(#slider-area img, .crex-hero-graphic img) {
   border-radius: .2rem;
}

object.video {
   margin-top: 50px;
}

.q::before {
   content: "»";
}

.q::after {
   content: "«";
}

.q {
   font-style: italic;
   color: #eb7f00;
}

.lq::before {
   content: "»";
}

.lq::after {
   content: "«";
}

.lq {
   display: inline-block;
   font-style: italic;
   color: black;
}

.fn {
   display: flex;
   padding-top: 50px;
}

strong.b {
   font-weight: bold;
   color: black !important;
}

object[data^="https://www.youtube.com/"] {
   width: 2000px !important;
   height: 48vh !important;
   max-height: 80vh;
   max-width: 100%;
}

#posttext {
   margin: 10px 20px 10px 20px;
   font-size: 18px;
   font-family: "Roboto", sans-serif;
   text-align: left;
   hyphens: auto;
   word-break: break-word;
   color: black;
}

.codeblock {
   padding: 10px;
   background-color: #f1f1f1;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   white-space: pre-wrap;
}

.codeblock code {
   color: #000;
   padding: 10px;
}

#post-additionals {
   text-align: left;
   margin-left: 30px;
   width: 100%;
   margin-top: 20px;
   margin-bottom: 50px;
}

#post-tags {
   width: 250px;
   margin-bottom: 20px;
}

#post-tags .tag-button {
   box-shadow: #eb7f00 0px 0px 6px;

   text-transform: uppercase;
   border: none;
   margin-top: 0 !important;
   font-size: 15px;
   background-color: #eb7f00;
}

.tag-button:hover {
   box-shadow: #d17000 0px 0px 6px !important;
   background-color: #d17000 !important;
}

.information-container {
   width: -moz-fit-content;
   min-width: 100%;
   max-width: 100%;
   background-color: white;
   border-radius: 12px;
   display: block;
   margin-bottom: 50px;
}

.relations-content {
   margin: 15px 0px 5px 10px;
}

#author-image {
   display: inline-block;
}

.information-container .author-image {
   background-color: #23587c;
   height: 50px;
   width: 50px;
   border-radius: 50%;
   display: inline-block;
   text-align: left;
   cursor: pointer;
}

.information-container #author-information {
   vertical-align: top;
   padding-left: 5px;
   padding-top: 16px;
   display: inline-block;
}

.information-container #author-name {
   font-family: "Roboto", sans-serif;
   margin: 0;
   font-size: 17px;
   cursor: pointer;
}

.information-container #author-tag {
   font-size: 15px;
   font-family: "Roboto", sans-serif;
   margin: 0;
   font-weight: lighter;
   text-align: left;
   cursor: pointer;
}

.information-container #publish-date {
   font-size: 16px;
   font-family: "Roboto", sans-serif;
   font-weight: lighter;
   margin-top: 2px;
   margin-left: 10px;
   hyphens: auto;
}

.information-container #commentaries {
   font-size: 17px;
   font-family: "Roboto", sans-serif;
   text-transform: uppercase;
   font-weight: bold;
   margin-left: 10px;
}

#recommend-title #recommendations-title {
   font-family: "Roboto", sans-serif;
   font-size: 25px;
   margin-top: 30px;
   margin-bottom: 30px;
   hyphens: auto;
}

.recommended-blog-post:not(main.blog .recommended-blog-post) {
   margin-top: 10px;
   display: grid;
   grid-template-columns: 210px;
   grid-template-areas: "image text";
}

main.blog .recommended-blog-post {
   display: block;
   margin-top: 10px;
}



.recommended-blog-post img {
   margin-right: 5px;
   width: 130px;
   height: 80px;
   border-radius: 12px;
   display: inline-block;
   cursor: pointer;
   grid-area: image;
}

.post-description {
   vertical-align: top;
   font-size: 10px;
   width: 150px;
   display: inline-block;
   grid-area: text;
}

.post-description #desc-date {
   font-family: "Roboto", sans-serif;
   margin: 0;
   font-weight: bold;
   color: #000;
}

.post-description #desc-title {
   font-size: 15px;
   font-family: "Roboto", sans-serif;
   margin: 0;
   font-weight: bold;
   color: #23587c;
   cursor: pointer;
   hyphens: auto;
}

#blogteaser-area .recommended-blog-post {
   clear: left;
   padding: 30px 0px 0px 0px;
   width: 100%;
   grid-template-columns: 380px auto !important;
   align-items: center;
   justify-content: start;
}

#blogteaser-area .post-description {
   display: grid;
   height: 200px;
   width: 100%;
   grid-area: text;
   min-width: 500px;
   align-content: baseline;
   margin-left: 20px;
}

#blogteaser-area .post-description #desc-title {
   font-size: 24px !important;
   font-weight: bold !important;
   font-family: "Roboto", sans-serif !important;
   text-align: left;
   padding: 0% !important;
}

#blogteaser-area .post-description #desc-date {
   font-size: 12px !important;
}

#blogteaser-area .recommended-blog-post img {
   height: 200px !important;
   width: 100% !important;
   object-fit: cover;
   border-radius: .2rem !important;
   transform: none !important;
   grid-area: image;
}


#blogteaser-area .recommended-blog-post img:hover {
   box-shadow: none !important;
}

.commentary-section {
   background-color: white;
   padding: 15px;
}

.commentbtn {
   font-size: 20px;
   margin-left: calc(50% - 61px);
}


.btn-primary {
   background-color: #eb7f00;
   border-color: #eb7f00;
   color: #FFFFFF;
   font-size: 14px;
   padding: 10px 20px;
   font-weight: 600;
   font-family: "Roboto", sans-serif;
}

.btn-primary:hover {
   background-color: #23587c;
   border-color: #23587c;
   color: #FFFFFF;
   font-size: 14px;
   padding: 10px 20px;
   font-weight: 600;
}

.call-to-action {
   padding: 5px !important;
   font-family: "Roboto", sans-serif;
}

.call-to-action:hover {
   padding: 5px !important;
}

footer .btn-primary i {
   margin-left: 15px;
}

#crex-footer .social-icon li {
   margin: 2px;
}

.socialmedia {
   padding-left: 20px;
   float: right;
   margin-top: 9px;
}

.copyright {
   padding-top: 30px;
   display: inline-block;
   float: left;
}

.impress {
   padding-top: 30px;
   display: inline-block;
   text-align: right;
   padding-right: 3%;
}

.imprints {
   display: inline-block;
   padding-top: 30px;
}

.fa-copyright {
   font-weight: 500 !important;
}

.m-t-sm {
   margin-top: 9px;
   font-size: 16px;
   font-weight: bold;
   margin-bottom: 8px !important;
}

.social-icon li {
   display: inline-block;
}

.social-icon i {
   margin: -4px;
   padding-top: 6px;
   vertical-align: super;
   font-size: 17px;
}

.social-icon a {
   background: #eb7f00;
   color: #fff;
   /* padding: 4px 8px; */
   height: 28px;
   width: 28px;
   display: inline-block;
   border-radius: 50px;
}

.social-icon a {
   padding: 6px 8px;
}

#crex-footer .social-icon a {
   padding: 4px 8px;
}


.social-icon a:hover {
   background: #23587c;
}

.impress button {
   color: #23587c !important;
   text-align: left;
   font-size: 15px;
}

#crex-footer .impress button {
   padding-left: 5px;
}

.impress button:not(:last-child):after {
   content: ' |';
   color: #23587c !important;
}

footer {
   margin-top: 38px;
   background-image: url("../img/footer_background.png");
   background-size: cover;
   /* filter: blur(1px); */
   text-align: center;
   bottom: 0;
   padding: 10px 0px 10px 0px;
}

footer .tiles {
   margin: auto;
}

#address-table {
   display: inline-block;
}

#address-table td {
   text-align: left;
   color: white;
   font-size: 15px;
   padding-right: 10px;
}

#address-table {
   width: auto !important;
}

.list-inline {
   margin-bottom: 0px !important;
}

.footer-title {
   text-align: left;
   font-family: "Roboto", sans-serif;
   font-size: 50px;
   padding-top: 20px;
   margin: 0;
   font-weight: bold;
   color: #eb7f00;
   padding-bottom: 10px;
}

footer b {
   color: #23587c;
}

footer p {
   color: white;
   font-family: "Roboto", sans-serif;
   padding: 0;
   font-size: 15px;
}

footer a {
   font-family: "Roboto", sans-serif;
}

.copyright p {
   padding-left: 12px;
   margin: 0;
   color: #23587c;
   text-align: left;
   font-family: "Roboto", sans-serif;
}

.blog-container {
   width: 100%;
   margin-top: 250px;
}

.highlight-container {
   border-radius: 12px;
   height: 100%;
   display: inline-block;
}

.post-container {
   background-color: white;
   border-radius: 12px;
   height: 100%;
   display: inline-block;
}

.info-image {
   background-color: #23587c;
   height: 20px;
   width: 20px;
   border-radius: 50%;
   display: inline-block;
   cursor: pointer;
   vertical-align: middle;
   margin-bottom: 2px;
}

.author-name {
   display: inline-block;
   margin-bottom: 0 !important;
}

.post-container a {
   color: #6c757d;
}

.post-container a:hover {
   text-decoration: none;
}

.post-container:hover {
   background-color: #f8f8f8;
}

.post-name p:hover {
   background-color: #e47b03;
}

.highlightpic {
   text-align: center;
}

.highlight-topic {
   display: inline-block;
}

.highlight-topic p {
   color: #23587c;
   text-align: center;
   font-weight: bold;
   font-size: 20px;
   font-family: "Roboto", sans-serif;
}

.post-topic p {
   color: #eb7f00;
   text-align: center;
   font-size: 30px;
   font-weight: bold;
   font-family: "Roboto", sans-serif;
}

.icon {
   height: 30px;
   width: 30px;
   margin-top: calc(25% - 30px);
}

.card {
   border-radius: 12px !important;
   text-decoration: inherit;
   color: inherit;
}

.card:hover {
   text-decoration: inherit;
   color: inherit;
}

.card-title a {
   color: white;
}

#post-heading a {
   color: white;
}

.card-body .card-text a.xref {
   text-decoration: none !important;
   color: black !important;
   pointer-events: none;
}

.card-body .card-text a.xref i {
   display: none;
}

.card-text.post-info {
   font-size: 14px;
   color: white;
   padding-bottom: 5px;
   padding-top: 3px;
}

.card-text.post-desc {
   font-size: 18px;
   hyphens: auto;
}

main.blog .card-body {
   grid-template-rows: auto 160px 30px;
}

.card-body {
   padding: 0 !important;
   display: grid;
}

.card-img-top {
   object-fit: cover;
}

.post-desc {
   padding: 10px 13px;
   margin-bottom: 0px !important;
   white-space: normal;
   -webkit-line-clamp: 5;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.post-info .info-data {
   display: inline-block;
   padding-top: 5px;
   padding-left: 10px;
   margin-bottom: 0;
}

.post-info .info-author {
   display: inline-block;
   float: right;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 10px;
   margin-bottom: 0;
}

.info-commentary {
   display: inline-block;
   margin-bottom: 0 !important;
   margin-left: calc(50% - 81px);
}

.post-image {
   height: auto;
   max-height: 300px;
   overflow: hidden;
}

.post-image img {
   border-radius: 12px 12px 0px 0px;
   height: 100%;
   width: 100%;
}

.posts {
   padding: 0 !important;
   margin: 0 !important;
}

.tag-button {
   box-shadow: #eb7f00 0px 0px 6px;
   margin: 10px;
   text-transform: uppercase;
   border: none;
   cursor: pointer;
   font-size: 15px;
   background-color: #eb7f00;
}

.tag-container {
   display: none !important;
   text-align: center;
   margin-top: 240px;
}

.info-data {
   float: right;
   padding-top: 0px !important;
}

#crex-load-animation {
   position: fixed;
   top: calc(50% - 10vh);
   right: calc(50% - 5vh);
   font-size: 10vh;
   z-index: 1000;
}

#result-area {
   min-height: 1000px;
   width: 100%;
   display: grid;
   grid-template-rows: 150px auto 1fr;
   grid-template-areas: "word word word"
                        "filter filter filter"
                        "result result result";
}

.search-result-header {
   height: fit-content;
   background-color: #23587c;
   width: 100%;
   grid-area: word;
}

#searchresults_restriction {
   padding: 0% 20%;
   grid-area: filter;
}

#search-result-text {
   font-size: 50px;
   color: white;
   padding: 25px 40px;
   font-family: "Roboto", sans-serif;
   font-weight: 300;
   margin-bottom: 0;
}

#key-word {
   font-weight: 500;
}

#dn-searchresults {
   width: 100%;
   padding: 3% 20%;
   grid-area: result;
}

.search_results_info {
   width: 100%;
}

.topictitle1 {
   display: none;
}

.nav-menu {
   padding-left: 0px !important;
   padding-right: 0px !important;
}

.nav-link:hover {
   color: black !important;
}

/* .fig img {
   max-width: 100%;
   max-height: 69vh;
} */

.card:hover {
   box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 10px;
   transform: scale(1.01);
   z-index: 1;
   cursor: pointer;
}

.recommended-blog-post img:hover {
   box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 9px !important;
   transform: scale(1.01);
   z-index: 1;
   cursor: pointer;
}

i.fas.fa-external-link-alt {
   font-size: 15px !important;
   padding: 3px;
   text-decoration: none;
}

.table.corona-foerderung thead th {
   vertical-align: top;
}

.table.corona-foerderung {
   font-size: 12px;
   margin-top: 20px;
}

.table.corona-foerderung .row {
   display: table-row !important;
}

.table.corona-foerderung .row>* {
   width: auto;
}

.table.corona-foerderung>tbody>tr>td {
   vertical-align: top;
}

span.prefix-highlight {
   font-weight: bold;
}

#lang-flag,
#lang-flag-mobile {
   border: 2px solid rgb(235, 235, 235);
   width: 30px;
   height: 30px;
}

.nav-flag img {
   border: 2px solid rgb(235, 235, 235);
   width: 30px !important;
   height: 30px !important;
}

video {
   width: 100%;
}

#blogpostcontainer {
   padding-left: 15px;
   padding-right: 15px;
}

#blogpostcontainer .row {
   display: grid;
   margin: 0;
   width: 100%;
   grid-template-columns: 2fr 1fr;
}

#posttext {
   grid-column: 1 / 1;
   width: calc(100% - 12%);
   background-color: white;
   vertical-align: top;
   border-radius: 12px;
   margin: 10px 20px 10px 20px;
   margin-top: 20px;
   font-size: 18px;
   font-family: "Roboto", sans-serif;
   text-align: left;
   hyphens: auto;
   word-break: break-word;
   color: black;
}

body.information-hidden #posttext {
   grid-column: 1 / 3;
   width: calc(100% - 2 * 12%);
   margin-right: 12%;
}

#post-additionals {
   grid-column: 2 / 2;
   width: calc(100% - 12%);
}

.reset-search {
   display: none;
   order: 3;
}

#search:not(.hide) .reset-search.visible,
#header-search:not(.hide) .reset-search.visible,
.reset-search.show {
   display: flex;
}

.search-container.col-10 {
   margin-bottom: 33px;
}

.search-container {
   position: relative;
   padding: 0px 15px 0px 15px;
}

.reset-search button {
   border: none;
   background-color: #eedcdc;
   color: #a64343;
   width: 50px;
   font-size: 20px;
   text-align: center;
}

#reset-search_mobile>button {
   width: 37.89px;
}

#posttext img {
   cursor: zoom-in;
   max-width: 100%;
   max-height: 69vh;
}

#posttext a[class='xref']>span>img {
   cursor: pointer !important;
}

#img-module {
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 1000;
   position: fixed;
   top: 0;
   width: 100%;
   height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
}

#img-module>img {
   width: auto;
   height: auto;
   max-width: calc(100% - 10px);
   max-height: calc(100% - 10px);
   cursor: zoom-out;
}

#close-button {
   position: absolute;
   top: 25px;
   right: 25px;
   color: rgb(166, 26, 26);
   border: 2px solid darkgray;
   background-color: white;
   font-size: 40px;
   cursor: pointer;
   outline: none;
   height: 50px;
   width: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 25px;
}

#product-area {
   display: grid;
   grid-template-areas:
      'title'
      'products'
      'button';
   grid-template-columns: 100%;
}

#product-area .sectiontitle {
   grid-area: title;
   order: 1;
}

#product-area .button {
   grid-area: button;
   order: 3;
   position: relative;
   width: 20%;
   margin-left: auto;
   margin-right: auto;
}

#product-area div.container.text-center.my-3 {
   grid-area: products;
   order: 2;
}

.section .p:not(main.blog .section .p) {
   font-size: 18px;
   font-family: "Roboto", sans-serif;
   text-align: left;
   hyphens: auto;
   word-break: break-word;
}

.section .p:has(button) {
   text-align: center;
}

.section .lineup-item .p:has(button) {
   text-align: left;
   margin-top: .5rem;
}

.first-section {
   padding: 7% 0 5% 0;
}

#teams-area .round_tile {
   border-radius: 50% !important;
}

@media (max-width: 1439px) {
   #posttext {
      width: 100%;
   }

   body.information-hidden #posttext {
      width: 100%;
      margin-right: 0;
   }

   #post-additionals {
      grid-column: 2 / 2;
   }
}

@media (max-width: 991px) {
   #posttext {
      grid-column: 1 / 3;
   }

   #post-additionals {
      grid-column: 1 / 3;
   }

   #post-additionals {
      margin: 0;
      width: 100%;
      padding: 0 !important;
   }

   .post-description {
      width: calc(100% - 135px);
   }

   #header-search {
      height: 100% !important;
   }
}


@media (min-width: 1250px) {
   .post-description {
      width: 200px;
   }
}

.language-mobile {
   display: none;
}


@media (max-width: 1080px) {
   #navbar {
      margin-left: -70px;
   }
}

@media (max-width: 991px) {
   .sectiontitle:not(main.blog .sectiontitle) {
      padding-bottom: 24px !important;
      text-align: start;
   }

   .menu-container {
      margin-top: 8px;
      display: flex;
      order: 2;
   }

   .search-container {
      padding-right: 0 !important;
      padding-left: 0 !important;
   }

   #dn-searchresults {
      padding: 3%;
   }

   #searchresults_meta {
      padding: 0% 4%;
   }

   #header_search_input {
      width: 100% !important;
   }

   .header-additionals {
      padding-top: 0 !important;
      padding-right: 0 !important;
      padding-left: 0 !important;
   }

   .search_suggestions {
      width: 45% !important;
   }

   #mobile-handling {
      position: absolute !important;
      width: 100% !important;
      left: 0px !important;
      top: 80px !important;
      background-color: white !important;
      height: auto !important;
   }

   #toc_list {
      flex-direction: column !important;
   }

   .title_list .title_list {
      background-color: transparent !important;
      position: relative !important;
      border-radius: 0 !important;
      box-shadow: none !important;
   }

   #slider-area,
   .heroarea {
      margin-top: 0px;
   }

   .menu-container button:not( .menu-container nav button) {
      position: fixed;
      right: 39px;
      margin-top: 2px;
   }

   #header-auto-suggestions {
      width: 100% !important;
   }

   #auto-suggestions {
      width: 100% !important;
   }

   .nav-menu {
      padding-right: 30px !important;
      padding-left: 30px !important;
      margin-top: 50px;
      position: fixed;
      left: 0;
      transition: 0.5s;
   }

   #config-button,
   #gender-button,
   #translation-button {
      font-size: 26px !important;
      height: 46px;
      width: 53px;
      padding: 1px 12px 0px 11px;
   }

   .logo-container {
      padding-top: 0 !important;
      padding-left: 20px !important;
   }

   .mobile-version {
      display: block !important;
   }

   .login-container {
      display: none;
   }

   #post_addtionals {
      width: 100% !important;
   }

   .post_additionals {
      margin-left: 0 !important;
   }

   .post_tags {
      width: 100% !important;
   }

   .post_information {
      width: 100% !important;
   }

   .post_recommendations {
      width: 100% !important;
   }

   .post_recommendations img {
      width: 30% !important;
   }

   .post_description {
      width: 70% !important;
   }

   .post_tags .successbtn {
      margin-top: 0 !important;
   }

   .show_inline {
      display: block !important;
   }

   .lineup-item {
      grid-template-areas:
         "image"
         "text" !important;
      grid-template-columns: none !important;
   }

   .lineup img {
      height: auto !important;
   }

   .lineup .item-description {
      height: auto !important;
      min-width: unset !important;
      margin-left: 0px !important;
      padding-top: 1% !important;
   }

   .lineup .lineup-item .item-description h3,
   .lineup .lineup-item .item-description p {
      padding: 1% 0% !important;
      margin-bottom: 0;
   }

   .section .lineup .p button {
      position: relative;
      left: 50%;
      transform: translateX(-50%);
   }

   #blogteaser-area .recommended-blog-post {
      grid-template-areas:
         "image"
         "text" !important;
      grid-template-columns: none !important;
   }

   #blogteaser-area .recommended-blog-post img {
      height: auto !important;
      width: 100% !important;
   }

   #blogteaser-area .post-description {
      height: auto !important;
      min-width: unset !important;
      margin-left: 0px !important;
      padding-top: 1% !important;
   }

   #blogteaser-area .post-description h3,
   #blogteaser-area .post-description p {
      padding: 1% 0% !important;
      margin-bottom: 0;
   }

   #customer-area .carousel .img-fluid {
      height: 150px;
      width: 150px;
   }

   #customer-area .carousel .carousel-title {
      font-size: 15px !important;
   }

   #crex-blogpostcontainer {
      margin: 0 !important;
   }

   .language-mobile {
      display: block !important;
      padding: 0 0 10px 0px !important;
      margin-top: -10px;
   }

   .language-desktop {
      display: none;
   }

   .language img {
      margin: 10px 0px 15px 0px;
   }

   .action-container,
   .action-container>p {
      text-align: start !important;
   }
}

@media (max-width: 750px) {
   #logo img {
      height: auto;
   }
}

@media (max-width: 650px) {
   .logo-container {
      padding-bottom: 0 !important;
   }

   #logo img {
      padding: 10px;
      vertical-align: -webkit-baseline-middle;
   }

   #post-heading h1 {
      font-size: 28px;
   }
}

@media (min-width: 600px) {
   .highlight-topic p {
      font-size: 30px !important;
   }

   .post-topic p {
      font-size: 50px !important;
   }
}

@media (min-width: 992px) {
   #logo img {
      margin-top: 3px;
   }
}

@media (min-width: 1441px) {
   #post-heading h1 {
      margin-left: 12%;
      margin-right: 12%;
   }
}

@media (max-width: 767px) {

   #icon-location,
   #icon-mobile,
   #icon-email {
      margin-bottom: 5px !important;
   }

   .footer-title {
      text-align: center !important;
   }

   .addresswithicons {
      display: grid;
      grid-template-columns: 0 auto !important;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr !important;
      height: 120px !important;
      text-align: center;
      float: none !important;
      margin-bottom: 120px !important;
   }

   .addresswithicons p {
      text-align: center;
      color: #23587c;
   }

   .addresswithicons i {
      text-align: center;
      color: #23587c !important;
   }

   #icon-location {
      grid-row: 1/2 !important;
      grid-column: 2/2 !important;
   }

   #icon-mobile {
      grid-row: 3/4 !important;
      grid-column: 2/2 !important;
   }

   #icon-email {
      grid-row: 5/6 !important;
      grid-column: 2/2 !important;
   }

   #entry-location {
      grid-row: 2/3 !important;
      grid-column: 2/2 !important;
   }

   #entry-mobile {
      grid-row: 4/5 !important;
      grid-column: 2/2 !important;
   }

   #entry-email {
      grid-row: 6/6 !important;
      grid-column: 2/2 !important;
   }

   .socialmedia {
      display: block !important;
      text-align: center;
      float: none !important;
      padding-left: 0 !important;
   }

   .copyright {
      display: block !important;
      float: none !important;
   }

   .copyright p {
      text-align: center !important;
      padding-left: 0px !important;
      color: white;
   }

   .footer p {
      text-align: center !important;
   }

   .impress {
      display: block !important;
      text-align: center !important;
      float: none !important;
      padding-right: 0 !important;
      padding-top: 0 !important;
      color: white;
   }

   .impress a {
      color: white;
   }
}

.hljs {
   background: #f0f0f0;
}

.hljs-meta-string,
.hljs-string {
   color: #800;
}

/* ==================== TIMELINE */

.timeline {
   position: relative;
   margin: 8% 0% !important;
}

.timeline:before {
   content: "";
   display: block;
   width: 2px;
   height: 100%;
   background: #23587c;
   margin: 0 auto;
   position: absolute;
   top: 0;
   left: 0;
   right: 0
}

.timeline .timeline-item {
   margin-bottom: 40px;
   position: relative
}

.timeline .timeline-item::before {
   background: transparent;
   border: none !important;
}

.timeline .timeline-item:after {
   content: "";
   display: block;
   clear: both
}

.timeline .icon {
   width: 18px;
   height: 18px;
   line-height: 18px;
   margin: auto;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0
}

.timeline .icon:before,
.timeline .icon:after {
   content: "";
   width: 100%;
   height: 100%;
   border-radius: 50%;
   position: absolute;
   top: 0;
   left: 0;
   transition: all 0.33s ease-out 0s
}

.timeline .icon:before {

   border: 2px solid #23587c;
   left: -3px
}

.timeline .icon:after {
   border: 2px solid #eb7f00;
   left: 3px
}

.timeline .timeline-item:hover .icon:before {
   left: 3px
}

.timeline .timeline-item:hover .icon:after {
   left: -3px
}

.timeline .date-content {
   width: 50%;
   float: left;
   margin-top: 22px;
   position: relative
}

.timeline .date-content:before {
   content: "";
   width: 36.5%;
   height: 2px;
   background: #eb7f00;
   margin: auto 0;
   position: absolute;
   top: 0;
   right: 10px;
   bottom: 0
}

.timeline .date-outer {
   width: 125px;
   height: 125px;
   font-size: 16px;
   text-align: center;
   margin: auto;
   z-index: 1
}

.timeline .date-outer:before,
.timeline .date-outer:after {
   content: "";
   width: 125px;
   height: 125px;
   margin: 0 auto;
   border-radius: 50%;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   transition: all 0.33s ease-out 0s
}

.timeline .date-outer:before {
   background: #fff;
   border: 2px solid #23587c;
   left: -6px
}

.timeline .date-outer:after {
   border: 2px solid #eb7f00;
   left: 6px
}

.timeline .timeline-item:hover .date-outer:before {
   left: 6px
}

.timeline .timeline-item:hover .date-outer:after {
   left: -6px
}

.timeline .date {
   width: 100%;
   margin: auto;
   position: absolute;
   top: 20%;
   left: 0
}

.timeline .month {
   font-size: 20px;
   font-weight: 700
}

.timeline .year {
   display: block;
   font-size: 30px;
   font-weight: 700;
   color: #232323;
   line-height: 36px
}

.timeline .timeline-content {
   width: 50%;
   padding: 20px 0 20px 50px;
   float: right
}

.timeline h3 {
   font-size: 21px;
   color: #e37e00;
   font-weight: 700;
   line-height: 24px;
   margin: 0 0 15px 0;
   font-family: "Roboto", sans-serif;
}

.timeline p {
   margin-bottom: 0;
   padding: 0 !important;
   text-align: inherit !important;
   font-family: "Roboto", sans-serif;
}

.timeline .timeline-item:nth-child(2n) .date-content {
   float: right
}

.timeline .timeline-item:nth-child(2n) .date-content:before {
   left: 10px
}

.timeline .timeline-item:nth-child(2n) .timeline-content {
   padding: 20px 50px 20px 0;
   text-align: right
}

@media only screen and (max-width: 991px) {
   .timeline .date-content {
      margin-top: 35px
   }

   .timeline .date-content:before {
      width: 22.5%
   }

   .timeline .timeline-content {
      padding: 10px 0 10px 30px
   }

   .timeline h3 {
      font-size: 17px
   }

   .timeline .timeline-item:nth-child(2n) .timeline-content {
      padding: 10px 30px 10px 0
   }
}

@media only screen and (max-width: 767px) {
   .timeline:before {
      margin: 0;
      left: 7px
   }

   .timeline .timeline-item {
      margin-bottom: 20px
   }

   .timeline .timeline-item:last-child {
      margin-bottom: 0
   }

   .timeline .icon {
      margin: auto 0
   }

   .timeline .date-content {
      width: 95%;
      float: right;
      margin-top: 0
   }

   .timeline .date-content:before {
      display: none
   }

   .timeline .date-outer {
      width: 110px;
      height: 110px
   }

   .timeline .date-outer:before,
   .timeline .date-outer:after {
      width: 110px;
      height: 110px
   }

   .timeline .date {
      top: 15%;
   }

   .timeline .year {
      font-size: 25px
   }

   .timeline .timeline-content,
   .timeline .timeline-item:nth-child(2n) .timeline-content {
      width: 95%;
      text-align: center;
      padding: 10px 0
   }

   .timeline h3 {
      margin-bottom: 10px
   }
}

.crex-gallery {
   display: grid;
   grid-template-rows:
      repeat(4, 180px);
   grid-template-columns:
      repeat(3, 1fr);
   grid-gap: 5px;
}

.item:nth-child(1) {
   grid-row: 1 / 4;
}

.item:nth-child(2) {
   grid-column: 2 / 4;
   grid-row: 1 / 3;
}

.item:nth-child(3) {
   grid-column: 3 / 4;
   grid-row: 3 / 5;
}

.item:nth-child(4) {
   grid-column: 2 / 3;
   grid-row: 3 / 4;
}

.item:nth-child(5) {
   grid-column: 1 / 3;
   grid-row: 4 / 5;
}

/* styling code */

.grid {
   margin: 20px auto;
   max-width: 1000px;
}

.grid>.item {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

#dts-product-area {
   margin: 0 20%;
   height: fit-content;
}


/* ==================== LINEUP */

.lineup-item {
   clear: left;
   padding: 20px 0px 40px 0px;
   width: 100%;
   display: grid;
   grid-template-areas: "image text";
   grid-template-columns: 350px auto;
   justify-content: start;
}

.lineup-item img {
   float: right;
   text-align: left;
}

.lineup img {
   height: 200px;
   width: auto;
   grid-area: image;
}

.lineup .item-description {
   display: grid;
   width: 100%;
   height: 100%;
   grid-area: text;
   min-width: 500px;
   align-content: baseline;
   margin-left: 20px;
}

.lineup-item .item-description h3 {
   font-size: 25px;
   font-weight: bold;
   font-family: "Roboto", sans-serif;
   text-align: left;
   padding: 0 2% !important;
}

.lineup-item .item-description p {
   color: black;
   text-decoration: none;
   font-family: "Roboto", sans-serif;
   padding: 0 2% !important;
   text-align: left !important;
}

.lineup .item-description p a {
   color: white !important;
   text-decoration: none !important;
   font-size: 15px;
   font-family: "Roboto", sans-serif;
}

.lineup figure {
   margin: 0 !important;
}

.fig[id*="company"]:not(.herofig) {
   width: fit-content;
   margin-top: 25px;
}

.result {
   margin: 15px 5px;
   cursor: pointer;
   color: black !important;
}

.result:hover {
   color: #eb7f00 !important;
}

.result-header {
   color: inherit !important;
}

.result .result-title {
   color: inherit !important;
} 

.result:hover {
   box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 10px !important;
   transform: scale(1.01);
   z-index: 1;

}

.result-header {
   display: block !important;
}

.result-header .result-title {
   font-size: 25px;
   padding: 20px 10px 0px 20px;
   font-weight: 600
}

.result-header .result-description {
   padding-left: 20px;
   font-family: "Roboto", sans-serif;
   font-size: 15px;
   color: black;
}

.result-body {
   padding: 20px 20px 0px 20px;
   margin-bottom: 10px;
   border-top: 1px solid black;
}

.badge {
   padding: 5px 8px;
   font-size: 90%;
   vertical-align: super;
   background-color: white !important;
   color: black !important;
   border: 1.5px solid black;
}

#dn-searchresults .badge:hover {
   transform: scale(1.01);
   cursor: pointer;
}

#dn-searchresults .badge-components:hover {
   background: #28a745 !important;
   color: #fff !important;
   border-color: #28a745;
}

#dn-searchresults .badge-topicTypes:hover {
   background-color: #17a2b8 !important;
   color: #fff !important;
   border-color: #17a2b8;
}

#dn-searchresults .badge-informationSubjects:hover {
   background-color: #007bff !important;
   color: #fff !important;
   border-color: #007bff;
}

#dn-searchresults .badge-applicableForTypes:hover {
   background-color: #ffa855 !important;
   color: #fff !important;
   border-color: #ffa855;
}

#dn-searchresults .badge-productFeatures:hover {
   background-color: #795548 !important;
   color: #fff !important;
   border-color: #795548;
}

#dn-searchresults .badge-parties:hover {
   background-color: #2c71bfab !important;
   color: #fff !important;
   border-color: #2c71bfab;
}

#filter_selection {
   background-color: inherit;
   box-shadow: none !important;
}

.filteritem_container {
   display: inline-grid;
   margin: 6px 25px 6px 5px;
   grid-template-areas: "tooltip label reset";
}

.filteritem_container .badge {
   grid-area: label;
   margin-right: 0px !important;
   cursor: default !important;
}

.filteritem_container .tooltiptext {
   grid-area: tooltip;
   margin-right: 0px !important;
   cursor: default !important;
}

.filteritem_container .resetedge {
   grid-area: reset;
}

.filteritem_container button.removeTags i {
   top: 4px;
   left: 7px;
}

.result-header .result-readmore {
   margin: 0px 10px 10px 20px;
}

.reset-button, .collapse-tags, .options-group-components, .options-group-topicTypes, .options-group-informationSubjects, .options-group-parties, .options-group-contentLifeCycleStatus, .options-group-applicableForTypes, .options-group-productFeatures {
   display: none;
}

.search_results_info {
   display: none;
}

@media (max-width: 1640px) {
   #teams-area {
      display: flex;
      flex-direction: column;
   }

   #teams-area #team-image {
      order: 1;
      filter: none;
      opacity: 1;
   }

   #teams-area .tiles {
      position: relative !important;
      align-items: center;
      justify-content: center;
      z-index: 2;
      height: 100%;
      width: 100% !important;
      order: 2;
      max-height: none;
   }

   #teams-area .round_tile {
      border-radius: 0 !important;
      color: black !important;
      background-color: transparent;
      box-shadow: none !important;
      border: none !important;
      margin: 5% 10% !important;
   }

   #teams-area .round_tile .card-body {
      height: auto;
      width: auto;
      padding: 0 !important;

      grid-template-areas: "image text";
      grid-template-columns: 50% 50%;
   }

   #teams-area .round_tile_img {
      grid-area: image;
   }

   #teams-area .round_tile .round_tile_information {
      grid-area: text;
      position: relative !important;
      justify-content: start !important;
      text-align: left !important;
      padding-left: 20px;
   }

   #teams-area .round_tile .round_tile_information:hover {
      color: black !important;
      backdrop-filter: none !important;
      border: none !important;
   }

   #teams-area .btn-primary:hover {
      color: white;
   }
}

@media (max-width: 1350px) {
   .section:not(#slider-area, #teams-area, .heroarea, main.blog .section) {
      margin-bottom: 50px;
      padding: 0 5%;
   }
}

@media (max-width: 1200px) {
   #teams-area #team-image {
      padding-bottom: 30px !important;
   }

   #teams-area .round_tile {
      margin: 2% 25% !important;
   }
}

@media (max-width: 800px) {
   #teams-area .round_tile {
      margin: 2% 5% !important;
   }

   #customer-area .carousel .img-fluid {
      height: 150px;
      width: 150px;
   }

   #customer-area .carousel .carousel-title {
      font-size: 15px !important;
   }

   #search-result-text {
      font-size: 40px !important;
   }
}

@media (max-width: 576px) {
   .search_suggestions {
      width: 30% !important;
   }

   #logo img {
      margin-top: 9px;
      padding: 0px;
   }

   .language-mobile .dropdowncategories {
      left: 0px !important;
      top: auto !important;
      right: auto !important;
   }
}

section[id*=imprint],
section[id*=privacy] {
   padding-top: 30px !important;
}

@media (max-width: 450px) {
   #customer-area .carousel-control-next {
      right: 30px !important;
   }

   #customer-area .carousel-control-prev {
      left: 30px !important;
   }
}

#toc_list li.toc_formality {
   display: none;
}

.search_suggestions {
   z-index: 1;
   position: absolute;
   width: 100%;
   margin-top: 40px;
   background-color: white;
   box-shadow: 4px 4px 8px 0px rgb(50 50 50 / 32%);
}

#blogpost-content .recommended-blog-post {
   display: flex;
}

#blogpost-content .recommended-blog-post>.post-description {
   order: 2
}

#blogpost-content .recommended-blog-post>.image {
   order: 1
}

.feedback {
   margin-top: 65px;
}

.loading-screen {
   width: 100%;
   height: 50vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   color: #fff;
   font-family: Arial, sans-serif;
 }

 .spinner {
   width: 50px;
   height: 50px;
   border: 5px solid #fff; /* Outer border */
   border-top: 5px solid #eb7f00; /* Highlight color */
   border-radius: 50%;
   animation: spin 1s linear infinite;
   margin-bottom: 10px;
 }
 
 @keyframes spin {
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
 }

 .loading-screen p {
   font-size: 20px;
   color: black;
   margin: 0;
 }

 :focus {
   outline: 2px solid black !important;
   outline-offset: 2px !important;
 }

 .nav-flag {
   font-size: inherit !important;
   margin-top: 4px;
 }