/* #############################
########### Teaser  ##########
** #############################
*/
.teaserWrap {background:#fff;display: flex;}
[class*="col"] > .teaserWrap {height: 100%;margin:0 auto;}
.teaserLink {display:flex;align-items:center;flex: auto;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);border-radius: 25px;}
[class*="col"] > .teaserWrap .teaserLink {flex-direction: column;}
.teaserWrap a {box-shadow: 0 0 1em rgba(0,0,0,.1);}
.teaserWrap a:hover, .teaserWrap a:focus {box-shadow: 0 0 10px rgba(0,0,0,.3);}
.teaser {display:flex;flex-direction:row;align-items: center;flex:auto;}
[class*="col"] > .teaserWrap .teaser {flex-direction:column;/*align-items: stretch;*/}
.teaserImage {max-width: 50%;height:auto;border-bottom-left-radius: 25px;border-top-left-radius: 25px;}
.teaserImage.svg {padding:30px;}
[class*="col"] .teaserImage {width: 100%;max-width: 100%; border-bottom-left-radius: 0px;border-top-right-radius: 25px;border-top-left-radius: 25px;}
[class*="col"] .teaserImage.svg {width: 100%;max-width: 200px;}

.teaser .teaserContent {
  flex:1;
  padding: 12px;
  text-align:center;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
}
.teaserText {flex-grow:1;padding:20px 0;}

/*with Icon*/
.teaserWithIconWrap {display:flex;background:#fff;}
[class*="col"] > .teaserWithIconWrap {height: 100%;margin:0 auto;}
.teaserWithIconWrap .teaserLink {display:flex;align-items:center;flex: auto;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);border-radius: 25px;padding: 3em 3em 3em 3em;}
[class*="col"] > .teaserWithIconWrap .teaserLink {flex-direction: column;}
.teaserWithIconWrap a {box-shadow: 0 0 1em rgba(0,0,0,.1);}
.teaserWithIconWrap a:hover, .teaserWithIconWrap a:focus {box-shadow: 0 0 10px rgba(0,0,0,.3);}
.teaserWithIcon {display:flex;flex-direction:row;align-items: center;flex:auto;padding: 3em 3em 3em 3em;}
[class*="col"] > .teaserWrap .teaserWithIcon {flex-direction:column;align-items: center;}
.teaserIcon {max-width: 50%;height:auto;color:#fff;background:var(--tlog-color-primary-background);border-radius: 50%;padding:14px;}
[class*="col"] .teaserIcon {}
.teaserIcon span {font-size:2rem;}
.teaserWithIcon .teaserContent {
  flex:1;
  text-align:left;
  align-items: start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
  margin-left:50px;
}
[class*="col"] .teaserWithIcon .teaserContent {margin-left:0px;margin-top:20px;}
.teaserText {flex-grow:1;padding:20px 0;}
/* #############################
########### Featured  ##########
** #############################
*/
.featuredContent::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 5px;
	background: #000;
	opacity: 0;
	transition: 0.35s all ease;
	z-index: 2;
}
.featuredContent::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 5px;
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
}
.featuredContent {
	overflow:hidden;
	position:relative;
	margin: 0 auto;
  max-width: 540px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 25px;
}
.featuredContent img {
   transition: 0.35s all ease;
   border-radius: 5px;
}
.featuredContent figcaption{
	position:absolute;
	top:auto;
	bottom:0;
	left:0;
	z-index:2;
	padding:20px 15px;
	transform:translateY(10px);
  text-align:center;
	color:#fff;
	transition: 0.35s all ease;
	width: 100%;
}
.featuredContent h3{
	line-height: 1.25;
	font-size: 2rem;
	margin:0 0 25px 0;
	font-weight:bold;
  color:#fff;
}
.featuredBodytext {
	opacity: 0;
	transform: translateY(100%) scale(0.8);
	transition: 0.35s all ease;
}
.featuredContent:hover::before {
   opacity:0.25;
}
.featuredContent:hover figcaption{
   transform:translateY(0);
}
.featuredContent:hover .featuredBodytext{
	opacity: 1;
	transform: translateY(-10px) scale(1);
}
.featuredContent a:hover {color:inherit;text-decoration:none;}
/* #############################
** ### textImage ###########
** #############################
*/
.textImage {background:var(--tlog-color-primary-background);}
.bg-primary .textImage, .bg-secondary .textImage, .bg-third .textImage {background:transparent;}
.textImage .textImageText {padding:50px 100px;}
.textImage .order-last + .textImageText {text-align:right;}
.textImageImage[data-ce-images="2"] {
  position: relative;
  .textImageImageWrap:first-child {
    margin-bottom: 90px;
    margin-right: 50px;
  }
  .textImageImageWrap:nth-child(2) {
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
  .textImageImageWrap:nth-child(2) img {
    width: 350px;
  }
}

.textImage[data-ce-order="order-last"] .textImageImage[data-ce-images="2"] {
  .textImageImageWrap:first-child {
    margin-left: 50px;
    margin-right: 0px;
  }
  .textImageImageWrap:nth-child(2) {
    left: 0px;
    right:auto;
  }
}
/*
@media screen and (max-width: 1199px) {
	.textImage [class*="col-xl"].order-last {
	   order:inherit;
	}
}
@media screen and (max-width: 991px) {
	.textImage [class*="col-lg"].order-last {
	   order:inherit;
	}
}
@media screen and (max-width: 767px) {
	.textImage [class*="col-md"].order-last {
	   order:inherit;
	}
}
@media screen and (max-width: 575px) {
	.textImage [class*="col-sm"].order-last {
	   order:inherit;
	}
}
*/
/*responsive*/
/*xl //X-Large devices (large desktops, less than 1400px)*/
@media screen and (max-width: 1399.98px) {
  .textImage[data-ce-breakpoint='xxl'] {
    .textImageImage {margin-top:0!important;}
    .textImageText { margin-top:0!important;padding: 30px; }
  }
  .textImage[data-ce-breakpoint='xxl'][data-ce-order="order-last"] {
    .textImageText { order:2; }
    .textImageImage {order:1;}
  }



}
/*lg // Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {
  .textImage[data-ce-breakpoint='xl'] {
    .textImageImage {margin-top:0!important;}
    .textImageText { margin-top:0!important;padding: 30px; }
  }
  .textImage[data-ce-breakpoint='xl'][data-ce-order="order-last"] {
    .textImageText { order:2; }
    .textImageImage {order:1;}
  }
/*
  .textImage:not([data-ce-breakpoint='xl']) {
    .textImageText { padding: 0 50px; }
  }
*/
}
/*md // Medium devices (tablets, less than 992px)*/

