body {
    font-family: 'LibreFranklin', sans-serif;
}

main {
  padding: 0;
}

.py-3 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}

.btn, .blog-list .item-readmore a,
.btn-sm, .icons .btn, .blog-list .item-readmore a, .btn-group-sm > .btn {
  border-radius: 0 0;
}

.item-readmore a,
p.readmore .btn {
  background-color: var(--body-link-color);
  color: white;
  padding: 9px 14px 8px;
}

p.readmore .btn:hover, 
p.readmore .blog-list .item-readmore a:hover, 
.blog-list .item-readmore p.readmore a:hover, 
p.readmore .btn:active, 
p.readmore .blog-list .item-readmore a:active, 
.blog-list .item-readmore p.readmore a:active, 
p.readmore .btn:focus, 
p.readmore .blog-list .item-readmore a:focus, 
.blog-list .item-readmore p.readmore a:focus,
p.readmore .blog-list .item-readmore a:hover, 
.blog-list .item-readmore p.readmore a:hover,
p.readmore .blog-list .item-readmore a:focus, 
.blog-list .item-readmore p.readmore a:focus {
  background-color: var(--body-link-hover-color);
  color: white;
}

.navbar-brand.logo-image img {
  max-width: 210px;
  height: auto;
}

.t4-header-r p {
    margin-bottom: 0;
}

h2.item-title a, 
.item-title.h2 a, 
.item-title h2 a, 
.item-title .h2 a,
.page-header h2, 
.page-header .h2, 
.categories-list h2, 
.categories-list .h2 {
  color: var(--color-primary);
    font-weight: 600;
}

.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:hover, 
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:focus, 
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:active, 
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active a, 
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:hover, 
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:focus, 
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:active {
  color: #ffffff;
  background-color: var(--color-secondary);
}

.t4-megamenu .dropdown-menu {
  background: var(--color-secondary);
  padding: 1em 0;
}

.t4-megamenu .dropdown-menu li > a, 
.t4-megamenu .dropdown-menu li > .nav-link, 
.t4-megamenu .dropdown-menu li .dropdown-item {
  padding: 15px 1.5rem;
  font-size: 1.2em;
  font-weight: 600;
}

.t4-palette-mainnav .t4-megamenu .navbar-nav > li a.dropdown-item:hover, 
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a.dropdown-item:focus, 
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a.dropdown-item:active, 
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .dropdown-item:hover, 
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .dropdown-item:focus, 
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .dropdown-item:active,
.t4-palette-mainnav .nav li.active li.active > a.dropdown-item {
  background-color: #71bedf;
}


q {
  font-style: italic;
  font-weight: 200;
    font-size: 1.2em;
  line-height: 1.5;
}

.row > * {
  padding-right: var(--t4-gutter-x);
  padding-left: var(--t4-gutter-x);
}


