/* #############################
########### 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;}
[class*="col"] .teaserImage {width: 100%;max-width: 100%; border-bottom-left-radius: 0px;border-top-right-radius: 25px;border-top-left-radius: 25px;}
.teaser .teaserContent {
  flex:1;
  padding: 25px;
  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: none;border-radius: 25px;padding: 3em 3em 3em 3em;border: 3px solid var(--tlog-color-border);}
[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 {background:#fff;display:flex;flex-direction:row;align-items: center;flex:auto;}
[class*="col"] > .teaserWithIconWrap .teaserWithIcon {flex-direction:column;align-items: start;}
.teaserIcon {max-width: 50%;height:auto;color:var(tlog-font-color-header);background:none;border-radius: 50%;padding:14px;}
[class*="col"] .teaserIcon {max-width: auto;}
.teaserIcon i {font-size:5rem;}
.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 {
	overflow:hidden;
	position:relative;
	margin: 0 auto;
  max-width: 540px;
  /*box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);*/
  border-radius: 20px;
}
.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;
/*	transform:translateY(10px);
  text-align:center;*/
	color:#fff;
	transition: 0.35s all ease;
	width: 100%;
  background:rgba(0,0,0,0.8);
}
.featuredContent h3{
	line-height: 1.25;
  font-size: 1.5rem;
  margin:0 0 0.5em 0;
  font-weight:400;
  color:#fff;
}
.featuredBodytext {
  color:#8da303;
/*	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 img {transform: scale(1.1);}
.featuredContent a:hover {color:inherit;text-decoration:none;}
/* #############################
** ### textImage ###########
** #############################
*/
.textImage .textImageText {padding-left:30px;padding-right:30px;}
.textImage .order-last + .textImageText {}
@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) {



}
/*lg // Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {

}
/*md // Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {
  .teaser {flex-direction: column;}
  .teaserImage { max-width: 100%;width: 100%;}
  .teaserWithIcon {flex-direction:column;align-items: start;}
  .teaserWithIcon .teaserContent {margin-left:0px;margin-top:20px;}
}
@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) {

}
/*xs // X-Small devices (portrait phones, less than 576px)*/
@media screen and (max-width: 575.98px) {

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

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

}