/*!
 * 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 {}

#logo {
	width: 160px;
	margin: 0.859375em 0;
}

/* 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);
}

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

/* footer-contact */
.widget.footer-contact {
	width: 100%;
}

/* footer-network */
.widget.footer-network {

}

/* footer-more-about-us */
.widget.footer-more-about-us {

}

/* footer-social */
.widget.footer-social .widget-title {
	width: 50%;
	margin-bottom: 0;
}

.widget.footer-social .field-body {
	width: 50%;
}

.widget.footer-social .field-body ul {
	justify-content: flex-end;
}

/* ######################################## *\
		LAYOUTS
\* ######################################## */

/* list */
.list-item {
	margin-top: 2.75em;
}

/* layout */
.layout {
	padding: 2.75em 0;
}

/* layout-intro */
.page-template-page-layout-intro .layout-intro .field-thumbnail {
	width: 25%;
}

.page-template-page-layout-intro .layout-intro .wave {
	margin-top: 2.75em;
}

/* layout-list-client_feedback */
.layout.layout-list-client_feedback .layout-title,
.layout.layout-list-client_feedback .layout-subtitle {
	margin-left: calc(120px + 1.375rem);
}

/* layout-list-country */
.layout.layout-list-country .country-bar > * {
	padding: 1.375em 0.6875em;
	font-size: 1rem;
}
	.layout.layout-list-country .country-bar > .more {
		color: rgba(255,255,255, .5);
		font-size: 0.875rem;
		position: absolute;
		right: 0;
		top: 50%;
		z-index: 1;
		transform: translateY(-50%);
	}
.layout.layout-list-country .country-more {
	columns: 3;
}

/* layout-news */
.layout-content + .layout.layout-news {
	margin-top: -1.375em;
}

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

/* post-type-client_feedback */
.post-type-client_feedback.post-view-teaser .list-flex {
	flex-wrap: nowrap;
}

.post-type-client_feedback.post-view-teaser .list-flex > .list-item {
	margin-top: 0;
}
	.post-type-client_feedback.post-view-teaser .list-flex > .item-image {
		max-width: 120px;
	}
	.post-type-client_feedback.post-view-teaser .list-flex > .item-content {
		width: calc(100% - 120px);
		padding-left: 1.375em
	}


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

/* table-instrument */
.table-instrument {
}

.table-instrument .table-header {
	padding: 0.6875em 0.6875em;
}

.table-instrument .table-item {
	background: none !important;
	border-bottom: 0 !important;
}

.table-instrument .table-item .left {
	width: 50%;
	padding: 0.6875em 1.375em;
	text-align: right;
	background: rgba(34,49,68, 0.12);
	border-bottom: 1px dashed rgba(0,0,0, 0.12);
	font-weight: normal;
}
	.table-instrument .table-item:last-child .left {
		border-bottom: 0;
	}

.table-instrument .table-item .right {
	width: 50%;
	padding: 0.6875em 1.375em;
	text-align: left;
	background: rgba(34,49,68, 0.24);
	border-bottom: 1px dashed rgba(255,255,255, 0.88);
}
	.table-instrument .table-item:last-child .right {
		border-bottom: 0;
	}

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

/* footer-menu */
#footer-menu {
	text-align: right;
	margin: 1.375em 0;
}

#footer-menu li {
	display: inline-block;
	margin-left: 25px;
	position: relative;
}
	#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 a {
	display: block;
	padding: 0;
	text-align: left;
	border-bottom: 0;
}

/* sitemap-menu */
[id^="sitemap-menu"] {
	display: flex;
	flex-wrap: wrap;
}

[id^="sitemap-menu"] .menu-item-depth-0 {
	width: 33.333%;
	padding-right: 1.375em;
	margin-bottom: 2.75em;
}

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

/* off-canvas */
[data-off-canvas-toggle="contact"].btn {
	position: fixed;
	right: 0;
	top: 20vh;
	z-index: 15;
	border-radius: 8px 8px 0 0;
	border: 0;
	padding: 0;
	font-size: 1.125rem;
	transform: rotate(-90deg) translateX(40px);
	transform-origin: bottom right;
	-moz-transition: all ease-in-out 0.3s;	
	-webkit-transition: all ease-in-out 0.3s;	
	transition: all ease-in-out 0.3s;
	width: 120px;
	height: 40px;
	line-height: 40px;
}
	[data-off-canvas-toggle="contact"].btn.active {
		right: 360px;
	}

[data-off-canvas-name="contact"] {
	top: 20vh;
	width: 360px;
	height: auto;
	max-height: 75vh;
}

[data-off-canvas-overlay="contact"] {
	display: none;
}

[data-off-canvas-close="contact"] {
	display: none;
}

[data-off-canvas-toggle="share"].btn {
	position: fixed;
	right: 0;
	top: calc(20vh + 120px + 0.34375em);
	z-index: 15;
	border-radius: 8px 8px 0 0;
	border: 0;
	padding: 0;
	font-size: 1.125rem;
	transform: rotate(-90deg) translateX(40px);
	transform-origin: bottom right;
	-moz-transition: all ease-in-out 0.3s;	
	-webkit-transition: all ease-in-out 0.3s;	
	transition: all ease-in-out 0.3s;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: rgba(174,44,104, 1);
}
	[data-off-canvas-toggle="share"].btn.active {
		right: 360px;
	}

[data-off-canvas-name="share"] {
	top: calc(20vh + 120px + 0.34375em);
	width: 360px;
	height: auto;
	max-height: 50vh;
}

[data-off-canvas-overlay="share"] {
	display: none;
}

[data-off-canvas-close="share"] {
	display: none;
}

/* contact */
#contact textarea {
	max-height: 100px;
}

#contact .wpcf7-form .field-wrap {
	margin-bottom: 0.6875em;
}
	 
/* ######################################## *\
		WORDPRESS CORE
\* ######################################## */

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