/* #############################
########### Teaser  ##########
** #############################
*/
.teaserWrap {display: flex;}
[class*="col"] > .teaserWrap {height: 100%;margin:0 auto;}
.teaserLink {display:flex;align-items:center;flex: auto;background:var(--tlog-color-sekundary-background);/*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: 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;}
[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;}
[class*="col"] > .teaserWithIconWrap .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:25px;}
[class*="col"] .teaserIcon {max-width: auto;}
.teaserIcon i {font-size:4rem;}
.teaserWithIcon .teaserContent {
  flex:1;
  text-align:center;
  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;align-items: center;}
.teaserText {flex-grow:1;padding:20px 0;}
/* #############################
########### Featured  ##########
** #############################
*/
.featuredContent::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 0px;
	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: 0px;
/*	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
*/background: linear-gradient(0deg,rgba(19,17,32,.8) 0%,rgba(19,17,32,.7) 22.46%,rgba(19,17,32,0) 55.82%,rgba(19,17,32,0) 100%);

}
.featuredContent {
	overflow:hidden;
	position:relative;
/*  max-width: 540px;*/
}
.featuredContent img {
   transition: 0.35s all ease;
   border-radius: 0px;
   width: 100%;
}
.featuredContent figcaption{
	position:absolute;
	top:auto;
	bottom:0;
	left:0;
	z-index:2;
	padding:20px 15px;
  transform:translateY(40%);
  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.5;
}
.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-left:100px;padding-right: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) {



}
/*lg // Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {
  .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;}
  .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) {

}