.t4-megamenu .navbar-nav > li > a, 
.t4-megamenu .navbar-nav > li > .nav-link {
  color: var(--mainnav-link-color);
  font-size: 1.2rem;
  font-weight: 600;
  padding: 15px 1.5rem;
	height: 60px;
	line-height: 30px;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.t4-header-r img {
  max-width: 175px;
  height: auto;
  margin-left: 21px;
}

.t4-masthead-inner {
  background-size: cover;
  background-position: center;
}

      .t4-masthead-inner[style*="image"] .t4-masthead-detail {
  text-align: left;
 	color: white;
}

      .t4-masthead-inner[style*="image"] .t4-masthead-title {
     padding: 1em;
     margin: 0 15% 0 0;
     background-color: rgba(0,0,0,.7);
     font-size: 35px;
  	font-weight: 600 !important;
}

.page-header {
  	margin-bottom: 5em;
}

.view-featured .page-header h2,
.t4-section-2 .moduletable h3,
.t4-section-3 .moduletable h3,
.t4-section-4 .moduletable h3 {
     font-size: 21px;
  	font-weight: 600 !important;
  color: var(--color-primary);
  margin-left: 36px;
position: relative;
  text-transform: none;
      }

.view-featured .page-header h2:before,
.t4-section-2 .moduletable h3:before,
.t4-section-3 .moduletable h3:before,
.t4-section-4 .moduletable h3:before {
  	content: "";
    background-image: url("../images/smartNTx-logoBild_128.png");
    background-size: 29px 29px;
width: 34px;
margin-right: 7px;
display: inline-block;
height: 29px;
background-repeat: no-repeat;
background-position: 0 0px;
position: absolute;
left: -38px;
  top:	-1px
      }


.not-at-top .t4-megamenu .navbar-nav > li > a.home {
    padding-left: 54px;
}
.not-at-top .t4-megamenu .navbar-nav > li > a.home span:before {
  	content: "";
    background-image: url("../../../../images/smartNTx-logoBild_white_128");
    background-size: 29px 29px;
width: 34px;
margin-right: 7px;
display: inline-block;
height: 29px;
background-repeat: no-repeat;
background-position: 0 0px;
position: absolute;
left: 15px;
top: 15px;
      }


p.image-inline-rounded {
  display: flex;
  align-items: center;
}

img.image-inline-rounded {
  border-radius: 50%;
  width: 91px;
  margin-right: 7px;
}
.t4-section-2 .moduletable h3 {
  margin-top: 3em;
}


.image-inline-rounded .custom p.image-inline-rounded {
  	font-weight: 600;
  	color: var(--color-primary);
}

.moduletable {
  border: 0 none;
  border-radius: 0;
  margin: 1rem auto;
  background: transparent;
}

.sidebar-r .moduletable {
  padding: 2.5em 3em;
}

.moduletable.background-light-gray {
  background: rgba(0,0,0,.05);
}

.sidebar-r .moduletable h3 {
  background-color: var(--color-secondary);
  display: inline-block;
color: white;
padding: 3px 13px 0;
}

.module-image-block {
  display: block;
}

.blog-items.items-leading {
    margin-bottom: 5em;
}

h2.item-title, 
.item-title.h2, 
.item-title h2, 
.item-title .h2,
.page-header h2, 
.page-header .h2, 
.categories-list h2, 
.categories-list .h2 {
  font-size: var(--h2-font-size);
  margin-bottom: 1em;
}

.t4-main-body p {
  	font-size: 1.1em;
}

.t4-main-body p,
.article-body ul li,
.item-intro ul li {
  font-weight: 300;
}
.article-body ul li,
.item-intro ul li {
	margin-bottom: 1em;
}

.blog-items.columns-2,
.items-row.cols-2.row {
  		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
      gap: 3em;
      justify-content: space-between;
}

.t4-section-2 .moduletable,
.t4-section-3 .moduletable,
.t4-section-4 .moduletable {
  padding: 3em .5em 4em;
  margin-bottom: 0;
}

.t4-section-3 .moduletable + .moduletable {
  padding: 0 .5em 9em;
}

.com_content.view-article .t4-section-3,
.view-category .t4-section-3 {
  border-top: 1px solid #efefef;
}

.accordion-body .moduletable {
  padding: 0 0;
}

.accordion-button {
  color: black;
  font-weight: 600;
}

.accordion-button:not(.collapsed) {
  background-color: white;
}

.accordion-button:not(.collapsed) {
  color: black;
}

.mod_ext_owl_carousel_images {
  max-width: 100% !important;
}

.mod_ext_owl_carousel_images .ext-item-wrap {
  padding-right: 3em;
}

.mod_ext_owl_carousel_images.teams .ext-item-wrap img {
  border-radius: 50%;
  border: 1px solid #ccc;
  width: 140px;
	margin-bottom: 2em;
  height: 140px;
object-fit: cover;
object-position: top;
}

.mod_ext_owl_carousel_images.partner .ext-item-wrap {
  padding-right: 40%;
}

.mod_ext_owl_carousel_images.partner .owl-carousel .owl-item {
  height: 180px;
}

.mod_ext_owl_carousel_images.partner .ext-item-wrap,
.mod_ext_owl_carousel_images.partner .ext-item-wrap a {
  display: flex;
  justify-content: center;
  height: 100%;
}

.mod_ext_owl_carousel_images.partner .ext-item-wrap img {
	object-fit: contain;
	object-position: center;
}

.mod_ext_owl_carousel_images .ext-item-html {
  padding: 0 !important;
  position: relative !important;
  background: transparent !important;
  opacity: 1 !important;
}

.mod_ext_owl_carousel_images .ext-item-html h5 {
  font-size: 1.1em;
  color: var(--color-primary) !important;
}

.mod_ext_owl_carousel_images .ext-item-html p {
  color: black !important;
  font-size: .9em;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
  left: -75px;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
  right: -75px;
}

.owl-theme .owl-controls .owl-buttons div {
  padding: 15px 17px 11px;
}

.t4-footer .container, .t4-footer .t4-masthead .t4-masthead-detail, .t4-masthead .t4-footer .t4-masthead-detail {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.t4-footer .container ul {
  	margin-bottom: 0;
}

.com-content-article__links a {
  background-color: var(--body-link-color);
  color: white;
  padding: 9px 14px 8px;
  display: inline-block;
}

.com-content-article__links a:after {
  margin-left: 12px;
  content: "\f054";
}

.com-content-article__links a:hover {
  background-color: var(--body-link-hover-color);
  color: white;
}

.pagenavigation {
  margin-top: 6em;
}

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

	.sidebar-r .moduletable {
  		padding: 1.5em 1.5em;
	}
  
  	.t4-section.t4-breadcrumbs .breadcrumb li {
  		padding: 0rem 0;
  		font-size: .84em;
	}
  
}

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

	.t4-main-body p,
  	.article-body ul li {
  		font-size: 1em;
	}
  
    
  	.blog-items.columns-2, 
  	.items-row.cols-2.row {
  		gap: 1em;
	}
  
  	.blog-items.columns-2 .blog-item, .items-row.cols-2.row > * {
  		width: 48%;
	}
  
}

