/* 
 * Global
 * Bereich Schrift
 */
p {
  font-size: 16px;
  line-height: 1.5; /* Ergibt 24px Zeilenabstand */
}
 
 
 /* 
 *
 * Bereich Top
 */
 

 div#top {
	 padding-top: 50px;
 }
 
 div#bb-0c8ujjzbo.astroid-section{
	 padding: 0 0 0 0!important;
 }
 
 section#top.astroid-section.astroid-header-section.top{
	 height: 130px;
 }
 
 header#astroid-header.astroid-header.astroid-horizontal-header.astroid-horizontal-center-header{
	 margin-top: 35px;	 
 }
 
 
 div.mod-languages__select.btn-group ul.lang-block.dropdown-menu.show{
	 position: absolute;
  inset: 0px auto auto 0px;
  margin: 0px;
  transform: translate(0px, 80px);
  width: 180px;
	 
 }
 
 /* 
 *
 * Bereich DJ Menu Top
 */
 
 ul.nav-submenu li.nav-item-submenu{
	border-bottom: 2px solid rgba(10,65,106,.4);
}
 
 button#language_btn_174.btn.btn-secondary.dropdown-toggle{
	 background: none!important;
	 --bs-btn-hover-border-color: none!important;
	 text-transform: uppercase;
	 margin-top: 52px;
	 color: #333333;
	 font-weight: 400;
 }
 
a.as-menu-item.nav-link.item-link-component.item-level-1{
	 color: #000;
	 font-size: 1em;
	 font-weight: bolder;
	 text-transform: uppercase;
	 
}	 
 
 
  /* 
 *
 * Bereich  Astroid Section sb1 Project Aims
 */
 
 
 #content {
  padding-top: 0%;
  padding-bottom: 0%;
}
 
 /* 
 *
 * Bereich  Astroid Section sb2 Making Patient-Generated Health Data Work for Better Healthcare
 */
 
 div.position-absolute.top-50.start-50.object-fit-cover{
	 
 }
 
.moduletable:last-child{
	padding: 70px;
}

section#top-sb2.astroid-module-position.top-sb2 div.top-sb2-position.moduletable{
	
}

div.top-sb1-position.moduletable.top-sb1 h3.module-title.top-sb1{
	font-weight: 700!important;
  text-transform: uppercase;
  
  
}

div.top-sb2-position.moduletable.top-sb4 h3.module-title.top-sb4{
	font-weight: 700!important;
	color: #fff;
	 text-transform: uppercase;
}

div.top-sb3-position.moduletable.top-sb4 h3.module-title.top-sb4{
	font-weight: 700!important;
	color: #fff;
    text-transform: uppercase;
}

div.top-sb4-position.moduletable.top-msb4 h3.module-title.top-msb4{
	color: #fff;
	font-weight: 700!important;
	text-transform: uppercase;
}

div.top-sb5-position.moduletable.top-sb5 h3.module-title.top-sb5{
	font-weight: 700!important;
	text-transform: uppercase;
}

div.top-sb6-position.moduletable.top-sb6 h3.module-title.top-sb6{
	font-weight: 700!important;
	color: #fff;
	text-transform: uppercase;
}

div.top-sb7-position.moduletable.top-sb7 h3.module-title.top-sb7{
	font-weight: 700!important;
	color: #000;
	 text-transform: uppercase;
}

div.top-sb8-position.moduletable.top-sb2 h3.module-title.top-sb2{
	font-weight: 700!important;
	color: #fff;
	 text-transform: uppercase;
}


@media (max-width: 767.98px) {
	#m_sb3 {
		margin-top: 3.7rem;
	}
}

@media (max-width: 767.98px) {
	#sb1 {
		margin-top: 3.7rem;
		padding-bottom: 0rem;
	}
}

@media (max-width: 767.98px) {
	#sb3 {
		margin-top: 3.5rem;
		margin-bottom: 0.8rem;
	}
}

@media (max-width: 767.98px) {
	#sb4 {
		padding-top: 3.0rem;
  padding-bottom: 1.6rem;
	}
}


@media (max-width: 767.98px) {
body div.mod-languages img {
  display: inline-block;
  padding-bottom: 0.1rem;
}
}

 /* 
 *
 * Bereich  Module Startseite
 */
 
 body.astroid-framework, .body.astroid-framework {
    font-size: 1rem;
    letter-spacing: 0.1em;
    line-height: 2.0rem;
  }
  
  
  

@media (max-width: 767.98px) {
  body.astroid-framework, .body.astroid-framework {
    font-size: 1rem;
    letter-spacing: 0.1em;
    line-height: 1.5rem;
  }
}

@media (max-width: 767.98px) {

div.top-sb1-position.moduletable.top-sb1 h3.module-title.top-sb1 {
  font-weight: 700 !important;
  text-transform: uppercase;
  font-size: 2rem!important;
  
  
}
}


 /* 
 *
 * Bereich  Bottom a1 logo switcher
 */

 #showcase-carousel-holder {
  width: 100%;
  height: 30vh;
  position: relative;
  overflow: hidden;
  cursor: grab;
}

