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

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

html {}

body {}

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

/* page-wrapper */
#wrapper {}

/* header */
.header-container {}

#header {}

#branding {
	width: inherit;
	padding-right: 40px;
}

#logo {
	width: 100%;
}

/* main */
.main-container {}

#main {}

.content-container {}

#content {}

/* 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-header {
	order: 3;
}

#widget-area-header .geomar-logo {
	width: 160px;
}

/* widget-area-logos */
#widget-area-logos .widget-inner {
	padding: 0;
}

/* News */

.widget-area-news-container {
	width: 100px;
	float: right;
	padding-left: 10px;
	padding-top: 30px;
	display: block;
}

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



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

/* list */
.list-item {
	margin-bottom: 0;
}

.list-item:last-child {
	margin-bottom: 0;
}

.wp-block-column .wp-block-image {
	margin-bottom: 0;
}

.wp-block-column .wp-block-image figure {
	margin-bottom: 0;
}

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

.post-type-post.post-view-teaser,
.post-type-post.post-view-full {
	flex-direction: row;
	margin-bottom: 30px;
}

.post-type-post.post-view-teaser .field-category-thumbnail,
.post-type-post.post-view-full .field-category-thumbnail {
	height: 90px;
	width: 90px;
	margin-right: 30px;
	margin-bottom: 0;
}

.post-type-post.post-view-teaser .field-category-thumbnail img {
	margin-bottom: 1rem;
}

.post-type-post.post-view-full .field-category-thumbnail{
	width: 100%;
	margin-bottom: 1.5rem;
}

.post-type-post.post-view-full .field-category-thumbnail img {
	display: inline-block;
/* 	max-height: 90px; */
	max-width: 90px;
	margin-right: 1rem;
	vertical-align: middle;
}

.post-type-post.post-view-teaser .post-text-content,
.post-type-post.post-view-full .post-text-content {
	margin-bottom: 0px;
}

.post-type-post.post-view-teaser .post-meta-content {
	width: 30%;
} 

.post-type-post.post-view-full .post-meta-content {
	width: 18%;
}

.post-type-post.post-view-teaser .social-share,
.post-type-post.post-view-full .social-share {
	margin-left: 0;
}

.post-type-post.post-view-teaser .social-share li,
.post-type-post.post-view-full .social-share li {
	display: block;
}

.post-view-full {
	margin-top: 25px;
}

.post-view-full.has-post-thumbnail {
	margin-top: 140px;
}

.category .post-view-full,
.date .post-view-full,
.tag .post-view-full {
	margin-bottom: 30px;
}

/* Blog */

.blog .news-header h1 {
	padding: 30px 120px;
	font-size: 3rem;
}

.blog .news-header,
.single .field-thumbnail,
.archive .field-thumbnail {
	background-position: center center;
}	

.blog .news-header {
	height: 180px;
	top: 25px;
	right: 100px;
}

.blog .list {
	padding-top: 230px;
}

/* Projekte */
.list-archive-projects .list-item {
	width: calc(50% - 10px);
	margin-right: 10px;
	margin-left: 10px;
}

.list-archive-projects .list-item:nth-of-type(2n-1) {
	margin-left: 0px;
}

.list-archive-projects .list-item:nth-of-type(2n) {
	margin-right: 0;
}

.item-overview,
body:not(.category):not(.date):not(.tag) .item-archive {
	margin-top: 30px;
}

.item-overview:last-of-type,
body:not(.category):not(.date):not(.tag) .item-archive:last-of-type {
	margin-bottom: 30px;
}

.post-view-overview-teaser,
body:not(.category):not(.date):not(.tag) .list-archive .post-view-teaser {
	flex-direction: row;
}

.post-view-overview-teaser .field-thumbnail-teaser,
body:not(.category):not(.date):not(.tag) .list-archive .post-view-teaser .field-thumbnail-teaser {
	width: 50%;
	margin-right: 30px;
}

.post-view-overview-teaser .field-thumbnail-teaser img,
body:not(.category):not(.date):not(.tag) .list-archive .post-view-teaser .field-thumbnail-teaser img {
	display: block;
	margin: 0 0 0 auto;	
}