@media only screen and (max-width: 991px) {
  
	.t4-offcanvas-toggle {
  		color: var(--link-color);
  	}
  
  	.owl-theme .owl-controls .owl-buttons div {
  		color: #869791;
  		background: transparent;
  	}
  
  .item-page .page-header h2, .item-page .page-header .h2,
  .t4-masthead-inner[style*="image"] .t4-masthead-title,
  	 .t4-masthead .t4-masthead-title,
  	h2.item-title, .item-title.h2, .item-title h2, .item-title .h2, .page-header h2, .page-header .h2, .categories-list h2, .categories-list .h2 {
  		font-size: 24px;
	}
  
  	.t4-main-body p,
  .article-body ul li {
  		font-size: .9em;
	}
  
      .t4-masthead-inner[style*="image"] .t4-masthead-detail {
  		max-width: 56%;
  		margin-left: 0;
  		padding: 0;
	}
  
  
	.t4-offcanvas-toggle {
      padding: 1em;
	}
  
  	.sidebar-r .moduletable {
  		padding: 1.5em 1em;
	}
  
  	.row > * {
  		padding-right: 1rem;
  		padding-left: 1rem;
	}
  
	.t4-section.t4-breadcrumbs .breadcrumb li {
  		padding: 0rem 0;
  		font-size: .7em;
	}
 
  
}
  
