/*!
Theme Name: core
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: core
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

core is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Bold.eot');
    src: url('fonts/Barlow-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Bold.woff2') format('woff2'),
        url('fonts/Barlow-Bold.woff') format('woff'),
        url('fonts/Barlow-Bold.ttf') format('truetype'),
        url('fonts/Barlow-Bold.svg#Barlow-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-BoldItalic.eot');
    src: url('fonts/Barlow-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-BoldItalic.woff2') format('woff2'),
        url('fonts/Barlow-BoldItalic.woff') format('woff'),
        url('fonts/Barlow-BoldItalic.ttf') format('truetype'),
        url('fonts/Barlow-BoldItalic.svg#Barlow-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Italic.eot');
    src: url('fonts/Barlow-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Italic.woff2') format('woff2'),
        url('fonts/Barlow-Italic.woff') format('woff'),
        url('fonts/Barlow-Italic.ttf') format('truetype'),
        url('fonts/Barlow-Italic.svg#Barlow-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Light.eot');
    src: url('fonts/Barlow-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Light.woff2') format('woff2'),
        url('fonts/Barlow-Light.woff') format('woff'),
        url('fonts/Barlow-Light.ttf') format('truetype'),
        url('fonts/Barlow-Light.svg#Barlow-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-LightItalic.eot');
    src: url('fonts/Barlow-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-LightItalic.woff2') format('woff2'),
        url('fonts/Barlow-LightItalic.woff') format('woff'),
        url('fonts/Barlow-LightItalic.ttf') format('truetype'),
        url('fonts/Barlow-LightItalic.svg#Barlow-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Medium.eot');
    src: url('fonts/Barlow-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Medium.woff2') format('woff2'),
        url('fonts/Barlow-Medium.woff') format('woff'),
        url('fonts/Barlow-Medium.ttf') format('truetype'),
        url('fonts/Barlow-Medium.svg#Barlow-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-MediumItalic.eot');
    src: url('fonts/Barlow-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-MediumItalic.woff2') format('woff2'),
        url('fonts/Barlow-MediumItalic.woff') format('woff'),
        url('fonts/Barlow-MediumItalic.ttf') format('truetype'),
        url('fonts/Barlow-MediumItalic.svg#Barlow-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Regular.eot');
    src: url('fonts/Barlow-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Regular.woff2') format('woff2'),
        url('fonts/Barlow-Regular.woff') format('woff'),
        url('fonts/Barlow-Regular.ttf') format('truetype'),
        url('fonts/Barlow-Regular.svg#Barlow-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-SemiBold.eot');
    src: url('fonts/Barlow-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-SemiBold.woff2') format('woff2'),
        url('fonts/Barlow-SemiBold.woff') format('woff'),
        url('fonts/Barlow-SemiBold.ttf') format('truetype'),
        url('fonts/Barlow-SemiBold.svg#Barlow-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-SemiBoldItalic.eot');
    src: url('fonts/Barlow-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/Barlow-SemiBoldItalic.woff') format('woff'),
        url('fonts/Barlow-SemiBoldItalic.ttf') format('truetype'),
        url('fonts/Barlow-SemiBoldItalic.svg#Barlow-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-ExtraLight.eot');
    src: url('fonts/Barlow-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-ExtraLight.woff2') format('woff2'),
        url('fonts/Barlow-ExtraLight.woff') format('woff'),
        url('fonts/Barlow-ExtraLight.ttf') format('truetype'),
        url('fonts/Barlow-ExtraLight.svg#Barlow-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}





html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	font-family: 'Barlow';

}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
font-family: 'Barlow';
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
font-family: 'Barlow';
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #000;

	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: 'Barlow';
}

.site-content ul, p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0;
}

address {
	margin: 0;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #ffffff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover, a:focus, a:active {
	color: midnightblue;
}

a:focus {
	outline: none;
}

:focus {
	outline: none;
}

a:hover, a:active {
	outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
/*	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); */
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 0px;
}
.container:before, .container:after {
	content: " ";
	display: table;
}
.container:after {
	clear: both;
}
.container:before, .container:after {
	content: " ";
	display: table;
}
.container:after {
	clear: both;
}
.row {
	margin-left: 0px;
	margin-right: 0px;
}
.row:before, .row:after {
	content: " ";
	display: table;
}
.row:after {
	clear: both;
}
.row:before, .row:after {
	content: " ";
	display: table;
}
.row:after {
	clear: both;
}
@media (min-width: 768px) {
.container {
	    max-width: 737px;
}

    .no-right.container {
        max-width: 100%;
        padding-left: 200px;
        padding-left: -webkit-calc((100% - 737px) / 2);
        padding-left: -moz-calc((100% - 737px) / 2);
        padding-left: calc((100% - 737px) / 2);
    }
	
				.half-text{
		max-width: 368px;
		width: 100%;
	}

.col-sm-1,  .col-sm-2, .col-sm-25, .col-sm-3,  .col-sm-4,  .col-sm-5,  .col-sm-6,  .col-sm-7,  .col-sm-8,  .col-sm-9,  .col-sm-10,  .col-sm-11 {
	float: left;
}
.col-sm-1 {
	width: 8.333333333333332%;
}
.col-sm-2 {
	width: 16.666666666666664%;
}
.col-sm-25 {
	width: 20%;
}
.col-sm-3 {
	width: 25%;
}
.col-sm-4 {
	width: 33.33333333333333%;
}
.col-sm-5 {
	width: 41.66666666666667%;
}
.col-sm-6 {
	width: 50%;
}
.col-sm-7 {
	width: 58.333333333333336%;
}
.col-sm-8 {
	width: 66.66666666666666%;
}
.col-sm-9 {
	width: 75%;
}
.col-sm-10 {
	width: 83.33333333333334%;
}
.col-sm-11 {
	width: 91.66666666666666%;
}
.col-sm-12 {
	width: 100%;
}
.col-sm-1, .col-sm-2, .col-sm-25, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	position: relative;
	min-height: 1px;
	padding-left: 0px;
	padding-right: 0px;
}
}
@media (min-width: 992px) {
.container{
	max-width: 946px;
}

    .no-right.container {
        max-width: 100%;
        padding-left: 200px;
        padding-left: -webkit-calc((100% - 946px) / 2);
        padding-left: -moz-calc((100% - 946px) / 2);
        padding-left: calc((100% - 946px) / 2);
    }
	
			.half-text{
		max-width: 473px;
		width: 100%;
	}
}

@media (min-width: 1200px) {
.container{
max-width: 1120px;
}

    .no-right.container {
        max-width: 100%;
        padding-left: 200px;
        padding-left: -webkit-calc((100% - 1120px) / 2);
        padding-left: -moz-calc((100% - 1120px) / 2);
        padding-left: calc((100% - 1120px) / 2);
    }
	
	
		.half-text{
		max-width: 520px;
		width: 100%;
	}
	
}

@media (min-width: 1400px) {
.container {
    max-width: 1320px;
}

    .no-right.container {
        max-width: 100%;
        padding-left: 200px;
        padding-left: -webkit-calc((100% - 1320px) / 2);
        padding-left: -moz-calc((100% - 1320px) / 2);
        padding-left: calc((100% - 1320px) / 2);
    }

	.half-text{
		max-width: 620px;
		width: 100%;
	}
}


@media (min-width: 1600px) {
.container {
    max-width: 1520px;
}

    .no-right.container {
        max-width: 100%;
        padding-left: 200px;
        padding-left: -webkit-calc((100% - 1520px) / 2);
        padding-left: -moz-calc((100% - 1520px) / 2);
        padding-left: calc((100% - 1520px) / 2);
    }
	
	
		.half-text{
		max-width: 720px;
		width: 100%;
	}
	
}

@media (min-width: 1860px) {
.container {
    max-width: 1680px;
}

    .no-right.container {
        max-width: 100%;
        padding-left: 200px;
        padding-left: -webkit-calc((100% - 1680px) / 2);
        padding-left: -moz-calc((100% - 1680px) / 2);
        padding-left: calc((100% - 1680px) / 2);
    }
	
	.half-text{
		max-width: 800px;
		width: 100%;
	}
	
	.site-header .container{
		    max-width: 1711px;
	}

}

@media (max-width: 767px) {
.container {
	max-width: 100%;
	max-width: -webkit-calc(100% - 60px);
	max-width: -moz-calc(100% - 60px);
	max-width: calc(100% - 60px);
}
  
}


.full-container.container {
	max-width: 100%;
width: 100%;
}


/*--------------------------------------------------------------
## Custom
--------------------------------------------------------------*/


.site-header{
position: fixed;
width: 100%;
left: 0px;
top: 0px;
z-index: 10;
}

.site-branding a{
margin-top: 0px;
position: relative;
z-index: 999;
}

.site-branding{
	display: table;
}

.site-header .container .row {
    display: flex;
    align-items: center;
    align-self: stretch;
}

.menu-cover{
	height: 41px;	
background: #0062ae;
}

.main-navigation ul.menu > li:not(:last-child){
	margin-right: 45px;
}


.main-navigation a, 
.main-navigation a:focus, 
.main-navigation a:active, 
.main-navigation a:visited{
font-size: 20px;
font-weight: 500;
font-style: normal;
text-align: left;
color: #000000;
}

.main-navigation ul.menu > li.current_page_item > a,
.main-navigation a:hover{
	text-decoration: underline;
	    color: #2d62af;
}

.main-navigation .sub-menu a, 
.main-navigation .sub-menu a:focus, 
.main-navigation .sub-menu a:active, 
.main-navigation .sub-menu a:visited{
	text-transform: none;
	line-height: 1.2em;
	padding-top: 0px;
	padding-bottom: 0px;

}

.main-navigation .sub-menu{

    background: #fff;
}



.main-navigation .sub-menu {
    list-style: none;
    padding-left: 0;
	list-style: none;
    padding-left: 0;
    padding-right: 22px;
    padding-left: 22px;
    margin-left: -22px;
}

.main-navigation .sub-menu li {
    position: relative;
    padding-left: 0px;
		

}
.main-navigation .sub-menu li::before {
  /*  content: "";
    position: absolute;
    left: 0;


    width: 8px;
    height: 8px;
    background: #fff;
	    top: 13px; */
}






img{
     vertical-align: top;
}
 iframe{
     vertical-align: top;
}



.row .col-one-of-three-full {
     width: 100%;
     width: -webkit-calc(33.3333% - 17.5px);
     width: -moz-calc(33.3333% - 17.5px);
     width: calc(33.3333% - 17.5px);
     float: left;
}

.right-mrg{
	margin-right: 35px;
}

.row .two-one-of-three-full {
     width: 100%;
     width: -webkit-calc(66.6666% - 17.5px);
     width: -moz-calc(66.6666% - 17.5px);
     width: calc(66.6666% - 17.5px);
     float: left;
}





 .row .col-three{
     width: 100%;
     width: -webkit-calc(33.3333% - 56.6666666667px);
     width: -moz-calc(33.3333% - 56.6666666667px);
     width: calc(33.3333% - 56.6666666667px);
     float: left;
}
 .row .col-three:not(:nth-child(3n)) {
     margin-right: 85px;
}


 .row .col-fourth{
     width: 100%;
     width: -webkit-calc(25% - 42.5px);
     width: -moz-calc(25% - 42.5px);
     width: calc(25% - 42.5px);
     float: left;
}
 .row .col-fourth:not(:nth-child(4n)) {
     margin-right: 85px;
}




.home-right .row .col-three{
     width: 100%;
     width: -webkit-calc(33.3333% - 6.66666666667px);
     width: -moz-calc(33.3333% - 6.66666666667px);
     width: calc(33.3333% - 6.66666666667px);
     float: left;
}

.home-right .row .col-three{
	margin-bottom: 10px;
}

.home-right .row .col-three:not(:nth-child(3n)) {
     margin-right: 10px;
}

.offset-col-two {
    margin-left: calc(50% + 42.5px);
    margin-right: 0px !important;
}

 .col-two{
     width: 100%;
     width: -webkit-calc(50% - 45px);
     width: -moz-calc(50% - 45px);
     width: calc(50% - 45px);
     float: left;
}
 .row .col-two:not(:last-child) {
     margin-right: 90px;
}







.row-flex {
    display: flex;
    gap: 90px;
}

.row-flex .col-two-new {
    width: calc(50% - 45px);
    margin-right: 0;
    float: none;
}

.row-flex.flex-bottom {
    align-items: flex-end;
}



 .row .col-four{
     width: 100%;
     width: -webkit-calc(25% - 22.5px);
     width: -moz-calc(25% - 22.5px);
     width: calc(25% - 22.5px);
     float: left;
}
 .row .col-four:not(:nth-child(4n)) {
     margin-right: 30px;
}


 .row .col-fifth{
     width: 100%;
     width: -webkit-calc(20% - 24px);
     width: -moz-calc(20% - 24px);
     width: calc(20% - 24px);
     float: left;
}
 .row .col-fifth:not(:nth-child(5n)) {
     margin-right: 30px;
}

.all-services .service-item{
	margin-bottom: 90px;
}

.site-content a, 
.site-content a:focus, 
.site-content a:visited{
    color: #000;
    text-decoration: none;
 }

.site-content a:hover{
    color: #000;
    text-decoration: underline;
 }





.cookie-notice-container a,
.cookie-notice-container a:focus,
.cookie-notice-container a:visited{
color: #b51614!important;
text-decoration: none!important;
}

.cookie-notice-container a:hover{
text-decoration: underline!important;
}


.home-fourth{
	padding: 45px 0px 0px 0px;
	position: relative;
}

.home-image{
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.image-in{
	position: relative;
	width: 100%;
	height: 100%;
}


.site-content ul li {
    color: #fff;
    font-style: normal;
    letter-spacing: normal;
    padding-left: 6px;
    position: relative;
    margin-bottom: 4px;
}

.site-content ul li:before {
    content: "·";
    position: absolute;
    left: 0px;
    top: 0px;
}


#site-navigation.main-navigation{
	width: auto;
	background: #ffffff;
	height: 47px;
	line-height: 47px;
	padding-left: 22px;
	padding-right: 22px;
	margin-right: 104px;
}


.site-content .item-content h3{
	color: #b51614;
}


.site-content .item-content p{
   color: #000;
    font-style: normal;
    letter-spacing: normal;
   

}





.all-faq {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 90px;
    align-items: start;
}

.faq-column {
    min-width: 0;
}

.single-item {
    width: 100%;
    margin-bottom: 30px;
}

.site-content .projekte-mood .mood-content h1 span {
    white-space: nowrap;
}


a.projekte-website-link, 
a.projekte-website-link:focus, 
a.projekte-website-link:visited, 
a.projekte-website-link:active{
font-size: 20px;
font-weight: 600;
line-height: 33px;
font-style: normal;
text-align: left;
color: #2d62af!important;
background-repeat: no-repeat;
background-position: 100% 50%;
background-image: url(img/arrow-right-button.png);
padding-right: 20px;
}


.site-content .projekte-item-content h2 {
    text-transform: none;
}








.projekte-filter {
    background: #F2F2F2;
    padding: 25px 0;
}

.projekte-filter .projekte-in {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 100px;
}

.projekt-filter-button {
    appearance: none;
    border: 0;
    background: none;
    padding: 0;
    margin: 0;

    font-family: inherit;

    line-height: 1.3;
    font-weight: 600;
	
	font-size: 20px;


font-style: normal;
text-align: left;
color: #000000;
	

    color: #111;
    text-transform: uppercase;

    cursor: pointer;
}

.projekt-filter-button:hover,
.projekt-filter-button.is-active {
    color: #2d62af;
}

.projekt-filter-button.is-active {
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* =========================================================
   LISTING
========================================================= */

.projekte-listing {
    padding: 60px 0 90px 0px;
}

#projekte-ajax {
    position: relative;
    transition: opacity .25s ease;
}

#projekte-ajax.is-loading {
    opacity: .25;
    pointer-events: none;
}


/* =========================================================
   PROJECT ITEM
========================================================= */

.projekte-item {
    display: grid;
    grid-template-columns: 45% minmax(0, 1fr);
    column-gap: 130px;
    align-items: center;
	margin-bottom: 61px;
	position: relative;
}

.projekte-item:after{
	content: "";
	width: calc(100% - 45%);
	position: absolute;
	right: 0px;
	bottom: -30px;
	top: auto;
	background: #D8D8D8;
	display: block;
	z-index: 9;
	height: 1px;
}

.projekte-slide .projekte-item:nth-child(3):after{
	content: none;
}

.projekte-item:first-child {
    padding-top: 0;
}

.projekte-item:last-child {
    border-bottom: 0;
}


/* IMAGE */

.projekte-item-image {
    display: block;
	padding-left: 60px;
    overflow: hidden;
}




/* CONTENT */

.projekte-item-content {
    padding-right: 40px;
}

.projekte-item-category {
    margin-bottom: 17px;

    color: #2d62af;

    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;

    text-transform: uppercase;
}

.projekte-item h2 {
    margin: 0 0 5px;

    font-size: 29px;
    line-height: 1.1;
    font-weight: 700;
}

.projekte-item h2 a {
    color: inherit;
    text-decoration: none;
}

.projekte-item-excerpt {
    max-width: 520px;

    font-size: 15px;
    line-height: 1.55;
}

.projekte-item-excerpt p {
    margin: 0;
}


/* =========================================================
   BUTTONS
========================================================= */

.projekte-item-buttons {
    display: flex;
    align-items: center;
    gap: 45px;

    margin-top: 45px;
}

.projekte-website-link {
    color: #2d62af;
    font-weight: 600;
    text-decoration: none;
}


/* =========================================================
   SLICK DOTS
========================================================= */




.slick-dots {
    position: static;

    display: flex;
    justify-content: center;
    align-items: center;

    gap: 10px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.slick-dots li {
    width: 15px;
    height: 15px;
    margin: 0;
}

.slick-dots li button {
    display: block;

    width: 15px;
    height: 15px;

    padding: 0;

    border: 1px solid #333;
    border-radius: 0;

    background: transparent;

    font-size: 0;
}

.slick-dots li button:before {
    display: none;
}

.slick-dots li.slick-active button {
    background: #2d62af;
    border-color: #2d62af;
}

.agentur-process{
	padding: 97px 0px 144px 0px;
	background: #f2f2f2;
}


.projekte-slider-nav {
    margin-top: 60px;
}

.projekte-slider-nav .slick-dots {
    position: static;

    display: flex;
    justify-content: center;
    align-items: center;

    gap: 10px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.projekte-slider-nav .slick-dots li {
    width: 15px;
    height: 15px;
    margin: 0;
}

.projekte-slider-nav .slick-dots li button {
    display: block;

    width: 15px;
    height: 15px;

    padding: 0;

    border: 1px solid #333;
    border-radius: 0;

    background: transparent;

    font-size: 0;
}

.projekte-slider-nav .slick-dots li button:before {
    display: none;
}

.projekte-slider-nav .slick-dots li.slick-active button {
    background: #2d62af;
    border-color: #2d62af;
}

ul:not(.sub-menu) .menu-item-703, 
ul:not(.sub-menu) .menu-item-211{
	position: relative;
}

ul:not(.sub-menu) .menu-item-703:after, 
ul:not(.sub-menu) .menu-item-211:after{
content: "";
position: absolute;
width: 10px;
height: 10px;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
transform: rotate(-45deg);
top: 20px;
right: -17px;
}


ul:not(.sub-menu) .menu-item-703:hover:after, 
ul:not(.sub-menu) .menu-item-211:hover:after{

    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-right: 2px solid #2d62af;
    border-bottom: 2px solid #2d62af;
    transform: rotate(45deg);
	top: 18px;
	right: -17px;
	
}




















.rmp_menu_trigger.rmp-menu-trigger-boring{
	display: none!important;
}


.site-content p{
font-size: 22px;
font-weight: 300;
line-height: 1.59em;
font-style: normal;
text-align: left;
color: #000000;
margin-top: 0px;
}






.site-content ul{
margin-left: 0px;
padding-left: 0px;
}



    




.site-content ul li{
font-size: 25px;
    font-weight: normal;
    line-height: 1.32em;
    font-style: normal;
    text-align: left;
    color: #000000;

margin-top: 0px;
list-style-type: none;
margin-left: 0px;
}

.site-content ol{
margin-left: 0px;
padding-left: 20px;
}

.site-content ol li{
font-size: 22px;
    font-weight: 300;
    line-height: 1.59em;
    font-style: normal;
    text-align: left;
    color: #000000;
font-style: normal;
text-align: left;
text-align: left;
margin-top: 0px;
margin-left: 0px;
padding-left: 0px;
}


.site-content .light-part h2{
	margin-bottom: 0px;
}

.site-content .light-part li {
    color: #000000;
    padding-left: 20px;
	list-style-type: none;
}

.site-content .light-part li::before {
    content: "";
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    background: #0062ae;
    top: 13px;
}



.site-content .light-part h3{
	    color: #0062ae;
}

.site-content h1{


margin-top: 0px;
}

.overtitle{
	font-size: 25px;
font-weight: normal;
font-style: normal;
text-align: left;
color: #ffffff;
}

.site-content h2{
font-size: 57px;
font-weight: 600;
line-height: 1.31em;
font-style: normal;
text-align: left;
color: #000000;
text-transform: uppercase;
margin-top: 0px;
}

.site-content h3{
       font-size: 30px;
    font-weight: 600;
    font-style: normal;
    text-align: left;
    color: #ffffff;
	text-transform: uppercase;
    margin-bottom: 22px;
margin-top: 0px;
}


.site-content p{
	margin-top: 0px;
}


.bottom-part.dark-part{
	background: transparent;
}

.bottom-part.bottom-dark h2{
	margin-bottom: 0px;
}



a.butt, 
a.butt:focus, 
a.butt:visited, 
a.butt:active{
display: table;

color: #ffffff;

text-decoration: none;
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
font-style: normal;
text-align: left;
color: #ffffff;
border-color: #ffffff;
border-width: 1px;
border-style: solid;
background: #2d62af;
    padding: 13px 22px;
}

a.butt:hover{
background: transparent;
border: 1px solid #fff;
   text-decoration: none;
   background: #000;
   color: #fff;
   -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
    text-decoration: none;
}

.site-header a.butt, 
.site-header a.butt:focus, 
.site-header a.butt:visited, 
.site-header a.butt:active{
	padding-top: 0px;
	padding-bottom: 0px;
	height: 45px;
	line-height: 45px;
	border: 1px solid #fff;
}

.site-content a.butt, 
.site-content a.butt:focus, 
.site-content a.butt:visited, 
.site-content a.butt:active{
/* height: 58px;
line-height: 58px; */
}

a.butt.blue-gradient, 
a.butt.blue-gradient:focus, 
a.butt.blue-gradient:visited, 
a.butt.blue-gradient:active{
/* height: 58px;
line-height: 58px; */
}




.mood-buttons a.butt:last-child,
.mood-buttons a.butt:last-child:focus,
.mood-buttons a.butt:last-child:visited,
.mood-buttons a.butt:last-child:active,
a.butt.transparent, 
a.butt.transparent:focus, 
a.butt.transparent:visited, 
a.butt.transparent:active{
	background: transparent;
border-color: #000000;
border-width: 1px;
border-style: solid;
color: #000;
}

.mood-buttons a.butt:last-child:hover, 
a.butt.transparent:hover{
border-color: #000000;
border-width: 1px;
border-style: solid;
background: #000;
color: #fff;
}



.mood-buttons a.butt:first-child,
.mood-buttons a.butt:first-child:focus,
.mood-buttons a.butt:first-child:visited,
.mood-buttons a.butt:first-child:active,

a.butt.blue-gradient, 
a.butt.blue-gradient:focus, 
a.butt.blue-gradient:visited, 
a.butt.blue-gradient:active{
background: #2d62af;
background: linear-gradient(160deg, 
#2d62af 0.00%, 
#0b83cc 100.00%);

border-color: transparent;
border-width: 1px;
border-style: solid;
color: #fff;
}


.mood-buttons a.butt:first-child:hover, 
a.butt.blue-gradient:hover{
background: #2d62af;
background: linear-gradient(160deg, 
#0b83cc 0.00%, 
#2d62af 100.00%);
border-color: transparent;
border-width: 1px;
border-style: solid;
color: #fff;
}




.site-content .cta p{
	font-size: 42px;
font-weight: normal;
font-style: normal;
text-align: left;
color: #ffffff;
margin: 0px 0px 0px;
}






button.project-load-more, 
button.project-load-more:focus, 
button.project-load-more:visited, 
button.project-load-more:active{
display: table;
border-radius: 0px;
color: #ffffff;
cursor: pointer;
text-decoration: none;
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
font-style: normal;
text-align: left;
color: #000;
border-color: #ffffff;
border-width: 1px;
border-style: solid;
background: #fff;
padding: 13px 22px;
margin: 0px auto;
} 

button.project-load-more:hover{
	background: transparent;
border: 1px solid #fff;
   text-decoration: none;
   background: #000;
   color: #fff;
   -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
    text-decoration: none;
}

.leistung-projects{
	background: #f2f2f2;
}

.leistung-cta .cta-left {
    flex: 0 0 71%;
    max-width: 71%;
}

.leistung-cta .cta-right {
    flex: 0 0 29%;
    max-width: 29%;
}


.projekte-cta .cta-left {
    flex: 0 0 50%;
    max-width: 50%;
}

.projekte-cta .cta-right {
    flex: 0 0 50%;
    max-width: 50%;
	display: flex;
}

.projekte-cta .projekt-cta-button{
	margin-right: 158px;
}

.projekte-cta .projekte-cta-button {
    display: flex;
    justify-content: flex-end;
    padding-right: 158px;
}

.projekte-cta .cta-wrapper {
    display: flex;
    align-items: center;
    gap: 0;
}


.leistung-cta .cta-wrapper {
    display: flex;
    align-items: center;
    gap: 0;
}

.cta-dark:before,
.cta-dark:after{
	content: none!important;
}

.projekt-cta-button a,



.projekt-cta-button a, 
.projekt-cta-button a:focus, 
.projekt-cta-button a:visited, 
.projekt-cta-button a:active, 

a.butt.pink-gradient, 
a.butt.pink-gradient:focus, 
a.butt.pink-gradient:visited, 
a.butt.pink-gradient:active{
border-color: #ffffff;
border-width: 1px;
border-style: solid;
background: #e33694;
background: linear-gradient(160deg, 
#e33694 0.00%, 
#e56faf 100.00%);
}

a.butt.pink-gradient:hover{
background: linear-gradient(160deg, 
#e56faf 0.00%, 
#e33694 100.00%);
}


#rmp-menu-item-703 > .rmp-menu-item-link {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}


.button-inner {
    position: relative;
    margin: 0px auto;
    display: block;
    text-align: center;
}

.butt-arrow .button-inner:after{
	position: absolute;	
	content: "";
	width: 5px;
	height: 9px;
	background-image: url(img/button-arrow.png);
	background-repeat: no-repeat;
	background-size: cover;
	right: -10px;
	    top: 50%;
    transform: translateY(-50%);
}

a.butt.inverse, 
a.butt.inverse:focus, 
a.butt.inverse:visited, 
a.butt.inverse:active{
	background: transparent;
	border: 1px solid #b51614;  
	color: #fff;
}

a.butt.inverse:hover{
color: #ffffff;
background: #b51614;
border: 1px solid #b51614;
}



a.butt.light, 
a.butt.light:focus, 
a.butt.light:visited, 
a.butt.light:active{
	background: #ffffff;
	border: 1px solid #ffffff;  
	color: #b51614;
}

a.butt.light:hover{
color: #ffffff;
background: transparent;
border: 1px solid #ffffff;
}

.inside-overlay .pretitle, .inside-overlay h1, .inside-overlay .butt{
          
            animation: fadeInUp 1s ease-out forwards;
        }

        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .site-header {
            animation: fadeInDown 1s ease-out forwards;
	
        }

        @keyframes fadeInDown {
            from { 
                opacity: 0; 
                transform: translateY(-30px); 
            }
            to { 
                opacity: 1; 
                transform: translateY(0); 
            }
        }



/*
.single-region .site-content .section-text p:last-child{
	margin-bottom: 0px;
}
*/

.single-region .leistung-problem-grid.two-grid .leistung-problem-title {
    width: 43%;
    float: left;
    padding-right: 30px;
    position: relative;
}

.single-region .leistung-problem-grid.two-grid .leistung-problem-content {
    width: 57%;
    float: left;
    padding-left: 35px;
}

.single-region .site-content .leistung-problem h2{
	text-transform: none;
}

.region-benefits{
	margin-top: 50px;
}

.single-region .region-benefit h3{
	text-transform: none;
}

/* =========================================================
   PROJEKT – STORY
   Ausgangssituation + Lösung
   ========================================================= */

.projekt-story {
    background: #F2F2F2;
    padding: 90px 0 80px;
}

.projekt-story-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 110px;
    align-items: start;
}

.projekt-story-item {
    min-width: 0;
}

.projekt-story .section-overtitle {
  /*  display: block;
    margin-bottom: 28px;

    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    color: #2d62af; */
	font-size: 25px;
}

.projekt-story-item > div {
    font-size: 17px;
    line-height: 1.55;
}

.projekt-story-item p {
    margin: 0 0 24px;
}

.projekt-story-item p:last-child {
    margin-bottom: 0;
}


.site-content .project-text p{
	font-size: 20px;
	line-height: 1.65em;
}


/* ---------------------------------------------------------
   Lösung – text + galerie vedle sebe
   --------------------------------------------------------- */

.projekt-solution {
  /*  display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    column-gap: 40px;
    align-items: start; */
}

.projekt-solution .section-overtitle {
    grid-column: 1 / -1;
}

.projekt-solution > div:not(.projekt-gallery) {
    grid-column: 1;
}

.projekt-gallery {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
}

.projekt-gallery-item {
    display: none;
    margin: 0;
}

.projekt-gallery-item.is-active {
    display: block;
}

.projekt-gallery-item img {
    display: block;
    width: 100%;
    height: auto;
}

.projekt-gallery-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 12px;
}

.projekt-gallery-dots span {
    width: 12px;
    height: 12px;
    border: 1px solid #555;
    display: block;
}

.projekt-gallery-dots span.is-active {
    background: #2d62af;
    border-color: #2d62af;
}


/* =========================================================
   ERGEBNIS
   ========================================================= */

.projekt-result {
    background: #fff;
    padding: 70px 0 80px;
}

.projekt-result-grid {
display: grid;
grid-template-columns: minmax(0, 37%) minmax(0, 63%);
gap: 0;
align-items: flex-start;
}

.projekt-result-content {
    min-width: 0;
}

.projekt-result .section-overtitle {
/* font-size: 25px; */
}

.projekt-result h2 {
    margin: 0 0 20px;
    font-size: 40px;
	font-weight: 700;
    line-height: 1.2;
	text-transform: none;
}

.projekt-result-content > div {
    font-size: 16px;
    line-height: 1.6;
}

.projekt-result-content p {
    margin: 0 0 24px;
}

.projekt-result-content p:last-child {
    margin-bottom: 0;
}

.projekt-result-image img {
    display: block;
    width: 100%;
    height: auto;
}


/* =========================================================
   LEISTUNGEN
   ========================================================= */

.projekt-services {
    background: #f2f2f2;
    padding: 70px 0 90px;
}

.projekt-services .section-overtitle {
  /*  font-size: 25px; */
}

.projekt-services h2 {
    margin: 0 0 55px;
    font-size: 40px;
	font-weight: 700;
    line-height: 1.2;
	text-transform: none;
}


/* 4 sloupce jako na screenshotu */

.projekt-service-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 0;
    row-gap: 77px;
}

.projekt-service-item {
    position: relative;
    padding: 0 50px;
    min-width: 0;
}

/* první položka každého řádku bez levého odsazení */

.projekt-service-item:nth-child(4n + 1) {
    padding-left: 0;
}

/* vertikální čáry mezi sloupci */

.projekt-service-item:not(:nth-child(4n + 1)) {
    border-left: 2px solid #757575;
}


/* ikona */

.projekt-service-icon {
    height: 62px;
    margin-bottom: 28px;
    display: flex;
    align-items: flex-end;
}

.projekt-service-icon img {
    display: block;
    width: auto;
    height: 55px;
    object-fit: contain;
}


/* modrý štítek */

.projekt-service-item h3 {
    display: table;
    width: auto;

    margin: 0 0 6px;
    padding: 2px 7px;

    background: #2d62af;
    color: #fff;

    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;

    border-radius: 3px;
}

.projekt-service-item > div:last-child {
    font-size: 15px;
    line-height: 1.55;
}

.projekt-service-item p {
    margin: 0;
}



.agency-process .process-number {
    filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.2));
    background: #0b83cc;
    background: linear-gradient(155deg, #0b83cc 0.00%, #2d62af 100.00%);
    color: #fff;
    height: 180px;
    text-align: center;
    line-height: normal;
    line-height: 180px;
    width: 180px;
}

.agency-process .process-items .process-item:not(:last-child) {
    margin-bottom: 63px;
}

.agency-process .process-items .process-item:nth-child(2), 
.agency-process .process-items .process-item:nth-child(4) {
    padding-left: 250px;
}

.agency-process .process-items .process-item:nth-child(3), 
.agency-process .process-items .process-item:nth-child(5) {
    padding-left: 0px;
}

 
.site-content .agency-process .process-content h3{
	text-transform: none;
}





.agency-process .process-item{
	position: relative;
}

.scroll-arrows {
    display: block;
    margin-top: 120px;
}

.scroll-arrows img {
    display: block;
    transform-origin: center;
    animation: scrollArrowFancy 2.8s cubic-bezier(.4, 0, .2, 1) infinite;
    will-change: transform, filter, opacity;
}

@keyframes scrollArrowFancy {

    0%,
    100% {
        transform:
            translateY(0)
            scale(1)
            rotate(0deg);

        opacity: .82;

        filter:
            brightness(1)
            saturate(1)
            hue-rotate(0deg)
            drop-shadow(0 0 0 rgba(35, 125, 220, 0));
    }


    20% {
        transform:
            translateY(1px)
            scale(1.025);

        opacity: .95;

        filter:
            brightness(1.08)
            saturate(1.12)
            hue-rotate(-4deg)
            drop-shadow(0 0 5px rgba(35, 125, 220, .18));
    }

 
    42% {
        transform:
            translateY(9px)
            scale(1.07)
            rotate(-.5deg);

        opacity: 1;

        filter:
            brightness(1.22)
            saturate(1.35)
            hue-rotate(-10deg)
            drop-shadow(0 5px 14px rgba(30, 135, 230, .32));
    }

 
    52% {
        transform:
            translateY(11px)
            scale(1.085)
            rotate(.3deg);

        opacity: 1;

        filter:
            brightness(1.28)
            saturate(1.5)
            hue-rotate(8deg)
            drop-shadow(0 6px 18px rgba(70, 180, 255, .38));
    }


    68% {
        transform:
            translateY(3px)
            scale(1.025);

        opacity: .94;

        filter:
            brightness(1.08)
            saturate(1.15)
            hue-rotate(0deg)
            drop-shadow(0 2px 7px rgba(35, 125, 220, .15));
    }

    82% {
        transform:
            translateY(0)
            scale(1);

        opacity: .84;

        filter:
            brightness(1)
            saturate(1)
            hue-rotate(0deg)
            drop-shadow(0 0 0 rgba(35, 125, 220, 0));
    }
}



.agency-process .process-items .process-item:nth-child(3) img {
    transform: rotate(180deg) !important;
}


.agentur-numbers h1, 
.agentur-numbers h2, 
.agentur-numbers h3, 
.agentur-numbers h4, 
.agentur-numbers p, 
.agentur-numbers ul li, 
.agentur-numbers ol li{
	color: #fff;
}

.agentur-numbers .service-row {
    margin-bottom: 0px;
}


.leistung-intro-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 60px;
}




.leistung-benefits{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}

.leistung-benefit {
    position: relative;

    min-height: 330px;
    padding: 25px 35px 25px;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;

    text-align: left;
}

.leistung-benefit-icon{
	min-height: 106px;
	    align-items: center;
    justify-content: center;
    display: flex;
	margin-bottom: 30px;
}

.leistung-benefit:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0px;
    width: 1px;
    background: rgba(0, 0, 0, .55);
}

