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

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

html {}

body {}

h1, .page-title {
	font-size: 2.5rem;
}

h2, .h2, .headline {
	font-size: 2.15rem;
}

h3 {
	font-size: 1.65rem;
}

h4,
.h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1rem;
	font-weight: 400;
}

h6 {
	font-size: 0.875rem;
}

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

/* page-wrapper */
#wrapper {}

/* header */
.header-container {}

#header {}

#branding {
	float: left;
	width: 20%;
}

#logo {
	margin-bottom: 2.75em
}

.navigation {
	float: left;
}

/* backlink */
#backlink .inner {
	width: 20%;
	width: calc(20% - 40px);
}

/* main */
.main-container {}

#main {}

.content-container {
	width: 50%;
	margin-left: 20%;
}
	.page-template-page-layout .content-container,
	.page-template-page-layout-intro .content-container,
	.single-team .content-container,
	.single-instrument .content-container,
	.single-target_industry .content-container,
	.front .content-container,
	.page-id-9930 .content-container {
		width: auto;
		margin-left: 0;
	}

#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: calc((100% + 40px) / 4);
	margin-right: calc((100% + 40px) / 4);
	width: auto;
}

.sidebar-primary.sidebar-secondary #primary {
	margin-left: -100%;
	width: calc((100% + 40px) / 4);
}

.sidebar-primary.sidebar-secondary #secondary {
	margin-left: calc((-100% - 40px) / 4);
	width: calc((100% + 40px) / 4);
}

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

.sidebar-primary.no-sidebar-secondary #content {
	margin-left: calc((100% + 40px) / 3);
	margin-right: 0%;
	width: auto;
}

.sidebar-primary.no-sidebar-secondary #primary {
	margin-left: -100%;
	width: calc((100% + 40px) / 3);
}

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

.sidebar-secondary.no-sidebar-primary #content {
	margin-left: 0%;
	margin-right: calc((100% + 40px) / 3);
	width: auto;
}

.sidebar-secondary.no-sidebar-primary #secondary {
	margin-left: calc((-100% - 40px) / 3);
	width: calc((100% + 40px) / 3);
}

/* widget-area-footer */
#widget-area-footer {
	margin-left: 20%;
	font-size: 1.15rem;
}

/* widget-area-bottom */
#widget-area-bottom .wrapper {
	margin-left: 20%;
}

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

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

/* footer-network */
.widget.footer-network {
	width: 25%;
}

/* footer-more-about-us */
.widget.footer-more-about-us {
	width: 25%;
}

/* footer-social */
.widget.footer-social {
	width: 50%;
}

/* footer-menu */
.widget.footer-menu {
	width: 50%;
}

.widget.footer-menu li {
	margin-right: 1.71875em;
}

.widget.footer-menu li a {
	font-size: 1rem;
}

/* widget_jumper */
.widget_jumper {
	position: sticky;
	z-index: 25;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	pointer-events: none;
}

.widget_jumper .widget-inner {
	max-width: 1680px;
	margin: 0 auto;
}

.widget_jumper .jumper {
	width: 20%;
	width: calc(20% - 40px);
	margin-right: 40px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	pointer-events: auto;
	padding-top: 5.5em;
}

.widget_jumper .jumper-items {
	padding: 1.375em;
	margin: -1.375em;
	border-radius: 8px;
}
	.widget_jumper .jumper-items.standard-light:hover {
		background: rgba(41,57,80, 1);
	}
	.widget_jumper .jumper-items.standard-dark:hover {
		background: rgba(255,255,255, 1);
	}
	.widget_jumper .jumper-items.color-light:hover {
		background: rgba(41,57,80, 1);
	}
	.widget_jumper .jumper-items.color-dark:hover {
		background: rgba(255,255,255, 1);
	}

.widget_jumper .jumper-item {
	padding: 0.34375em 0;
}
	
