/*!
 * medium.css
 *
 * @link https://www.vektorrausch.de
 * @author vektorrausch GmbH <sippel@vektorrausch.de>
 *
 * @package WordPress
 * @subpackage cleantheme
 */

/* ######################################## *\
		HTML
\* ######################################## */

html {}

body {}

/* ######################################## *\
		STRUKTUR
\* ######################################## */

/* page-wrapper */
#wrapper {}

/* page-top */
#page-top .menu {
	display: flex;
}
	#page-top #social-menu {
		width: 40%;
	}
	#page-top #meta-menu {
		width: 60%;
	}

#page-top .menu .menu-link-title {
	display: inline;
}

/* header */
.header-container {}

#header {}

#branding {}

#logo {}

/* intro */
.intro-container .thumbnail-caption {
	display: flex;
	align-items: flex-end;
}

.intro-container .field-thumbnail {
	flex: 0 0 66.666%;
	margin-bottom: 0;
}

.intro-container .field-caption {
	flex: 0 0 33.333%;
	padding-left: 1.375em;
}

/* main */
.main-container {
	margin-top: 2.75em;
	margin-bottom: 2.75em;
}

#main {}

.content-container {}

#content {}

#project-group,
#researcher,
#alumni-crc,
#publication,
#crosssell,
#media,
[id^="recent"] {
	margin-top: 2.75em;
	margin-bottom: 2.75em;
}

#intro-slider-alumni {
	padding-top: 65px;
}

	#intro-slider-alumni .prevnext .prev {
		right: 70px;
	}
	#intro-slider-alumni .prevnext .next {
		right: 25px;
	}

/* footer */
.footer-container {}

#footer {}

/* ######################################## *\
		SIDEBARS / WIDGET-AREAS
\* ######################################## */

/* no sidebar */
.no-sidebar #content {
	width: 100%;
}

/* sidebars */
.sidebar-primary.sidebar-secondary .content-container,
.sidebar-primary.sidebar-secondary .sidebar-area {
	clear: none;
	float: left;
}

.sidebar-primary.sidebar-secondary #content {
	margin-left: 0%;
	margin-right: 0%;
	width: auto;
}

.sidebar-primary.sidebar-secondary #primary {
	margin-left: 0%;
	width: calc((100% + 25px) / 2);
	padding-right: 25px;
}

.sidebar-primary.sidebar-secondary #secondary {
	margin-left: 0%;
	width: calc((100% - 25px) / 2);
}

/* widget-area-sponsor */
#widget-area-sponsor .widget {
	margin-left: 2.75em;
	flex-basis: calc(50% - 2.75em * (2 / 3));
}
	#widget-area-sponsor .widget:nth-child(2n+1) {
		margin-left: 0;
	}	

/* widget-area-partner */
#widget-area-partner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#widget-area-partner .widget {
	margin-left: 2.75em;
	flex-basis: calc(33.333% - 2.75em *(2 / 3));
}
	#widget-area-partner .widget:nth-child(2n+1) {
		margin-left: 2.75em;
	}
	#widget-area-partner .widget:nth-child(3n+1) {
		margin-left: 0;
	}

/* ######################################## *\
		WIDGETS
\* ######################################## */

/* widget_coffee_filter */
.widget_coffee_filter .widget-inner {
	display: flex;
}

.widget_coffee_filter .widget-title {
	margin: 0.6875em 1.375em 0 0;
}

.widget_coffee_filter .coffee-filter {
	margin-bottom: 0;
	flex-grow: 1;
}

/* ######################################## *\
		LAYOUTS / BLÖCKE
\* ######################################## */

/* list */
.list-item {}

@media only screen and (min-width: 640px) and (max-width: 919px) {
	.list-grid.list-2-medium .list-item {
		padding-top: 0;
		margin-top: 0;
		border-top: 1px solid rgba(0,0,0, 0.12);
		border-right: 1px solid rgba(0,0,0, 0.12);
	}
		.list-grid.list-2-medium .list-item:nth-child(1),
		.list-grid.list-2-medium  .list-item:nth-child(2) {
			border-top: 0;
		}
		.list-grid.list-2-medium .list-item:nth-child(2n) {
			border-right: 0;
		}
	
	.list-grid.list-2-medium .post {
		padding: 1.375em;
	}
}

/* wp-block-slider */
.wp-block-slider {
	margin-bottom: 2.75em;
}

/* ######################################## *\
		INHALTE
\* ######################################## */

/* post-type-post */
.single-post .additional-container {
	padding-bottom: 2.75em;
}

.single-post .additional-container .media {
	display: flex;
}