.leistung-approach{
	background: #f2f2f2;
	padding: 77px 0px 113px 0px;
}

.site-content .leistung-benefit h3{
		font-size: 20px;
		font-weight: 600;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 0px;
		color: #000;
		line-height: 1.65em;
}

.site-content .leistung-benefit p{
			font-size: 20px;
		font-weight: 400;
		text-align: left;
		margin-bottom: 0px;
		color: #000;
				line-height: 1.65em;
				text-align: center;
}

.site-content h2.leistung-services-title{
	font-size: 50px;
font-weight: normal;
line-height: 1.2em;
font-style: normal;
text-align: left;
color: #000000;
text-transform: none;
}

a.arrow-down, 
a.arrow-down:focus, 
a.arrow-down:visited, 
a.arrow-down:active, 
a.arrow-down:hover{
	background-color: transparent;
	background-image: url(img/arrow-down.png);
	background-repeat: no-repeat;
	width: 74px;
	height: 40px;
	display: block;
	border-radius: 0px;
	margin: 73px auto 103px auto;
	border: 0px solid transparent;
	text-decoration: none;
}




a.arrow-down-new, 
a.arrow-down-new:focus, 
a.arrow-down-new:visited, 
a.arrow-down-new:active, 
a.arrow-down-new:hover{
	background-color: transparent;
	background-image: url(img/arrow-down-new.png);
	background-repeat: no-repeat;
	width: 74px;
	height: 40px;
	display: block;
	border-radius: 0px;
	margin: 73px auto 103px auto;
	border: 0px solid transparent;
	text-decoration: none;
}

.all-numbers {
    width: 100%;
    color: #fff;
}

.number-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}

.number-item {
    position: relative;

  /*  min-height: 330px; */
    padding: 25px 35px 25px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    text-align: center;
}



.number-item:not(:first-child)::before {
    content: "";
    position: absolute;

    left: 0;
    top: 0px;
    bottom: 0px;

    width: 1px;

    background: rgba(255, 255, 255, .55);
}

.agentur-numbers .overtitle{
	color: #fff;
}

.agentur-numbers .service-right:before {
    content: none!important;
}

.number-value {
    display: block;

    margin-bottom: 38px;

    color: #fff;

    font-size: clamp(65px, 6vw, 100px);
    font-weight: 700;
    line-height: .95;

    letter-spacing: -3px;

    white-space: nowrap;
}



.number-text {
    display: block;

    max-width: 260px;

        font-size: 25px;
    font-weight: normal;
    line-height: 1.32em;

    color: #fff;
}






.bottom-meta .txt-part{
	width: 48%;
	float: left;
	padding-right: 30px;
}

.bottom-meta .img-part{
	width: 52%;	
		float: left;
}

.site-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14.5px;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
}

.site-content ul li {
    position: relative;
	padding-left: 13px;
}

.agentur-intro {
	overflow: hidden;
}

.agentur-intro .row {
	display: grid;
	grid-template-columns: 60% 40%;
	align-items: start;
}

.agentur-intro .row:before{
	content: none;

}

.agentur-intro-content {
	padding-right: 60px;
}

.agentur-intro-image img {
	right: -52px;
		position: absolute;
	top: 0px;
	
}


/*


.agentur-intro-image {
	margin-right: calc(50% - 50vw);
}

.agentur-intro-image img {
		display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 710 / 507;
	object-fit: contain;
	
}
*/




.site-content .branchen-challenges ul li, 
.site-content .leistung-problem ul li, 
.site-content .leistung-info ul li{
	padding-left: 32px;
}

.site-content .branchen-challenges ul li::before, 
.site-content .leistung-problem ul li::before, 
.site-content .leistung-info ul li::before {
    content: "→";
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    background: transparent;
    border-radius: 0%;
	    font-size: 25px;
    font-weight: normal;
    line-height: 1.32em;
}




.projekt-meta {
        display: flex;
    align-items: flex-start;
    gap: 35px;
	
	margin-top: 70px;
}

.projekt-meta-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}




.single-region .projekt-meta {
        display: flex;
    align-items: flex-start;
    gap: 10px;
	
	margin-top: 70px;
}

.single-region .projekt-meta-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}






.projekt-meta-icon {
    display: block;
    flex: 0 0 auto;
}

.projekt-location .projekt-meta-icon {
    width: 40px;
}

.projekt-period .projekt-meta-icon {
    width: 56px;
}

.projekt-meta-text{
	font-size: 20px;
font-weight: normal;
line-height: 1.25em;
font-style: normal;
text-align: left;
color: #000000;
}

.site-footer h1, 
.site-footer h2, 
.site-footer h3, 
.site-footer h4, 
.site-footer h5, 
.site-footer ul li, 
.site-footer ol li, 
.site-footer p{
    translate: none!important;
    rotate: none!important;
    scale: none!important;
    transform: translate(0px, 0px)!important;
    opacity: 1!important;
}





.site-footer{
	position: relative;
}

.site-footer:after{
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	height: 3px;
	width: 100%;
	background: #2d62af;
	background: linear-gradient(160deg, 
#2d62af 0.00%, 
#0b83cc 100.00%);
}



.project-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: start;
}

.project-form h2 {
    margin: 0 0 40px;
    font-size: 42px;
    font-weight: 400;
    color: #0076bd;
}

.project-form h2 small {
    font-size: 15px;
	font-weight: 500;
	line-height: 1.26em;
}

.site-content .cnt-right h2 {
    margin-bottom: 10px !important;
}

.project-form h3 {
    margin: 32px 0 8px;
    font-size: 25px;
    font-weight: 500;
}

textarea[name="comment"] {
    height: 138px!important;
	 margin-top: 12px;
}

textarea[name="technical-data"] {
    height: 220px!important;
		 margin-top: 12px;
}

textarea[name="requirements"] {
    height: 240px!important;
    margin-top: 12px;
}

.site-content .cnt-right h2{
	margin-bottom: 10px;
}

.form-field {
    margin-bottom: 8px;
}

.form-field label {
    display: block;
    margin-bottom: 0px;
}



.project-header-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 25px;
}

.project-header-row h2{
    margin: 0;
    flex: 1;
}

.project-header-row .project-type-select{
    min-width: 260px;
    margin-left: auto;
}

.project-header-row select{
    width: 100%;
}





.wpcf7 input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;

    width: 12px;
    height: 12px;
    min-width: 12px;

    margin: 0 2px 0 0;
    padding: 0;

    border: 1px solid #000;
    border-radius: 0;
    background: transparent;

    position: relative;
    cursor: pointer;
    vertical-align: middle;
}

.wpcf7 input[type="checkbox"]:checked {
    background: #fff;
}

.wpcf7 input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;

    left: 3px;
    top: 1px;

    width: 3px;
    height: 6px;

    border: solid #0068ad;
    border-width: 0 1px 1px 0;

    transform: rotate(45deg);
}


.contact-note{
	margin-top: 100px;
}



.project-form input[type="text"],
.project-form input[type="email"],
.project-form input[type="tel"] {
    width: 100%;
    padding: 8px 0;
    color: #fff;
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.75);
    outline: none;
}

.project-form textarea,
.project-form select {
    width: 100%;
    box-sizing: border-box;
}

.project-form textarea {
    min-height: 150px;
    padding: 18px;
    color: #fff;
    background: rgba(70,70,70,.8);
    border: 0;
    resize: vertical;
}

.project-form select {
    padding: 10px 15px;
	font-size: 22px;
    font-weight: 500;
    line-height: 1.59em;
    font-style: normal;
    text-align: left;
    color: #000000;
}

.project-form .wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
}

.project-form .wpcf7-list-item {
    margin: 0;
}

.form-privacy {
    margin-top: 25px;
    font-size: 12px;
    line-height: 1.4;
}

.project-form__submit {
    grid-column: 1 / -1;
}

.project-form input[type="submit"] {
    padding: 12px 22px;
    color: #fff;
    background: #0876bd;
    border: 0;
    cursor: pointer;
    font-size: 20px;
}


.site-footer img, 
.site-footer ul{
    translate: none;
    rotate: none;
    scale: none;
    transform: none!important;
    opacity: 1!important;
}


.home-mood {
	min-height: 820px;
/*	background-color: #f7f7f7;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 50% auto; */
	
	
}

.single-leistung .home-mood, 
.page-template-template-branchen .home-mood, 
.page-template-template-agentur .home-mood,
.page-template-template-projekte .home-mood, 
.page-template-template-blog .home-mood {
	position: relative;
	min-height: 820px;
	background-color: #f7f7f7;
	overflow: hidden;
}

.single-leistung .home-mood::after,
.page-template-template-branchen .home-mood::after, 
.page-template-template-agentur .home-mood::after, 
.page-template-template-projekte .home-mood::after, 
.page-template-template-blog .home-mood::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;

	width: 50%;
	height: 100%;

	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	z-index: 0;
}



.single-region .mood, 
.single-region .home-mood {
	min-height: 0px;
}





.home-mood .row {
	display: flex;
	align-items: center;
	min-height: 850px;
}

.home-mood .mood-content {
	width: 50%;
	padding-right: 60px;
	box-sizing: border-box;
}





.mood-punkte {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap;
}

.mood-punkt{
	position: relative;
	padding-left: 27px;
}

.mood-punkt:before{
	position: absolute;
	content: "";
	width: 18px;
	height: 20px;
	background-image: url(img/check.png);
	background-repeat: no-repeat;
	background-size: cover;	
	left: 0px;
	top: 5px;
	
}

.mood-punkt-text{
	font-size: 20px;
font-weight: normal;
font-style: normal;
text-align: left;
color: #000000;
}

.site-content .mood-content h1{
	font-size: 100px;
font-weight: bold;
line-height: 1.1em;
font-style: normal;
text-align: left;
color: #000000;
text-transform: uppercase;
    margin-bottom: 5px;
	letter-spacing: -2px;
}
/*
.mood-content h1 {
    padding-left: 70px;
    text-indent: -70px;
}

.mood-content h1 span {
    display: block;
    padding-left: 140px;
    text-indent: -70px;
    color: #2d62af;
}
*/


.mood-content h1 {
    padding-left: 0;
    text-indent: 0;
}

.mood-content h1 span {
    display: block;
    padding-left: 240px;
    text-indent: -120px;
}

.service-mood .mood-content h1 span, 
.projekte-mood .mood-content h1 span {
    padding-left: 0px;
    text-indent: 0px;
}

.site-content .mood-content h1 span{
color: #2d62af;
}

.site-content p{
	font-size: 25px;
font-weight: normal;
line-height: 1.32em;
font-style: normal;
text-align: left;
color: #000000;
}



.section-overtitle{
	font-size: 20px;
font-weight: 600;
font-style: normal;
text-align: left;
color: #2d62af;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
}






.site-content .home-intro .intro-content p{
	font-size: 57px;
font-weight: normal;
line-height: 1.2em;
font-style: normal;
text-align: left;
color: #000000;
}

.site-content .home-intro button.read-more,
.site-content .home-intro button.read-more:visited, 
.site-content .home-intro button.read-more:focus, 
.site-content .home-intro button.read-more:active{
	font-size: 57px;
font-weight: normal;
line-height: 1.2em;
font-style: normal;
text-align: left;
color: #000000;
margin-bottom: 0px;
}





.home-mood::after {
    position: absolute;
    inset: 0 0 0 50%;
    z-index: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, .08), rgba(0, 0, 0, .05));
    content: "";
    pointer-events: none;
}

.home-mood .container,
.home-mood .row {
    min-height: inherit;
}

.home-mood .row {
    align-items: center;
}

.mood-content {
    position: relative;
    z-index: 2;
    width: 50%;
  /*  padding: 110px 7% 110px 0; */
}

.mood-content h1 span {
    display: block;
    color: #2d62af;
}

.main-subtitle {
    max-width: 720px;
    margin-bottom: 20px;
    font-size: clamp(20px, 1.45vw, 28px);
}

.main-subtitle > :last-child {
    margin-bottom: 0;
}

.mood-buttons,
.cta-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
	margin-top: 20px;
	margin-bottom: 12px;
}


.section-highlights {
    color: #fff;
	padding: 38px 0px;
}

.highlights > .container {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 28px;
    padding-block: 45px;
	background: #fff;
	padding-left: 70px;
	padding-right: 40px;
	
}

.highlights > .container:before, 
.highlights > .container:after{
	content: none!important;
}

.highlight-item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.highlight-icon {
  /*  flex: 0 0 52px; */
}

.highlight-icon img {
 /*   width: 52px;
    height: 52px;
    object-fit: contain; */ 
}

.highlight-text, 
.site-content .highlight-text p{
color: #000000;
	font-size: 20px;
font-weight: normal;
line-height: 1.25em;
font-style: normal;
text-align: left;
color: #000000;
}

.highlight-text strong {
    display: block;
    font-weight: 700;
	
	font-size: 20px;
line-height: 1.25em;
font-style: normal;
text-align: left;
color: #000000;
}

.highlight-text p {
    margin-bottom: 0;
}

.home-intro {
    padding-block: clamp(80px, 8vw, 150px);
	padding: 40px 0px 120px 0px;
}

.home-intro .row {
    align-items: flex-start;
    gap: clamp(70px, 10vw, 190px);
}

.intro-values {
  /*  display: grid;
    flex: 0 0 38%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 60px 45px; */
}

.value-item {
 /*   padding-top: 24px;
    border-top: 2px solid #2d62af; */
	padding-left: 60px; 
	position: relative;
}

.value-item:before{
	content: "";
	position: absolute;
width: 25px;
height: 25px;
    left: 16px;
top: 22px;
background: #2d62af;
background: linear-gradient(160deg, 
#2d62af 0.00%, 
#0b83cc 100.00%);
}

.value-item h3 {
    margin-bottom: 12px;
    color: #000000;
    font-size: clamp(27px, 2.2vw, 42px);
    font-size: 57px;
    font-weight: 600;
    line-height: 1.21em;
    margin-bottom: 5px;
}

.value-item > div {
    color: #858689;
    font-size: 18px;
}

.intro-content {
    flex: 1;
    max-width: 820px;
}

.intro-content h2 {
    margin-bottom: 36px;
}

.intro-content > :last-child {
    margin-bottom: 0;
}

.home-process {
    padding: 78px 0px 100px 0px;
    background: #f2f2f2;
}

.home-process > .container > h2 {

}

.process-items {
    margin-top: 80px;
}

.intro-title{
	margin-bottom: 20px;
}

.process-item {
    display: flex;
    align-items: flex-start;
    gap: 50px;

}

.process-items .process-item:not(:last-child){
		margin-bottom: 160px;
}

.process-number {
    flex: 0 0 auto;
}

.process-content {
    flex: 1;
    min-width: 0;
}

.process-number {
    color: #2d62af;
    font-size: 25px;
    font-weight: 500;
	font-size: 134px;
font-weight: bold;
line-height: 1.18em;
font-style: normal;
text-align: left;
color: #2d62af;
}

.process-items .process-item:nth-child(2){
	padding-left: 280px;
}

.process-items .process-item:nth-child(3){
	padding-left: 100px;
}

.process-items .process-item:nth-child(4){
	padding-left: 370px;
}

.process-content {
  /*  display: grid;
    grid-template-columns: minmax(260px, .8fr) minmax(300px, 1.2fr) auto;
    align-items: start;
    gap: 40px; */
}

.site-content .process-content h3 {
	margin-top: 24px;
    margin-bottom: 20px;
	font-size: 100px;
font-weight: bold;
line-height: 1.1em;
font-style: normal;
text-align: left;
color: #000000;
}

.site-content .process-content p {
font-size: 50px;
font-weight: normal;
line-height: 1.2em;
font-style: normal;
text-align: left;
color: #000000;
}

.site-content .process-content button.read-more, 
.site-content .process-content button.read-more:visited, 
.site-content .process-content button.read-more:focus, 
.site-content .process-content button.read-more:active {
    font-size: 57px;
    font-weight: normal;
    line-height: 1.2em;
    font-style: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 0px;
}

.site-content .process-content button.read-more, 
.site-content .process-content button.read-more:visited, 
.site-content .process-content button.read-more:focus, 
.site-content .process-content button.read-more:active {
    font-size: 50px;
}

.intro-short > :last-child,
.intro-long > :last-child {
/*margin-bottom: 0; */
}

.read-more {
    padding: 0 0 5px;
    border: 0;
    border-bottom: 1px solid currentColor;
    background: transparent;
    color: #2d62af;
    font: inherit;
    font-size: 17px;
    cursor: pointer;
}

.intro-long {
    display: none;
    grid-column: 2 / -1;
}

.process-item.is-open .intro-long {
    display: block;
}


.intro-cover.cover-hov .intro-long{
	display: block;
}




.home-services {
    padding: 70px 0px 156px 0px;
    background: #2c2e34;
background: linear-gradient(-179deg, 
#2c2e34 0.00%, 
#727377 100.00%);
    color: #fff;
}

.home-services .section-overtitle {
    color: #ffffff;
}

.section-intro {
    justify-content: space-between;
    gap: 80px;
    margin-bottom: 80px;
}

.section-intro > div:first-child {
    flex: 0 1 60%;
}

.section-intro > div:last-child {
    flex: 0 1 560px;
    padding-top: 55px;
    color: rgba(255, 255, 255, .75);
}

.section-intro h2 {
    margin-bottom: 0;
}



.service-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas:
        "service-1 service-2 service-3"
        "service-4 service-help service-5";
    gap: 90px 90px;
    align-items: start;
}


.service-grid > .service-item:nth-child(1) {
    grid-area: service-1;
}

.service-grid > .service-item:nth-child(2) {
    grid-area: service-2;
}

.service-grid > .service-item:nth-child(3) {
    grid-area: service-3;
}

.service-grid > .service-item:nth-child(4) {
    grid-area: service-4;
}

.service-grid > .service-item:nth-child(5) {
    grid-area: service-5;
}

.service-grid > .service-help {
    grid-area: service-help;
}



.service-grid > .service-item:nth-child(2),
.service-grid > .service-help, 
.agentur-values .service-grid > .service-item:nth-child(6) {
    transform: translateY(170px);
}






.leistung-project-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 90px;
    row-gap: 90px;
    align-items: start;
    padding-bottom: 170px;
}

.leistung-project-grid > .leistung-project-item:nth-child(3n + 2) {
    transform: translateY(170px);
}

.leistung-project-item.project-hidden {
    display: none;
}


.leistung-projects .service-title h3{
	font-size: 35px;
	text-transform: none;
	    white-space: normal;
		font-weight: 600;
		margin-bottom: 0px;
}

.leistung-projects .service-intro p{
	color: #fff;
	margin-bottom: 20px;
}

.leistung-projects .service-title{
	gap: 10px;
}



.branchen-target-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 87px;
	row-gap: 59px;
}

.branchen-target-item {
	background: #ffffff;
	padding: 32px;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: 100px auto;
	column-gap: 20px;

	    align-items: flex-start;
}

.branchen-target-icon {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	    align-self: center;
}

.branchen-target-icon img {
    display: block;
    max-width: 90px;
    height: auto;
    max-height: 90px;
}

.branchen-target-item h3 {
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 33px;
	font-style: normal;
	text-align: left;
	color: #000000;
	
	
	align-self: center;
}

.branchen-target-item > div:last-child {
	grid-column: 1 / -1;
	margin-top: 20px;

	font-size: 20px;
	font-weight: normal;
	line-height: 33px;
	font-style: normal;
	text-align: left;
	color: #000000;
}

.branchen-target-item > div:last-child p {
	margin: 0;
}





.flex-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.long-left {
    flex: 0 0 64%;
}


.short-right {
    flex: 0 0 36%;
}

.right-space {
    padding-right: 40px;
    float: left;
}

.long-left{
	text-transform: none;
}

.long-left h2{
	text-transform: none;
}

.short-right img{
	margin-top: 20px;
	    width: 100%;
}


.region-benefits {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 0px;
	align-items: start;
}

.region-benefit {
	text-align: center;
}

.region-benefit img {
	display: block;
	width: auto;
	height: 135px;
	max-width: 150px;
	object-fit: contain;
	margin: 0 auto 30px;
}

.region-benefit h3 {
	margin: 0;
	font-size: 24px;
	font-weight: normal;
	line-height: 27px;
	font-style: normal;
	text-align: center;
	color: #000000;
}

.region-benefit p {
	margin: 0;
	font-size: 24px;
	font-weight: normal;
	line-height: 27px;
	font-style: normal;
	text-align: center;
	color: #000000;
}








.single-region .region-sectors {
	background: #f3f3f3;
	padding: 40px 0 80px;
}



.single-region .region-sectors .section-intro {
	display: grid;
	grid-template-columns: 35% 65%;
	gap: 40px;
	align-items: start;
	margin-left: 0;
	margin-right: 0;
}

.site-content .region-sectors button.read-more, 
.site-content .region-sectors button.read-more:visited, 
.site-content .region-sectors button.read-more:focus, 
.site-content .region-sectors button.read-more:active{
	    color: rgb(45, 98, 175);
		border-bottom: 1px solid rgb(45, 98, 175);
}

.single-region .region-sectors .section-intro > div:first-child {
	padding-right: 20px;
}

.single-region .region-sectors .section-intro > div:first-child h2 {
	margin-top: 0px;
	margin-bottom: 10px;
}

.single-region .region-sectors .section-intro > div:first-child p {
	margin-top: 0;
/*	margin-bottom: 0; */
}

.single-region .region-sectors .section-intro > div:first-child a {
	display: inline-block;
	margin-top: 5px;
}

