/*!
 * 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: calc((100% + 70px) / 4);
    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 {
    flex-direction: row;
    margin-bottom: 30px;
}

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

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

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

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

.post-type-post.post-view-teaser .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 right;
}

.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 right;
}

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

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

/* 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;
    width: 100%;
    flex-direction: row;
}

#footer-menu li {
    display: inline-block;
    /* margin-left: 25px; */
    position: relative;
    /* margin: 0 auto; */
    margin-right: 6px;
}
#footer-menu li.copyright {
    float: left;
    margin-left: 0;
}
#footer-menu li:before {
    /* position: absolute;
		left: -15px;
		top: 2px;
		z-index: 1;
		content: "";
		height: 14px;
		width: 1px;
		background: rgba(0,0,0, 0.2); */
}
#footer-menu li:first-child:before,
#footer-menu li.copyright:before {
    display: none;
}

#footer-menu li:first-of-type {
    /* margin-left: 0; */
}

#footer-menu li:last-of-type {
    /* margin-right: 0; */
}

#footer-menu li a {
    display: block;
    padding: 0;
    text-align: left;
    border-bottom: 0;
}

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

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

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

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

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