.widget_jumper .jumper-item a {
	position: relative;
	padding-left: 1.375em;
	display: block;
	font-size: 0.875rem;
	text-decoration: none;
}
	.widget_jumper .jumper-items.standard-light .jumper-item a {
		color: rgba(255,255,255, 1);
		text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);
	}
	.widget_jumper .jumper-items.standard-dark .jumper-item a {
		color: rgba(34,49,68, 1);
		text-shadow: none;
	}
	.widget_jumper .jumper-items.color-light .jumper-item a {
		color: rgba(255,255,255, 1);
		text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);
	}
	.widget_jumper .jumper-items.color-dark .jumper-item a {
		color: rgba(34,49,68, 1);
		text-shadow: none;
	}
	.widget_jumper .jumper-item.active a {
		font-weight: bold;
	}
	.widget_jumper .jumper-item a:before {
		content: '\f111';
		font-family: 'Font Awesome 5 Pro';
		font-weight: 400;
		display: inline-block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		font-size: 0.875rem;
	}
		.widget_jumper .jumper-item:hover a:before {
			font-weight: 900;
			color: rgba(219,42,110, 1);
		}
		.widget_jumper .jumper-item.active a:before {
			font-weight: 900;
		}
	.widget_jumper .jumper-items:hover a {
		text-shadow: none !important;
	}

.widget_jumper .jumper-down {
	margin-top: 2.75em;
}

.widget_jumper .jumper-down a {
	color: rgba(219,42,110, 1);
	border: 2px solid rgba(219,42,110, 1);
	border-radius: 99px;
	width: 44px;
	height: 44px;
	display: inline-block;
	text-align: center;
	line-height: 44px;
	transition: all .3s ease;
}
	.widget_jumper .jumper-down a:hover {
		border-color: transparent;
		background: rgba(219,42,110, 1);
		color: rgba(255,255,255, 1);
		transform: translateY(5px);
		box-shadow: 0 1px 2px rgba(0,0,0, .25);
	}

.widget_jumper .jumper-down i {
	font-size: 1.25rem;
}

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

.layout .inner-layout {
	margin-left: 20%;
}
	.layout.layout-intro .inner-layout {
		width: 50%;
	}
		.single-team .layout.layout-intro .inner-layout{
			width: 75%;
		}
	
/* layout-intro */
.layout.layout-intro .intro-logo,
.layout.layout-intro .layout-title,
.layout.layout-intro .field-body {
	position: relative;
	z-index: 1;
}

.page-template-page-layout-intro .layout-intro .field-thumbnail {
  position: absolute;
  z-index: 5;
  right: 16.666%;
  bottom: 2.5vw;
  width: 40%;
  max-width: 500px;
  transform: translateX(50%);
}

.page-template-page-layout-intro .layout-intro .wave-bottom-right {
	margin-top: -8.25em;
}

/* layout-client_feedback */
.layout-list-client_feedback .inner-layout {
	margin-left: calc(50% - 120px - 1.375rem) !important;
}

/* layout-newsletter-news */
.layout-newsletter-news .wrapper-content {
	background: -moz-linear-gradient(left, rgba(219,42,110) 0%, rgba(219,42,110) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left, rgba(219,42,110) 0%,rgba(219,42,110) 60%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(219,42,110) 0%,rgba(219,42,110) 60%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);
}

.layout-newsletter-news .item-newsletter .field-body {
	position: relative;
}

.layout-newsletter-news .item-newsletter .field-body i {
	position: absolute;
	z-index: 1;
	top: 0;
	left: -120px;
}

/* layout-content */
.layout-content.bgcolor-dark .wave {
	margin-bottom: 0;
}

/* layout-list-competence */
#services.layout-list-competence,
#additional-services.layout-list-competence,
#additional-offers.layout-list-competence {
	background: url(img/layout-bg.png) no-repeat top left;
	background-size: auto 100%;
}

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


/* post-type-target_industry */
.post-type-target_industry.post-view-teaser .list-flex > .item-image {
	max-width: 120px;
}

.post-type-target_industry.post-view-teaser .field-thumbnail:after {
	border-width: 8px;
}

.post-type-target_industry.post-view-teaser .field-thumbnail:before {
	width: 48px;
	height: 48px;
	line-height: 48px;
}

.post-type-target_industry.post-view-teaser .list-flex > .item-content {
	width: calc(100% - 120px);
}

/* post-type-competence */
.post-type-competence.post-view-teaser .field-thumbnail {
	position: relative;
	max-width: 120px;
	padding: 8px;
}
	.post-type-competence.post-view-teaser .field-thumbnail:after {
		border-width: 4px;
	}
	.post-type-competence.post-view-teaser .field-thumbnail:before {
		width: 48px;
		height: 48px;
		line-height: 48px;
	}

/* post-type-instrument */
.post-type-instrument.post-view-teaser .field-thumbnail {
	position: relative;
	max-width: 120px;
	padding: 8px;
}
	.post-type-instrument.post-view-teaser .field-thumbnail:after {
		border-width: 4px;
	}
	.post-type-instrument.post-view-teaser .field-thumbnail:before {
		width: 48px;
		height: 48px;
		line-height: 48px;
	}