.single-region .site-content h3.region-step-title {
    font-size: 40px;
font-weight: bold;
line-height: 1.2em;
font-style: normal;
text-align: center;
color: #000000;
text-transform: none;
}

.single-region .region-sectors .sector-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
}



.single-region .region-sectors .sector-item {
	background: #ffffff;
	min-height: 150px;
	padding: 19px;

	display: grid;
	grid-template-columns: 100px 1fr;
	gap: 20px;
	align-items: center;
}



.single-region .region-sectors .sector-item img {
	display: block;
	width: 100px;
	height: 100px;
	object-fit: contain;
}



.single-region .region-sectors .sector-item strong {
	display: block;

	font-size: 20px;
	font-weight: bold;
	line-height: 1.65em;
	font-style: normal;
	text-align: left;
	color: #000000;

	text-transform: uppercase;
}

.single-post .site-header{
	background: #fff;
}


.single-post .site-content{
	padding-top: 120px;
}



.single-projekt .site-content .mood-content h1{
	text-transform: none;
}


@media (max-width: 1199px) {
	.agency-process .process-items .process-item:nth-child(2), .agency-process .process-items .process-item:nth-child(4) {
    padding-left: 150px;
}
	
	.site-content h2 br{
		display: none;
	}
	
	
		.single-region .region-sectors .section-intro {
		grid-template-columns: 1fr;
		gap: 45px;
	}

	.single-region .region-sectors .sector-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
		.region-benefits {
		grid-template-columns: repeat(3, 1fr);
		gap: 60px 40px;
	}
	
    .leistung-project-grid {
        column-gap: 40px;
        row-gap: 60px;
    }

    .leistung-project-grid > .leistung-project-item:nth-child(3n + 2) {
        transform: translateY(100px);
    }

    .leistung-project-grid {
        padding-bottom: 100px;
    }
}

.site-content .agentur-numbers h2{
	margin-bottom: 0px;
}

.service-item {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
	justify-content: flex-end;
    overflow: hidden;
    background: #949496;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

.single-leistung .service-item {
	filter: drop-shadow(0px 3px 10px rgba(0,0,0,0.2 ));

background: #000000;
background: linear-gradient(144deg, 
#000000 0.00%, 
#858689 100.00%);
}

.single-leistung .service-title{
	background: transparent;
}

.service-image {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 0.88;
    overflow: hidden;
    background: #25282e;
}

.service-image::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 60%,
        rgba(0, 0, 0, 0.18) 100%
    );
    pointer-events: none;
}

.service-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.service-item:hover .service-image img {
    transform: scale(1.04);
}


.service-title {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  /*  min-height: 150px; */
    padding: 28px 30px;
    background: #969698;
}

.service-title h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(25px, 2.1vw, 40px);
    font-weight: 700;
    line-height: 1.05;
    text-transform: uppercase;
	    white-space: nowrap;
}

.service-title span,
.service-help span {
    color: #e9a65f;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
}


.service-help {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 600px;
    padding: 30px;
    text-align: center;
    background: #85868A;
}

.service-help h3 {
    /* max-width: 330px; */
    margin: 0 0 30px;
    color: #fff;
    font-size: clamp(32px, 3vw, 48px);
    font-weight: 600;
    line-height: 1.35;
    text-transform: uppercase;
    text-align: center;
	margin-bottom: 20px!important;
}

.service-item:hover .service-title span,
.service-help:hover span {
 /*   color: #fff; */
}

.service-item .service-title span:hover,
.service-help span:hover {
 opacity: 0.7;
     -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
}

a.service-item,
a.service-item:visited, 
a.service-item:active, 
a.service-item:focus, 
a.service-item:hover{
	text-decoration: none;
}

.service-help{
	margin-bottom: 156px;
}


.service-title {
    position: relative;
    z-index: 1;
    display: flex;

    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 25px;
    margin-top: auto;
    padding: 40px 27px;
}

.service-title h3,
.service-help h3 {
    margin-bottom: 0;
    font-size: clamp(30px, 2.6vw, 50px);
}

.service-title span,
.service-help span {
	font-size: 20px;
	font-weight: 600;
	font-style: normal;
	text-align: left;
	color: #ffb166;
}

.service-help {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background: #85868A;
}

.service-help span {
    color: #ffb166;
}

.home-project {
    padding: 70px 0px 0px;
	background: #F2F2F2;
}

.home-project > .container > h2 {
    max-width: 1050px;
}


.logos-cover{
	background: #fff;
	margin-top: 70px;
}




.project-grid {
    display: grid;
    grid-template-columns: 30% minmax(0, 1fr);
    column-gap: 60px;
    align-items: stretch;
}

.project-image {
    min-width: 0;
}

.project-image img {
    display: block;
   /* width: 100%;
    height: 100%;
    min-height: 500px;
    object-fit: cover; */
}

.project-content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}




.project-slider-nav {
    width: calc(70% - 60px);
    margin-left: auto;
    margin-top: 0px;
}

.project-slider-nav .slick-dots {
    position: static;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.project-slider-nav .slick-dots li {
    width: auto;
    height: auto;
    margin: 0px;
	padding: 0px;
}

.project-slider-nav .slick-dots button {
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: 0px;
    
    font-size: 0;
    cursor: pointer;
	
	

border-color: #000000;
border-width: 1px;
border-style: solid;
}

.project-slider-nav .slick-dots button::before {
    display: none;
}

.project-slider-nav .slick-dots .slick-active button {
    width: 20px;
height: 20px;

border-color: #2d62af;
border-width: 1px;
border-style: solid;
background: #2d62af;
}





.site-content ul.slick-dots li:before {
    content: none;
}

.project-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
 margin-bottom: 20px;

}


.site-content .project-content h3 {
    margin-bottom: 32px;
	font-size: 25px;
font-weight: 600;
line-height: 33px;
font-style: normal;
text-align: left;
color: #000000;
text-transform: uppercase;
}

.project-tag{
border-radius: 10px;
padding: 0px 11px 2px;
font-size: 20px;
font-weight: normal;
font-style: normal;
text-align: left;
color: #ffffff;
background: #2d62af;
text-transform: none;
white-space: nowrap;
}

.project-content blockquote footer {
    margin-top: 18px;
    color: #2b2e34;
    font-weight: 600;
}

.project-text{
	margin-top: 8px;
}

.home-cta {
    position: relative;
    padding: 80px 0px 90px;
    background-position: center;
    background-size: cover;
    color: #fff;
  
		 background: #2d62af;
 opacity: 1;
	
}

.home-cta::before {
    position: absolute;
    inset: 0;

	background: url(img/buero.png) no-repeat;
background-size: cover;
   mix-blend-mode: multiply; 

	width: 100%;
	height: 100%;
    content: "";
	z-index: 1;
}
/*
.agentur-intro .container{
	position: relative;
}

.agentur-intro-content{
	max-width: 63%;
}

.agentur-intro-image{
	position: absolute;
	bottom: 0px;
	right: -52px;
}
*/

.site-content .agentur-intro h2{
	text-transform: none;
}

.agentur-intro{
	padding: 70px 0px 0px 0px;
}

.agentur-intro-content{
	padding-bottom: 170px;
}

.agency-cta {
    position: relative;
    background: #2d62af;
    color: #fff;
    overflow: hidden;
	min-height: 655px;
    --parallax-y: 0px;
}

