*{
    margin:0px;
    padding:0px;
    box-sizing: border-box;
}
body {
    background-color: #fff;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 400;
    color:#6f6f6f;
}
a {
    color: #348ec9;
    outline: 0 none;
    text-decoration: none;
    transition: all 0.5s ease;
}
a:hover,
a:focus {
    text-decoration: none;
    outline: 0 none;
}
a:active,
a:hover {
    color: #348ec9;
}

.cardContainer{
    margin:0px auto;
    max-width:1200px;
    text-align: center;
    margin-bottom:50px;
}

.card{
    display: inline-block!important;
    width:370px;
    margin:10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    vertical-align: top;
}

.card > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom:20px;
}

.cardImage img{
    width:370px;
    border-radius: 5px 5px 0px 0px;
}

.cardTitle{
    font-size: 18px;
    font-weight:bold;
}

.cardUeberschrift{
    color:#999;
    font-size:15px;
}

.cardLink a{
    background-color: #167ba0;
    padding: 12px 30px;
    color:#fff;
    font-weight:bold;
    font-size:13px;
    border-radius: 3px;
}

.cardLink a:hover{
    background-color: #348ec9;
    color:#fff;
}

.pageNavigationContainer{
    margin-top:50px;
}

.pageNavigationTitle{
    font-size:18px;
    margin-bottom:10px;
}