div#ba1-48do7fz8h.astroid-module-position.animate__animated.animate__slideInUp.animated div.bottom-a-1-position.moduletable{
	padding: 0px;
}

 /* 
 *
 * Bereich  Bottom b1 dj menu
 */

div.bottom-b-1-position.moduletable._dj_menu{
	padding: 0px;
}

#bb1-fwzkdglhc {
  padding: 0px 0px 0px 0px;
}

.dj-megamenu-clean li a.dj-up_a {
  display: block;
  height: 60px;
  font-size: 16px;
  color: #000;
  text-decoration: none;
  padding: 0px 18px 0 0px;
  cursor: pointer;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  position: relative;
}

 /* 
 *
 * Bereich  Bottom C1 Copyright
 */
 
div.bottom-c-1-position.moduletable.mod_Copyright{
	color: #000;
	padding: 0px;
}

div.bottom-f-1-position.moduletable.information{
	padding: 0px;
}

/* 
 *
 * Bereich  about
 */
.jx-lbp-card__media {
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
  background: none!important;
  aspect-ratio: var(--jx-lbp-aspect, 4 / 3);
  min-height: var(--jx-lbp-media-height, auto);
}

div#ca-1529739248826.astroid-component.headline-border

section#Content_Section.astroid-section.astroid-component-section.Content_Section

div#ca-1529739248826.astroid-component.headline-border{
	padding-top: 0px;
}

div#ac-1528971561366 {
	padding-top: 0px;
}
		
div.com-content-category.category-list{
	margin-top: 5.1rem;
}

main.astroid-component-area{
	margin-top: 70px;
}


img#sb9_1 {
  
  
  border-radius: 0%;
  animation: drehen 12s linear infinite;
}

@keyframes drehen {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}



 .container111 {
            position: relative;
            display: inline-block;
            margin-top: 50px;
        }


		
		
		.image100 {
            
            transition: transform 0.5s;
            transform-style: preserve-3d;
            perspective: 1000px;
        }

        .image100:hover {
            animation: rotateImage 12s linear infinite;
        }

        @keyframes rotateImage {
            0% {
                transform: rotate3d(0, 0, 0, 0deg);
            }

            100% {
                transform: rotate3d(0, 0, 1, 360deg);
            }
        }
		
div.wf-column-fp_img1 {
	background: url('/images/frontpage/Cat_Icon1_part_bg.png') no-repeat;
	background-size: 45%;
    background-position: 60% 35%;
}

div.wf-column-fp_img2 {
	background: url('/images/frontpage/Cat_Icon2_part_bg.png') no-repeat;
	background-size: 45%;
    background-position: 50% 41%;
}

div.wf-column-fp_img3 {
	background: url('/images/frontpage/Cat_Icon3_part_bg.png') no-repeat;
	background-size: 20%;
    background-position: 52% 33%;
}

div.wf-column-fp_img4 {
	background: url('/images/frontpage/Cat_Icon4_part_bg.png') no-repeat;
	background-size: 40%;
    background-position: 50% 35%;
}
	
/* 
 *
 * Bereich  img LivingLab
 */

div.wf-column-sb4_img1 {
	background: url('/images/frontpage/LivingLab/Illu_sb4_icon1_bg.png') no-repeat;
	background-size: 100%;
    
}	
	
	


/* 
 *
 * Bereich  Content Section
 */

section#Content_Section.astroid-section.astroid-component-section.Content_Section{
  
}

#Content_Section {
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0%;
}

#asf-656b72ae7f50cc24963398 {
  margin-top: 80px;
  margin-bottom: 30px;
}

/* 
 *
 * Bereich  about und andere Beiträge
 */
	
.headline-border .item-title {
  position: unset;
  padding-bottom: 0.0rem;
  border-bottom: 0px solid #ccc;
  margin-bottom: 0.0rem;
}

.headline-border .item-title::after {
  bottom: 0;
  content: "";
  height: 0px;
  left: 0;
  position: absolute;
  width: 100px;
  background-color: #0a416a !important;
  border: none;
}





/* 
 *
 * Bereich  Tooltip
 */
 
 .jx-itip-panel--glass .jx-itip-panel__inner {
  border-color: rgba(255, 255, 255, 0.35);
  background: #5581F6;
  color: #0f172a;
  backdrop-filter: blur(16px) saturate(150%);
  opacity: 0.9;
}


@media (max-width: 767.98px) {
	img.jx-itip-thumb{
		--jx-itip-thumb: 180px!important;
  width: 280px!important;
	}
}
@media (max-width: 767.98px) {
div.top-sb4-position.moduletable.top-msb4{
	padding: 30px;
	
}
}

@media (max-width: 960px) {
  .wf-columns-stack-medium > .wf-column {
    width: auto;
    flex: auto !important;
  }
}

/* 
 *
 * Bereich Newsletter anmeldung
 */

#mpr1-d16orinwr {
  margin-bottom: 30px;
  padding: 20px 20px 20px 20px;
  margin-top: 80px;
}

div.sidebar-right-position.moduletable.nl-subscribtion{
	padding: 10px;
}