.agency-cta::before {
    content: "";
    position: absolute;

    top: -120px;
    left: 0;
    width: 100%;
    height: calc(100% + 240px);

    background-image: url(img/buero.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

    mix-blend-mode: luminosity;

    transform: translate3d(0, var(--parallax-y), 0);
    will-change: transform;

    z-index: 1;
    pointer-events: none;
}

.agency-cta > * {
    position: relative;
    z-index: 2;
}






.branchen-panorama{
    position: relative;
    overflow: hidden;
	min-height: 655px;
    --parallax-y: 0px;
}

.branchen-panorama::before {
    content: "";
    position: absolute;

    top: -120px;
    left: 0;
    width: 100%;
    height: calc(100% + 240px);

   
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

 /*   mix-blend-mode: luminosity; */

    transform: translate3d(0, var(--parallax-y), 0);
    will-change: transform;

    z-index: 1;
    pointer-events: none;
}

.branchen-panorama > * {
    position: relative;
    z-index: 2;
}



.grainy-background{
position: relative;
}

.grainy-background:before{
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	background-image: url(img/grainy.jpg);
	opacity: 0.3;
	width: 100%;
	height: 100%;
	content: "";
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 1;
	opacity: 0.17;
	
}

.grainy-background section, 
.grainy-background .container{
	position: relative;
	z-index: 2;
}

.branchen-target-grid{
	padding: 120px 0px 135px 0px;
}

.home-cta .container {
    position: relative;
    z-index: 1;
}

.home-cta .row {
    justify-content: space-between;
    gap: 80px;
}


.job-info{
    display: table;
    height: 46px;
    line-height: 46px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    color: #ffffff;
    border-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    background: #2d62af;
    padding-left: 22px;
    padding-right: 22px;
	  height: auto;
    line-height: normal;
	
	    border-width: 1px;
    border-style: solid;
    background: #e33694;
    background: linear-gradient(160deg, #e33694 0.00%, #e56faf 100.00%);
	margin-left: 115px;
	
	
	
	    padding: 16px 22px;
	
}

.main-contact{
	padding: 70px 0px 110px 0px;
}

.site-content .main-contact h2{
	text-transform: none;
	margin-bottom: 100px;
}

.site-content .contact-cta h2{
	font-weight: normal;
	    white-space: nowrap;
		text-transform: none;
}


.site-content .contact-cta p:not(:last-child){
	    margin-bottom: 1.5em;
}

.contact-cta {
    position: relative;
    padding: 100px 0px 130px;
    background-position: center;
    background-size: cover;
    color: #fff;
filter: drop-shadow(0px 3px 10px rgba(0,0,0,0.2 ));

background: #0b83cc;
background: linear-gradient(155deg, 
#0b83cc 0.00%, 
#2d62af 100.00%);
 opacity: 1;
	
}

.contact-cta::before {
    position: absolute;
    inset: 0;

	background: url(img/buero-kontakt.png) no-repeat;
background-size: cover;
   mix-blend-mode: luminosity;

	width: 100%;
	height: 100%;
    content: "";
	z-index: 1;
}

.contact-cta .container {
    position: relative;
    z-index: 1;
}

.cta-dark{
	background: #2c2e34;
background: linear-gradient(-179deg, 
#2c2e34 0.00%, 
#727377 100.00%);
}


.cta h2 {
    margin-bottom: 0;
    color: #fff;
}

.site-content .contact-cta .cta-content p{
	font-size: 25px;
    font-weight: normal;
    line-height: 1.32em;
    font-style: normal;
    text-align: left;
    color: #ffffff;
}

.contact-cta .row .col-two{
	height: 100%;
}



.home-cta h2 {
    flex: 0 1 58%;
    margin-bottom: 0;
	color: #fff;
}

.home-cta .section-overtitle{
		color: #fff;
}

.cta-content {
    flex: 0 1 500px;
    padding-top: 28px;
}

.cta-wrapper {
    display: flex;
   align-items: flex-end; 
    gap: 0;
}

.cta-left,
.cta-right {
  /*  display: flex;
    flex-direction: column; */
    justify-content: flex-end; 
}

.cta-left {
    flex: 0 0 43.6%;
    max-width: 43.6%;
}

.cta-right {
    flex: 0 0 56.4%;
    max-width: 56.4%;
}

.site-content .cta-content p{
	font-size: 42px;
font-weight: normal;
font-style: normal;
text-align: left;
color: #ffffff;
margin-bottom: 0px;
}

.google-rating {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.google-rating img {
    width: 24px;
    height: 24px;
}

.google-rating .stars {
    color: #fbbc04;
    letter-spacing: 1px;
}

.leistung-problem{
	padding: 77px 0px 90px;
}

.page-template-template-blog .mood-content {
	padding-top: 100px;
}

.mood{
	padding: 0px 0px;
}

.home-faq {
    padding: 77px 0px 74px;
}


.single-projekt .mood{
	padding: 100px 0px 0px 0px!important;
}

 
.single-region .mood{
	padding: 172px 0px 72px 0px!important;
}

.home .mood, 
.home .home-mood{
	/*	padding: 150px 0px 0px 0px!important; */
	padding: 0px 0px 0px 0px!important;
}


.mood-video{
    width: 100%;
		min-height: 950px;
    overflow: hidden;
    background: linear-gradient(160deg, var(--df-bg-3), rgba(40, 15, 50, 0.9));
}

.mood-video video
 {
	 display: table;
	 margin: 0px auto;
    width: auto;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
	min-height: 950px;
}


/*
.mood-video {
    position: relative;
    width: 100%;
    min-height: 950px;
    height: 950px;
    overflow: hidden;
    background: linear-gradient(160deg, var(--df-bg-3), rgba(40, 15, 50, 0.9));
}

.mood-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}
*/



.home .home-mood .mood-content {
    width: 50%;
    padding-right: 0px;
    box-sizing: border-box;
    min-width: 840px;
}


.home-faq .row {
    gap: clamp(70px, 9vw, 170px);
}

.faq-content {
    flex: 1 1 65%;
}

.faq-agency {
    flex: 0 1 430px;
    align-self: flex-start;
}

.faq-agency img {
    margin-right: 0px;
margin-left: auto;
    margin-bottom: 28px;
	display: block;
}

.faq-agency h3 {
    margin-bottom: 0;
   font-size: 55px;
font-weight: 600;
line-height: 1.32em;
font-style: normal;
text-align: right;
color: #2d62af;
float: right;
display: table;
 margin-right: 0px;
margin-left: auto;
position: relative;

}

.page-template-default .site-content ol li {
    font-size: 25px;
    font-weight: normal;
    line-height: 1.32em;
    font-style: normal;
    text-align: left;
    color: #000000;
    margin-top: 0px;
    list-style-type: none;
    margin-left: 0px;
}

.page-template-default .site-content h1, 
.page-template-default .site-content h2,
.page-template-default .site-content h3,
.page-template-default .site-content h4,
.page-template-default .site-content h5{
	color: #000;
	text-transform: none;
	font-weight: 600;
}

.page-template-default .site-content h1{
	font-size: 2.5em;
}

.page-template-default .site-content h2{
	font-size: 2em;
}

.page-template-default .site-content h3{
	font-size: 1.4em;
}

.page-template-default .site-content h4{
	font-size: 1.2em;
}

.page-template-default .site-content h5{
	font-size: 1.0em;
}

.faq-agency h3:after{
	position: absolute;
width: 140px;
height: 37px;
/* transform: rotate(10deg); */
content: "";
left: 30px;
right: 0px;
bottom: -20px;
background: url(img/title-element-home.png) no-repeat;
background-size: cover;
margin: 0px auto;
    animation: sloganMove 2.2s ease-in-out infinite;
}




@keyframes sloganMove {
    0%,
    100% {
        transform: translateX(0) scale(1);
        opacity: .35;
    }

    50% {
        transform: translateX(8px) scale(1.05);
        opacity: 1;
    }
}

.projekte-faq .faq-agency img {
    margin-right: 132px;
}

.projekte-faq .faq-agency h3 {
 margin-right: 132px;
margin-left: auto;
text-align: left;
    padding-left: 160px;
    text-indent: -160px;
}

.projekte-faq .faq-agency h3:after{
left: 100px;
}

.faq-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 30px;
    padding: 28px 0;
    border: 0;
   background: rgba(133,134,137,0.15 );

    font: inherit;

    text-align: left;
    cursor: pointer;
	border: 0px solid transparent;
	font-size: 25px;
font-weight: 600;
line-height: 1.32em;
font-style: normal;
text-align: left;
color: #000000;
text-transform: uppercase;
padding-top: 10px; 
    padding-bottom: 10px;
	margin-bottom: 16px;
	padding-left: 21px;
	padding-right: 40px;
}

.faq-title span {
    color: #2d62af;
    font-size: 34px;
    font-weight: 300;
    transition: transform .25s ease;
}

.faq-answer {
    display: none;
    max-width: 850px;
    padding: 10px 30px 30px 21px;
    color: #858689;
}

.faq-item.is-open .faq-answer {
    display: block;
}

.faq-title{
	background-image: url(img/plus.png);
	background-repeat: no-repeat;
	background-position: right 17px center;
}

.faq-item.is-open .faq-title{
	background-image: url(img/min.png);
	background-repeat: no-repeat;
	background-position: right 17px center;
}


.leistung-services .faq-title{
   background-color: #2d62af;
    background-image:
        url(img/plus-white.png),
        linear-gradient(177deg, #2d62af 0%, #0b83cc 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: right 17px center, center;
    background-size: auto, cover;
    color: #fff;
	margin-bottom: 0px;
	width: 100%;
}

.leistung-services .faq-item.is-open .faq-title{
   background-color: #2d62af;
    background-image:
        url(img/minus-white.png),
        linear-gradient(177deg, #2d62af 0%, #0b83cc 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: right 17px center, center;
    background-size: auto, cover;
    color: #fff;
}


.faq-item.is-open .faq-title span {
    transform: rotate(45deg);
}

.home-regions {
    padding-block: 80px;
    background: #2d62af;
    color: #fff;
}

.home-regions .section-overtitle {
    color: #fff;
}

.last-home{
	padding-right: 88px;
}

.region-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.region-list a,
.region-list span {
    display: inline-flex;
    padding: 8px 16px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 999px;
    font-size: 18px;
    line-height: 1.2;
    transition: background-color .25s ease, color .25s ease;
}

.region-list a:hover,
.region-list a:focus-visible {
    background: #fff;
    color: #2d62af;
}




.leistung-services {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: start;
}

.leistung-services-column {
    min-width: 0;
}








.leistung-services {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: start;
}

.leistung-services-column {
    display: flex;
    flex-direction: column;
    gap: 28px;
    min-width: 0;
}

.leistung-service-text {
    display: none;
}

@media (max-width: 767px) {
    .leistung-services {
        display: flex;
        flex-direction: column;
    }

    .leistung-services-column {
        display: contents;
    }
}







.intro-values{
	width: 39%;
	float: left;
	padding-right: 35px;
	position: relative;
}


.intro-content{
	width: 61%;
	float: left;
	padding-left: 35px;
}

.intro-content{
	position: relative;
}

.intro-content:before{
    left: 0px;
    top: 0px;
    content: "";
    background: #858689;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
}














.leistung-problem-title{
	width: 31%;
	float: left;
	padding-right: 35px;
	position: relative;
}


.leistung-problem-content{
	width: 69%;
	float: left;
	padding-left: 35px;
}



.leistung-problem-grid.two-grid .leistung-problem-title{
	width: 53%;
	float: left;
	padding-right: 30px;
	position: relative;
}


.leistung-problem-grid.two-grid .leistung-problem-content{
	width: 47%;
	float: left;
	padding-left: 35px;
}

.leistung-problem-grid.two-grid .service-cover {
    display: grid;
    grid-template-columns: auto;
    gap: 0px;
	max-width: 90%;
}

.leistung-problem-content{
	position: relative;
}

.leistung-problem-content:before{
    left: 0px;
    top: 0px;
    content: "";
    background: #fff;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
}





.project-hidden {
    display: none;
}

.leistung-project-loadmore {
    margin-top: 50px;
    text-align: center;
}

.leistung-project-item.project-reveal {
    animation: projectReveal .5s ease forwards;
}

@keyframes projectReveal {
    from {
        opacity: 0;
        transform: translateY(25px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}









.service-left{
	width: 26%;
	float: left;
	padding-right: 35px;
	position: relative;
}


.service-right{
	width: 74%;
	float: left;
	padding-left: 35px;
}

.agentur-values .service-item{
	filter: drop-shadow(0px 3px 10px rgba(0,0,0,0.2 ));

background: #0b83cc;
background: linear-gradient(155deg, 
#0b83cc 0.00%, 
#2d62af 100.00%);
padding: 76px 20px 40px 20px;
}

.intro-branche{
	padding: 70px 0px 0px 0px;
}

.service-grid{
	padding-bottom: 380px;
}

.page-template-template-startseite .service-grid {
    padding-bottom: 0px; 
}

.center-button a.butt, 
.center-button a.butt:focus, 
.center-button a.butt:visited, 
.center-button a.butt:active{
	margin: 0px auto;
}

.agentur-values .service-item h3{
	text-align: center;
	margin-top: 60px;
}

.mood{
	position: relative;
}

.mood:before{
	position: absolute;
width: 228px;
height: 227px;
content: "";
right: 0px;
bottom: 0px;
background: #2d62af;
background: linear-gradient(20deg, 
#2d62af 0.00%, 
#0b83cc 100.00%);
z-index: 9;
border-top: 14px solid #fff;
border-left: 14px solid #fff;
}

.single-region .mood:before{
	content: none;
	display: none!important;
}

.single-region .home-mood {
    background-size: auto!important;
}


.single-region .home-mood h1{
filter: drop-shadow(2px 2px 1px #ffffff);
font-size: 57px;
font-weight: bold;
line-height: 1.14em;
font-style: normal;
text-align: left;
color: #000000;
text-transform: none;
}

.single-region .region-steps h2, 
.single-region .region-sectors h2, 
.single-region .region-services.leistung-other.dark-part h2{
	font-size: 40px;
font-weight: bold;
line-height: 1.2em;
font-style: normal;
text-align: left;
margin-bottom: 8px;
text-transform: none;
}
/*
.single-region .region-steps h2{
	font-size: 40px;
font-weight: bold;
line-height: 33px;
font-style: normal;
text-align: center;
color: #000000;
text-transform: none;
}
*/

.agentur-values .service-item img {
    /* 1. Force natural dimensions and override global styles */
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    
    /* 2. Stop Flexbox from stretching the image to 100% width/height */
        align-self: center; /* Prevents horizontal stretching in a column flex container */
    flex-shrink: 0;         /* Prevents the image from being squished */
    flex-grow: 0;           /* Prevents the image from expanding to fill extra space */
    
    /* 3. Override any global object-fit rules (like object-fit: cover) */
    object-fit: none !important; 
}


.agentur-numbers {
	filter: drop-shadow(0px 3px 10px rgba(0,0,0,0.2 ));
	background: #0b83cc;
	background: linear-gradient(155deg, 
#0b83cc 0.00%, 
#2d62af 100.00%);
padding: 75px 0px;
}

.agentur-numbers .service-left{
	width: 30%;
	float: left;
	padding-right: 0px;
	position: relative;
}


.agentur-numbers .service-right{
	width: 70%;
	float: left;
	padding-left: 0px;
}



.page-template-template-agentur .agentur-numbers .service-row {
    display: flex;
    align-items: stretch;
    margin-bottom: 0;
}

.page-template-template-agentur .agentur-numbers .service-left {
    width: 30%;
}

.page-template-template-agentur .agentur-numbers .service-right {
    width: 70%;
    float: none;
    padding-left: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


.service-right{
	position: relative;
}

.service-right:before{
    left: 0px;
    top: 0px;
    content: "";
    background: #fff;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
}



.site-content .service-right p{
	font-size: 50px;
font-weight: normal;
line-height: 1.2em;
font-style: normal;
text-align: left;
color: #ffffff;
margin-bottom: 0px;
}

.service-row{
	margin-bottom: 100px;
}



h3.slogan{
	position: relative;
	font-size: 40px;
font-weight: bold;
font-style: normal;
text-align: center;
color: #2d62af;
text-align: center;
display: table;
margin-left: 100px;
}

h3.slogan:after {
    position: absolute;
    width: 349px;
height: 29px;
    /* transform: rotate(10deg); */
    content: "";
    left: 0px;
    right: 0px;
    bottom: -30px;
    background: url(img/slogan.png) no-repeat;
    background-size: cover;
    margin: 0px auto;
	
    animation: sloganMove 2.2s ease-in-out infinite;

}

@keyframes sloganMove {
    0%,
    100% {
        transform: translateX(0) scale(1);
        opacity: .35;
    }

    50% {
        transform: translateX(8px) scale(1.05);
        opacity: 1;
    }
}




.single-leistung h3.slogan {
    margin-left: 57px;
}

.single-leistung h3.slogan:after{
    margin-left: 0px;
}


.blog-categories {
    width: 100%;
    background: #F2F2F2;
    padding: 35px 0;
	margin-top: 80px;
	margin-bottom: 75px;
}

.blog-categories .container {
 display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 30px;
}

.blog-categories a {
    position: relative;

    color: #000;

   font-size: 20px;
font-weight: bold;
line-height: 1.65em;
font-style: normal;
text-align: left;
color: #000000;

    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;

    transition: color .2s ease;
}

.blog-categories a:hover,
.blog-categories a.is-active {
    color: #2d62af;
	text-decoration: none;
}
/*
.blog-categories a.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 2px;
    background: #2d62af;
}
*/

.blog-grid {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    column-gap: 26px;
    row-gap: 60px;
}

.blog-item {
    min-width: 0;
}

.blog-image {
    display: block;

    width: 100%;
    height: 270px;

    overflow: hidden;

    margin-bottom: 25px;

   filter: drop-shadow(0px 3px 10px rgba(0,0,0,0.2 ));

background: #0b83cc;
background: linear-gradient(155deg, 
#0b83cc 0.00%, 
#2d62af 100.00%);
}

.blog-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .45s ease;
	  display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    opacity: 0.30;
    mix-blend-mode: luminosity;
}

.blog-item:hover .blog-image img {
    transform: scale(1.035);
}

.blog-item-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.blog-category {
    display: block;

    margin-bottom: 7px;

    color: rgba(45, 98, 175, 1);

    font-size: 20px!important;
    line-height: 1.25;
    font-weight: 600;

    text-transform: uppercase;
}

.blog-item h2 {
    margin: 0 0 7px;

    font-size: 20px!important;
    line-height: 1.45;
    font-weight: 600;

    text-transform: uppercase;
}

.blog-item h2 a {
    color: #000;
    text-decoration: none;

    transition: color .2s ease;
}

.blog-item h2 a:hover {
    color: #2d62af;
}

.blog-excerpt {
    margin: 0 0 35px;

    color: #000;

    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
}

.blog-excerpt p {
    margin: 0;
}

.blog-item time {
    display: block;

    margin-top: auto;

    color: #8a8a8a;

    font-size: 20px;
    line-height: 1.4;
    font-weight: 300;
}

.blog-item-content {
    height: 100%;
}

.blog-item time {
    margin-top: auto;
}

.blog-item-content {
    height: 100%;
}

.blog-item time {
    margin-top: auto;
}

.blog-item {
    display: flex;
    flex-direction: column;
}

.blog-item-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.blog-pagination {
    display: flex;
    justify-content: center;
    align-items: center;

    gap: 8px;

    margin-top: 80px;
    margin-bottom: 80px;
}

.blog-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 44px;
    height: 44px;

    padding: 0 12px;

    color: #000;
    background: #f3f3f3;

    font-size: 16px;
    font-weight: 600;

    text-decoration: none;

    transition:
        background .2s ease,
        color .2s ease;
}

.blog-pagination .page-numbers:hover {
    color: #fff;
    background: #2d62af;
	text-decoration: none;
}

.blog-pagination .page-numbers.current {
    color: #fff;
    background: #2d62af;
}



.blog-results {
    position: relative;
    transition: opacity .25s ease;
}

.blog-overview.is-loading .blog-results {
    opacity: .35;
    pointer-events: none;
}





.single-post-area {
    background: #f4f4f4;
}

.single-blog-post {
    padding: 30px 0 90px;
}


/* BACK */

.site-content a.back-to-blog, 
.site-content a.back-to-blog:active, 
.site-content a.back-to-blog:visited, 
.site-content a.back-to-blog:focus{
    display: inline-block;
    margin-bottom: 45px;

    text-decoration: none;
	
	font-size: 20px;
font-weight: 500;
font-style: normal;
text-align: left;
color: #858689;
	
	
}

.site-content a.back-to-blog:hover {
        color: #2d62af
}


.single-post-grid {
    display: grid;
    grid-template-columns: 74fr 26fr;
    gap: 30px;
}

.single-post-main {
    min-width: 0;
}



.single-post-header {
    margin-bottom: 35px;
}


.single-post-header h1 {
    
    margin: 0 0 20px;

    color: #000;

    font-size: 57px;
    line-height: 1.14;
    font-weight: 700;
}

.post-intro {
    max-width: 1000px;

    margin: 0 0 22px;

    font-size: 20px;
    line-height: 1.45;
}

.post-intro p {
    margin: 0;
}

.single-post-date {
    display: block;

    color: #888;

    font-size: 15px;
    font-weight: 300;
}

.single-post-image {
    width: 100%;
    margin-bottom: 45px;

    overflow: hidden;
}

.single-post-image img {
    display: block;

    width: 100%;
    height: auto;
}

.single-post-content {
    color: #000;

    font-size: 18px;
    line-height: 1.55;
}

.single-post-content p {
    margin: 0 0 25px;
}

.single-post-content h2 {
    margin: 45px 0 12px;

    font-size: 25px;
    line-height: 1.25;
    font-weight: 600;

    scroll-margin-top: 130px;
}

.single-post-content h3 {
    margin: 35px 0 10px;

    font-size: 21px;
    line-height: 1.3;
    font-weight: 600;

    scroll-margin-top: 130px;
}

.single-post-sidebar {
    min-width: 0;
}

.post-toc,
.post-sidebar-cta {
    width: 100%;

    background: #fff;

    padding: 30px 30px 20px 30px;

    box-sizing: border-box;
}

.post-toc {
    margin-bottom: 30px;
}

.post-toc h2,
.post-sidebar-cta h2 {
    margin: 0 0 15px;

    color: #000;

    font-size: 17px;
    line-height: 1.3;
    font-weight: 600;
}

.post-toc ol {
    margin: 0;
    padding-left: 20px;
}

.post-toc li {
    margin-bottom: 7px;

    font-size: 15px;
    line-height: 1.4;
}

.post-toc li:last-child {
    margin-bottom: 0;
}

.post-toc a {
    color: #000;
    text-decoration: none;

    transition: color .2s ease;
}

.post-toc a:hover {
    color: #2d62af;
}

.post-toc .toc-level-3 {
    margin-left: 15px;

    opacity: .8;
}
.sidebar-symbol {
    display: block;

    width: auto;
    max-width: 65px;
    max-height: 65px;

    margin-bottom: 20px;
}

.sidebar-text {
    margin-bottom: 20px;

    color: #000;

    font-size: 16px;
    line-height: 1.5;
}

.sidebar-text p:last-child {
    margin-bottom: 0;
}

.post-sidebar-cta .butt {
    display: inline-flex;

    margin-top: 5px;
}

.post-contact {
    margin-top: 70px;
}

.post-contact > .section-overtitle {
    display: block;

    margin-bottom: 30px;

    color: #2d62af;

    font-size: 26px;
    line-height: 1.3;
    font-weight: 600;

    text-transform: uppercase;
}

.post-contact-content {
    max-width: 700px;
}



.single-post .site-content ul li::before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0px;
  width: auto;
    height: auto;
    background: transparent; 
    border-radius: %; 
}

.single-post .site-content .single-post-sidebar ol li{
	font-size: 20px;
font-weight: normal;
line-height: 1.65;
font-style: normal;
text-align: left;
color: #000000;
}

.single-post .site-content .single-post-sidebar h2{
	font-size: 20px;
font-weight: 700;
line-height: 1.35;
font-style: normal;
text-align: left;
color: #000000;
margin-bottom: 10px;
}

.site-content .single-post-sidebar ol li::marker{
	    color: #2d62af
}

.site-content .single-post-sidebar p {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.32em;
    font-style: normal;
    text-align: left;
    color: #000000;
	margin-bottom: 0px;
}

.single-post .single-post-sidebar a.butt, 
.single-post .single-post-sidebar a.butt:focus, 
.single-post .single-post-sidebar a.butt:visited, 
.single-post .single-post-sidebar a.butt:active, 
.single-post .single-post-sidebar a.butt:hover{
    margin-top: 0px;
}

.service-cover {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 40px;
}

.leistung-problem-content{
	padding-bottom: 20px;
}

.leistung-problem-content:before {
    left: 0px;
    top: 0px;
    content: "";
    background: #858689;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
}

.leistung-intro{
	padding: 170px 0px 20px 0px;
}

.leistung-intro-highlight h3{
	
}

.leistung-other.dark-part{
	background: #2c2e34;
background: linear-gradient(-179deg, 
#2c2e34 0.00%, 
#727377 100.00%);
padding: 70px 0px;
}

.leistung-projects{
	padding: 66px 0px 54px 0px;
}

.new-service-grid{
	margin-bottom: 72px;
}

.leistung-other-button a.butt, 
.leistung-other-button a.butt:focus, 
.leistung-other-button a.butt:visited, 
.leistung-other-button a.butt:active{
	margin: 0px auto;
}

.leistung-other.dark-part .service-title {
    padding: 26px 16px;
	gap: 10px;
}

.leistung-info{
	padding: 117px 0 42px 0px
}

.site-content .leistung-intro-highlight h3{
	font-size: 50px;
font-weight: bold;
line-height: 1.2em;
font-style: normal;
text-align: left;
color: #2d62af;
text-transform: none;
}

.leistung-intro-column h3{
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 25px;
    margin-bottom: 30px;
}

.leistung-intro-columns .leistung-intro-column:last-child h3{
	color: #2d62af;
}

.logo-slider{
	background: #f2f2f2;
}

.logo-slider .slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.logo-slider ul.slick-dots{
	margin-bottom: 0px!important;
}

.service-grid {
    padding-bottom: 380px;
}
.service-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas:         "service-1 service-2 service-3"        "service-4 service-help service-5";
    gap: 90px 90px;
    align-items: start;
}

.new-service-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.site-content .new-service-grid .service-title h3{
	font-size: 40px;
}

.agentur-numbers .section-overtitle {
    color: #ffffff;
}





.branchen-challenges-grid{
	display: grid;
	grid-template-columns: 58% 42%;
	align-items: start;
}

.branchen-challenges-grid h3.slogan{
	margin-left: 0px;
	text-align: left;
} 

.branchen-challenges-grid h3.slogan:after {
    margin: 0px auto 0px 5px;
} 

.branchen-problems {
	padding: 110px 0 100px;
}

.branchen-problems .grid-row {
	display: grid;
	grid-template-columns: 42% 58%;
	align-items: start;

	
	--bs-gutter-x: 0;
	margin-left: auto;
	margin-right: auto;
}


.branchen-problems-title {
	padding-right: 40px;
}



.branchen-problems-title .section-overtitle {
	display: block;
	margin-bottom: 30px;
}

.branchen-problems-title h2 {
	margin: 0;
	text-transform: none;
}


/* RIGHT */
.branchen-problem-items {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 35px;
}

.branchen-problem-item {
	text-align: center;
}

.branchen-problem-icon {
	height: 105px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.branchen-problem-icon img {
	display: block;
	max-width: 100px;
	max-height: 100px;
	width: auto;
	height: auto;
}

.branchen-problem-text {
	font-size: 20px;
	font-weight: normal;
	line-height: 33px;
	font-style: normal;
	text-align: center;
	color: #000000;
}

.branchen-problem-text p {
	margin: 0;
}


.branchen-challenges{
	padding: 73px 0px;
	background: #f2f2f2;
}

.single-projekt .mood:before{
	content: none;
	display: none;
}

.service-item h3{
		margin-bottom: 0px;
}

@media (max-width: 1280px) {
    .highlights > .container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .process-content {
        grid-template-columns: minmax(230px, .8fr) minmax(280px, 1.2fr);
    }

    .read-more {
        justify-self: start;
        grid-column: 2;
    }

  /*  .service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    } */
}





@media (max-width: 991px) {
	

	
	.section-intro {
    margin-bottom: 40px;
}
	
	    .page-template-template-agentur .agency-process .process-number {
        height: 80px;
        line-height: 80px;
        width: 80px;
    }
	
	.scroll-arrows{
		max-width: 80px;
	}
	
	.agency-process .process-items .process-item:nth-child(2), .agency-process .process-items .process-item:nth-child(4) {
    padding-left: 60px;
}

.page-template-template-agentur .agency-process .process-items .process-item:nth-child(2) .scroll-arrows {

        margin-top: 120px;
    }
	
	.projekte-filter .projekte-in {
    gap: 12px 20px;
}
	
	.single-leistung .home-mood,
	.page-template-template-branchen .home-mood, 
.page-template-template-agentur .home-mood, 
	.page-template-template-projekte .home-mood, 
	.page-template-template-blog .home-mood{
    min-height: 680px;
}
	
	
	.site-content .contact-cta h2 {
    white-space: normal;
}
	
	.main-contact {
    padding: 60px 0px 60px 0px;
}


.contact-cta {
    padding: 70px 0px 70px 0px;
}
	
	
	   .projekte-filter .container {
        gap: 12px 30px;
    }

    .projekte-item {
        grid-template-columns: 45% 1fr;
        gap: 40px;
    }

    .projekte-item-image img {
        height: 280px;
    }

    .projekte-item-content {
        padding-right: 0;
    }
	
	
    .container {
     /*   width: min(calc(100% - 48px), 1640px); */
    }

    .home-mood {
        min-height: auto;
        background-image: none !important;
    }





    .mood-content {
        padding: 85px 0 65px;
    }

    .mood-image {
        display: block;
    }

    .mood-image img {
        width: 100%;
        max-height: 650px;
        object-fit: cover;
    }

    .home-intro .row,
    .section-intro,
    .home-cta .row,
    .home-faq .row {
        flex-direction: column;
    }
/*
    .intro-values {
        width: 100%;
    }
*/
    .process-item {
        grid-template-columns: 90px minmax(0, 1fr);
    }

    .project-grid {
        grid-template-columns: 1fr;
    }

    .section-intro > div:last-child,
    .cta-content,
    .faq-agency {
        flex-basis: auto;
        padding-top: 25px;
    }

    .home-cta h2 {
        flex-basis: auto;
    }

    .faq-agency {
        width: 100%;
        max-width: 100%;
        padding: 0px;
    }
}

@media (max-width: 767px) {
	

	
h1 br{
	display: none;
}
	
	.projekte-item:after
 {
    content: "";
    width: 100%;
    position: absolute;
    right: 0px;
    bottom: -30px;
    top: auto;
    background: #D8D8D8;
    display: block;
    z-index: 9;
    height: 1px;
}
	
	.projekte-filter .projekte-in {
    gap: 12px 20px;
}

.projekte-item-image{
	padding-left: 0px;
}

   .single-leistung  .mood-content {
        padding-top: 0px;
    }
	
/*.page-template-template-branchen .home-mood, */
.single-leistung .home-mood, 
.page-template-template-agentur .home-mood, 	
.page-template-template-projekte .mood-content, 	
.page-template-template-blog .mood-content {
    padding-top: 30px;
}

.home-mood .mood-content {
    width: 100%;
    padding-right: 0px;
    box-sizing: border-box;
}
	
	    .home-mood::after {
        display: none;
    }
	

	.single-region .region-sectors {
		padding: 55px 0;
	}

	.single-region .region-sectors .sector-grid {
		grid-template-columns: 1fr;
	}

	.single-region .region-sectors .sector-item {
		min-height: 130px;
		grid-template-columns: 80px 1fr;
	}

	.single-region .region-sectors .sector-item img {
		width: 75px;
		height: 75px;
	}

	
		.region-benefits {
		grid-template-columns: repeat(3, 1fr);
		gap: 60px 40px;
	}
	
	
	   .leistung-project-grid {
        grid-template-columns: 1fr;
        gap: 40px;
        padding-bottom: 0;
    }

    .leistung-project-grid > .leistung-project-item:nth-child(3n + 2) {
        transform: none;
    }
	
	
	  .leistung-intro-columns {
        grid-template-columns: 1fr;
        gap: 30px;
    }
	
	 .leistung-services {
        grid-template-columns: 1fr;
    }
	
	 .new-service-grid {
        grid-template-columns: 1fr;
    }
	
	 .blog-categories {
        margin-bottom: 40px;
    }

    .blog-categories .container {
        gap: 10px;

        padding-top: 22px;
        padding-bottom: 22px;
    }

    .blog-grid {
        grid-template-columns: 1fr;

        row-gap: 45px;
    }

    .blog-image {
        height: auto;
        aspect-ratio: 400 / 270;
    }

    .blog-category,
    .blog-item h2,
    .blog-excerpt,
    .blog-item time {
        font-size: 18px;
    }

    .blog-excerpt {
        margin-bottom: 25px;
    }

    .blog-pagination {
        margin-top: 55px;
    }
	
	
	   .number-items {
        grid-template-columns: 1fr;
    }

    .number-item {
        min-height: auto;

        padding: 38px 25px;
    }

    .number-item:nth-child(even)::before {
        display: none;
    }

    .number-item:not(:first-child) {
        border-top: 0px solid rgba(255, 255, 255, .3);
    }

    .number-value {
        margin-bottom: 18px;

        font-size: 64px;
        letter-spacing: -2px;
    }

    .number-text {
        max-width: 300px;

        font-size: 19px;
        line-height: 1.4;
    }
	
	
	    .projekt-story,
    .projekt-result,
    .projekt-services {
        padding: 50px 0;
    }

    .projekt-story-grid,
    .projekt-result-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .projekt-gallery {
        max-width: none;
    }

    .projekt-result-image {
        order: 2;
    }

    .projekt-service-grid {
        grid-template-columns: 1fr;
        row-gap: 40px;
    }

    .projekt-service-item,
    .projekt-service-item:nth-child(4n + 1),
    .projekt-service-item:nth-child(2n + 1) {
        padding: 0;
        border-left: 0;
    }

    .projekt-services h2 {
        margin-bottom: 40px;
    }
	
    .projekte-listing {
        padding-top: 40px;
    }

    .projekte-filter .container {
        gap: 12px 25px;
    }

    .projekt-filter-button {
        font-size: 16px;
    }

    .projekte-item {
        display: block;
        padding: 30px 0;
    }

    .projekte-item-image {
        margin-bottom: 25px;
    }

    .projekte-item-image img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 10;
        object-fit: cover;
    }

    .projekte-item h2 {
        font-size: 25px;
    }

    .projekte-item-buttons {
        flex-wrap: wrap;

        gap: 20px 30px;

        margin-top: 25px;
    }

    .projekte-slider-nav {
        margin-top: 35px;
    }
	
	
    .all-faq {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .all-faq {
        columns: 1;
        column-gap: 0;
    }

    .process-item {
        gap: 20px;
    }

	
	    .mood-punkte {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
	
    body {
        font-size: 18px;
    }

  /*  .container {
        width: min(calc(100% - 32px), 1640px);
    }
*/
    .section-overtitle {
        margin-bottom: 10px;
        font-size: 18px;
    }

    h1 {
        margin-bottom: 28px;
        font-size: clamp(44px, 14vw, 68px);
    }

    h2 {
        margin-bottom: 32px;
        font-size: clamp(38px, 11vw, 58px);
    }

    h3 {
        font-size: 28px;
    }

    .mood-content {
        padding-block: 65px 50px;
    }

    .main-subtitle {
        font-size: 19px;
    }

    .highlights > .container {
        grid-template-columns: 1fr;
        gap: 25px;
        padding-block: 35px;
    }

    .intro-values {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .home-intro .row,
    .section-intro,
    .home-cta .row,
    .home-faq .row {
        gap: 50px;
    }

    .process-items {
        margin-top: 50px;
    }

    .process-item {
        grid-template-columns: 1fr;
        gap: 14px;
        padding-block: 0px;
    }

    .process-content {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .read-more,
    .intro-long {
        grid-column: 1;
    }

    .service-grid {
        grid-template-columns: 1fr;
    }

    .service-item {
        min-height: 350px;
    }

    .service-title {
        flex-direction: column;
        align-items: flex-start;
        padding: 28px;
    }

    .project-grid {
        margin-top: 45px;
    }

    .faq-agency {
        padding: 30px;
    }

    .faq-agency img {
        margin-bottom: 45px;
    }

    .faq-title {
        padding-block: 22px;
    }

    .faq-answer {
        padding-right: 0;
    }

    .home-regions {
        padding-block: 60px;
    }

    .region-list a,
    .region-list span {
        font-size: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        transition-duration: .01ms !important;
    }
}
















a.is-middle, 
a.is-middle:active, 
a.is-middle:visited, 
a.is-middle:focus{
	margin-left: auto;
	margin-right: auto;
	display: table;
	float: none;
}

.intro-cover{
	float: left;
}

.home-welcome a.butt:hover{
	color: #fff;
}

.home-slide{
	position: relative;
	background-size: cover!important;
}



.news-text{
    margin-top: 50px;
}

.single-news{
    margin-bottom: 112px;
}


.single-news h3 a, 
.single-news h3 a:hover,
.single-news h3 a:visited{
        color: #b51614;
        text-decoration: none;
}

.phone{
 font-size: 22px;
font-weight: 600;
}



a.menu-burger-back, 
a.menu-burger-back:focus, 
a.menu-burger-back:active,
a.menu-burger-back:visited{
background: url(img/close.png) no-repeat;
width: 45px;
height: 44px;
border: 0px;
border-radius: 0px;
position: absolute;
top: 25px;
right: 0px;
z-index: 999;
cursor: pointer;
display: none;

}

a.menu-burger-back:after{
content: "Galeriefenster schliessen";
position: absolute;
    top: 50px;
right: 0px;
text-align: right;
color: #000000;
font-size: 18px;
font-weight: 600;
line-height: 18px;
}




.site-content ul, .site-content ol{
    margin-bottom: 1.5em;
}

.contact-center{
 float: left;
     width: 100%;
}

.required{
	font-family: 'Barlow';
font-size: 11px;
font-weight: normal;
line-height: 1.63em;
    margin-top: 0px;
    display: block;
}

.contact-second{
	padding: 105px 0px 310px;
	background: #010306;
	

	
	  background-image: url(img/logo-bg-light.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;

}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}

.in-person{
	background: #b51614;
	padding: 9px 30px 15px;
}


.site-footer p{
margin-top: 0px;
font-size: 20px;
font-weight: normal;
line-height: 1.5em;
font-style: normal;
text-align: left;
color: #000000;
}

.site-footer ul li{
margin-top: 0px;
font-size: 20px;
font-weight: normal;
line-height: 1.5em;
font-style: normal;
text-align: left;
color: #000000;
letter-spacing: normal;
margin-top: 0px;
list-style-type: none;
}

.site-footer ul{
margin-left: 0px;
padding-left: 0px;
}

.site-footer ol li{
color: #000;
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
text-align: left;
font-style: normal;
letter-spacing: normal;
margin-top: 0px;
list-style-type: none;
}

.site-footer ol{
margin-left: 0px;
padding-left: 0px;
}

.site-footer a,
.site-footer a:focus, 
.site-footer a:visited{
color: #000;
text-decoration: none;
}

.site-footer a:hover{
text-decoration: underline;
}

h2.widget-title{
color: #000;	
}


#map{
height: 618px;
width: 100%;
max-width: 100%;
}

.over-map-first{
  background: rgb(0 0 0 / 72%);
}

body:not(.home) .top-part, 
body:not(.home) .top-part .container{
	min-height: 0px;
	background-size: cover!important;
}


span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0;
}
 
.site-content .wpcf7 p{


font-family: 'Barlow';
font-size: 22px;
font-weight: 500;
line-height: 1.5em;
font-style: normal;
text-align: left;
color: #ffffff;
 }
 
.site-content .wpcf7 p.pfl {
  font-family: 'Barlow';
font-size: 22px;
font-weight: 500;
line-height: 1.5em;
font-style: normal;
text-align: left;
color: #ffffff;
	margin-bottom: 40px;
}
 
 .row-line-bott{
	 margin-top: 18px;
 }
 
 .site-content .wpcf7 .form-left p{
	 margin-bottom: 0px;
	 line-height: 40px;
	 height: 40px;
 }
 
.wpcf7 input[type="text"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="url"], 
.wpcf7 input[type="password"], 
.wpcf7 input[type="search"], 
.wpcf7 input[type="number"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="range"], 
.wpcf7 input[type="date"], 
.wpcf7 input[type="month"], 
.wpcf7 input[type="week"], 
.wpcf7 input[type="time"], 
.wpcf7 input[type="datetime"], 
.wpcf7 input[type="datetime-local"], 
.wpcf7 input[type="color"] {
 height: 50px;
 line-height: 50px;
 border-top: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;
 border-radius: 0px;
 padding: 0px 10px; 
 
font-size: 22px;
font-weight: normal;
line-height: 1.59em;
font-style: normal;
text-align: left;
color: #000000;

font-style: normal;
text-align: left;
margin-bottom: 21px;
width: 100%;
max-width: 100%;
background: transparent;
 }
 
.wpcf7 textarea{
    height: 169px;

 border-top: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;
background: #f2f2f2;
 border-radius: 0px;
  padding: 12px 10px; 

  background: transparent;

font-size: 22px;
font-weight: normal;
line-height: 1.59em;
font-style: normal;
text-align: left;
color: #000000;



width: 100%;
max-width: 100%;
}

.wpcf7 ::-webkit-input-placeholder {
  color: rgb(0, 0, 0);
}

.wpcf7 ::-moz-placeholder {
  color: rgb(0, 0, 0);
}

.wpcf7 :-ms-input-placeholder {
  color: rgb(0, 0, 0);
}

.wpcf7 :-moz-placeholder { 
  color: rgb(0, 0, 0);
}

.wpcf7 textarea{
	font-family: 'Barlow';
}

.wpcf7 textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 1);
}

.wpcf7 textarea::-moz-placeholder {
    color: rgba(0, 0, 0, 1);
    opacity: 1;
}

.wpcf7 textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, 1);
}

.wpcf7 textarea::placeholder {
    color: rgba(0, 0, 0, 1);
    opacity: 1;
}


.wpcf7 p{
margin-bottom: 0px;
color: #000;
}



.site-content .wpcf7 p.pfl {
font-size: 11px;
    line-height: 13px;
    font-weight: 300;
    font-style: normal;
    text-align: left;
    color: #000;
        margin-bottom: 0px;
    margin-top: 10px;
}

.inside{
padding-top: 75px;
padding-left: 39px;
padding-bottom: 40px;
}


.over-map-first p{
color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}

.over-map-second p{
 color: #ffffff;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}

.over-map-second a, 
.over-map-second a:focus, 
.over-map-second a:visited{
color: #fff;
text-decoration: none;
}

.over-map-second a:hover{
color: #fff;
text-decoration: none;
}

.over-map-second a:hover{
text-decoration: underline;
}

.site-content p strong{
font-weight: 600;
}

.contact-center{
background-color: rgb(0 0 0 / 12%);
}

.wpcf7 button, 
.wpcf7 input[type="button"], 
.wpcf7 input[type="reset"], 
.wpcf7 input[type="submit"],
.wpcf7 button:focus,
.wpcf7 input[type="button"]:focus, 
.wpcf7 input[type="reset"]:focus, 
.wpcf7 input[type="submit"]:focus,
.wpcf7 button:visited, 
.wpcf7 input[type="button"]:visited, 
.wpcf7 input[type="reset"]:visited, 
.wpcf7 input[type="submit"]:visited{
    display: table;
    height: 58px;
    line-height: 58px;
    color: #ffffff;
    font-size: 20px;
font-weight: 600;
font-style: normal;
text-align: left;
color: #ffffff;
    background: #2d62af;
background: linear-gradient(160deg, 
#2d62af 0.00%, 
#0b83cc 100.00%);

    border: 0px solid transparent;
    text-align: center;
    font-style: normal;
    letter-spacing: normal;
    padding: 0 22px;
    margin-top: 0px;
    float: none;
    border: 0px solid transparent;
    text-decoration: none;
    border: 0px;
	border-radius: 0px;
    color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 0px;
	text-transform: uppercase;
}


.wpcf7 button:hover, 
.wpcf7 input[type="button"]:hover, 
.wpcf7 input[type="reset"]:hover, 
.wpcf7 input[type="submit"]:hover{
   

    background: transparent;
    border: 0px solid transparent;
    text-decoration: none;
    background: #0062ae;
    background: linear-gradient(141deg, #0062ae 0%, #389fcd 100%);
    color: #fff;
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
    text-decoration: none;

   -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
    text-decoration: none;
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
}


















.slider-part{
margin-bottom: 30px;
}

.ico{
	float: right;
}

.icon{
margin-top: 40px;
}

.end-of-content{
    margin: 60px 0px 114px 0px;
}


.top-part .container{
	position: relative;
}
	
.home-slide, .top-part{
		background-repeat: no-repeat!important;
	}
	
	.top-part{
		position: relative;
	}
	
	
	.responsive-main { display: none; }
.responsive-main.slick-initialized { display: block; }
	


.site-content .main-title h1{

color: #ffffff;
font-size: 70px;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 80px;
text-align: left;

font-style: normal;
letter-spacing: normal;
text-transform: uppercase;
    text-align: left;
    float: left;
	margin: 0px;
	width: 969px;
	    margin-left: 70px;
    text-indent: -70px;
}

.site-content .main-title h2{
text-shadow: 0 0 50px #b51614;
color: #ffffff;
font-size: 40px;
font-weight: 500;
font-style: normal;
letter-spacing: normal;

text-align: left;

font-style: normal;
letter-spacing: normal;
line-height: normal;
text-transform: uppercase;
padding-left: 210px;
width: 969px;
}

.home .main-title h1{
	background: transparent;
	padding: 0px;
	height: auto;
	line-height: normal;
}

.home-first{
	padding: 76px 0px 65px 0px;
}

.home-second{
	padding: 114px 0px;
	
	background: #2b2e31;
background: linear-gradient(0deg, 
#2b2e31 0.00%, 
#010306 100.00%);
}

.home-third{
	padding: 105px 0px;	

}

.anfor-image img{
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-height: 129px;
	margin-bottom: 25px;;
}



.in-reference {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.reference-left {
    display: flex;
    flex-direction: column;
}

.company-position {
    margin-left: auto;
    flex-shrink: 0;
}

.company-position img {
    display: block;
    max-width: 120px;
    height: auto;
}



.company-logo{
	
}

.read-more.upper{
	text-transform: uppercase;
}

.bottom-part .left-part{
	padding: 40px 0px;
}


.home .home-third.new-third{
	background-size: cover;
}



.site-content h2.tit-mit-cover{
	    background: #b51614;
		    color: #fff; 
			    padding: 8px 0px;
				margin-bottom: 50px;
}

.site-content .leitsatz p{
	margin-bottom: 0px;
}

.site-content .leitsatz a.more-butt {
    color: #b51614!important;
    text-decoration: underline;
}

.site-content .leitsatz a.more-butt:hover{
    color: #b51614;
    text-decoration: none;
}

.site-content .leitsatz img{
	margin: 0px auto;
	display: table;
}

.site-content .leitsatz h3{
	    color: #b51614;
		text-align: center;
}

.site-content .leitsatz p{
	    color: #000;
}

.home .site-content .leitsatz p {
    text-align: center;
}

img.full-image{
	width: 100%;
}

.header-left{
	width: 29%;
	float: left;
}

 
.header-right{
	width: 71%;
	float: left;
}

.header-right{
	    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.main-bg{
	background-repeat: no-repeat!important;
	background-size: cover!important;
}


/*
.main-bg {
    position: relative;
    background-image: none !important;
}

.main-bg::before {
    content: "";
    position: fixed;
    z-index: -1;

    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
*/

.punkte {
    position: relative;
    max-width: 100%;
}



.punkt {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding-bottom: 32px!important;
/*	margin-bottom: 32px; */
}

.punkt:last-child{
	    padding-bottom: 0px!important;
}

.punkt:after{
	position: absolute;
	width: 2px;
	height: calc(100%);
	content: "";
	background: #E8E8E8;
	left: 32px;
	bottom: 0px;
}



.first-part a.butt{
	margin-left: 388px;
}

.bottom-part a.butt{
	margin-left: 140px;
}

.punkt-content{
	position: relative;
}

.punkt-content:before{
	position: absolute;
	width: 100%;
	height: 2px;
	content: "";
	background: #E8E8E8;
	left: 0px;
	bottom: -15px;
}

.punk:last-child .punkt-content:before{
	content: none!important;
}

.first-part .full-image{
	margin-top: 80px;
}

.punkt:last-child {
    padding-bottom: 0;
}

.punkt:last-child:after{
	content: none;
}

.punkt-number {
    position: relative;
    z-index: 2;

    flex: 0 0 65px;
    width: 65px;
    height: 65px;

    display: flex;
    align-items: center;
    justify-content: center;
font-family: 'Barlow';
    border-radius: 50%;
    background: #0085c8;
    color: #fff;


	
	font-size: 35px;
font-weight: 500;
font-style: normal;
text-align: left;
color: #ffffff;
}

.punkte .punkt:nth-child(2) .punkt-number{
	background: #000;
}



.punkt-content {
    flex: 1;
    padding-top: 2px;

    font-size: 16px;
    line-height: 1.4;
}

.punkt-content p {
    margin: 0;
}

.punkt-content strong {
    display: block;
    margin-bottom: 2px;

    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}




.punkte .punkt:last-child .punkt-content:before{
	content: none;
}



.is-full-image img{
	width: 100%;
}


.symbol-cover{
	height: 104px;
		margin: 0px auto 32px auto;
	display: table;
}

.symbol-cover svg{
	display: table;
	margin-left: auto;
	margin-right: auto;
}

img.big-image{
	margin: 0px auto 18px;
	    display: block;
}

.symbol-left{
	width: 35%;
	float: left;
	padding: 40px 0px;
}

.leitsatz-row h3{
	color: #b51614;
		margin-bottom: 10px;
}

.parallax-img-wrap {
    overflow: hidden;
	margin-top: 90px; 
}

.parallax-img {
    display: block;
    width: 100%;
    height: auto;
    transform: translate3d(0, 0, 0);
    will-change: transform;
	
}


.parallax-img {
 /*   width: 100%;
    height: calc(100% + 100px);
    object-fit: cover;
    margin-top: -50px; */
}



.service-first {
    background-size: cover!important;
}

.carousel-cover{
	position: relative;
}

.contact-split--reverse a.butt {
    margin-left: 388px;
}


.hide-layout{
	height: 100px;
	width: 100%;
	background: #2B2E31;
	position: relative;
    z-index: 9;
    margin-bottom: 20px;
}


.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-content {
    border-radius: 0px !important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-content{
	    float: right;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-content, 
.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-right .ctl-content{

    max-width: 510px;
}
 
.leitsatz-row p, 
.leitsatz-row ul li{
	color: #000;
	margin-bottom: 0px;
}

.leitsatz-row .row:nth-child(odd){
	background: #fff;
}


.leitsatz-row .row:nth-child(even){
	background: #e5e5e5;
}


.symbol-left img, 
.symbol-left svg{
	margin: 0px auto;
	display: block;
}

.symbol-right{
	width: 65%;
	float: left;	
		padding: 40px 40px 40px;
}


.downloads{
	margin-top: 20px;
}

.downloads a, 
.downloads a:focus, 
.downloads a:active, 
.downloads a:visited, 
.downloads a:hover{
	text-decoration: none;
}

.service-first.quality{
	background: #010306;
}

.link-title{
	text-align: center;
	    margin-top: 10px;
	display: table;
margin-left: auto;
margin-right: auto;


font-family: "Branding SF";
font-size: 22px;
font-weight: 300;
line-height: 35px;
font-style: normal;
text-align: center;
color: #ffffff;
}


.ctl-wrapper {
    max-width: 100%!important;
}

.company-note{
	margin-top: 60px;
}

.min-size{
	min-height: 1px;

}



.full-h {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.info-call{
	font-family: 'Barlow';
font-size: 83px;
font-weight: 500;
line-height: 96px;
font-style: normal;
text-align: left;
color: #ffffff;
line-height: 0.8;
}

.comm{
	font-family: 'Barlow';
font-size: 30px;
font-weight: 500;
line-height: 35px;
font-style: normal;
text-align: left;
color: #ffffff;
}

.home-serv{
	
	padding: 100px 0px 118px;
	
	background: #010306;
background: linear-gradient(0deg, 
#010306 0.00%, 
#2b2e31 100.00%);
}



.home-services .service-line.row .col-two:not(:last-child) {
    margin-right: 0px;
}

.home-services .service-line .col-two {
width: 50%;
 
}

.else-contain {
    display: flex;
    flex-direction: row;
}

.home-services .service-line .txt-part{
	    display: flex;
  /*  justify-content: center; */
    align-items: center;
	
}


.home-services .service-line:nth-child(odd) .txt-part{
	    justify-content: flex-start;
				padding-left: 40px;
		
}


.home-services .service-line:nth-child(even) .txt-part{
	    justify-content: flex-end;
		padding-right: 40px;
}

.home-services .service-line .txt-part p{
	color: #fff;
}


.home-serv a.more-butt, 
.home-serv a.more-butt:focus, 
.home-serv a.more-butt:active, 
.home-serv a.more-butt:visited{
	color: #b51614;
	text-decoration: underline;
}

.home-serv a.more-butt:hover{
	color: #b51614;
	text-decoration: none;
}

.site-content .txt-part p{
	margin-bottom: 0px;
}



.home-services .service-line .img-part img{
	width: 100%;
}

.home-services .service-line:nth-child(odd) .img-part{
	float: left;
	order: 1;
}


.home-services .service-line:nth-child(odd) .txt-part{
		float: right;
		order: 2;
}



.home-services .service-line:nth-child(even) .img-part{
	float: right;
	order: 2;
}

.home-services .service-line:nth-child(even) .txt-part{
	float: left;
	order: 1;
}

.service-second{
	background: #b51614;
		padding: 30px 0px 35px 0px;
}

.site-content .service-second h2{
	color: #fff;

}

.service-second a.butt.inverse, 
.service-second a.butt.inverse:focus, 
.service-second a.butt.inverse:visited, 
.service-second a.butt.inverse:active {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
	    margin-top: -50px;
}

.service-second a.butt.inverse:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #b51614;
}

.service-second .logos {
    margin: -76px auto 0px;
}

.service-second .logos picture:first-child{
     margin-left: 550px;
	margin-right: 60px;
}

.service-second .logos picture:nth-child(2){
	margin-right: 40px;
}

.im-cov{
	background: #000;
}


span.read-more{
font-size: 22px;
    font-weight: 300;
    line-height: 1.59em;
    color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
text-align: center;
color: #ffffff;
display: table;
margin-left: auto;
margin-right: auto;
}

span.read-more:hover{
		text-decoration: none;
	border-bottom: 1px solid transparent;
	text-decoration: none;
	    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
}



.site-content .home-left-part h2{
	font-size: 42px;
}

body .featherlight .featherlight-content {
    max-height: none;
}

.menu-burger-back{
	display: none!important;
}




.contact-first{
	padding: 105px 0px;	
	background: #2b2e31;
background: linear-gradient(0deg, 
#2b2e31 0.00%, 
#010306 100.00%);
padding: 130px 0px 63px 0px;
	
position: relative;
	
	
}

.contact-first .container{
	position: relative;
	z-index: 2;
}

.contact-first:before{
	    background-image: url(img/logo-bg-light.png);
    background-position: 0% 100%;
    background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 1;
}


.material-button{
	width: 33px;
	height: 18px;
	background: url(img/button-arr.png) no-repeat center center;
	display: block;
	border: 0px;
	border-radius: 0px;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 15px;
	margin-bottom: 10px;
	
	transform: scaleY(-1);

}

.material-active .material-button{
		transform: none;
}


.home-third.dark-part.requirments{
	padding-top: 0px;
}

.site-content .bottom-part h2 {
    font-size: 45px;
}

.site-content .material ul{
    margin-bottom: 0px;

}



.site-content .material p{
    margin-bottom: 0px;
}

.site-content .material li {
    padding-left: 20px;
	margin-bottom: 20px;
}

.site-content .material li {
    position: relative;
	list-style-type: none;
}


.site-content .material li::before {
    content: "";
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    background: #fff;
    top: 13px;
}










  




.site-header .container{
	position: relative;
}


body {
	transition: all 1s linear;
}

.burgwrapp {
	width: 100%;

}

.wrapp {
	position: absolute;
	top: 75px;
	right:0px;
	z-index: 99999999;
}
/*
.burgmenu:after {
	position: absolute;
	content: "Men\00fc";
    left: -86px;
    top: 0px;
	text-transform: uppercase;
	text-align: right;
	padding: 0px;
	color: #b51614;
	font-size: 23px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: normal;
	text-align: left;
	font-style: normal;
	letter-spacing: normal;
	line-height: 22px;
	text-transform: uppercase;
}
*/

.burgmenu {
	width: 28px;
	height: 20px;
	cursor: pointer;
	position: relative;
}

.bar1,
.bar2,
.bar3 {
	position: absolute;
	top: 0;
	left: 0px;
	display: block;
	font-size: 10px;
	padding: 0;
	-webkit-appearance: none;
	width: 28px;
	height: 2px;
	border-radius: 0px;
	background-color: #0062ae;
	-webkit-transition: all 0.4s ease-in;
	-webkit-transform: rotate(0deg);
}

.bar2 {
	top: 8px;
}

.bar3 {
	top: 16px;
}

.bar1.active {
	top: 8px;
	-webkit-transform: rotate(-135deg);
	-webkit-transition: all 0.2s ease-in;
}

.bar2.active {
	left: 40px;
	background-color: transparent;
	-webkit-transition: all 0.2s ease-in;
}

.bar3.active {
	top: 8px;
	-webkit-transform: rotate(135deg);
	-webkit-transition: all 0.2s ease-in;
}




.wrapp.hov .bar1, .wrapp.hov .bar2, .wrapp.hov .bar3 {
    background-color: #ffffff;
}



.wrapp.hov .bar2.active{
	    background-color: transparent;
}

/* burger menu end */


.reference-cover{
overflow-x: hidden;
}


 .reference-cover .slick-next, 
  .reference-cover .slick-next:hover, 
   .reference-cover .slick-next:focus {
    right: 28px; 
        z-index: 9;
        width: 88px;
        height: 90px;
        background: url(img/arrow-right.png) no-repeat;
}

 .reference-cover .slick-prev,  .reference-cover .slick-next {
    top: 38%;
}

.reference-cover .slick-prev, 
.reference-cover .slick-prev:hover, 
.reference-cover .slick-prev:focus {
    left: 28px;
        z-index: 9;
                width: 88px;
        height: 90px;
                background: url(img/arrow-left.png) no-repeat;
}


.reference-cover .slick-prev:before, .reference-cover .slick-next:before{
display: none;
content: none;
}




  .reference-cover .slick-slide {
    margin: 0 15px;
  }

  .reference-cover .slick-list {
    margin: 0 -15px;
  }

    .reference-cover .slick-slide img {
    display: block;
    width: 100%;
}

.reference-infos{
display: none;
}

.slick-active .reference-infos{
display: block;
}

.reference-infos{
padding: 40px 0px;
}

.reference-part{
padding-bottom: 60px;
}

.reference-item h2{
text-align: center;
margin-bottom: 0px;
}

.reference-item h3{
text-align: center;
margin-bottom: 30px;
}

.reference-item h2 a, 
.reference-item h2 a:focus, 
.reference-item h2 a:visited{
   color: #000;  
}

a.butt-referenz, 
a.butt-referenz:focus, 
a.butt-referenz:visited{
   color: #000;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   display: table;
}

.partners ul{
text-align: center;
}

.partners ul li{
display: inline-block;
    margin: 0px 11px;
    height: 145px;
    line-height: 145px;
}

.partners img {
    vertical-align: middle;
}

.text-bottom{
margin-top: 50px;
}


.on-reference-page .slick-slide {
    margin: 0 7.5px;
  }

  .on-reference-page .slick-list {
    margin: 0 -7.5px;
  }   
  
  .slider-for.slider, 
  .slider-nav.slider{
  margin-bottom: 30px;
  }
  
  .slider-nav.slider .slick-slide{
       position: relative;
       opacity: ;
  } 
  
    .slider-nav.slider .slick-slide img{
    opacity: 0.65;
    }
  
    .slider-nav.slider .slick-slide{
    cursor: pointer;
    }
  
  .slider-nav.slider .slick-slide::after {
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: url(img/magnif.png) no-repeat 50% 50%;
     
 }

.slider-nav.slider .slick-slide.slick-current img{
        opacity: 1;
}

.slider-nav.slider .slick-slide:hover img{
        opacity: 1;
            -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
}

.slider-nav.slider .slick-slide:hover::after{
    content: none; 
    background: transparent;
        -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
}

.slider-nav.slider .slick-slide.slick-current::after {
    content: none; 
    background: transparent;
 }


.single-referenz .top-section-only-titel {
    margin: 15px 0px 0px 0px;
}

.home-welcome .col-three{
position: relative;
}

.home-welcome .butt{
position: absolute;
bottom: 0px;
left: 30px;
bottom: 30px;
}

.top-section h1{
   color: #000000;
font-size: 22px;
font-weight: 400;
line-height: 36px;
}



.featherlight .featherlight-content{
	background: transparent;
}

 .site-content .map p{
	 margin-bottom: 0px;
 }
 
 .contact-third{
	  padding: 72px 0px 40px 0px;
 }
 
.site-content .home-contact h2{
	 text-transform: none;
	 margin-bottom: 0px;
	 margin-top: 44px;
 }

.slider-nav .slick-prev, .slider-nav .slick-prev:hover, .slider-nav .slick-prev:focus {

   left: -30px;
    z-index: 9;
    width: 25px;
    height: 25px;
    background: url(img/arrow-left.png) no-repeat;
	background-size: 100% 100%;
			border-radius: 0px;
}


.slider-nav .slick-next, .slider-nav .slick-next:hover, .slider-nav .slick-next:focus {

  right: -30px;
    z-index: 9;
    width: 25px;
    height: 25px;
    background: url(img/arrow-right.png) no-repeat;
		background-size: 100% 100%;
		border-radius: 0px;
}

.slick-prev:before{
	display: none;
}

.slick-next:before{
	display: none;
}



table td, table td p, table span{
color: #000!important;

}

.tablepress thead{
	background: #c9c8c8;

}

.tablepress tr.odd{
	background: #e5e5e5;
}

.tablepress tr td:first-child, .tablepress tr th:first-child{
	text-align: left;
}

.tablepress tr td, .tablepress tr th{
	border-right: 1px solid #d6d6d6;
	text-align: center;
}

.tablepress>*+tbody>*>*, .tablepress>tbody>*~*>*, .tablepress>tfoot>*>* {
    border-top: 1px solid #d6d6d6;
}

.tablepress thead th{
		font-size: 21px;
font-weight: normal;
font-style: normal;
text-align: center;
color: #2b2e34;
}


.tablepress tr td:first-child{
	width: 190px;
}

.tablepress tr td{
	font-size: 21px;
font-weight: normal;
font-style: normal;

color: #2b2e34;
padding-left: 20px;
padding-right: 20px;
}

.awmp_map_wrapper {
    border: 0px !important;
}

.awmp-map {
    font-family: 'Branding SF'!important;
}


.tablepress>:where(thead,tfoot)>*>th{
	background-color: transparent!important;
}


.contact-page-left{
	width: 430px;
	float: left;
	margin-right: 59px;
}

.contact-page-right{
	float: left;
	width: 100%;
		width: -webkit-calc(100% - 489px);
	width: -moz-calc(100% - 489px);
	width: calc(100% - 489px);
}

.site-content .form-full p{
	margin-bottom: 0px;
}

.wpcf7-form-control-wrap[data-name=acceptance-821]{
color: #fff;
font-size: 12px;
font-weight: 300;
font-style: normal;
letter-spacing: normal;
line-height: 18px;
text-align: left;
font-style: normal;
letter-spacing: normal;
display: block;
float: left;
}


.site-content .wpcf7-acceptance {

font-size: 11px;
font-weight: 300;
line-height: 13px;
font-style: normal;
text-align: left;
color: #000;


}


.form-left{
	width: 88px;
	float: left;
}

.form-right{
	width: 100%;
	width: -webkit-calc(100% - 88px);
	width: -moz-calc(100% - 88px);
	width: calc(100% - 88px);
	float: left;
}

.site-content .contact-form p{
font-style: normal;
letter-spacing: normal;
text-align: left;
font-style: normal;
letter-spacing: normal;


color: #000000;

font-size: 18px;
font-weight: 300;
font-style: normal;
letter-spacing: normal;
line-height: 50px;
text-align: left;
font-style: normal;
letter-spacing: normal;
}


.site-content .form-left, .site-content .form-full{
font-style: normal;
letter-spacing: normal;
line-height: 40px;
text-align: left;
font-style: normal;
letter-spacing: normal;


color: #000000;
font-size: 18px;
font-weight: 300;
font-style: normal;
letter-spacing: normal;
line-height: 40px;
text-align: left;

font-style: normal;
letter-spacing: normal;

}

.site-content .row-line-bott .form-full{
color: #e3e3e4;
font-size: 15px;
font-weight: 300;
font-style: normal;
letter-spacing: normal;
line-height: 20px;
text-align: left;
font-style: normal;
letter-spacing: normal;
line-height: normal;
}



.item-title{

font-size: 22px;
font-weight: 300;
font-style: normal;
text-align: left;
color: #ffffff;
background: #389fcd;
background: linear-gradient(161deg, 
#389fcd 0.00%, 
#0062ae 100.00%);
text-align: left;

font-style: normal;
letter-spacing: normal;
line-height: normal;

padding: 12px 20px 12px 30px;
    text-transform: none;
  
   position: relative;
    cursor: pointer;
	
	
	font-family: 'Barlow';
font-size: 30px;
font-weight: 500;
line-height: 35px;
font-style: normal;
text-align: left;
color: #ffffff;
	
}

.item-title span{
font-size: 15px;
font-style: normal;
letter-spacing: normal;
line-height: normal;
text-transform: uppercase;
}

.item-title:before{
	position: absolute;
	left: 8px;
	content: "";
	padding-right: 10px;
	top: 20px;
	width: 12px;
	height: 12px;
	background: url(img/plus.png) no-repeat center center;
	display: inline-block;
}

.single-item.hov .item-title:before{
	position: absolute;
	left: 8px;
	content: "";
	padding-right: 10px;
	top: 20px;
	width: 12px;
	height: 12px;
	background: url(img/minus.png) no-repeat center center;
	display: inline-block;
}


.site-content .dark-part .item-content h1, 
.site-content .dark-part .item-content h2, 
.site-content .dark-part .item-content h3, 
.site-content .dark-part .item-content h4, 
.site-content .dark-part .item-content h5, 
.site-content .dark-part .item-content p, 
.site-content .dark-part .item-content ul li {
    color: #000;
}



.item-content{
	background: #fff;
	padding: 36px 30px 20px;
}


.site-content .item-content li {
    color: #000000;
    padding-left: 20px;
	list-style-type: none;
}

.site-content .item-content li {
    position: relative;
}

.site-content .item-content li::before {
    content: "";
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    background: #0062ae;
    top: 13px;
}



.single-item.hov .item-content{
	display: block;
}

.site-footer ul {
    list-style-type: none;
    margin-left: auto;
    margin-right: 0;
    display: table;
	text-align: right;
}

.footer-all-logos{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    margin: 0px auto;
}

.table-cover{
	overflow-x: auto;
}

.table-cover .table{
	width: 1180px;
}

.standard{
	padding: 100px 0px;
}

.is-full-image{
	width: 100%;
}

.slick-slide img {
    width: 100%;
}


.three-cols {
    display: flex;
    gap: 1px; /* Mezera mezi sloupci */
}

.col {
    flex: 1;
    padding: 0px;
}

.col:nth-child(1), .col:nth-child(2) {
    border-right: 1px solid #fff; 
}

   .red-part .carousel .slick-prev {
	   top: 50%!important;
          -webkit-transform: translate(0, -50%)!important;
    -ms-transform: translate(0, -50%)!important;
    transform: translate(0, -50%)!important;
	background: #ffffff00 url(img/arrow-left-white.png) no-repeat !important;
		 background-size: cover!important;
    }

    .red-part .carousel .slick-next {
		top: 50%!important;
           -webkit-transform: translate(0, -50%)!important;
    -ms-transform: translate(0, -50%)!important;
    transform: translate(0, -50%)!important;
	 background: #ffffff00 url(img/arrow-right-white.png) no-repeat !important;
	 background-size: cover!important;
    }


.red-part{
	    background: #b51614;
    padding: 30px 0px 30px 0px;
}

.site-content .red-part h2{
	font-size: 39px;
font-weight: 600;
font-style: normal;
text-align: left;
color: #ffffff;
}

.site-content .red-part h3{
	font-size: 27px;
font-weight: 400;
font-style: normal;
text-align: left;
color: #ffffff;
text-transform: none;
margin-bottom: 0px;
}

.site-content .red-part h3 strong{
	font-size: 27px;
font-weight: 600;
font-style: normal;
text-align: left;
color: #ffffff;
text-transform: uppercase;
}

.site-content .red-part p{
	margin-bottom: 0px;
	line-height: 1.5;
}



.site-footer img.full-image{
    vertical-align: bottom;
}


#media_image-2 img{
	float: right;
	    margin-top: 8px;
}

.map-cover p{
	display: none;
}

.map-cover .awmp_map_wrapper p{
	display: block;
}


.map-cover iframe, .awmp-map {
    width: 100% !important;
}

.foot3 .widget{
	width: 100%;
	    float: left;
}

  .site-footer ul li{
	    float: left;
    list-style-type: none;
}

.site-footer ul li{
	    float: left;
    list-style-type: none;
}

.site-footer ul li:not(:first-child):before {
    content: "|";
  
    text-align: left;
    margin-right: 5px;
    margin-left: 5px;
}

.site-footer .logos{
    margin-left: 0px;
}

#nav_menu-3{
	margin-top: 5px;
}



.site-footer .logos picture:first-child{
	margin-right: 20px;
}

#menu-soziales-menu{
	margin-bottom: 46px;
}

#menu-soziales-menu a{
	width: 31px;
	height: 31px;
	display: block;
	    float: left;
}

#menu-soziales-menu li{
	text-indent: -9999px;
		width: 31px;
	height: 31px;
}

#menu-soziales-menu li:not(:last-child){
	margin-right: 11px;
}

#menu-soziales-menu .linkedin a{
	background-image: url(img/linkedin.png);
	background-repeat: no-repeat;
	background-size: cover;
}


#menu-soziales-menu .facebook a{
	background-image: url(img/facebook.png);
	background-repeat: no-repeat;
	background-size: cover;
}

/*
.navi-footer ul li:not(:first-child):before {
    content: "|";
    color: #fff;
    text-decoration: none;
    margin-right: 5px;
    margin-left: 3px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: 28px;
    text-align: right;
    font-style: normal;
    letter-spacing: normal;
}
*/





.foot2{
	margin-bottom: 7px;
}


.site-footer ul#menu-soziale-netzwerke li{
		text-indent: -9999px;
}


.site-footer ul#menu-soziale-netzwerke li:not(:first-child):before {
    content: none;
}

.site-footer ul#menu-soziale-netzwerke li.instagram a, 
.site-footer ul#menu-soziale-netzwerke li.instagram a:visited, 
.site-footer ul#menu-soziale-netzwerke li.instagram a:focus, 
.site-footer ul#menu-soziale-netzwerke li.instagram a:active{
	width: 28px;
	height: 28px;
	background: url(img/instagram.png) no-repeat 50% 50%;
		display: block;
}

.site-footer ul#menu-soziale-netzwerke li.linkedin a, 
.site-footer ul#menu-soziale-netzwerke li.linkedin a:visited, 
.site-footer ul#menu-soziale-netzwerke li.linkedin a:focus, 
.site-footer ul#menu-soziale-netzwerke li.linkedin a:active{
		width: 28px;
	height: 28px;
	background: url(img/linkedin.png) no-repeat 50% 50%;	
	display: block;
}

.site-footer ul#menu-soziale-netzwerke li:not(:first-child){
    margin-left: 5px;
}

.site-footer{
	position: relative;
	padding: 50px 0px 60px 0px;
}
 

 
  .contact-left {
    width: 100%;
    float: left;
	    width: -webkit-calc(100% - 455px);
    width: -moz-calc(100% - 455px);
    width: calc(100% - 455px);
}

.contact-right {

	width: 455px;
    float: right;
}

.site-header {
   height: 122px;
}

.site-header .container, 
.site-header .row{
   height: 100%;
}

.site-content{
/*	margin-top: 122px; */
}

.map-cover, .mood{
	padding-top: 0px;
}

.change .site-header {
    height: 100px;
	    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
	background: #fff;
	box-shadow: 0 4px 60px rgba(0, 0, 0, 0.05);
}

.change .site-content{
	/* margin-top: 100px; */
}

.change .map-cover, 
.change .mood{
	padding-top: 0px;
}

.change .site-branding img{
	  width: auto;
    margin-top: 0px;
    max-width: 230px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.change .site-branding a {

	    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.change .wrapp {
    top: 45px;
	    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.change .overlay {
    top: 100px;
	    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}


.foot5 img{
	float: right;
}



/*
.main-navigation ul.menu {
    display: flex;
    width: 100%;
}

.main-navigation ul.menu > li {
    float: none;
    flex: 1;
    width: auto;
    margin-bottom: 0;
}
*/

.main-navigation ul.menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0;
}

.main-navigation ul.menu > li {
    float: none;
    flex: 0 0 auto;
    width: auto;
    margin: 0;
}

.mood{
	position: relative;
}




.bottom-part{
	background: #fff;
}





 .overlay {
     height: auto;
    min-height: 700px;
     width: 0;
     position: fixed;
     z-index: 99;
     left: 0;
    top: 170px;
background-color: #020307;
background-image: url(img/menu-bg.jpg);
background-position: 100% 100%;
background-repeat: no-repeat;

     overflow-x: hidden;
     transition: 1.0s;
}

 .overlay-content {
     position: relative;
     top: 55px;
     width: 100%;
     text-align: left;
}
 .overlay a, 
  .overlay a:focus, 
   .overlay a:visited, 
    .overlay a:active  {
font-size: 20px;
font-weight: 600;
line-height: 35px;
font-style: normal;
text-align: left;
color: #b51614;
text-transform: uppercase;
}



.overlay .sub-menu  a, 
.overlay .sub-menu  a:focus, 
.overlay .sub-menu  a:visited, 
.overlay .sub-menu  a:active{

font-style: normal;
letter-spacing: normal;

text-transform: none;
font-size: 19px;
font-weight: normal;
line-height: 35px;
font-style: normal;
text-align: left;
color: #ffffff;
}


.sub-menu a, 
.sub-menu a:visited, 
.sub-menu a:focus, 
.sub-menu a:active{
	border-top: 0px solid transparent;
	display: block;
	
	padding: 0px 0px;
}

.sub-menu li:last-child a, 
.sub-menu li:last-child a:active, 
.sub-menu li:last-child a:visited, 
.sub-menu li:last-child a:focus{
		border-bottom: 0px solid transparent;
}





.sub-menu .sub-menu a, 
.sub-menu .sub-menu a:visited, 
.sub-menu .sub-menu a:focus, 
.sub-menu .sub-menu a:active{
	border-top: 0px solid transparent;
	display: block;
	
	padding: 7px 0px;
}

.sub-menu .sub-menu li:last-child a, 
.sub-menu .sub-menu li:last-child a:active, 
.sub-menu .sub-menu li:last-child a:visited, 
.sub-menu .sub-menu li:last-child a:focus{
		border-bottom: 0px solid transparent;
}


.sub-menu li.menu-item-has-children a, 
.sub-menu li.menu-item-has-children a:focus, 
.sub-menu li.menu-item-has-children a:active, 
.sub-menu li.menu-item-has-children a:visited{
	border-bottom: 0px solid transparent;
}

.sub-menu li.menu-item-has-children li a, 
.sub-menu li.menu-item-has-children li a:focus, 
.sub-menu li.menu-item-has-children li a:active, 
.sub-menu li.menu-item-has-children li a:visited{
	border-bottom: 0px solid transparent;
}

/*
.overlay li.current_page_item a, 
.overlay li.current_page_item a:visited, 
.overlay li.current_page_item a:focus, 
.overlay li.current_page_item a:active{
	color: #fff;
}
*/

.overlay .sub-menu li.current_page_item a, 
.overlay .sub-menu li.current_page_item a:visited, 
.overlay .sub-menu li.current_page_item a:focus, 
.overlay .sub-menu li.current_page_item a:active{
	 padding-left: 30px;
	 background: url(img/menu-list.png) no-repeat;
	 background-position: 0 4px;
}

.sub-menu {
    margin-top: 0px !important;
}

 .overlay a:hover{
     border-bottom: 0px transparent;
}

.overlay-content #primary-menu {
    margin-top: 0px;
	
	/*    display: flex;
    flex-direction: row;
    flex-wrap: wrap; */
}

.main-navigation ul {
    margin-top: 0px;
}


 .overlay a:hover {
     opacity: 1;
     -webkit-transition: all ease .8s;
     -moz-transition: all ease .8s;
     transition: all ease .8s;
	 color: #fff;
	     text-shadow: 0 0 2.09px #fff;
	     
}


 .overlay .sub-menu a:hover{
	 padding-left: 22px;
	 background: url(img/arr.png) no-repeat;
	 background-position: 4px 10.5px;
	      -webkit-transition: none;
     -moz-transition: none;
     transition: none;	
	 text-shadow: 0 0 0.09px #fff;
 }

 .overlay ul ul li {
     list-style-type: none;
     display: block;
}


 .main-navigation ul ul a {
     display: block;
}
 .overlay-full {
     width: 100% !important;    
    height: 100%;
     
}


.overlay-content .main-navigation ul {
    display: block;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
	position: absolute;    
}



.main-navigation li {
    margin-bottom: 10px;
	position: relative;
}

.main-navigation .sub-menu li {
    float: left;
	width: 100%!important;
}

.site-footer{
background: #fff;
}


.site-footer .row {
    display: flex;
    align-items: flex-start;
}

.foot1 {
    width: 35%;
}

.foot2 {
    width: 45%;
  
}

.foot3 {
    width: 20%;
    text-align: right;
}

.site-footer p:last-child{
	margin-bottom: 0px;
}

#menu-regionen {
     display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
   
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
	    max-width: 655px;
}

#menu-regionen > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    
    overflow: hidden;
   
}

#menu-regionen > li::before,
#menu-regionen > li::after,
#menu-regionen > li > a::before,
#menu-regionen > li > a::after {
    display: none !important;
    content: none !important;
}

#menu-regionen > li > a {
    display: table;
   
    padding: 1px 9px;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.25;
    text-align: left;
    text-decoration: none;
    color: #ffffff;
	height: auto;
	
	background: #2c2e34;
background: linear-gradient(158deg, 
#2c2e34 0.00%, 
#727377 100.00%);
border-radius: 10px;
}

#menu-regionen > li > a:hover,
#menu-regionen > li.current-menu-item > a {
    color: #ffffff;
    background: linear-gradient(158deg, 
#727377 0.00%, 
#2c2e34 100.00%);
}


h2.widget-title{
font-size: 20px;
font-weight: normal;
line-height:1.5em;
font-style: normal;
text-align: left;
color: #000000;
margin-top: 0px;
}

.foot3 h2{
	text-align: right;
}

.foot4 ul{
	float: right;
}	

body .site-content .main-title h1{
	margin-bottom: 8px;
}	



.site-content .contact-form .fom-left p{
	margin-bottom: 0px;
}

.standard-first{
	padding: 76px 0px 131px 0px;
}




.standard-third{
	padding: 92px 0px 72px 0px;
}	

.bx{
	margin-bottom: 67px;
}

.one-first{
	margin-right: 35px;
}


.from-left{
	margin-left: 98px;
}

.image-cover{
	position: relative;
}

.mood .container {
  /*  position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
	height: 100%; */
}


span.main-title{
	display: block;
	font-size: 39px;
	line-height: 44px;
font-weight: 600;
font-style: normal;
text-align: left;
color: #D51E1B;
filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.94));
}


.first-part{
	padding-top: 241px;
}


.site-content .dark-part h1, 
.site-content .dark-part h2, 
.site-content .dark-part h3, 
.site-content .dark-part h4, 
.site-content .dark-part h5, 
.site-content .dark-part p, 
.site-content .dark-part ul li{
	color: #fff;
}

.home-left-part{
	width: 66%;
	float: left;
}

.home-right-part{
	width: 34%;
	float: left;
}

.home-left-in{
	width: calc(100% - 90px);
}




.anforderung-in{
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}


.main-overtitle{
margin-top: 0px;
margin-bottom: 5px;

font-size: 50px;
font-weight: 500;
line-height: 1.2em;
font-style: normal;
text-align: left;
color: #000000;
font-family: 'Barlow';
       letter-spacing: -1px;
    margin-top: 0px;
}



.image-cover img{
	margin: 0px auto;
	display: block;
}

.cols-service a{
	display: block;
}

.cols-service h3{
	text-align: center;

color: #b51614;

font-size: 20px;
font-weight: 500;
font-style: normal;
letter-spacing: -0.6px;
line-height: 25px;

text-transform: uppercase;
}

.cols-service a:hover{
	text-decoration: none;

}


.cols-service{
	margin-bottom: 90px;
}

.sym{
	margin: 22px auto 0px auto;
	display: block;
}

.site-content .standard-second p{
	font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 30px;
}

.non-standard-second{
	
}

.non-standard-second iframe{
	border: 0px solid transparent;
	margin-bottom: 114px;
}



.site-content .standard-second h1, 
.site-content .standard-second h2, 
.site-content .standard-second h3, 
.site-content .standard-second h4, 
.site-content .standard-second h5, 
.site-content .standard-second p, 
.site-content .standard-second ul li, 
.site-content .standard-second ol li, 
.site-content .standard-second a, 
.site-content .standard-second a:focus, 
.site-content .standard-second a:active, 
.site-content .standard-second a:visited{
	color: #fff;
}



.site-content .standard-second ul li{
font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    padding-left: 44px;
    background: url(img/menu-list-white.png) no-repeat 0 4px;
    position: relative;
    margin-bottom: 26px;
}

.site-content .standard-second ul li:before{
    font-size: 30px;
    content: "·";
    position: absolute;
    left: 33px;
    top: 0px;
}





.item-content {
    display: none;

}

.single-item.hov .item-content {
    display: block;
}

.single-item{
	margin-bottom: 26px;
}

.site-content .item-content a, 
.site-content .item-content a:focus, 
.site-content .item-content a:active, 
.site-content .item-content a:visited{
	color: #b51614;
}

.agentur-values{
	padding: 111px 0px 125px 0px;
}

.note.jb{

color: #b51614;
font-size: 20px;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 50px;
text-align: right;
width: 100%;
font-style: normal;
letter-spacing: normal;
text-transform: uppercase;
float: right;
margin-bottom: 15px;
}


.site-content .standard-second p{
	padding-left: 44px;
}

.site-content .standard-second ul{
		max-width: 70%;
	}
	
.service-slides	.slick-prev{
	width: 46px;
	height: 88px;
	background: url(img/arrow-left.png) no-repeat;
	background-size: cover;
	border-radius: 0px;
	left: -76px;
}

.service-slides	.slick-next{
		width: 46px;
	height: 88px;
	background: url(img/arrow-right.png) no-repeat;
	background-size: cover;
	border-radius: 0px;
	right: -76px;
}
	
.service-slides	.slick-slide img{
		width: 100%;
	}
	
	/* the slides */
 .service-slides .slick-slide {
      margin: 0 22.5px;
  }

  /* the parent */
  .service-slides.slick-list {
      margin: 0 -22.5px;
  }

.home-first .container, .home-second .container{
	position: relative;
}

.shorten-detail {
  display: none;
}

.shorten_expand .shorten-ellipses {
  display: none;
}
.shorten_expand .shorten-detail {
  display: inline;
}

/*
.intro-long {
    display: none;
}

.cover-hov .intro-long {
    display: block;
}
*/

.lg-item{
		    display: block;
    width: auto;
    max-width: 100%;
    max-height: 130px;
    object-fit: contain;
}

.lg-item img{
		    display: block;
    width: auto;
    max-width: 100%;
    max-height: 130px;
    object-fit: contain;
	margin: 0px auto;
}

.carousel .slick-slide {
    margin: 0 15px;
}

.carousel .slick-list {
    margin: 0 -15px;
}


.carousel .slick-track {
    display: flex;
    align-items: center;
}

.carousel .slick-slide {
    float: none;
    height: auto;
}

.home-intro .intro-cover > .intro-long {
    display: none;
}

.home-intro .intro-cover.is-open > .intro-long {
    display: block;
}

.home-intro .intro-cover.is-open > .read-more {
    display: none;
}





.site-content button.read-more, .site-content button.read-more:visited, .site-content button.read-more:focus, .site-content button.read-more:active {
    border: 0px;
    border-radius: 0px;
    background: transparent;

font-style: normal;


    text-align: left;
    margin-top: 0px;
    text-align: left;
    font-style: normal;
    letter-spacing: normal;
    font-style: normal;
    letter-spacing: normal;
    text-decoration: underline;
    text-transform: none;
    height: auto;
    line-height: normal;
    padding: 0px;
    margin-top: -1.5em;
    cursor: pointer;
	float: left;
	margin-bottom: 1.5em;
	
	    font-size: 25px;
    font-weight: normal;
    line-height: 1.32em;
    font-style: normal;
    color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
  
}

.site-content button.read-more:hover{
		text-decoration: none;
	border-bottom: 1px solid transparent;
	text-decoration: none;
	    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
}

.left-text{
	
}

.cover-hov .read-more {
    display: none;
}

.cont-left{
	width: 80px;
	float: left;
	    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
}


.cont-right{
	width: calc(100% - 80px);
	float: left;
	    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
}

.region-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 79px;
	padding-bottom: 63px;
}

.region-grid h3 {
	font-size: 27px;
	font-weight: bold;
	line-height: 41px;
	font-style: normal;
	text-align: left;
	letter-spacing: -1px;
	color: #ffffff;
}

.region-grid .service-item:nth-child(2),
.region-grid .service-item:nth-child(4) {
	transform: translateY(63px);
}

.site-content .dark-part button.read-more, 
.site-content .dark-part button.read-more:visited, 
.site-content .dark-part button.read-more:focus, 
.site-content .dark-part button.read-more:active {
    color: #fff;
    border-bottom: 1px solid #fff;
}


.site-content .dark-part button.read-more:hover {
    border-bottom: 1px solid transparent;
}


.main-service{
	background: #2B2E31;
}

.site-content .main-service h2 {
    color: #B51614;
}

.site-content .main-service h3, .site-content .main-service h4{
        font-size: 27px;
    font-weight: 600;
    font-style: normal;
    color: #b51614;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 0px;
	    line-height: normal;
	
}

.site-content .main-service h3:before, .site-content .main-service h4:before{
	background: url(img/titel-arr.png);
	background-repeat: no-repeat;
	width: 27px;
	height: 25px;
	left: -34px;
	top: 7.75px;
	content: "";
	position: absolute;
}

.main-service{
	position: relative;
	padding-bottom: 300px;
}

.bottom-image{
	right: 0px;
	bottom: 0px;
	position: absolute;
}



.main-service{
	overflow: hidden;
}

.bottom-cer{
	position: relative;
	z-index: 2;
}

.service-information{
	max-width: calc(100% - 180px);
	margin: 0px auto;
	display: table;
}

.site-content .person h3{
	color: #fff;
text-transform: none!important;
line-height: normal;
margin-bottom: 0px;
}

.site-content .person p span{
	display: block;
}

.person{
	margin-bottom: 85px;
}









.region-steps {
	padding: 95px 0 120px;
}

.region-steps .section-overtitle {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

.region-steps > .container > h2 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 90px;
}


/* GRID */
.region-steps-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 68px;
}


/* BOX */
.region-step {
	position: relative;
	min-width: 0;
	min-height: 398px;
	padding: 60px 8px 50px;

	border: 1px solid #2d62af;
	background: #ffffff;

	text-align: center;
}


/* NUMBER */
.region-step-number {
	position: absolute;
	top: -45px;
	left: 50%;
	transform: translateX(-50%);

	width: 91px;
	height: 91px;

	display: flex;
	align-items: center;
	justify-content: center;

	background: #2d62af;
	background: linear-gradient(
		125deg,
		#2d62af 0%,
		#0b83cc 100%
	);

	font-size: 65px;
	font-weight: bold;
	line-height: 1;
	color: #ffffff;

	box-shadow: 0 7px 15px rgba(0, 0, 0, 0.10);

	z-index: 3;
}


/* TITLE */
.region-step-title {
	margin: 0 0 20px;

	font-size: 38px;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
	color: #000000;
}


/* TEXT */
.region-step-text {
	font-size: 20px;
	font-weight: normal;
	line-height: 33px;
	text-align: center;
	color: #000000;
}

.region-step-text p {
	margin: 0;
}


/* ARROW */
.region-step:not(:last-child)::after {
/*	content: "";
	position: absolute;

	width: 87px;
	height: 119px;

	right: -72px;
	bottom: -50px;

	background: #2d62af;
	background: linear-gradient(
		125deg,
		#2d62af 0%,
		#0b83cc 100%
	);

	transform: rotate(133deg);

	z-index: 2;
	pointer-events: none;
	
background: url();

   display: block;
    transform-origin: center;
    animation: scrollArrowFancy 2.8s cubic-bezier(.4, 0, .2, 1) infinite;
    will-change: transform, filter, opacity; */
}



/*
.scroll-arrows {
    display: inline-block;
    margin-top: 120px;
}
*/

.region-step{
	position: relative;
}

.region-grid{
	margin-top: 60px;
}

.leistung-other.dark-part .section-overtitle{
	color: #fff;
}

.single-region .region-steps-grid .region-step .region-scroll-arrows {
    position: absolute;
    bottom: -50px;
    right: -40px;
}

.single-region .region-steps-grid .region-step:last-child .region-scroll-arrows img{
	display: none;
}

.single-region .region-scroll-arrows img {
	display: block;
	transform-origin: center;
	animation: regionArrowPulseRight 2.4s ease-in-out infinite;
	will-change: transform, opacity;
}

@keyframes regionArrowPulseRight {

	0%,
	100% {
		transform:
			translateX(0)
			scale(1)
			rotate(133deg);

		opacity: .85;
	}

	50% {
		transform:
			translateX(3px)
			scale(1.02)
			rotate(133deg);

		opacity: 1;
	}
}



#pagination-container ul li{
	padding-left: 0px;
}