.pageNavigation{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.pageNavigation a{
    display: flex;
    justify-content: center;
    align-items: center;
    width:50px;
    height:50px;
    background-color: #167ba0;
    color:#fff;
    font-weight:bold;
    font-size:18px;
    border-radius: 100%;
    margin:5px;
}


.pageNavigation a:hover{
    background-color: #ff8022;
    color:#fff;
}

@media screen and (max-width: 400px) {
    .card{
        width:100%;
        margin-left:0px;
        margin-right:0px;
    }
    .cardImage img{
        width:100%;
    }
}

.dlab-box:hover .dlab-img-effect.zoom img,
.our-team:hover .dlab-img-effect.zoom img,
.blog-post:hover .dlab-img-effect.zoom img,
.dlab-img-effect.zoom:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.blog-post:hover .dlab-img-effect.rotate img,
.dlab-box:hover .dlab-img-effect.rotate img,
.dlab-img-effect.rotate:hover img {
    -moz-transform: scale(1.5) rotate(-20deg);
    -webkit-transform: scale(1.5) rotate(-20deg);
    -o-transform: scale(1.5) rotate(-20deg);
    -ms-transform: scale(1.5) rotate(-20deg);
    transform: scale(1.5) rotate(-20deg);
}

.blog-post {
    position: relative;
    margin-bottom: 30px;
}

.blog-post.no-img-post .post-date {
    position: static;
    float: left;
}

@media only screen and (max-width: 767px) {
    .blog-md.blog-post .dlab-pfost-media,
    .blog-md.blog-post .dlab-post-info {
        float: none;
        margin: 0 0 20px;
        width: 100%;
		display:block;
		padding-left:0;
    }
	.blog-md.blog-post .dlab-post-info {
		margin-top:15px;
	}
	.blog-md .dlab-post-media {
		width:100%;
	}
  .blog-post.blog-md.border-1 .dlab-post-info {
    padding: 0 20px 0;
  }
  .dlab-post-title .post-title{
    margin-top:10px;
  }
  .dlab-post-title .post-title{
    margin-top:10px;
  }
  .blog-post.post-style-1 .post-title{
    line-height: 30px;
    font-size: 18px;
  }
  .blog-md .dlab-post-media {
    width:100%;
  }
}

.blog-post.post-style-1 .post-title{
  line-height: 30px;
  font-size: 18px;
}


.blog-single .dlab-post-meta {
    margin-bottom: 20px;
}
.blog-single .dlab-post-text {
    margin-top: 20px;
}
.blog-single .dlab-post-tags {
    margin-top: 20px;
}
.blog-single .dlab-post-media{
	border-radius:4px;
}

.dlab-post-title {
    margin-bottom: 5px;
}
.dlab-post-title .post-title {
    margin-top: 15px;
    margin-bottom: 5px;
}
.dlab-info[class*="border-"] .post-title{
	margin-top:0;
}
.text-white .post-title a{
	color:#fff;
}
.blog-md .dlab-post-info .post-title{
	margin-top:0;
}
.post-navigation .nav-previous .post-title,
.post-navigation .nav-next .post-title {
    display: block;
    font-size: 15px;
    color: #777777;
    margin-top: 10px;
}
.widget .post-title {
    text-transform: uppercase;
}
.widget .post-title {
    line-height: 20px;
    margin-bottom: 8px;
	margin-top:0;
	text-transform: capitalize;
	font-size: 15px;
	color: #404040;
	font-weight: 500;
}
.ow-post-title .post-title {
    margin: 0 0 10px;
}
.dlab-post-title {
    margin-bottom: 5px;
}
.dlab-post-title .post-title {
    margin-top: 15px;
    margin-bottom: 5px;
}
.dlab-info[class*="border-"] .post-title{
	margin-top:0;
}
.text-white .post-title a{
	color:#fff;
}
.blog-md .dlab-post-info .post-title{
	margin-top:0;
}
.post-navigation .nav-previous .post-title,
.post-navigation .nav-next .post-title {
    display: block;
    font-size: 15px;
    color: #777777;
    margin-top: 10px;
}
.widget .post-title {
    text-transform: uppercase;
}
.m-t0 {
    margin-top: 0;
}
.alignleft {
    float: left;
    margin: 5px 25px 25px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 25px 25px 0;
}
.wp-caption.alignleft {
    margin: 5px 25px 25px 0;
}
.wp-caption.alignright {
    margin: 5px 0 25px 25px;
}
.alignright {
    float: right;
    margin: 5px 0 25px 25px;
}
a img.alignright {
    float: right;
    margin: 5px 0 25px 25px;
}
.blog-md .dlab-post-media {
    width: 350px;
	border-radius: 4px;
}
.blog-md .dlab-post-media {
    display: table-cell;
    vertical-align: middle;
}
.blog-md .dlab-post-media {
	vertical-align: top;
}
.blog-lg .dlab-post-media {
	border-radius: 4px;
}
.blog-rounded .dlab-post-media {
	border-radius: 4px 4px 0 0;
}
.blog-single .dlab-post-media{
	border-radius:4px;
}
.recent-posts-entry .dlab-post-media {
	padding-right:15px;
    width: 110px;
}
.recent-posts-entry .dlab-post-media img{
	border-radius:3px;
}
.recent-posts-entry .dlab-post-info,
.recent-posts-entry .dlab-post-media{
	display: table-cell;
    vertical-align: middle;
}

.dlab-post-media {
    background-color: #FFF;
    position: relative;
}
.dlab-media img,
.dlab-post-media img {
    width: 100%;
    height: auto;
}

{
   position: relative;
   overflow: hidden;
   display: block;
}
.dlab-img-effect img {
   display: block;
   margin: 0;
   width: 100%;
   height: auto;
   box-shadow: 0 0 0 rgba(0, 0, 0, 0);
   -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
   -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
   transition: all 0.8s;
   -moz-transition: all 0.8s;
   -webkit-transition: all 0.8s;
   -o-transition: all 0.8s;
}
/* >image-opacity */

.dlab-img-effect.opacity img:hover {
   opacity: 0.8;
   -moz-opacity: 0.8;
   -webkit-opacity: 0.8;
}
/* >image-zoom */

.dlab-img-effect.zoom-slow img {
   transition: all 10s;
   -moz-transition: all 10s;
   -webkit-transition: all 10s;
   -o-transition: all 10s;
}
.dlab-img-effect.zoom-slow:hover img {
   -moz-transform: scale(1.2);
   -webkit-transform: scale(1.2);
   -o-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);
}
/* >image-zoom-slow */

.dlab-box:hover .dlab-img-effect.zoom img,
.our-team:hover .dlab-img-effect.zoom img,
.blog-post:hover .dlab-img-effect.zoom img,
.dlab-img-effect.zoom:hover img {
   -moz-transform: scale(1.2);
   -webkit-transform: scale(1.2);
   -o-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);
}
/* >image-shrink */

.dlab-img-effect.shrink:hover img {
   transform: scale(0.8);
   -ms-transform: scale(0.8);
   -webkit-transform: scale(0.8);
   -o-transform: scale(0.8);
   -moz-transform: scale(0.8);
}
/* >image-side-pan */

