/* mainitems.css */

.overviewPosts {
	padding-left: 9vmin;
	padding-right: 1.85vmin;
	margin-bottom: 6.5vmin;
	margin-top: 16vmin;
}

.surroundPost {
	margin-top: 3rem;
	display: block;
}

.dateOfPost { /* auch in article.css definiert (etwas anders – Konflikt möglich!!!)*/
	position: relative;
	left: 0vmin;
	top: 0vmin;
	width: 100%;
	margin-bottom: 0.3vmin;
	text-align: right;
	font-size: 1rem;
	font-style: italic;
	color: rgb(0, 79, 159);
	transition: all 0.3s ease-in;
}

article.postWrapper {
	margin: 0vmin 0 7vmin 9vmin;
	background-color: rgb(246, 246, 246);
/*	padding: 0.5rem 15vmin 2rem 3vmin; */
	padding: 0;
	border-top: 0.2vmin solid rgb(0, 79, 159);
	border-bottom: 0.2vmin solid rgb(0, 79, 159);
	border-left: 0.1vmin solid rgb(0, 79, 159);
	border-right: 1.5vmin solid rgb(0, 79, 159);
	border-top-left-radius: 1.5vmin;
	transition: all 0.3s ease-in;
}

.postWrapper h3 {
	margin-top: 0;
	color: rgb(246,246,246);
	background-color: rgb(0, 79, 159);
	font-size: 1.4em;
	padding-top: 0.3vmin;
	padding-bottom: 0.9vmin;
	padding-left: 3vmin;
	padding-left: 1rem;
	border-top-left-radius: 1.5vmin;
	transition: all 0.3s ease-in;
}

.postWrapper p {
	margin-left: 3vmin;
	padding-left: 3rem; /* entsprechend zu .subheading (basement.css) */
	padding-right: 3vmin;
}

#buttonBox {
	padding-left: 3vmin;
}

/* ehedem inline Auszeichnungen auf translation_hub.html */

#mainNav .backToOverview {
  padding-bottom: 0.1rem;
  padding-top: 0.225rem;
  position: relative;
  top: 0.2rem
}
#mainNav .backToOverview span {
  position: relative;
  top: -0.1rem;
}
#mainNav .backToOverview:link, #mainNav .backToOverview:visited {
	color: rgb(32, 13, 0);
	background-color: rgb(255, 221, 0);
}
#mainNav .backToOverview:hover {
	background-color: rgb(32, 13, 0);
	color: rgb(255, 221, 0);
}

#moreorless {
	width: 100%;
	padding-left: 16vmin;
	padding-right: 1.8vmin;
	text-align: center;
	font-size: 140%;
	display: none;
	margin-bottom: 12vmin;
}
#moreThumbs, #lessThumbs {
	cursor: pointer;
	margin-bottom: 0.5em;
}
#moreThumbs {
	display: block;
}
#lessThumbs {
	display: none;
}
#showTable {
	display: block;
}
#hideTable {
	display: none;
}
.thisOneMargins {
	margin-bottom: 1em;
}
.marginTopMinus1_7 {
	margin-top: -1.7em;
}

@media only screen and (min-width: 760px) {
	.surroundPost {
		padding-left: 10vmin;
	}
	.overviewPosts {
		margin-bottom: 8vmin;
		margin-top: 8vmin;
	}
	#moreorless {
		padding-left: 26.5vmin;
	}
	.marginTopMinus1_7 {
		margin-top: -3.0em;
	}

}

@media only screen and (min-width: 980px) {
	.overviewPosts {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
		grid-auto-rows: minmax(150px, auto);
		grid-auto-flow: dense;
		padding-left: 3.0vmin;
	}
	.surroundPost {
		margin: 0;
		padding: 0;
		min-height: 100%;
	}
	article.postWrapper {
		margin: 0;
		margin-left: 2em;
		margin-bottom: 2em;
		min-height: calc(100% - 0.3vmin - 1rem - 2em);
		border-bottom-left-radius: 1.5vmin;
	}
	section.subject {
		margin-bottom: 5vmin;
	}
	#moreorless {
		margin-top: -2.7em;
		padding-left: 13.0vmin;
		padding-right: 50.6vmin;
	}
	section.thisOneMargins {
		margin-bottom: 5em;
	}
	main div.marginTopMinus1_7 {
		margin-top: -2.7em;
	}

}