#pagination-container ul li:before{
	content: none;
	display: none;
}

.simple-pagination ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	text-align: center;
	    display: table;
}

.simple-pagination li {
	display: inline-block;
	margin-right: 5px;
}

.simple-pagination li a,
.simple-pagination li span {

	text-decoration: none;

	

    font-weight: normal !important;
  font-size: 25px;

line-height: 30px;
font-style: normal;
text-align: left;
color: #ffffff;
    padding: 4px 8px
}

.simple-pagination li a{
	color: #FFF!important;
}


.simple-pagination li a:hover{
	color: #FFF;
	    background: #b51614 !important;
		text-decoration: none;
}

.simple-pagination .current {
	color: #FFF;
	    background: #b51614 !important;
    
}

.simple-pagination .prev.current,
.simple-pagination .next.current {
	/* background: #b51614; */
	background: transparent!important;
}







.wp-pagenavi a, .wp-pagenavi span{
	font-size: 25px;
font-weight: normal;
line-height: 30px;
font-style: normal;
text-align: left;
color: #ffffff;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 0px solid transparent;
    padding: 4px 8px;
    margin: 0px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #000;
	background: #b51614;
	height: 42px;
	font-weight: 600;
}

.wp-pagenavi span.pages {
display: none;
    margin-right: 10px;
}