@media only screen and (max-width: 767px) {

	.t4-main-body {
  		padding-top: 2.5em;
  		padding-bottom: 2.5em;
	}
  
  	.page-header {
  		margin-bottom: 0;
	}
  
  	.t4-masthead-inner[style*="image"] .t4-masthead-detail {
  		max-width: 70%;
	}
  
  	.t4-masthead-inner {
  		padding: 1em 0 0;
	}
  
  	.sidebar-r {
      margin-top: 2em;
  }
  
  	.pagination .visually-hidden {
      	display: none !important;
  }
  
  .t4-masthead-inner[style*="image"] .t4-masthead-title {
  		margin: 0 2% 0 0;
  	}
  
}

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

  	.navbar-brand.logo-image img {
  		max-width: 170px;
	}
  
	.t4-header-r img {
      display: none;
  }
  
 .item-page .page-header h2, 
  .item-page .page-header .h2, 
  .t4-masthead-inner[style*="image"] .t4-masthead-title, 
  .t4-masthead .t4-masthead-title, 
  h2.item-title, .item-title.h2, 
  .item-title h2, .item-title .h2, 
  .page-header h2, .page-header .h2, 
  .categories-list h2, .categories-list .h2,
	.t4-masthead-inner[style*="image"] .t4-masthead-title,
  	.t4-masthead .t4-masthead-title, h2.item-title, .item-title.h2, .item-title h2, .item-title .h2, .page-header h2, .page-header .h2, .categories-list h2, .categories-list .h2 {
  		font-size: 19px;
	}
  
  	.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
  		width: 94%;
  	}
  
  	.mod_ext_owl_carousel_images {
  		padding: 0 10px;
	}
  
  	.mod_ext_owl_carousel_images .ext-item-wrap {
  		padding-right: 0;
	}
  
  	.owl-theme .owl-controls .owl-buttons .owl-prev,
  .owl-theme .owl-controls .owl-buttons .owl-next {
      display: none;
	}
  
      	.blog-items.columns-2 .blog-item,
  	.items-row.cols-2.row > * {
		width: 100%;
  	}
  
  	.t4-masthead-inner[style*="image"] .t4-masthead-detail {
  		max-width: 84%;
	}
  
}

@media only screen and (min-width: 576px) {

	.container-sm, .container {
  		max-width: 97%;
	}
  

}


@media only screen and (min-width: 768px) {
  	
	.t4-main-body {
  		padding-top: 5em;
  		padding-bottom: 5em;
  	}
  
  
  	.t4-masthead-inner {
  		padding: 3rem 0 0;
	}
  
      .t4-masthead-inner[style*="image"] {
    	min-height: 465px;
  		padding: 10vh 0;
	}
  

  
}


@media only screen and (min-width: 992px) {
  
      .t4-masthead-inner[style*="image"] .t4-masthead-title {
  		padding: 1em;
		margin: 0 55% 0 0;
      	background-color: rgba(0,0,0,.7);
      	font-size: 28px;
	}

	.pull-center.item-image img {
  		max-width: 490px;
	}
  
    	.items-row.cols-2.row > * {
  padding-left: calc(0.5 * var(--t4-gutter-x));

  }
  
  .items-leading h2.item-title,
  .page-header h2, 
.page-header .h2, 
.categories-list h2, 
.categories-list .h2 {
    max-width: 630px;
  }
  
  	.item-page .page-header h2, .item-page .page-header .h2 {
  		font-size: 35px;
	}
  
}

@media only screen and (min-width: 1081px) {

    	.blog-items.columns-2 .blog-item,
  	.items-row.cols-2.row > * {
      flex: 0 0 auto;
		width: 45%;
  }
 
  
}

@media only screen and (min-width: 1200px) {

  	h1, .h1 {
  		font-size: 2.8125rem;
	}
  
  	.container-xl, .container-lg, .container-md, .container-sm, .container, .t4-masthead .t4-masthead-detail {
  		max-width: 96%;
	}

}

@media only screen and (min-width: 1400px) {
  
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .t4-masthead .t4-masthead-detail {
  		max-width: 95%;
	}
  
      .t4-masthead-inner[style*="image"] {
    	min-height: 560px;
	}
  
     .t4-masthead-inner[style*="image"] .t4-masthead-title,
   	.t4-masthead-inner .t4-masthead-title{
      	font-size: 35px;
	}

}


@media only screen and (min-width: 1920px) {
  
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .t4-masthead .t4-masthead-detail {
  		max-width: 70%;
	}
  
      .t4-masthead-inner[style*="image"] {
    	min-height: 700px;
	}
  
  	q {
    	font-size: 1.4em;
	}

}

@media only screen and (min-width: 2200px) {
  
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .t4-masthead .t4-masthead-detail {
  		max-width: 63%;
	}
  
      .t4-masthead-inner[style*="image"] {
    	min-height: 840px;
	}

}

.owl-prev:before,
.owl-next:before,
.com-content-article__links a:after {
  font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 1;
  font-size: inherit;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
}

.owl-next:before {
  content: "\f054";
}

.owl-prev:before {
  content: "\f053";
}