.single-post .additional-container .media .field-thumbnail {
	margin-bottom: 0;
	flex: 0 0 200px;
	padding: 0 1.375em 0 2.75em;
	position: relative;
}
	.single-post .additional-container .media .field-thumbnail:before {
		content: '\f56d';
		font-family: 'Font Awesome 5 Pro';
		font-weight: 300;
		display: inline-block;
		color: rgba(74,144,226, 1);
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		font-size: 1.75rem;
	}

.single-post .additional-container .media .wrapper {
	flex: 0 0 1;
}

.post-type-post.post-view-full {
	padding-bottom: 2.75em;
}

.post-type-post.post-view-featured {
	display: flex;
}

.post-type-post.post-view-featured .wrapper {
	flex: 0 0 50%;
}

.post-type-post.post-view-featured .field-thumbnail {
	flex: 0 0 50%;
}

.post-type-post.post-view-featured .field-thumbnail .bg-image {
	height: 100%;
}

/* post-type-project_group */
.post-type-project_group.post-view-teaser {
	padding: 1.375em;
	display: flex;
}

.post-type-project_group.post-view-teaser .field-letter {
	flex: 0 0 7.5rem;
}

.post-type-project_group.post-view-teaser .wrapper {
	flex: 1;
}

/* post-type-researcher */
.post-type-researcher.post-view-full .info {
	padding: 0 1.375em 2.75em 0;
	border-right: 1px solid rgba(0,0,0, 0.12);
	border-bottom: 0;
	margin-bottom: 0;
	flex: 0 0 50%;
}

.post-type-researcher.post-view-full .contact {
	padding: 0 0 2.75em 1.375em;
	border-bottom: 0;
	margin-bottom: 0;
	flex: 0 0 50%;
}

/* post-type-alumni */
.post-type-alumni.post-view-full .info {
	padding: 0 1.375em 2.75em 0;
	border-bottom: 0;
	margin-bottom: 0;
	flex: 0 0 50%;
}

/* post-type-publication */
.post-type-publication.post-view-teaser {
	padding: 1.375em;
}

/* post-type-video */
.post-type-video.post-view-full {
	padding-bottom: 2.75em;
}

.post-type-video.post-view-featured {
	display: flex;
}

.post-type-video.post-view-featured .wrapper {
	flex: 0 0 50%;
}

.post-type-video.post-view-featured .field-thumbnail {
	flex: 0 0 50%;
}

.post-type-video.post-view-featured .field-thumbnail .bg-image {
	height: 100%;
}

/* post-type-activity */
.post-type-activity.post-view-full {
	padding-bottom: 2.75em;
}

.post-type-activity.post-view-full .field-category-date {
	flex-wrap: nowrap;
	align-items: normal;
}

.post-type-activity.post-view-full .field-category-date .h3 {
	flex: initial;
}
	.post-type-activity.post-view-full .field-category-date .date { 
		border-left: 1px solid rgba(34,34,34, 1);
		padding-left: 0.515625em;
		margin-left: 0.515625em;
	}
	
.post-type-activity.post-view-full .who-when-where {
	display: flex;
}

.post-type-activity.post-view-full .who-when-where .field {
	padding: 0;
	margin-bottom: 0;
	border-bottom: 0;
	flex: 0 0 33.333%;
	border-left: 1px solid rgba(0,0,0, 0.12);
	padding-left: 1.375em;
}
	.post-type-activity.post-view-full .who-when-where .field:first-child {
		padding-left: 0;
		border-left: 0;
	}

/* ######################################## *\
		FELDER
\* ######################################## */



/* ######################################## *\
		ELEMENTE
\* ######################################## */

/* formulare */
.btn, .button, .submit, .vfb-submit {
	display: inline-block;
	width: auto;
}
	.btn-l, .button-l {
		display: block;
		width: 100%;
	}

/* contactform 7 */
.wpcf7-form .wpcf7-list-item {
	margin-bottom: 5px;
	float: left;
}

/* ######################################## *\
		MENÜS
\* ######################################## */



/* ######################################## *\
		SEITENNUMMERIERUNG / BREADCRUMBS
\* ######################################## */

/* archive.paged */
#pagination.archive.paged .page-count {
	margin: 0 0.6875em 0 0;
	display: inline;
	border-right: 1px solid rgba(0,0,0, 0.05);
	padding: 0 1.03125em 0 0;
}

/* single.prev-next */
#pagination.single.prev-next .page-overview {
	float: left;
	margin-bottom: 0;
}

#pagination.single.prev-next .page-prev-next {
	float: right;
	width: 86px;
}

/* ######################################## *\
		KOMMENTARE
\* ######################################## */



/* ######################################## *\
		MISC / CONTRIB
\* ######################################## */


	 
/* ######################################## *\
		WORDPRESS CORE
\* ######################################## */

.gallery.gallery-columns-2 figcaption {
	display: block;
}
	 
/* ######################################## *\
		KEIN JAVASCRIPT
\* ######################################## */