.news-first{
	background: #2b2e31;
background: linear-gradient(0deg, 
#2b2e31 0.00%, 
#010306 100.00%);
padding: 147px 0px;
}

.news-aktuelles.dark{
background: #010306;
padding: 100px 0px;
    background-image: url(img/logo-bg-light.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

.news-first .container{
	
	padding: 30px 30px 50px 30px;
}

.news-first{
	background: #292929;
}

.news-news .col-three{
	margin-bottom: 85px;
}






.cover-div{
	overflow: hidden;
}

.home-fourth{
	overflow: hidden;
	padding-top: 54px;
}

.home .home-fourth .container{
	padding-left: 90px;
}	

.home-fourth .container{
	position: relative;
}

.standard-first .container{
	position: relative;
}

#onetrust-consent-sdk{
	display: none!important;
}


.st0, 
.st1, 
.st2
{
	stroke-dashoffset: 1000;
	stroke-dasharray: 1000;
}





.rl{
	position: relative;
}



.logos{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 0px auto;
}

.logos picture {
    flex: 0 0 auto;
 /*   margin: 20px; */
}

/*
.site-main section{
	display: none;
}

.site-main .mood{
	display: block;
}
*/

/*
.mood{
	min-height: 701px;
}
*/


.image-cover{
	position: relative;
}

.top-engineering{
	bottom: 18px;
	left: 6px;
	 position: absolute;
}



.service-first{
	background: #1c1c1c;
	padding: 137px 0px 124px;
}

.left-in{
	max-width: calc(100% - 60px);
}

.right-part img{
	width: 100%;
}

.full-container .left-part {
    width: 45.5%;
    float: left;
}

.full-container .right-part {
        width: 54.5%;
    float: left;
}



.single-container .left-part {
    width: 62.21%;
    float: left;
}

.single-container .right-part {
    width: 37.79%;
    float: left;
}


.no-right .right-part img {
    object-fit: fill;
    object-fit: cover;
    object-position: center;
    height: 100%;
}

    .container.full-container {
        max-width: 100%;
    }
	
	
	
	.new-overlay-part{
		background: #b51614
	}
	
	.overlay-in{
		padding: 8px 31px 35px;
	}
	
	.site-content .overlay-in a, 
	.site-content .overlay-in a:focus, 
	.site-content .overlay-in a:active, 
	.site-content .overlay-in a:visited{
		color: #fff;
	}
	
	.site-content .overlay-in h3{
		font-size: 27px;
font-weight: 600;
font-style: normal;
text-align: left;
color: #ffffff;
margin-bottom: 22px;
	}
	
	.site-content .overlay-in p{
		color: #fff;
		margin-bottom: 0px;
	}
	
	a.more-butt{
		font-size: 20px;
font-weight: normal;
line-height: 35px;
font-style: normal;
text-align: left;
color: #ffffff;
text-decoration: underline;
	}
	
	a.more-butt:hover{
		text-decoration: none;
	}
	
	.carousel .slick-next{
		width: 64px;
    height: 64px;
    background: url(img/arrow-right.png) no-repeat !important;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: -80px;
    padding: 0px;
    left: auto;
 z-index: 9;
	}
	
	
		.carousel .slick-prev{
		width: 64px;
    height: 64px;
    background: url(img/arrow-left.png) no-repeat !important;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: -80px;
    z-index: 9;
    padding: 0px;
	}
	
	h2.is-center{
		text-align: center;
	}
	
	
.carousel{ display: none; }
.carousel.slick-initialized { display: block; }
	
.carousel-new{ display: none; }
.carousel-new.slick-initialized { display: block; }	
	 
	.carousel-new .slick-slide img {
   display: block;
    width: 100%; 
}

  .carousel .slick-slide {
      margin: 0 42.5px;
  }


  .carousel .slick-list {
      margin: 0 -42.5px;
  }
	
	
	
	.carousel-new .slick-next {
    width: 65px;
    height: 65px;
    background: url(img/slider-right.png) no-repeat !important;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: 130px;
    padding: 0px;
    left: auto;
	    z-index: 9;
		    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%) ;
}

.carousel-new .slick-prev {
    width: 65px;
    height: 65px;
    background: url(img/slider-left.png) no-repeat !important;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 130px;
    z-index: 9;
    padding: 0px;
	    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%) ;
}
	
	
	.just-post{
		padding: 77px 0px 100px 0px;
		background: #010306;
	}
	
	.thumbnail-single{
		margin-bottom: 93px;
	}
	
	.single-post a.butt, 
	.single-post a.butt:focus, 
	.single-post a.butt:visited, 
	.single-post a.butt:active{
	/*	margin-top: 100px; */
	}
	
	.single-post-header time{
font-size: 20px;
font-weight: normal;
font-style: normal;
text-align: left;
color: #858689;
position: relative;
padding-left: 21px;
	}
	
		
	.single-post-header time:before{
content: "";
left: 0px;
top: 6px;
width: 16px;
height: 18px;
position: absolute;
background: url(img/cal.png) no-repeat center center;
	}
	
	.just-post .date{
		font-size: 27px;
font-weight: 300;
line-height: 40px;
font-style: normal;
text-align: left;
color: #ffffff;
margin-bottom: 36px;
display: block;
	}
	
	.site-content .just-post h2{
		margin-bottom: 0px;
	}
	
	.site-content .wp-pagenavi a{
		color: #fff;
	}
	

	

	
	.bg-part .service-first{
		background: transparent;
	}
	
	

	



.contact-first a, 
.contact-first a:focus, 
.contact-first a:active,  
.contact-first a:visited{
	color: #fff;
}




.table-arr {

    background-size: 100% 100% !important;

    margin-bottom: 15px;
    float: right;
	
	    background: url(img/titel-arr.png);
    background-repeat: no-repeat;
    width: 27px;
    height: 25px;
}

.language {
    position: absolute;
    top: 71px;
    right: 50px;
}

.change .language {
    top: 41px;
	    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.language ul li.wpml-ls-current-language a, .language ul li.wpml-ls-current-language a:active, .language ul li.wpml-ls-current-language a:visited, .language ul li.wpml-ls-current-language a:active {
    font-weight: 600;
}

.language li:not(:first-child):before {
    content: "|";
    text-decoration: none;
    margin-right: 4px;
    margin-left: 4px;
}

.language ul li a, .language ul li a:active, .language ul li a:visited, .language ul li a:active {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 26px;
    text-transform: uppercase;
    color: #000;
    font-style: normal;
    letter-spacing: .4px;
    line-height: normal;
    color: #000;
    font-weight: 300;
    font-style: normal;
    letter-spacing: .4px;
    line-height: normal;
    list-style-type: none;
    text-decoration: none;
}

.wpml-ls-legacy-list-horizontal {
    padding: 0px;
}

.language ul li{
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline-block;
}

.wpml-ls-legacy-list-horizontal a {
    display: inline;
	padding: 0px;
}

.read-more::first-letter {
    text-transform: capitalize;
}

.error-404 .widget.widget_recent_entries, 
.error-404 .widget.widget_archive, 
.error-404 .widget.widget_categories{
	display: none;
}

.error-404 {
	padding: 80px 0px;
}

html[lang="en-US"] .site-footer ul#menu-geschaeftliches-menu-en li {
    float: right;
}

.with-pdf.link-title{
	display: inline-block;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	margin-left
	}
	
	.with-pdf.link-title:hover{
		color: #fff;
text-decoration: none;
opacity: 0.9;		
	}
	
	.spacer{
		width: 50px;
		height: 1px;
		display: inline-block;
	}



.site-content p.no-marg{
	margin-bottom: 0px;
}

.site-content p.small-par{
	font-size: 20px!important;
}



.inside-service{
	padding-left: 44px;
	padding-right: 44px;
	margin-top: 60px;
}

.service-three{
	padding-top: 120px;
}

.site-content h2.with-arr{
	position: relative;
}

.site-content h2.with-arr:before {
    background: url(img/titel-arr.png);
    background-repeat: no-repeat;
    width: 27px;
    height: 25px;
    left: -34px;
    top: 14px;
    content: "";
    position: absolute;
}


.overlay .sub-menu .is-rot a:hover {
    padding-left: 0px!important;
    background: transparent!important;
    text-shadow: none!important;
}


 
body .sub-menu .sub-menu a{
    background-image: none!important;
}


	





.stats-section {
    background-color: #b51614;
    padding: 32px 16px;
}

.stats-wrapper {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin: 0 auto;
}

.stat-item {
    flex: 1;
    text-align: center;
    padding: 50px 70px 15px;
    color: #fff;
	
}

.stat-item:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.stat-number {
    font-size: 75px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 12px;
}

.site-content h3.stat-label {
    text-align: center;
    font-weight: 600;
    margin: 0;
	margin-bottom: 0px;
}





.benefit-points {
  
    display: grid;
	    grid-template-columns: repeat(4, 1fr);
    gap: 20px 20px; /* vertical horizontal */

}


.cky-btn-revisit-wrapper {
    background: #0062AE!important;
	
	  font-size: 15px!important;
    font-weight: 500!important;
	font-family: 'Barlow'!important;
}

.cky-btn-preferences {
    color: #0062AE!important;
    border: 2px solid #0062AE!important;
	font-size: 15px!important;
    font-weight: 500!important;
	font-family: 'Barlow'!important;
}

.cky-btn-accept {
    background: #0062AE!important;
    border: 2px solid #0062AE!important;
	
	  font-size: 15px!important;
    font-weight: 500!important;
	font-family: 'Barlow'!important;
}

.cky-btn-customize, 
.cky-btn-preferences, 
.cky-btn-reject {
    color: #0062AE!important;
    background: transparent!important;
    border: 2px solid #0062AE!important;
	
	  font-size: 15px!important;
    font-weight: 500!important;
	font-family: 'Barlow'!important;
}








.dw-arr{
	animation: dwArrowMove 1.8s ease-in-out infinite;
}

@keyframes dwArrowMove {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(8px);
	}
}



.arrow-flow{
    position: absolute;
    top: auto;
    /* right: -30px; */
    left: -50px;
    width: 70px;
    overflow: hidden;
    display: flex;
    bottom: 24px;
}
.arrow-flow img {
    animation: arrowMove 4s linear infinite;
}

.arrow-flow img:nth-child(2) { animation-delay: 0.3s; }

@keyframes arrowMove {
    0%   { transform: translateX(-10px); opacity: 0; }
    30%  { opacity: 1; }
    100% { transform: translateX(20px); opacity: 0; }
}




.site-content .bottom-text p{
	text-align: center;
}

.site-content .bottom-text a.butt, 
.site-content .bottom-text a.butt:focus, 
.site-content .bottom-text a.butt:visited{
	margin-left: auto;
	margin-right: auto;
	display: table;
	float: none;
	margin-top: 130px;
}




.scroll-arrow img {
    display: block;
    animation: arrowPulse 2s ease-in-out infinite;
}

@keyframes arrowPulse {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(7px);
    }
}


.scroll-arrow{
	margin: 40px auto;
	display: table;
}



.brch-row .col-two{
	    width: 100%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    float: left;
}

.brch-row{
	margin-bottom: 40px;
}

.brch-row .col-two:not(:last-child) {
    margin-right: 20px;
}

table{
	border-spacing: 0px;
	margin: 40px 0px 20px 0px;
}

table tr td {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.59em;
    font-style: normal;
    text-align: left;
    color: #fff!important;
    margin-top: 0px;
	vertical-align: top;
}

table tr td:first-child{
	width: 32%;
	font-weight: 500;
	font-family: 'Barlow'!important;
	padding-right: 30px;
}



.half-text{
	padding-top: 30px;
	padding-bottom: 30px;
}



a.butt.mood-butt{
	margin-top: 140px;
}


.site-content .comm{
	position: relative;
}

.site-content .comm:before{
	content: "";
    left: -40px;
    top: -30px;
	position: absolute;
	width: 36px;
	height: 27px;
	background-image: url(img/quote-white-1.png);
	background-size: cover;
	background-repeat: no-repeat;
}


.site-content .comm:after{
	content: "";
	right: -40px;
	bottom: -30px;
	position: absolute;
	width: 37px;
	height: 27px;
	background-image: url(img/quote-white-1.png);
	background-size: cover;
	background-repeat: no-repeat;
}






.cky-accordion-header .cky-accordion-btn {
    font-size: 16px!important;
    font-weight: 500!important;
    line-height: 1.59em!important;
    font-style: normal;
    text-align: left;
    color: #000000!important;
    margin-top: 0px!important;
	font-family: 'Barlow'!important;
}


.cky-audit-table .cky-empty-cookies-text, 
.cky-consent-bar .cky-notice-des p, .cky-gpc-wrapper .cky-gpc-desc p, .cky-preference-body-wrapper .cky-preference-content-wrapper p, .cky-accordion-header-wrapper .cky-accordion-header-des p, .cky-cookie-des-table li div:last-child p {
            font-size: 15px!important;
    font-weight: 500!important;
    line-height: 1.59em!important;
    font-style: normal;
    text-align: left;
    color: #000000!important;
    margin-top: 0px!important;
	 font-family: 'Barlow'!important;
}

.cky-notice-des *, .cky-preference-content-wrapper *, .cky-accordion-header-des *, .cky-gpc-wrapper .cky-gpc-desc * {
            font-size: 15px!important;
    font-weight: 500!important;
    line-height: 1.59em!important;
    font-style: normal;
    text-align: left;
    color: #000000!important;
    margin-top: 0px!important;
	font-family: 'Barlow'!important;
}



.cky-notice-group p{
        font-size: 15px!important;
    font-weight: 500!important;
    line-height: 1.59em!important;
    font-style: normal;
    text-align: left;
    color: #000000!important;
    margin-top: 0px!important;
	font-family: 'Barlow'!important;
}

.cky-notice .cky-title {
    color: #000000!important;
    font-weight: 700;
}





.logos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 30px;
}

.logo-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-item:first-child {
    justify-content: flex-start;
}

.logo-item:last-child {
    justify-content: flex-end;
}

.logo-image {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 130px;
    object-fit: contain;
}




.home .home-mood .row {
	display: flex;
	align-items:flex-start;

}

.home .home-mood .mood-content{
	padding-top: 150px;
}








@media (min-width: 1900px){
.home-cta .cta-buttons {
    gap: 80px;
}




}



@media (max-width: 1899px){
.home .mood-video video {
    margin-left: -200px;
}

.main-navigation a, .main-navigation a:focus, .main-navigation a:active, .main-navigation a:visited {
    font-size: 18px;
}

.site-header a.butt, .site-header a.butt:focus, .site-header a.butt:visited, .site-header a.butt:active {
    font-size: 18px;
}
}



@media (min-width: 1860px){
.mood-video {
    position: relative;
    width: 100%;
    aspect-ratio: 1094 / 950;
    overflow: hidden;
}

.mood-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
		min-height: 950px;
}
}


@media (max-width: 1859px){
    #site-navigation.main-navigation {
        margin-right: 55px;
    }
}



@media (max-width: 1799px){
	
	.single-region .region-sectors .sector-item img {
    display: block;
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.single-region .region-sectors .sector-item {
    background: #ffffff;
    min-height: 130px;
    padding: 19px;
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 20px;
    align-items: center;
}
	
	.region-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
    padding-bottom: 63px;
}

.service-title h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(25px, 2.1vw, 40px);
    font-weight: 700;
    line-height: 1.05;
    text-transform: uppercase;
    white-space: normal;
}


	
.site-content h2.leistung-services-title{
	   font-size: 40px;
}
	
	.site-content .leistung-intro-highlight h3 {
    font-size: 40px;
}