@media screen and (max-width: 991.98px) {
  .textImage[data-ce-breakpoint='lg'] {
    .textImageImage {margin-top:0!important;}
    .textImageText { margin-top:0!important;padding: 30px; }
  }
  .textImage[data-ce-breakpoint='lg'][data-ce-order="order-last"] {
    .textImageText { order:2; }
    .textImageImage {order:1;}
  }
  .bg-primary .textImageText {background: #fff;}
  .teaser {flex-direction: column;}
  .teaser .teaserContent { padding-left:20px;}
  .teaserImage { max-width: 100%;width: 100%;}
  .teaserWithIcon {flex-direction:column;align-items: start;}
  .teaserWithIcon .teaserContent {margin-left:0px;margin-top:20px;}
  .teaserLink { padding: 0px 0 20px 0;background-image: linear-gradient(90deg, #ffffff 0%, #F9F7F4 0%);}
  .featuredContent h3 { font-size: 1.25rem;}

}
@media screen and (min-width: 768px) and (max-width: 992px) {
/*  .teaser img {max-width:50%;}*/
  .gridelement .teaser h2 {font-size: 1.25rem;}
  .featuredContent h3 { font-size: 1.25rem;}

}
/*sm // Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) {
  .featuredContent figcaption { transform: translateY(0);}
  .featuredBodytext { opacity: 1; transform: translateY(0);}
}
/*xs // X-Small devices (portrait phones, less than 576px)*/
@media screen and (max-width: 575.98px) {

}
@media screen and (max-width: 435px) {
  .featuredContent h3 { font-size: 1rem;}

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

}