/* ********** */
/* archive    */
/* ********** */


.separate-containers .page-header {padding: 10px;background-color: transparent !important;}
.page-header{font-size: 20px;}
.page-header .page-title {font-size: 20px;color:#999999;}
.page-header .author-info{display:none;}

.archive_0 img{width:100%;}

/* first */
.archive_0 h3 {font-size: 16px;color:#353535;}
.archive_0 h2 {font-weight:bold;font-size: 20px;margin: 0;font-family:roboto,arial;}
.archive_0 .excerpt{margin:0.5em;text-align:justify;font-size: 15px;font-weight: normal;}
.archive_0 .bg_titel {padding:6px;}
.archive_0 img:hover{filter: brightness(50%);}

@media only screen and (min-width:780px) {
	.archive_0 {overflow:hidden;height:550px;}
	.archive_0 img{width: 100%;height:550px;object-fit:cover;overflow:hidden;}	
	.archive_0 .bg_titel {padding:10px;height:fit-content;background-color: #353535;position:relative;
	top: -300px;opacity: 0.8;color: #f2f2f2;overflow:hidden;}
	.archive_0 h3 {font-size: 14px;color:#f2f2f2;}
	.archive_0 h2 {font-size: 30px;margin: 6px 0;}
	.archive_0 a {color:#f2f2f2;}
	.archive_0 a:hover {color:#cccccc;}
	.archive_0 p{color:#f2f2f2;}	
}

.posts-section {margin:8px 0px;}
@media only screen and (min-width:780px) {
	.posts-section {
	display: grid;
	grid-template-columns: 33% 33% 33%;
	grid-template-rows: 1fr;
	grid-column-gap: 5px;
	grid-row-gap: 5px; 
	}
}

.archive-section{border:1px solid #cccccc;height:260px;overflow:hidden;}
.archive-section:hover{background-color:#f2f2f2;}
.archive-section img{height:100px;width:100%;overflow:hidden;object-fit:cover;}
.archive-section .bg_titel{float:left;padding:8px;}
.archive-section h3{font-size: 14px;font-weight:400;color:#353535;}
.archive-section .bg_titel p{margin:0;text-align:justify;font-size:12px;
  display: -webkit-box;overflow: hidden;
  -webkit-line-clamp: 1;-webkit-box-orient: vertical;
  }
.archive-section h2 {font-size: 18px;}
.archive-section .bg_titel p{display:none; }
  
 
/***************************/
/*   search				*/
/***************************/

.results{border:1px solid #cccccc;text-align:center;background-color:#ffffff;padding:6px;}
.searchs{padding:6px;}
.searchs h2{font-size:16px;font-weight:bold;}
.result-search{padding:6px;margin:10px 0;background-color:#ffffff;text-align:left;}
.result-search h3{font-size:20px;}
.result-search .date {font-size: 10px;}
.result-search a:hover{color:#000000;}

/***************************/
/*   oldsearch				*/
/***************************/
.oldsearch {
border: 1px solid #beb7f2;
padding: 15px;
width: 400px;
margin:15px auto;
text-align:center;
}
.oldsearch:hover {
border: 2px solid red;
}
#search-page{width:80vw;text-align:center;}
#search-page .form{width:100%;margin:15px auto;padding:15px;}
#search-page .search-form{margin:15px;}



/****************************/
/* recommended */
/****************************/