.dlab-img-effect.side-pan:hover img {
   margin-left: -11%;
   transform: scale(1.2);
   -ms-transform: scale(1.2);
   -webkit-transform: scale(1.2);
   -o-transform: scale(1.2);
   -moz-transform: scale(1.2);
}
/* >image-vertical-pan */

.dlab-img-effect.vertical-pan:hover img {
   margin-top: -10%;
   transform: scale(1.2);
   -ms-transform: scale(1.2);
   -webkit-transform: scale(1.2);
   -o-transform: scale(1.2);
   -moz-transform: scale(1.2);
}
/* >image-fade-in */

.dlab-img-effect.fade-in {
   background: #000
}
.dlab-img-effect.fade-in img {
   opacity: 0.65;
   -moz-opacity: 0.65;
   -webkit-opacity: 0.65;
}
.dlab-img-effect.fade-in:hover img {
   opacity: 1;
   -moz-opacity: 1;
   -webkit-opacity: 1;
}
/* >image-fade-out */

.dlab-img-effect.fade-out {
   background: #000
}
.dlab-img-effect.fade-out:hover img {
   opacity: 0.7;
   -moz-opacity: 0.7;
   -webkit-opacity: 0.7;
}
/* >image-rotate */

.blog-post:hover .dlab-img-effect.rotate img,
.dlab-box:hover .dlab-img-effect.rotate img,
.dlab-img-effect.rotate:hover img {
   -moz-transform: scale(1.5) rotate(-20deg);
   -webkit-transform: scale(1.5) rotate(-20deg);
   -o-transform: scale(1.5) rotate(-20deg);
   -ms-transform: scale(1.5) rotate(-20deg);
   transform: scale(1.5) rotate(-20deg);
}
/* >image-sepia */

.dlab-img-effect.sepia img {
   -webkit-filter: sepia(100%);
   filter: sepia(100%);
}
.algo-image-hover.sepia:hover img {
   -webkit-filter: sepia(0);
   filter: sepia(0);
}
/* >image-blurr */

.dlab-img-effect.blurr img {
   transition: all 0.2s;
   -moz-transition: all 0.2s;
   -webkit-transition: all 0.2s;
   -o-transition: all 0.2s;
}
.dlab-img-effect.blurr:hover img {
   filter: blur(3px);
   -webkit-filter: blur(3px);
   -moz-filter: blur(3px);
   -o-filter: blur(3px);
   -ms-filter: blur(3px);
}
/* >image-blurr-invert */

.dlab-img-effect.blurr-invert img {
   transition: all 0.2s;
   -moz-transition: all 0.2s;
   -webkit-transition: all 0.2s;
   -o-transition: all 0.2s;
}
.dlab-img-effect.blurr-invert img {
   filter: blur(3px);
   -webkit-filter: blur(3px);
   -moz-filter: blur(3px);
   -o-filter: blur(3px);
   -ms-filter: blur(3px);
}
.dlab-img-effect.blurr-invert:hover img {
   filter: blur(0px);
   -webkit-filter: blur(0px);
   -moz-filter: blur(0px);
   -o-filter: blur(0px);
   -ms-filter: blur(0px);
}
/* >image off color */

.dlab-img-effect.off-color img {
   filter: grayscale(0);
   -webkit-filter: grayscale(0);
   -moz-filter: grayscale(0);
   -o-filter: grayscale(0);
   -ms-filter: grayscale(0);
}
.dlab-img-effect.off-color:hover img {
   filter: grayscale(1);
   -webkit-filter: grayscale(1);
   -moz-filter: grayscale(1);
   -o-filter: grayscale(1);
   -ms-filter: grayscale(1);
}
/* >image on color */

.dlab-img-effect.on-color img {
   filter: grayscale(1);
   -webkit-filter: grayscale(1);
   -moz-filter: grayscale(1);
   -o-filter: grayscale(1);
   -ms-filter: grayscale(1);
}
.dlab-img-effect.on-color:hover img {
   filter: grayscale(0);
   -webkit-filter: grayscale(0);
   -moz-filter: grayscale(0);
   -o-filter: grayscale(0);
   -ms-filter: grayscale(0);
}