.post-view-overview-teaser .text-content,
body:not(.category):not(.date):not(.tag) .list-archive .post-view-teaser .text-content {
	width: 100%;
}

.post-view-overview-teaser .title,
body:not(.category):not(.date):not(.tag) .list-archive .post-view-teaser .title {
	margin-top: 0;
}

/* Über uns */ 

.page-template-page-aboutus .logo-grid-wrapper {
}


.page-template-page-aboutus .logo-grid {
}

.page-template-page-aboutus .logo-grid-item {
	width: 25%;
}

.page-template-page-aboutus .logo-grid-item img {
}

/* post-type-page */
.wp-block-image-text__inner-container {
	flex-direction: row;
}

.wp-block-image-text .field-thumbnail-teaser {
	width: 50%;
	margin-right: 30px;
}	

.wp-block-image-text .text-content {
	width: 100%;
}



.wp-block-big-image-text .field-thumbnail-teaser {
	background-position: center center;
}	

.wp-block-big-image-text .text-content {
}

.wp-block-big-image-text .links-content,
.wp-block-link-buttons .links-content {
	flex-wrap: wrap;
}

.wp-block-big-image-text .links-content .link-content,
.wp-block-link-buttons .links-content .link-content {
	width: calc(50% - .5rem);
	
}

.wp-block-big-image-text .links-content .link-content:nth-of-type(2n+1),
.wp-block-link-buttons .links-content .link-content:nth-of-type(2n+1) {
	margin-right: 1rem;
}

.wp-block-big-image-text .links-content .link-content:nth-of-type(2n),
.wp-block-link-buttons .links-content .link-content:nth-of-type(2n) {
	
}

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



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

/* formulare */
.btn, .button, .submit {
	display: inline-block;
	width: auto;
}
	.btn-w, .button-w {
		max-width: 320px;
		width: 100%;
	}
	.btn-lw, .button-lw {
		max-width: 100%;
		width: 100%;
	}

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

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

.meta-menu-container {
	top: 12%;
	right: 0px;
}

.meta-menu-container .additional-logos {
	display: flex;
}

/* footer-menu */

.footer-menu-container {
	display: flex;
	justify-content: space-between;
/* 	align-items: end; */
	margin: 0 0 4.125em 0;
	margin-left: auto;
}

#footer-menu {
	/* text-align: right; */
	/* margin: 1.375em 0; */
	margin-bottom: 3px;
	padding-bottom: 3px;
	margin-right: 70px;
	width: 100%;
	flex-direction: row;
}

#footer-menu li {
	display: inline-block;
	/* margin-left: 25px; */
	position: relative;
	/* margin: 0 auto; */
	margin-right: 14px;
}
	#footer-menu li.copyright {
		float: left;
		margin-left: 0;
	}
	#footer-menu li:before {
		content: '/';
		position: absolute;
		left: -14px;
		top: 0px;
		z-index: 1;
		height: 14px;
		width: 14px;
		text-align: center;
		font-size: 0.875rem;
	}
	#footer-menu li:first-child:before,
	#footer-menu li.copyright:before,
	#footer-menu li:last-of-type:before {
		display: none;
	}
	
	#footer-menu li:first-of-type {
		/* margin-left: 0; */
	}
	
	#footer-menu li:last-of-type {
		/* margin-right: 0; */
		margin-left: auto;
	}
	
#footer-menu li a {
	display: block;
	padding: 0;
	text-align: left;
	border-bottom: 0;
}

.footer-logo {
	min-width: 180px;
}

.footer-logo span {
	text-transform: uppercase;
	font-size: 0.688rem;
	padding-left: 8px;
	padding-right: 10px;
	vertical-align: bottom;
}

.footer-logo  img {
	width: 180px;
	margin-bottom: 4px;
}

.social-media-container {
	justify-content: left;
	margin-bottom: 2rem;
}

.social-media-container .social-media-item {
	margin-right: 1rem;
	margin-left: 0;
	
}

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

/* archive.paged */
#pagination.archive.paged {
	/* text-align: center; */
	flex-direction: row;
}

#pagination.archive.paged .page-links {
}

#pagination.archive.paged .page-count {
	margin-left: auto;
}

/* 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
\* ######################################## */


	 
/* ######################################## *\
		KEIN JAVASCRIPT
\* ######################################## */