/* post-type-distributor */
.post-type-distributor.post-view-teaser .list-flex > .item-image {
	max-width: 120px;
}

.post-type-distributor.post-view-teaser .field-thumbnail {
	width: 120px;
	height: 120px;
}
	.post-type-distributor.post-view-teaser .field-thumbnail:after {
		border-width: 8px;
	}
	.post-type-distributor.post-view-teaser .field-thumbnail:before {
		width: 48px;
		height: 48px;
		line-height: 48px;
	}

.post-type-distributor.post-view-teaser .list-flex > .item-content {
	width: calc(100% - 120px);
}

/* post-type-network */
.post-type-network.post-view-teaser .list-flex > .item-image {
	max-width: 120px;
}

.post-type-network.post-view-teaser .field-thumbnail {
	width: 120px;
	height: 120px;
}
	.post-type-network.post-view-teaser .field-thumbnail:after {
		border-width: 8px;
	}
	.post-type-network.post-view-teaser .field-thumbnail:before {
		width: 48px;
		height: 48px;
		line-height: 48px;
	}

.post-type-network.post-view-teaser .list-flex > .item-content {
	width: calc(100% - 120px);
}

/* post-type-team */
.post-type-team.post-view-teaser .field-thumbnail {
	position: relative;
	max-width: 120px;
	padding: 8px;
}
	.post-type-team.post-view-teaser .field-thumbnail:after {
		border-width: 4px;
	}
	.post-type-team.post-view-teaser a .field-thumbnail:before {
		width: 48px;
		height: 48px;
		line-height: 48px;
	}

.post-type-team.post-view-teaser .field-sectors .field-sector:nth-of-type(3) {
  margin-left: 10px;
  transform: translateY(-8px);
}

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



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

/* identity */
.identity {
  transform: scale(0.66);
}
	#layout-intro .identity {
		position: absolute;
		z-index: 5;
		right: 16.666%;
		bottom: 0.5vw;
		transform: scale(0.6) translateX(50%);
	}
	
#post-63 #layout-intro .field-body,
#post-4254 #layout-intro .field-body,
#post-7158 #layout-intro .field-body,
#post-6299 #layout-intro .field-body,
#post-7745 #layout-intro .field-body,
#post-7840 #layout-intro .field-body {
	margin-right: 10em;
}

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

/* main-menu */
.main-menu-container {
	float: right;
	margin: 2.75em 0 0;
	clear: none;
}

#main-menu .menu-link-depth-0 {
	padding: 8px 16px;
	font-size: 1.25rem;
}
	#main-menu .menu-item-depth-0.menu-item-has-children .menu-link-depth-0:after {
		border-left: 16px solid transparent;
		border-right: 16px solid transparent;
		border-bottom: 16px solid rgba(212,215,220, 1);
		bottom: -42px;
	}

#main-menu .menu-item-depth-0.current-menu-item .menu-link-depth-0 .menu-link-title:after,
#main-menu .menu-item-depth-0.current-menu-ancestor .menu-link-depth-0 .menu-link-title:after,
#main-menu .menu-item-depth-0:hover .menu-link-depth-0 .menu-link-title:after,
#main-menu .menu-item-depth-0:focus .menu-link-depth-0 .menu-link-title:after,
#main-menu .menu-item-depth-0:active .menu-link-depth-0 .menu-link-title:after {
	bottom: -8px;
}

#main-menu .menu-depth-1 {
	top: 84px;
	left: -1.03125em;
	padding: 1.375em 1.03125em 2.75em;
}
	#main-menu .menu-depth-1:before {
		top: -40px;
		height: 40px;
	}

#main-menu .sub-menu .menu-link {
	padding: 0.34375em 0;
	font-size: 1.25rem;
}

#main-menu .sub-menu .menu-link-depth-1 {
	padding-left: 1.375em;
}
	#main-menu .sub-menu .menu-item-depth-1:hover > .menu-link,
	#main-menu .sub-menu .menu-item-depth-1:focus > .menu-link,
	#main-menu .sub-menu .menu-item-depth-1:active > .menu-link {
		padding-left: 2.0625em;
	}

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

/* breadcrumbs */
#breadcrumbs .wrapper {
	margin-left: 20%;
}

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



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


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


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