.site-content .leistung-intro-highlight h3 br{
	display: none;
}
	
	.number-value {
    font-size: 60px;
}
	
	.projekte-faq .faq-agency h3 {
    margin-right: 80px;
    padding-left: 120px;
    text-indent: -120px;
}
	
.site-content .cta p {
    font-size: 30px;
}
	
	.site-content .cta-content p {
    font-size: 30px;
}
	
	.value-item h3 {
    font-size: 40px;
}
	
	.site-content .home-intro .intro-content p {
    font-size: 40px;
}

.site-content .home-intro button.read-more, .site-content .home-intro button.read-more:visited, .site-content .home-intro button.read-more:focus, .site-content .home-intro button.read-more:active {
    font-size: 40px;
}
	
	.home .home-mood .mood-content {
    width: 50%;
    padding-right: 0px;
    box-sizing: border-box;
    min-width: 50%;
}
	
	
.site-content .process-content p {
    font-size: 40px;

}

.site-content .process-content button.read-more, .site-content .process-content button.read-more:visited, .site-content .process-content button.read-more:focus, .site-content .process-content button.read-more:active {
    font-size: 40px;
}

.site-content .process-content h3 {
    font-size: 80px;
}

.site-content .mood-content h1 {
    font-size: 80px;
}

.process-number {
    font-size: 100px;
}

.process-items .process-item:not(:last-child) {
    margin-bottom: 80px;
}

.site-content .service-right p {
    font-size: 40px;
}

.site-content h2 {
    font-size: 50px;
    line-height: 1.21em;
}

.service-grid {
    gap: 60px 60px;
}

}


@media (max-width: 1599px){
	.single-region .region-sectors .sector-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}
	
		.single-region .region-sectors .sector-item img {
    display: block;
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.single-region .region-sectors .sector-item {
    background: #ffffff;
    min-height: 130px;
    padding: 19px;
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 10px;

}

.single-region .region-sectors .sector-item strong {

    font-size: 18px;
}
	
	
	.region-step-number {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2d62af;
    background: linear-gradient(125deg, #2d62af 0%, #0b83cc 100%);
    font-size: 50px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.10);
    z-index: 3;
}
	
	.single-region .region-steps-grid .region-step .region-scroll-arrows {
    position: absolute;
    bottom: -58px;
    right: -40px;
    max-width: 60px;
}

.single-region .region-scroll-arrows img {
    position: relative;
    z-index: 9;
}
	
	.single-region .site-content h3.region-step-title{
		font-size: 30px;
	}
	
	.region-steps-grid {
    gap: 30px;
}
	
	.branchen-target-grid {
    column-gap: 40px;
    row-gap: 40px;
}
	
	.page-template-template-agentur .agency-process .process-number {
    height: 160px;
    line-height: 160px;
    width: 160px;
}

	.page-template-template-agentur .site-content .agency-process .process-content h3{
		margin-top: 40px;
	}
	
.agentur-values .service-item img {
    width: 60% !important;
	height: auto !important;
}

	.agentur-values .service-item h3 {
    text-align: center;
    font-size: 25px;
    margin-top: 30px;
}
	
	.agentur-values .service-item {
    padding: 20px 20px 20px 20px;
}
	
	.faq-agency h3 {
    font-size: 40px;

}
	
	.logos {
    gap: 20px;
}
	
	.service-help{
		min-height: 523px;
	}
	
	.change .site-branding img{
    max-width: 100%;
}
	
	
	    #site-navigation.main-navigation {
        margin-right: 60px;
    }
	
	.main-navigation ul.menu > li:not(:last-child) {
    margin-right: 30px;
}
	
	.header-left {
    width: 23%;
    float: left;
}

.header-right {
    width: 77%;
    float: left;
}
	
	.ctl-wrapper .ctl-horizontal-timeline.ctl-design-5 .ctl-content {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
	
	


	
	.full-h{
		width: 60%;
	}
	
/*	.site-content ul, p {
    margin-bottom: 1.0em;
} */
	
	.info-call {
        font-size: 60px;
        line-height: 0.8;
    }
	
	.site-content .comm p {
    font-size: 25px;
    line-height: 1.16em;
    letter-spacing: -1px;
}
	
	
	.ben .ben-tit {
font-size: 18px;
}
	
	.arrow-flow img {
    max-width: 40px;
}
	
	.arrow-flow {
    position: absolute;
    top: auto;
    /* right: -30px; */
    left: -40px;
    width: 60px;
    overflow: hidden;
    display: flex;
    bottom: 28px;
}
	

	
	.first-part a.butt {
    margin-left: 40px;
}

.bottom-part a.butt {
    margin-left: 40px;
}
	
	
	.highlight-item {
    gap: 12px;
}
	
	.highlight-text {
    font-size: 22px;
}
	
	.site-content h2 {
    font-size: 39px;
}

.site-content .home-left-part h2{
    font-size: 39px;
}
	
	

.main-overtitle {
    font-size: 40px;
}
	
	.overlay {
  background-size: 400px auto;
}
	
	.home-third {
    background-size: 400px auto;
}

.home 	.home-third {
    background-size: cover;
}

.contact-second{
    background-size: 400px auto;
}

.contact-first:before{
    background-size: 400px auto;
}

.news-aktuelles.dark{
    background-size: 400px auto;
}

	



.logos picture {
    flex: 0 0 auto;
    /* margin: 20px; */
    max-width: 140px;
    max-height: 100px;
    width: auto;
}

.logos picture img{
    max-width: 140px;
    max-height: 80px;
}



.service-second .logos picture {
    flex: 0 0 auto;
    /* margin: 20px; */
    max-width: 100%;
    max-height: none;
    width: auto;
}

.service-second .logos picture img{
    max-width: 100%;
    max-height: none;
}


#menu-soziales-menu {
    margin-bottom: 20px;
}

.site-footer .logos {
    flex-wrap: nowrap;
}

.mood-content br{
	display: none;
}

.mood-content{
	padding-right: 40px!important;
}

}



@media (max-width: 1399px){
	
	
	
.number-item {
    padding: 15px 20px 15px;
}
	
	
	.home .mood-video video {
    margin-left: -250px;
}
	
	.single-region .projekt-meta{
		display: block;
	}
	
	.single-region .projekt-meta-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 20px;
}

.single-region .projekt-meta-icon{
	width: 33px;

}

.single-region .projekt-meta-icon img{
		max-height: 28px;
}
	
	.region-grid h3 {
    font-size: 23px;
    line-height: 1.2em;

}

.leistung-other.dark-part .service-title
 {
    padding: 16px 16px;
    gap: 10px;
}
	
	.site-content h2.leistung-services-title{
	   font-size: 30px;
}
	
.site-content .new-service-grid .service-title h3 {
    font-size: 30px;
 }
	
	.site-content .leistung-intro-highlight h3 {
        font-size: 30px;
    }
	
	.projekte-faq .faq-agency img {
    margin-right: 80px;
    max-width: 350px;
}
	
	.branchen-target-item {
    padding: 25px;
}
	
	.branchen-target-icon img {
    display: block;
    max-width: 50px;
    height: auto;
    max-height: 50px;
}
	
	.branchen-problem-items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.branchen-problem-items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}
	
	    .agentur-values .service-item img {
        width: auto !important;
        height: auto !important;
        max-width: 150px !important;
        max-height: 150px !important;
        align-self: center;
        flex-shrink: inherit !important;
        flex-grow: inherit !important;
        object-fit: fill !important;
    }
	
	.service-grid {
        gap: 30px 30px;
    }
	

	
	/*.service-grid .service-item{
		height: auto!important;
	}*/
	

	
		.page-template-template-agentur .site-content .agency-process .process-content h3{
		margin-top: 56px;
	}
	
	.agentur-intro-image img {
    right: -20px;
    position: absolute;
    bottom: 0px;
	top: auto;
    max-width: 560px;
}

.agentur-intro-content {
    padding-bottom: 60px;
}

	
	.bottom-meta .txt-part {
    width: 100%;
    float: left;
    padding-right: 0px;
}

.bottom-meta .img-part {
    width: 100%;
    float: left;
}
	
	.projekt-service-grid {
    row-gap: 40px;
}
	
	.projekt-service-item {
    position: relative;
    padding: 0px 30px;
    min-width: 0px;
}
	
	.projekte-item {
    column-gap: 60px;
}
	
		.projekte-faq .faq-agency h3 {
    margin-right: 20px;
    padding-left: 90px;
    text-indent: -90px;
}
	
	    .site-content .cta p {
        font-size: 25px;
    }
	
	.projekte-cta .projekte-cta-button {
    display: flex;
    justify-content: flex-end;
    padding-right: 0px;
}
	
	.cta-buttons a{
		margin-bottom: 14px;
	}
	
	.last-home {
    padding-right: 0px;
}
	
	.mood:before {
    position: absolute;
    width: 150px;
    height: 150px;
    content: "";
    right: 0px;
    bottom: 0px;
    background: #2d62af;
    background: linear-gradient(20deg, #2d62af 0.00%, #0b83cc 100.00%);
    z-index: 9;
    border-top: 10px solid #fff;
    border-left: 10px solid #fff;
}
	
	.service-title h3{
		font-size: 28px;
	}
	
	.service-title {
    gap: 15px;
    padding: 22px 18px;
}
	
	    .service-help {
        min-height: 458px;
    }
	
	.site-content .process-content p {
    font-size: 30px;

}

.site-content .process-content button.read-more, .site-content .process-content button.read-more:visited, .site-content .process-content button.read-more:focus, .site-content .process-content button.read-more:active {
    font-size: 30px;
}

.site-content .process-content h3 {
    font-size: 60px;
}

.site-content .mood-content h1 {
    font-size: 60px;
}
	
	.process-number {
        font-size: 80px;
        margin-top: 6px;
    }
	
	.process-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

    .process-items .process-item:not(:last-child) {
        margin-bottom: 40px;
    }
	
	.process-items .process-item:nth-child(2) {
    padding-left: 100px;
}

.process-items .process-item:nth-child(3) {
    padding-left: 40px;
}

.process-items .process-item:nth-child(4) {
    padding-left: 120px;
}
	
	.mood-content h1 span {
    display: block;
    padding-left: 120px;
    text-indent: -60px;
}
	
	.site-content .process-content h3 {
    font-size: 60px;
}

.site-content .mood-content h1 {
    font-size: 60px;
}
	
	ul:not(.sub-menu) .menu-item-703:after, 
	ul:not(.sub-menu) .menu-item-211:after{
content: "";
position: absolute;
    width: 8px;
    height: 8px;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
transform: rotate(-45deg);
top: 22px;
right: -10px;
}


ul:not(.sub-menu) .menu-item-703:hover:after, 
ul:not(.sub-menu) .menu-item-211:hover:after{

    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-right: 2px solid #2d62af;
    border-bottom: 2px solid #2d62af;
    transform: rotate(45deg);
	top: 20px;
	right: -10px;
	
}
	
	
	.job-info {
    margin-left: 0px;

}
	
	
	.single-region .region-sectors .section-intro {
		grid-template-columns: 32% 68%;
		gap: 35px;
	}

	.single-region .region-sectors .sector-grid {
		gap: 20px;
	}

	.single-region .region-sectors .sector-item {
		grid-template-columns: 80px 1fr;
		padding: 20px;
	}

	.single-region .region-sectors .sector-item img {
		width: 80px;
		height: 80px;
	}
	
	   .blog-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
	
	.site-content h3.stat-item {
    text-align: center;
    padding: 30px 40px 15px;
}
	
	
#site-navigation.main-navigation {
    padding-left: 20px;
    padding-right: 20px;
}	

	#site-navigation.main-navigation {
        margin-right: 20px;
    }
	
	.main-navigation ul.menu > li:not(:last-child) {
    margin-right: 15px;
}
	
	.header-left {
    width: 20%;
    float: left;
}

.header-right {
    width: 80%;
    float: left;
}

a.butt, a.butt:focus, a.butt:visited, a.butt:active {
    padding-left: 20px;
    padding-right: 20px;
}
	
	
	.site-content .comm p {
    font-size: 22px;
    line-height: 1.16em;
}
	
	.info-call {
    font-size: 40px;
}
	
	
	.col-two.full-h{
		
	}
	
	
	    .ben .ben-tit {
        font-size: 16px;
    }
		


    .arrow-flow {
        bottom: 5px;
    }
	
	.projekt-quotes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
    margin-top: 40px;
}
	

	
	
	.punkt-number {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    font-size: 25px;
}
	
	.punkt:after {
    left: 20px;
}
	  
.site-content .punkt-content h4 {
    font-size: 20px;
}


    .brch-row .col-two:not(:last-child) {
        margin-right: 0px;
    }
	
	    .brch-row .col-two {
        width: 100%;
        float: left;
    }
	
	
	.brch-row{
		display: block;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px 20px;
	}
	
	   body .brch-row .col-two {
        width: 100%;
 
        float: left;
    }
	
	
	    .brch-row .col-two:not(:last-child) {
        margin-right: 0px;
    }
	


	
	.col:nth-child(2) {
    border-right: 0px solid transparent;
}
	
	
	 .tablepress tr th {
        font-size: 16px;
        line-height: 20px;
        padding-left: 5px;
        padding-right: 5px;
    }
	 
	    .tablepress tr td {
        font-size: 16px;
        padding-left: 5px;
        padding-right: 5px;
    } 
	
		

.site-content h1{
    font-size: 40px;
    line-height: 1.14;
}
	
	.overlay .sub-menu a:hover {
    padding-left: 22px;
    background: url(img/arr.png) no-repeat;
    background-position: 4.5px 7px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    text-shadow: 0 0 0.09px #fff;
}
	
	.news-news .col-three {
    margin-bottom: 30px;
}
	
	.offset-col-two {
    margin-left: calc(50%);
    margin-right: 0px !important;
}

.first-part {
    padding-top: 160px;
}

	
	.bottom-part h2 br{
		display: none;
	}
	

    .main-overtitle {
        font-size: 30px;
    }
	
	
	
	span.main-title {

    font-size: 30px;
line-height: 35px;
}

.mood a.butt, 
.mood a.butt:focus, 
.mood a.butt:visited, 
.mood a.butt:active{
	margin-top: 10px;
}


	
	.row .col-three:not(:nth-child(3n)) {
    margin-right: 30px;
}

.row .col-three {
    width: 100%;
    width: -webkit-calc(33.3333% - 20px);
    width: -moz-calc(33.3333% - 20px);
    width: calc(33.3333% - 20px);
    float: left;
}


.leitsatz {
    margin-bottom: 30px;
}


  .carousel .slick-slide {
      margin: 0 15px;
  }


	
	.home .main-overtitle {
    max-width: 80%;
}

  .carousel .slick-list {
      margin: 0 -15px;
  }


.row .col-two:not(:last-child) {
    margin-right: 30px;
}

.col-two {
    width: 100%;
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
    float: left;
}




.brch-row .col-two:not(:last-child) {
    margin-right: 20px;
}

.brch-row .col-two {
    width: 100%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    float: left;
}







	
	.overlay a, .overlay a:focus, .overlay a:visited, .overlay a:active {
    font-size: 18px;
    line-height: 32px;
}
	
.overlay .sub-menu a, .overlay .sub-menu a:focus, .overlay .sub-menu a:visited, .overlay .sub-menu a:active {
    font-size: 16px;
    line-height: 26px;
    padding-right: 10px;
}

	.home-image {
    max-width: 500px;
}

.image-in span {
    left: -50px;
}
	

.home .top-part, .home-slide, .home .top-part .container {
    min-height: 600px;
}	
	
.site-content .main-title h1 {
    font-size: 50px;
	    line-height: 60px;
}	

.site-content .main-title h2 {
    font-size: 30px;
	    line-height: 40px;
    padding-left: 150px;
	width: auto;
}
	



.contact-left {
    width: 100%;
    float: left;
    width: -webkit-calc(100% - 410px);
    width: -moz-calc(100% - 410px);
    width: calc(100% - 410px);
}

.contact-right {
    width: 410px;
    float: right;
}
    .highlight-text {
        font-size: 20px;
    }
	
	    .page-template-template-agentur .agency-process .process-number {
        height: 140px;
        line-height: 140px;
        width: 140px;
    }

}



@media (min-width: 992px) and (max-width: 1199px) {
  

}

@media (max-width: 1199px){
	
		.home .mood-video video {
    margin-left: -300px;
}
	
	    .single-region .region-sectors .sector-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
	
	.region-steps-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

}
	
	.region-benefit img {
    display: block;
    width: auto;
    height: 105px;
    max-width: 100px;
    object-fit: contain;
    margin: 0 auto 30px;
}

    .region-benefits {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px 20px;
    }
	
	    .service-title h3 {
        font-size: 24px;
    }
	
	    .region-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
        padding-bottom: 63px;
    }
	
	.leistung-benefit {
    position: relative;
    min-height: 330px;
    padding: 25px 25px 25px;
}
	
	
	
	.branchen-challenges-grid h3.slogan {
    margin-left: 30px;
    text-align: left;
}
	
		.projekte-faq .faq-agency img {
    margin-right: 40px;
    max-width: 280px;
}
	
	    .branchen-target-icon img {
        display: block;
        max-width: 90px;
        height: auto;
        max-height: 90px;
    }
	
	.branchen-target-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 87px;
    row-gap: 59px;
}
	
	    .branchen-target-grid {
        column-gap: 30px;
        row-gap: 30px;
    }
	
		.service-grid > .service-item:nth-child(2), .service-grid > .service-help, .agentur-values .service-grid > .service-item:nth-child(6) {
    transform: translateY(0px);
}

.service-grid {
    padding-bottom: 60px;
}
	
	
	h3.slogan {
    margin-left: 20px;
	font-size: 32px;
}

h3.slogan:after {
    width: 290px;
height: 25px;
}
	
	.page-template-template-agentur .site-content .agency-process .process-content h3 {
        margin-top: 46px;
    }
	
    .number-item:nth-child(even)::before {
        display: none!important;
        content: none!important;
    }
	
	.page-template-template-agentur .number-item:nth-child(n+3) {
        border-top: 0px solid rgba(255, 255, 255, .25);
    }
	
	.page-template-template-agentur .agency-process .process-items .process-item:nth-child(2) .scroll-arrows {
    display: inline-block;
    margin-top: 200px;
}
	
		.agentur-intro-image img {
    right: -20px;
    position: absolute;
    bottom: 0px;
	top: auto;
    max-width: 400px;
}

	
	.projekt-location{
		margin-bottom: 20px;
	}
	
	.projekt-location .projekt-meta-icon {
    width: 56px;
}
	
	.projekt-meta {
    display: block;
    align-items: flex-start;
    gap: 20px;
    margin-top: 50px;
    /* margin-bottom: 20px; */
}
	
	    .faq-agency h3 {
        font-size: 32px;
    }
	
	.faq-agency h3:after{
		left: 40px;
	}
	
	.faq-title {
    font-size: 22px;

}
	
	.logo-image {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 100px;
    object-fit: contain;
}
	
	.value-item {
    padding-left: 40px;
    position: relative;
}
	
	.value-item:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 5px;
    top: 12px;
    background: #2d62af;
    background: linear-gradient(160deg, #2d62af 0.00%, #0b83cc 100.00%);
}
	
	.mood-buttons, .cta-buttons {
    display: flex;
    flex-wrap: wrap;
		column-gap: 10px;
	row-gap: 0;
}

.mood-punkte {
    gap: 10px;
}
	
	ul:not(.sub-menu) .menu-item-703:after, 	
	ul:not(.sub-menu) .menu-item-211:after{
content: "";
position: absolute;
    width: 6px;
    height: 6px;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
transform: rotate(-45deg);
top: 22px;
right: -7px;
}


ul:not(.sub-menu) .menu-item-703:hover:after, 
ul:not(.sub-menu) .menu-item-211:hover:after{

    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-right: 1px solid #2d62af;
    border-bottom: 1px solid #2d62af;
    transform: rotate(45deg);
	top: 20px;
	right: -7px;
	
}
	
	
	.row-flex {
    display: flex;
    gap: 20px;
}

.row-flex .col-two-new {
    width: calc(50% - 20px);
    margin-right: 0;
    float: none;
}
	
	.site-content .main-contact h2 {
    text-transform: none;
    margin-bottom: 40px;
}
	
	.branchen-problems .container.row {
		grid-template-columns: 38% 62%;
	}

	.branchen-problem-items {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 20px;
	}
	
	    .single-post-grid {
        grid-template-columns: 68fr 32fr;
    }
	
	   .blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .blog-image {
        height: 260px;
    }
	
	 .number-items {
        grid-template-columns: repeat(2, 1fr);
    }

    .number-item {
        min-height: 280px;
        padding: 45px 30px;
    }

    .number-item::before {
        display: none;
    }


    .number-item:nth-child(even)::before {
        display: block;

        content: "";
        position: absolute;

        left: 0;
        top: 35px;
        bottom: 35px;

        width: 1px;

        background: rgba(255, 255, 255, .4);
    }


    .number-item:nth-child(n+3) {
        border-top: 1px solid rgba(255, 255, 255, .25);
    }

    .number-value {
        margin-bottom: 28px;
    }

    .number-text {
        font-size: 21px;
    }
	
	
	
    .projekt-story-grid {
        gap: 60px;
    }

    .projekt-solution {
        grid-template-columns: 1fr;
    }

    .projekt-solution > div:not(.projekt-gallery),
    .projekt-gallery {
        grid-column: 1;
    }

    .projekt-gallery {
        grid-row: auto;
        margin-top: 30px;
        max-width: 400px;
    }

    .projekt-result-grid {
        grid-template-columns: 0.9fr 1.4fr;
        gap: 45px;
    }

    .projekt-service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .projekt-service-item:nth-child(4n + 1) {
        padding-left: 42px;
    }

    .projekt-service-item:nth-child(2n + 1) {
        padding-left: 0;
        border-left: 0;
    }

    .projekt-service-item:nth-child(2n) {
        border-left: 1px solid #999;
    }	
	
	
	
	

    .service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "service-1 service-2"
            "service-3 service-4"
            "service-5 service-help";
        gap: 40px;
    }

    .service-grid > .service-item:nth-child(2),
    .service-grid > .service-help {
        transform: none;
    }

    .service-help {
        min-height: 100%;
    }


#site-navigation.main-navigation {
    padding-left: 10px;
    padding-right: 10px;
}	

	#site-navigation.main-navigation {
        margin-right: 10px;
    }
	
	.main-navigation ul.menu > li:not(:last-child) {
    margin-right: 16px;
}
	
	.header-left {
    width: 20%;
    float: left;
}

.header-right {
    width: 80%;
    float: left;
}

.site-header a.butt, 
.site-header a.butt:focus, 
.site-header a.butt:visited, 
.site-header a.butt:active {
    padding-left: 10px;
    padding-right: 10px;
	font-size: 15px;
	    height: 47px;
    line-height: 47px;
}

.main-navigation a, .main-navigation a:focus, .main-navigation a:active, .main-navigation a:visited {
	font-size: 16px;
}

.foot1 {
    width: 30%;
}

.foot3 {
    width: 25%;
    text-align: right;
}

}






@media screen and (max-width: 1024px) {
    #rmp-menu-wrap-657 .rmp-submenu .rmp-menu-item-link {
        height: auto!important;
        line-height: 1.3em!important;
        margin-bottom: 10px!important;
    }
}






 @media (min-width: 992px){
	 
	 .burgwrapp{
		display: none!important;
	 }

 }





 @media (max-width: 991px){

	.main-navigation ul.menu > li:not(:last-child) {
    margin-right: 12px;
}
	
	
		.home .mood-video video {
    margin-left: -340px;
}
	
		.single-region .region-sectors .section-intro {
		grid-template-columns: 1fr;
	}
	 
	 	.region-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        padding-bottom: 0px;
    }
	
	.region-grid .service-item:nth-child(2), .region-grid .service-item:nth-child(4) {
    transform: translateY(0px);
}
	 
	 .region-steps-grid {
        gap: 100px 30px;
    }
	 
	 .leistung-problem {
    padding: 70px 0px 70px;
}
	 
	 .leistung-info {
    padding: 70px 0px 70px 0px;
}
	 
	 .leistung-approach {
    padding: 70px 0px 70px 0px;
}
	 
	 .leistung-benefit:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0px;
    width: 1px;
    background: transparent;
}
	 
	 .leistung-benefits {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
}
	 
	 		.projekte-faq .faq-agency img {
    margin-right: 0px;
    max-width: 280px;
}
	 	
	    .branchen-target-icon img {
        display: block;
        max-width: 50px;
        height: auto;
        max-height: 50px;
    }
	 
	     .agentur-values .service-item img {
        max-width: 120px !important;
        max-height: 120px !important;
    }
	
	.branchen-target-grid {
    padding: 70px 0px 70px 0px;
}
	 
	 .agentur-values {
    padding: 70px 0px 70px 0px;
}

   .region-grid{
        grid-template-columns: 1fr;
    }

	
	.single-region .region-steps h2, .single-region .region-sectors h2, .single-region .region-services.leistung-other.dark-part h2 {
    font-size: 25px;
	font-weight: 600;
	margin-bottom: 0px;
}

.agentur-process {
    padding: 70px 0px 70px 0px;
}
	 
	     .faq-title {
       padding: 15px 35px 15px 15px;
    }
	
    .faq-answer {
        padding: 15px 15px 30px 15px;
    }
	 
	 .agency-cta {
    min-height: 355px;
}

.branchen-panorama {
    min-height: 355px;
}

    .number-item {
        min-height: 180px;
        padding: 15px 10px;
    }
	 
	     .projekte-faq .faq-agency h3 {
        margin-right: 0px;
        padding-left: 10px;
        text-indent: -10px;
    }
	 
	     .faq-agency h3 {
        font-size: 26px;
    }
	
	.faq-agency h3:after {
width: 90px;
	height: 24px;
}

.projekte-faq .faq-agency h3:after {
    left: -40px;
    bottom: -15px;
}

    .faq-agency {
		padding: 0px;
    }    
	
	    h3.slogan {
        margin-left: 0px;
        font-size: 28px;
    }
	
	h3.slogan:after {
    	width: 200px;
	height: 17px;
	    bottom: -20px;
		width: 240px;
	height: 20px;
	    left: 0px;
    right: auto;
}
	 
	 .agentur-numbers .service-right, 
	 .agentur-numbers .service-left {
    width: 100%;
    float: left;
    padding-right: 0px;
    position: relative;
}
	 
	 .agency-process .process-items .process-item:nth-child(2), .agency-process .process-items .process-item:nth-child(4) {
    padding-left: 100px;
}
	 
	 .page-template-template-agentur .agency-process .process-number {
        height: 106px;
        line-height: 106px;
        width: 106px;
    }

	 
	     .agentur-intro-content {
        padding-bottom: 0px;
		padding-right: 0px;
    }
	 
	     .agentur-intro-image img {
        right: -20px;
        position: static;
        bottom: 0px;
        top: auto;
        max-width: 400px;
		margin-left: auto;
		margin-right: 0px;
		display: table;
    }
	 
	 .agentur-intro .row {
    display: grid;
    grid-template-columns: auto;
    align-items: start;
}






 .page-template-template-agentur .agentur-numbers .service-row {
        flex-direction: column;
        gap: 35px;
    }

    .page-template-template-agentur .agentur-numbers .service-left,
    .page-template-template-agentur .agentur-numbers .service-right {
        width: 100%;
        flex: 0 0 auto;
        height: auto;
    }

   .page-template-template-agentur  .agentur-numbers .service-right {
        padding: 0;
    }






	 
	 .projekte-cta-button{
		 margin-left: 20px;
	 }
	 
	 .home .cta-content {
        flex-basis: auto;
        padding-top: 0px;
    }
	
	.home .site-content .cta-left h2{
		font-size: 32px;
	  }
	 
	 .cta-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 0;
}

.home-faq {
    padding: 70px 0px 70px;
}

.home-cta {
    padding: 70px 0px 70px;
}

.home-services {
    padding: 70px 0px 70px 0px;
}

.service-help {
    margin-bottom: 0px;
}

.home-process {
    padding: 70px 0px 70px 0px;
    background: #f2f2f2;
}

