/* Start - Styles für Blog-Startseite - Start */
.ktcontent.blog-result {
	text-align: left;
}

.blog-result.news-category-view {
	margin-top: 4em;
}

.ktcontent.news-list-view {
	padding-top: 1em;
}

.blog-result-more {
	padding-top: 0;
}
.blog-boxset {
	grid-column-gap: 50px !important;
	grid-row-gap: 50px !important;
}
.blog-content {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.blog-tag {
	margin-left: 10px;
	background-color: #283F77;
	color: #ffffff;
	padding: 5px 8px 5px 8px;
	border-radius: 5px 5px 5px 5px;
}
.blog-tag.active {
	margin-left: 10px;
	background-color: #ffffff;
	color: #283F77;
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	border: solid 1px #283F77;
}
.blog-tag-spacer {
	margin: 0 0 0.5em 0;
}
.blog-shadow {
/* 	box-shadow: 3px 3px 5px rgba(112,112,112, 0.2); */
	box-shadow: 0px 0px 7px #0000001A;
	margin-bottom: 5px;
	padding: 0 0 1rem 0 !important;
	margin-right: 2px;
	margin-left: 3px;
	transition: all .3s;
}
.blog-shadow:hover{
  box-shadow: 0px 0px 40px #0000001A;
}
.blog-shadow:hover .morelink::after{
  margin-left: 1em;
}
.blog-image {
	border-radius: 10px 10px 0 0;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}
.blog-link {
	font-weight: 300 !important;
}
.blog-link:hover {
	color: #0C2660;
}
.blog-headline {
	margin: 0 0 0.5em 0;	
}

.blog-link .morelink{
  padding-left: 10px;
}

.blog-category {
	margin-right: 20px;
	background-color: #F2F5F7;
	color: #283F77;
	padding: 13px 20px 12px;
	border-radius: 5px 5px 5px 5px;
	font-size: 18px;
	font-weight: 600 !important;
	cursor: pointer;
}

.blog-category:hover {
  background: #E5ECF5;
}

.blog-category.active {
	background-color: #283F77;
	color: #fff;
}

.blog-category-spacer {
    margin: 0.3333333333333333em 0 0.3333333333333333em 0;
}
.blog-category-element {
	display: inline-flex;
	justify-content : flex-start;
}



.blog-search {
	background-image: url(../img/cutmask.png),
	linear-gradient(hsla(187,99%,43%,1) 0%, hsla(187,99%,43%,0.2) 50%, hsla(187,99%,43%,1) 100%),
	linear-gradient(to right, hsla(187,99%,43%,1) 0%, hsla(187,99%,43%,0.2) 50%, hsla(187,99%,43%,1) 100%);
	background-size: contain, cover;
	background-position: 60% bottom, 0 center;
	background-repeat: no-repeat;
}
/* .blog-search header {
    margin-left: -15vw !important;
}
.blog-search .bannerright .inner {
	padding-left: 0 !important;
} */

/* @media screen and (max-width: 1200px) {
	.blog-category  {
		grid-template-columns: repeat(4, 1fr) !important;
		grid-row-gap: 5px !important;
	}
}*/

.banner-blog {
    background-image: url(../img/cutmask.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-origin: content-box;
    padding-left: calc(71.5em * 0.5 + (100% - 71.5em)/2);
}
.blog-search-header {
	padding: 50px 0 30px 0;
}
.blog-search-header h2{
	font-size: 1.5em;
	font-weight: 200;
	margin: 0 0 0.417em 0;
	line-height: 1.200em;
}	
.blog-search-header-subline {
	font-size: 2.300em;
	font-weight: 600;
	margin: 0 0 0.217em 0;
	line-height: 1.130em;
	color: inherit;
	padding-bottom: 30px;
}

.blog-search-field {
	width: 50%;
	height: 50px;
	font-size: 23pt;
	border: none;
	padding-inline-start: 10px;
	vertical-align: top;
}
input[type="submit"].blog-search-button {
	width: 60px;
	height: 50px;
	margin-bottom: -14px;
	border: none;
	cursor: pointer;
    background-size: contain;
    background: #283F77 url("/fileadmin/ext/news/Resources/Public/Images/lupe_FL_RGB_WEISS.svg") no-repeat center center;
    margin-left: -3px;
}

.blog-result-teaser {
/* 	width: 33.3333333333%; */
}
.blog-result h2 strong {
	font-weight: 600;
}

@media screen and (max-width: 768px) {
	.blog-result-teaser {
		width: 100%;
	}
	.blog-search {
		background-position: 100% bottom, 0 center !important;
	}
	.blog-category {
		font-size: 1.000em;
		margin-right: 5px;
		margin-bottom: 10px;
	}
	.blog-search-header h2{
		font-size: 1.875em;
	}

	.blog-search-header-subline {
		font-size: 2.875em;
	}
	.blog-boxset {
		grid-row-gap: 30px !important;
	}
	.breadcrumb-active {
		display: none;
	}
	.blog-result {
		padding-top: 1em !important;
	}
} 
@media screen and (max-width: 992px) {
	.blog-search-field {
		width: 80%;
	}
	.blog-search {
		background-position: 70% bottom, 0 center !important;
	}
	.blog-boxset {
		grid-column-gap: 30px !important;
		grid-row-gap: 30px !important;
	}

}
@media screen and (min-width: 992px) and (max-width: 1200px) {
	.blog-category-container, .blog-result-header-teaser {
		max-width: 768px !important;
	}
}
@media screen and (min-width: 769px) and (max-width: 991px) {
	.blog-category-container, .blog-result-header-teaser {
		max-width: 768px !important;
	}
}

@media screen and (max-width: 1200px) {
	.blog-search {
		background-position: 65% bottom, 0 center;
	}

}


@media screen and (max-width: 414px) {
	.blog-search {
		background-position: 0 bottom, 0 center, 0 top !important;
		background-size: cover !important;
	}
}
@media screen and (max-width: 576px) {
	.blog-search-field {
		width: 70%;
	}
	section  .article-start {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	section.blog-result  .inner {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.ktcontent .inner.boxset, .ktcontent {
		width: 100%;
	}
}

/* End - Styles für Blog-Startseite - End */