.home-intro {
    padding: 40px 0px 70px 0px;
}
	 
	 .mood:before {
    position: absolute;
    width: 130px;
    height: 130px;
    content: "";
    right: 0px;
    bottom: 0px;
    background: #2d62af;
    background: linear-gradient(20deg, #2d62af 0.00%, #0b83cc 100.00%);
    z-index: 9;
    border-top: 8px solid #fff;
    border-left: 8px solid #fff;
}
	 
	 .project-image{
		 margin-bottom: 30px
	 }
	 
.highlights > .container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 23px;
    padding-block: 30px;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
}
	
	.value-item {
    padding-left: 25px;
    position: relative;
}
	
	.value-item:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0px;
    top: 8px;
    background: #2d62af;
    background: linear-gradient(160deg, #2d62af 0.00%, #0b83cc 100.00%);
}
	
	     .value-item h3 {
        font-size: 25px;
    }
	 
	 	.site-content .home-intro .intro-content p {
    font-size: 25px;
}

.site-content .home-intro button.read-more, .site-content .home-intro button.read-more:visited, .site-content .home-intro button.read-more:focus, .site-content .home-intro button.read-more:active {
    font-size: 25px;
}
	 
	 	.site-content .process-content p {
    font-size: 25px;

}

    .site-content .service-right p {
        font-size: 25px;
    }

.site-content .process-content button.read-more, .site-content .process-content button.read-more:visited, .site-content .process-content button.read-more:focus, .site-content .process-content button.read-more:active {
    font-size: 25px;
}

.site-content .process-content h3 {
    font-size: 40px;
}


	
	.process-number {
        font-size: 40px;
        margin-top: 22px;
    }
	
	.process-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

    .process-items .process-item:not(:last-child) {
        margin-bottom: 30px;
    }
	
	.process-items .process-item:nth-child(2) {
    padding-left: 40px;
}

.process-items .process-item:nth-child(3) {
    padding-left: 20px;
}

.process-items .process-item:nth-child(4) {
    padding-left: 60px;
}
	
	.mood-content h1 span {
    display: block;
    padding-left: 120px;
    text-indent: -60px;
}
	
	.site-content .process-content h3 {
    font-size: 60px;
}

.site-content .mood-content h1 {
    font-size: 60px;
}
	 
	 
	 
	 	.mood-content h1 span {
    display: block;
    padding-left: 0px;
    text-indent: 0px;
}
	
	.site-content .process-content h3 {
    font-size: 40px;
}

.site-content .mood-content h1 {
    font-size: 40px;
}
	 
	
    .site-content h2 {
        font-size: 35px;
    }
	
	 	.row-flex {
    display: block;
}

.row-flex .col-two-new {
    width: 100%;
    margin-right: 0;
    float: none;
}

.row-flex .col-two-new:first-child{
	margin-bottom: 30px;
}

.site-content button.read-more, .site-content button.read-more:visited, .site-content button.read-more:focus, .site-content button.read-more:active{
    font-size: 22px;

}
	 
	 .site-content p {
    font-size: 22px;

}



.site-content .branchen-challenges ul li::before, .site-content .leistung-problem ul li::before, .site-content .leistung-info ul li::before {
    content: "→";
    position: absolute;
    left: 0;
    top: -2px;
    width: auto;
    height: auto;
    background: transparent;
    border-radius: 0%;
    font-size: 25px;
    font-weight: normal;
    line-height: 1.32em;
}

.site-content .contact-cta .cta-content p {
    font-size: 22px;
}

	 .site-content ul li {
    font-size: 22px;

}

	 .site-content ol li {
    font-size: 22px;

}
	 
	 
	.single-post-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .single-post-sidebar {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }

    .post-toc {
        margin-bottom: 0;
    }


	 
	 
	.header-right #site-navigation.main-navigation{
		display: none;
	}
	 
	     .foot1 {
        width: 34%;
    }
	
	.foot2 {
    width: 42%;
}
	
	
	    .foot3 {
        width: 24%;
    }
	 
.header-left {
	flex: 0 0 250px;
	width: 250px;
	max-width: 250px;
}

.header-right {
	flex: 0 0 calc(100% - 250px);
	width: calc(100% - 250px);
	max-width: calc(100% - 250px);
	min-width: 0;
}

.header-left,
.header-right {
	box-sizing: border-box;
}

	 .menu-cover{
		 display: none!important;
	 }
	 
	/* .site-header .butt{
		display: none!important;
	 }
	 */
	 
    .site-header a.butt, .site-header a.butt:focus, .site-header a.butt:visited, .site-header a.butt:active {
      margin-right: 60px;
    }
	 
	   .overlay .sub-menu a:hover {
        padding-left: 22px;
        background: url(img/arr.png) no-repeat;
        background-position: 4.5px 5px;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        text-shadow: 0 0 0.09px #fff;
    }
	 
	
	
.with-arr{
	margin-left: 30px;
}
	
	 .inside-service {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
}
	 

.change .site-header {
    height: 100px;
	    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.site-header {
    height: 100px;
	    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.change .site-content{
	margin-top: 0px;
}

.site-content{
	margin-top: 0px;
}

.change .site-branding img{
	  width: auto;
    margin-top: 0px;
    max-width: 100%;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.site-branding img{
	  width: auto;
    margin-top: 0px;
    max-width: 250px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.change .site-branding a {
    margin-top: 0px;
	    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.site-branding a {
    margin-top: 0px;
	    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.change .wrapp {
    top: 42px;
	    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.wrapp {
    top: 42px;
	    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.overlay {
    top: 110px;
	    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.change .overlay {
    top: 110px;
	    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 .single-container .left-part {
    width: 100%;
    float: left;
}
	 
	 .single-container .right-part {
    width: 100%;
    float: left;
}
	 
	 .just-post {
    padding: 60px 0px 60px 0px;
}

.standard{
	padding: 60px 0px;
}
	 
		 
	 
 .tablepress tr th {
        font-size: 14px;
        line-height: 20px;
        padding-left: 5px;
        padding-right: 5px;
    }
	 
	    .tablepress tr td {
        font-size: 14px;
        padding-left: 5px;
        padding-right: 5px;
    } 
	 
	 
	 	 .link-title {
 
    font-size: 20px;

}
	 
	     .left-in {
        max-width: 100%;
    }
	 
	 .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="password"], .wpcf7 input[type="search"], .wpcf7 input[type="number"], .wpcf7 input[type="tel"], .wpcf7 input[type="range"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="week"], .wpcf7 input[type="time"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="color"] {
    font-size: 20px;
}

.wpcf7 textarea {
   font-size: 20px;
}
	 
	 
	 .wpcf7 textarea {
    height: 242px;
 
    font-size: 20px;

    line-height: 30px;

}
	 
	 .awmp_map_wrapper{
		 padding-left: 30px;
		 padding-right: 30px;
	 }
	 
	
.news-first {
     padding: 60px 0px;
}

.news-aktuelles.dark {
     padding: 60px 0px;
}

.thumbnail-single {
    margin-bottom: 40px;
}
	 
	 .contact-first {
    padding: 60px 0px;
}

	 
	 .contact-second {
  padding: 60px 0px;
}
	 
	 .home-third {
    padding: 60px 0px;

}
	 
	 .home-serv {
    padding: 60px 0px;
}
	 
	 .home-third {
  padding: 60px 0px;
}

.home-second {
  padding: 60px 0px;
}
	
.service-first {
  
      padding: 60px 0px;
}	
	 
	 .full-container .left-part {
    width: 100%;
    float: left;
	margin-bottom: 40px;
}



.full-container .right-part {
    width: 100%;
    float: left;
}
 


	 
	 
	 	.home-services .else-contain {
    display: block;
    flex-direction: row;
}

	 
	 .home-services .service-line .col-two {
    width: 100%;
}
	 
	 
	 .overlay-content .main-navigation ul {
    position: static;
}
	 
	 
	 .home-image {
    position: static;
    right: 0px;
    bottom: 0px;
	max-width: 80%;
}

.home-image {
    max-width: 100%;
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
    margin-left: 60px;
}
	 

	 .home .home-fourth .container {
    padding-left: 0px;
}
	 

	

	
	.service-first h2 {
    text-align: left;
	width: 100%;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    float: left;
}

.sym {
    margin: 0px auto 0px auto;
    display: block;
    float: left;
    width: 80px;
    margin-left: 20px;
}

	.service-first .row .col-one-of-three-full {
    width: 100%;
    float: left;
}

.service-first .row .two-one-of-three-full {
   width: 100%;
    float: left;
}
	
.contact-page-left{
    width: 340px;
    float: left;
    margin-right: 30px;
}	

.contact-page-right{
float: left;
    width: 100%;
    width: -webkit-calc(100% - 370px);
    width: -moz-calc(100% - 370px);
    width: calc(100% - 370px);
}
	
.site-content .home-contact h2 {
    margin-top: 25px;
}
	
	.image-in span {
    left: -60px;
} 
	 

	.site-content .main-title h1{
		width: auto;
	}
	
	
	.home-left {
    width: 100%;
	    max-width: 737px;
		left: 0px;
		right: 0px;
    bottom: auto;
	top: 140px;
	    margin: 0px auto;
}
	
	.home-right {
    width: 370px;
    top: 157px;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    bottom: 60px;
    top: auto;
}
	
	
	 .home .top-part .container{
		 min-height: 0px;
	 }
	 
	 .home .top-part .container{
		 position: static;
	 }

    .site-footer {
        position: relative;
        padding: 40px 0px 50px 0px;
    }

.overlay-content {
    padding-bottom: 1000px;
}

.main-navigation li {
    float: left;
    margin-bottom: 10px;
	width: 100%!important;
}

.sub-menu {
    margin-top: 10px!important;
}

.overlay .sub-menu a, .overlay .sub-menu a:focus, .overlay .sub-menu a:visited, .overlay .sub-menu a:active {
    font-size: 16px;
}

}




@media (min-width: 768px) and (max-width: 991px) {
	.site-footer ul#menu-impressum-und-datenschutz li {
    float: right;
    list-style-type: none;
    width: 100%; 
}

	.site-footer ul#menu-impressum-und-datenschutz li a{
    width: 100%; 
	display: block;
	text-align: right;
}

.site-footer ul#menu-impressum-und-datenschutz li:before{
	content: none;
}


}




@media (min-width: 768px) {
.mood-image{
	display: none;
}

.single-projekt .mood-image, 
.single-region .mood-image{
	display: block;
}

.scroll-arrows.mob{
	display:none!important;
}

}






 
@media (max-width: 767px) {
	
	
	
	  .leistung-services {
        display: flex;
        flex-direction: column;
        gap: 20px;

        width: 100%;
        max-width: none;

        margin-left: calc(50% - 50%);
        margin-right: calc(50% - 50%);
    }

    .leistung-services-column {
        width: 100%;
        min-width: 0;
    }

    .leistung-service-item {
        width: 100%;
        box-sizing: border-box;
    }
	
	
	
	    .site-content h2 {
        font-size: 25px;
    }
	
	    .agency-cta {
        min-height: 205px;
    }
	
	.agency-cta::before {
    position: absolute;
    top: -60px;
    height: calc(100% + 40px);

}
	
	
	.single-post .site-content {
    padding-top: 100px;
}
	
	.single-leistung .home-mood, .page-template-template-branchen .home-mood, .page-template-template-agentur .home-mood, .page-template-template-projekte .home-mood, .page-template-template-blog .home-mood {
        min-height: 0;
    }
	
	
			.home .mood-video video {
    margin-left: auto;
}



a.arrow-down-new, a.arrow-down-new:focus, a.arrow-down-new:visited, a.arrow-down-new:active, a.arrow-down-new:hover {
    background-color: transparent;
    background-image: url(img/arrow-down-new.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 27px;
    display: block;
    border-radius: 0px;
    margin: 40px auto 40px auto;
    border: 0px solid transparent;
    text-decoration: none;
    background-size: cover !important;
}
	
	
	.leistung-problem-content:before {
    left: 0px;
    top: 0px;
    content: "";
    background: #858689;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
}
	
	.leistung-problem-grid.two-grid .leistung-problem-title {
    width: 100%;
    padding-right: 0px;
    position: relative;
}
	
	.leistung-problem-grid.two-grid .leistung-problem-content {
    width: 100%;
    float: left;
    padding-left: 0px;
	padding-top: 30px;
}
	
	.region-steps-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
	
		
    .region-steps-grid {
        grid-template-columns: 1fr !important;
        margin-top: 70px;
    }
	
	.region-steps {
    padding: 70px 0 70px;
}
	
	    .single-region .region-steps-grid .region-step .region-scroll-arrows {
        position: absolute;
        bottom: -38px;
        right: 0px;
        max-width: 40px;
    }
	

	
	
.single-region .leistung-problem-grid.two-grid .leistung-problem-title {
    width: 100%;
}


.single-region .region-scroll-arrows img {
	display: block;
	transform-origin: center;
	animation: regionArrowPulseRight 2.4s ease-in-out infinite;
	will-change: transform, opacity;
}

@keyframes regionArrowPulseRight {
	0%,
	100% {
		transform:
			translateX(0)
			scale(1)
			scaleX(-1)
			rotate(313deg);

		opacity: .85;
	}

	50% {
		transform:
			translateX(3px)
			scale(1.02)
			scaleX(-1)
			rotate(313deg);

		opacity: 1;
	}
}


.single-region .leistung-problem-grid.two-grid .leistung-problem-content {
   width: 100%;
    float: left;
    padding-left: 0px;
}
	
	.leistung-cta .cta-left {
    flex: 0 0 100%;
    max-width: 100%;
}

.leistung-cta .cta-right {
    flex: 0 0 100%;
    max-width: 100%;
}
	
	.leistung-problem-title {
    width: 100%;
    float: left;
    padding-right: 0px;
    position: relative;
}

.leistung-problem-content {
    width: 100%;
    float: left;
    padding-left: 0px;
	padding-top: 30px;
}

.leistung-problem-content:before {
    left: 0px;
    top: 0px;
    content: "";
    background: #858689;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
}
	
.page-template-template-branchen .mood-content {
        padding-top: 170px;
    }
	
	.flex-row {
    display: block;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}
	
	.branchen-challenges-grid h3.slogan {
    margin-left: 0px;
    text-align: left;
	margin-bottom: 50px;
}
	
	.branchen-challenges-grid {
    display: block;
}
	
	.branchen-target-item > div:last-child {
    margin-top: 0px;
}
	
	.branchen-target-grid {
        display: grid;
        grid-template-columns: auto;
    }
	
	.branchen-problem-items{
		margin-top: 30px
	}
	
	.branchen-problems .grid-row {
    display: block;

}
	
	    .page-template-template-agentur .mood-content {
        padding-block: 0px 0px 50px 0px; 
    }
	
	
	.agentur-values .service-item h3 {
        text-align: center;
        font-size: 22px;
        margin-top: 28px;
    }
	
	.service-item {
        min-height: 0;
    }
	
	    .agentur-values .service-item {
        padding: 40px 20px 30px 20px;
    }
	
	    .agentur-values .service-item img {
        max-width: 80px !important;
        max-height: 80px !important;
    }
	
	.process-number .scroll-arrows{
	display:none!important;
}
	
	.service-grid > .service-item:nth-child(2), .service-grid > .service-help, .agentur-values .service-grid > .service-item:nth-child(6) {
    transform: translateY(0px);
}
	
	.single-projekt .mood-image{
		margin-bottom: 20px;
	}
	
	.projekt-result-grid {
        grid-template-columns: auto;
        gap: 20px;
    }
	
	 .single-projekt{
		         padding: 0px 0px!important;
	 }
	
		    .agency-process .process-items .process-item:nth-child(2), .agency-process .process-items .process-item:nth-child(4) {
        padding-left: 20px;
    }
	
	    .page-template-template-agentur .agency-process .process-number {
        height: 70px;
        line-height: 70px;
        width: 70px;
    }
	
	    .page-template-template-agentur .site-content .agency-process .process-content h3 {
        margin-top: 14px;
    }
	
	.process-item{
		position: relative;
	}
	
	/*.process-item .scroll-arrows{
		position: absolute;
		top: 110%;
	}*/
	
	
	.process-item {
	position: relative;
}

.process-number {
	position: static;
}

.process-item .scroll-arrows {
	position: absolute;
	left: 0;
	bottom: -30px;
}
	
	
	    .page-template-template-agentur .agency-process .process-items .process-item:nth-child(2) .scroll-arrows {
        display: block;
        margin-top: 0px;
    }
	
	.cta-left, .cta-right {
    justify-content: flex-start;
}
	
		    .mood-content {
        padding-right: 0px !important;
    }
	
	    a.butt, a.butt:focus, a.butt:visited, a.butt:active {
        padding-left: 12px;
        padding-right: 12px;
    }
	
	.blog-categories a {
    font-size: 16px;
}
	
	.home-mood .row{
		display: block;
	}
	
	.cta-right {
    flex: 0 0 100%;
    max-width: 100%;
}

.cta-left {
    flex: 0 0 100%;
    max-width: 100%;
}

.projekte-cta .cta-left {
    flex: 0 0 100%;
    max-width: 100%;
}

    .projekte-cta-button {
        margin-left: 0px;
    }
	
	.projekte-cta .cta-right {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
 }

    .process-items .process-item:nth-child(4) {
        padding-left: 0px;
    }

    .process-items .process-item:nth-child(2) {
        padding-left: 0px;
    }
	
	    .process-items .process-item:nth-child(3) {
        padding-left: 0px;
    }

    .process-number {
        margin-top: 0px;
    }
	
	.cta-wrapper{
		display: block!important;
	}
	
	.cta-left{
		margin-bottom: 30px;
	}
	
	.service-title h3 {
    white-space: normal;
}
	
	    .home-mood .row {
        flex-direction: column;
    }

    .mood-content,
    .mood-image {
        width: 100%;
    }
	
	
	.service-left {
    width: 100%;
    float: left;
    padding-right: 0px;
    position: relative;
}

.service-right {
		margin-top: 10px;
		padding: 30px 0px 0px 0px;
		width: 100%;
}

.service-right:before {
    left: 0px;
    top: 0px;
    content: "";
    background: #ffffff;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
}
	
	
	.intro-values{
		padding: 0px;
		width: 100%;
	}
	
	.intro-content {
		margin-top: 30px;
		padding: 30px 0px 0px 0px;
		width: 100%;
}

.intro-content:before {
    left: 0px;
    top: 0px;
    content: "";
    background: #858689;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
}
	
		 .mood:before {
  /*  position: absolute;
    width: 100px;
    height: 100px;
    content: "";
    right: 30px; */
	content: none;
}

.mood-video, 
.mood-image{
	position: relative;
}

 .mood-video:before, 
   .mood-image:before {
        position: absolute; 
        content: "";
        right: 0px;
        bottom: 0px;
        background: #2d62af;
        background: linear-gradient(20deg, #2d62af 0.00%, #0b83cc 100.00%);
        z-index: 9;
        border-top: 4px solid #fff;
        border-left: 4px solid #fff;
		   position: absolute;
        width: 60px;
        height: 60px;
        content: "";
        right: 0px;
    }
	
	
	.highlights > .container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
	
	.mood-video {
    /* min-height: 100vh; */
    width: 100%;
    min-height: 0;
    overflow: hidden;
    background: linear-gradient(160deg, var(--df-bg-3), rgba(40, 15, 50, 0.9));
}

.mood-video video {
	display: block !important;
	margin: 0 auto !important;

	width: 100% !important;
	height: auto !important;

	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: none !important;

	object-fit: initial !important;
	object-position: initial !important;
	
	     height: auto!important;
        object-fit: fill!important;
        display: block!important;
        min-height: 0!important;
}




	
		.home .home-mood .mood-content {
    width: 100%;
    padding-right: 0px;
    box-sizing: border-box;
    min-width: 100%;
}
	
	    .container.full-container {
        max-width: 100%;
        max-width: -webkit-calc(100% - 60px);
        max-width: -moz-calc(100% - 60px);
        max-width: calc(100% - 60px);
    }

	
    .stats-wrapper {
        flex-direction: column;
    }

    .stat-item {
        padding: 24px 0;
    }

    .stat-item:not(:last-child) {
        border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }

	.branchen-problems {
		padding: 70px 0;
	}

	.branchen-problems .container.row {
		grid-template-columns: 1fr;
		gap: 50px;
	}

	.branchen-problems-title {
		padding-right: 0;
	}


	
	 .single-post-sidebar {
        grid-template-columns: 1fr;
    }

    .single-post-header h1 {
        font-size: 38px;
    }
	
	
	
	
	
	
	
	
	
	
	
		.home-mood .row, 
	    .projekte-mood .row {
        display: flex;
        flex-direction: column;
    }

	.home-mood .mood-image, 
    .projekte-mood .mood-image {
        order: 1;
        width: 100%;
    }
	
	.home-mood .mood-video, 
	    .projekte-mood .mood-video {
        order: 1;
        width: 100%;
    }

	.home-mood .mood-content, 
    .projekte-mood .mood-content {
        order: 2;
        width: 100%;
    }

	
			.home .mood-video video {
    margin-left: auto;
}
	
	
.home .mood, .home .home-mood{
		padding-top: 100px!important;
	}
	
	    .single-leistung .home-mood, .page-template-template-branchen .home-mood, .page-template-template-agentur .home-mood, .page-template-template-projekte .home-mood, .page-template-template-blog .home-mood
 {
        padding-top: 100px!important;
    }
	
	
.home .home-mood .mood-content {
    padding-block: 65px 50px;
}
	
	
	
	
	.service-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            "service-1"
            "service-2"
            "service-3"
            "service-4"
            "service-5"
            "service-help";
        gap: 30px;
    }

    .service-grid > .service-item:nth-child(2),
    .service-grid > .service-help {
        transform: none;
    }

    .service-title {
        min-height: 125px;
        padding: 24px;
    }

    .service-help {
        min-height: 380px;
        padding: 35px 25px;
    }
	

    .logos {
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }



    .logo-image {
        max-height: 60px;
    }

	 
	 .map-cover iframe, .awmp-map{
	height: 520px!important;
}


 
	 .row .col-one-of-three-full {
    width: 100%;
    float: left;
}

.one-first {
    margin-right: 0px;
	margin-bottom: 30px;
}

.row .two-one-of-three-full {
    width: 100%;
    float: left;
}
	
	  .burgmenu:after{
	   display: none;
	}    
	 
	.overlay a, .overlay a:focus, .overlay a:visited, .overlay a:active {
    font-size: 20px;
} 
	 


.wpcf7 button, .wpcf7 input[type="button"], .wpcf7 input[type="reset"], .wpcf7 input[type="submit"], .wpcf7 button:focus, .wpcf7 input[type="button"]:focus, .wpcf7 input[type="reset"]:focus, .wpcf7 input[type="submit"]:focus, .wpcf7 button:visited, .wpcf7 input[type="button"]:visited, .wpcf7 input[type="reset"]:visited, .wpcf7 input[type="submit"]:visited{
     font-size: 18px;
}
 
   .slider-nav.slider .slick-slide::after {


    background: url(img/magnif.png) no-repeat 50% 50%;
    background-size: 40px auto;
 }
 



 
.overlay-full {
    width: 100% !important;
    height: 100% !important;
}
 


 .row .col-fourth{
     width: 100%;
     float: left;
}
 .row .col-fourth:not(:nth-child(4n)) {
     margin-right: 0px;
}

 
 
 
 .row .col-three{
     width: 100%;
     float: none;
     margin-bottom: 30px;
}
 .row .col-three:not(:last-child) {
     margin-right: 0px;
}
 .col-two{
     width: 100%;
     float: none;
          margin-bottom: 30px;
}
 .row .col-two:not(:last-child) {
     margin-right: 0px;
}


 .row .col-four{
     width: 100%;
     float: none;
          margin-bottom: 30px;
}
 .row .col-four:not(:nth-child(4n)) {
     margin-right: 0px;
}


 .row .col-fifth{
     width: 100%;
     float: none;
          margin-bottom: 30px;
}
 .row .col-fifth:not(:nth-child(5n)) {
     margin-right: 0px;
}




	 
	     .foot1 {
        width: 100%;
		margin-bottom: 30px;
    }
	
	.foot2 {
    width: 100%;
	margin-bottom: 30px;
}
	
	
	    .foot3 {
        width: 100%;
    }
	
	
	.site-footer .row {
    display: block;
   
}


.site-footer ul {
    list-style-type: none;
    margin-left: 0px;
    margin-right: auto;
    display: table;
    text-align: left;
}

}




@media (max-width: 630px){
	
	    .leistung-benefits {
        display: grid;
grid-template-columns: 1fr;
        width: 100%;
    }
	
    .single-region .region-sectors .sector-grid {
        display: grid;
        		grid-template-columns: 1fr;
        gap: 20px;
    }
	
	    .leistung-benefit {
        position: relative;
        min-height: 330px;
        padding: 20px;
    }
	
	    .leistung-benefits {
        display: grid;
        grid-template-columns: auto;
        width: 100%;
    }
	
	    .agentur-intro-image img {
        max-width: 100%;
		margin-top: 20px;
    }
	
	.number-items {
        grid-template-columns: auto;
    }
	
	    .projekt-service-grid {
        grid-template-columns: auto;
    }
	
	    .projekt-service-item {
        position: relative;
        padding: 20px 0px!important;
        min-width: 0px;
    }
	
	.projekt-service-grid .projekt-service-item{
		border-top: 1px solid #999;
	}
	
	.projekt-service-grid .projekt-service-item:first-child{
		border-top: 1px solid transparent!important;
	}
	
	.projekt-service-item{
        border-left: 0px solid transparent!important;
    }
	
    .header-left {
        flex: 0 0 180px;
        width: 180px;
        max-width: 180px;
    }
	
	    .header-right {
        flex: 0 0 calc(100% - 180px);
        width: calc(100% - 180px);
        max-width: calc(100% - 180px);
        min-width: 0;
    }
	
	    .site-branding img {
        max-width: 180px;

    }
	
	    .site-header a.butt, .site-header a.butt:focus, .site-header a.butt:visited, .site-header a.butt:active {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        height: 35px;
        line-height: 35px;
    }
	
	.site-header a.butt, .site-header a.butt:focus, .site-header a.butt:visited, .site-header a.butt:active {
        margin-right: 50px;
    }
}

@media (max-width: 520px){
	
	    .faq-title {
        font-size: 20px;
    }
	
	.single-leistung h3.slogan {
    margin-left: 0px;
}
	
    .service-cover {
        display: block;
        grid-template-columns: 3fr 2fr;
        gap: 20px;
    }
	
		.branchen-problem-items {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	

	
	    .single-post-header h1 {
        font-size: 28px;
    }
	
	    .site-content .mood-content h1 {
        font-size: 28px;
    }
	
		    .site-content h1 br{
    display: none;
    }
	
	.site-content .mood-content h1 {
   margin: 10px 0px;
    line-height: 1.2em;
    letter-spacing: -1px;
}
	
	
		    .site-content h2 br{
    display: none;
    }
	
		    .site-content h3 br{
        display: none;
    }
	
	
	.blog-grid {
        grid-template-columns: auto;
    }
	
	
	.region-benefits {
		grid-template-columns: 1fr;
	}
	
    .site-header a.butt, .site-header a.butt:focus, .site-header a.butt:visited, .site-header a.butt:active {
     /*   margin-right: 0px;
        position: absolute;
        bottom: 0px;
        top: auto;
        right: -30px; */
		display: none;
    }
	
	  .header-left {
        flex: 0 0 200px;
        width: 200px;
        max-width: 200px;
    }
	
	    .header-right {
        flex: 0 0 calc(100% - 200px);
        width: calc(100% - 200px);
        max-width: calc(100% - 200px);
        min-width: 0;
    }
	
	    .site-branding img {
        max-width: 100%;

    }
	
 }
 
 @media (max-width: 460px){
	 
	     h3.slogan {
        margin-left: 0px;
        font-size: 23px;
    }
	 
	 
	h3.slogan:after {
    	width: 250px;
height: 21px;
}
	 
	     .process-item .scroll-arrows {
        position: absolute;
        left: 0;
        bottom: -40px;
        max-width: 60px;
    }
	 
	     .agency-process .process-items .process-item:nth-child(2), .agency-process .process-items .process-item:nth-child(4) {
        padding-left: 0px;
    }
	 
	     .page-template-template-agentur .agency-process .process-number {
        height: 50px;
        line-height: 50px;
        width: 50px;
    }
	
	    .page-template-template-agentur .site-content .agency-process .process-content h3 {
        margin-top: 10px;
    }
	 
 	.highlights > .container {
    grid-template-columns: auto;
}

    .process-number, 
.site-content .process-content h3	{
        font-size: 25px;
        /* margin-top: 22px; */
    }
	
	.site-content .process-content h3{
		margin-top: 0px;
	}
	

	
	.process-item {
        display: flex;
        align-items: flex-start;
        gap: 10px;
    }

}



@media (max-width: 380px){
	     .faq-title {
        font-size: 18px;
    }
}


@media (max-width: 330px){
	h1, h2, h3, h4, h5, p{
	/*		hyphens: auto;
	-webkit-hyphens: auto;
	overflow-wrap: break-word;
	word-break: normal; */
	}
}

/*

.site-content{
	display: none!important;
}
*/