/*!
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: 'Flexo';
    src: url('fonts/Flexo-Medium.eot');
    src: local('Flexo Medium'), local('Flexo-Medium'),
        url('fonts/Flexo-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Flexo-Medium.woff2') format('woff2'),
        url('fonts/Flexo-Medium.woff') format('woff'),
        url('fonts/Flexo-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}



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



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

}

/* 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: 'Branding SF';
	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: 'Branding SF';
	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: 'Flexo'!important;
}

.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: #1c1c1c;
	/* 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: 1620px;
}

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

}

@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;
background: #fff;
}

.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 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: #ffffff;
text-transform: uppercase;
font-family: 'Flexo'!important;
line-height: 2em;
}

.main-navigation a:hover{
	text-decoration: none;
	opacity: 0.7;
}

.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: 5px;
	padding-bottom: 5px;

}

.main-navigation .sub-menu{

    background: #0062ae;
}



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

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

}
.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% - 42.5px);
     width: -moz-calc(50% - 42.5px);
     width: calc(50% - 42.5px);
     float: left;
}
 .row .col-two:not(:last-child) {
     margin-right: 85px;
}


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



.job-bottom{
	width: 600px;
	padding-bottom: 121px;
}


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


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

}

/*
.all-faq {
    columns: 2;
    column-gap: 90px;
}

.all-faq .single-item {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;

    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}
*/



.branche {
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-position: center;
}

.page-template-template-projekte .branche-tit {
    margin-top: auto;
    width: 100%;
}

.page-template-template-projekte .branche-tit {
    visibility: hidden;
}

.page-template-template-projekte .branche-tit.is-ready {
    visibility: visible;
}

.single-leistung .branche-tit h3{
    cursor: pointer;
}


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

@media (max-width: 767px) {
    .all-faq {
        grid-template-columns: 1fr;
        gap: 0;
    }
}






@media (max-width: 767px) {
    .all-faq {
        columns: 1;
        column-gap: 0;
    }
}



.site-content .job-home ul li span{
	font-size: 12px;
font-style: normal;
letter-spacing: normal;
line-height: normal;
text-transform: uppercase;
}


#rmp-menu-wrap-864 .rmp-menu-item-link {
    line-height: 24px!important;
    font-size: 16px!important;
    margin-bottom: 15px!important;
	height: auto!important;
}

#rmp-menu-wrap-864 .rmp-submenu .rmp-menu-item-link {
    line-height: 24px!important;
    font-size: 16px!important;
    margin-bottom: 15px!important;
	height: auto!important;
}



.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: 22px;
    font-weight: 300;
    line-height: 1.59em;
    font-style: normal;
    text-align: left;
    color: #000000;
font-style: normal;
text-align: left;

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: 50px;
font-weight: 500;
line-height: 1.2em;
font-style: normal;
text-align: left;
color: #0062ae;
margin-top: 0px;
margin-bottom: 14px;
	text-transform: uppercase;
	letter-spacing: -1px;
}

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



.site-content .new-mood .top-box h2{
	filter: drop-shadow(2px 2px 1px #000000);

font-family: "Flexo";
font-size: 53px;
font-weight: 500;
line-height: 1.3;
font-style: normal;
text-align: left;
color: #ffffff;
margin-bottom: 10px;
text-transform: none;
letter-spacing: -1px;
}

.site-content .new-mood .top-box h3{
	filter: drop-shadow(2px 2px 1px #000000);
text-transform: none;
font-family: "Flexo";
font-size: 36px;
font-weight: 500;
line-height: 1.3;
font-style: normal;
text-align: left;
color: #ffffff;
margin-bottom: 0px;
letter-spacing: -1px;
}


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

.founder{
	margin-left: auto;
	margin-right: auto;
	display: table;
}

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

.home-third a.butt, 
.home-third a.butt:focus, 
.home-third a.butt:visited, 
.home-third a.butt:active{
	margin-top: 0px;
}


a.butt, 
a.butt:focus, 
a.butt:visited, 
a.butt:active{
display: table;
height: 46px;
line-height: 46px;
color: #ffffff;


font-size: 25px;
font-weight: 500;
font-style: normal;
text-align: left;
color: #ffffff;


text-align: left;
color: #ffffff;
background: #389fcd;
background: linear-gradient(141deg, 
#389fcd 0.00%, 
#0062ae 100.00%);
border: 0px solid transparent;
text-align: center;
font-style: normal;
letter-spacing: normal;

padding-left: 12px;
padding-right: 28px;
    margin-top: 0px;
    float: left;
border: 0px solid transparent;
   text-decoration: none;

font-family: "Flexo";
font-size: 25px;
font-weight: 500;
font-style: normal;
text-align: left;
color: #ffffff;


}

a.butt: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;
}

.button-inner{
	position: relative;	
}

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

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









.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 #fff;
    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;
}


@media (max-width: 850px) {
    .project-form {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .project-form h2 {
        font-size: 32px;
    }
}











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



.single-referenz button.menu-burger, 
.single-referenz button.menu-burger:focus, 
.single-referenz button.menu-burger:visited{
display: none;
}


.single-referenz a.menu-burger-back, 
.single-referenz a.menu-burger-back:focus, 
.single-referenz a.menu-burger-back:visited{
display: table;
}

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

.contact-center{
 float: left;
     width: 100%;
}

.required{
	font-family: "Flexo";
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;
}

.page-template-template-branchen  .site-main{
	background: #1C1C1C;
}

.page-template-template-branchen .service-first {
    background: #1C1C1C;

}



.in-person{
	background: #b51614;
	padding: 9px 30px 15px;
}

.in-person .position{
font-size: 20px;
font-weight: normal;
line-height: 30px;
font-style: normal;
text-align: left;
color: #ffffff;
}

.site-footer p{
color: #fff;
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;
}

.site-footer ul li{
color: #fff;
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 ul{
margin-left: 0px;
padding-left: 0px;
}

.site-footer ol li{
color: #fff;
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: #fff;
text-decoration: none;
}

.site-footer a:hover{
text-decoration: underline;
}

h2.widget-title{
color: #fff;	
}


#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: "Flexo";
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: "Flexo";
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: 0px solid transparent;
 border-left: 0px solid transparent;
 border-right: 0px solid transparent;
 border-bottom: 2px solid #828282;
 border-radius: 0px;
 padding: 0px 0px; 
 
font-family: "Flexo";
font-size: 22px;
font-weight: 500;
line-height: 1.18em;
font-style: normal;
text-align: left;
color: #ffffff;
font-style: normal;
text-align: left;
color: #fff;
margin-bottom: 9px;
width: 100%;
max-width: 100%;
background: transparent;
 }
 
.wpcf7 textarea{
    min-height: 138px;
    height: auto;
border: 0px solid transparent;
background: #f2f2f2;
 border-radius: 0px;
  padding: 19px 17px; 

  background: #333333;

font-family: "Branding SF";
font-size: 22px;
font-weight: 300;
line-height: 1.27em;
font-style: normal;
text-align: left;
color: #ffffff;



width: 100%;
max-width: 100%;
}

.wpcf7 ::-webkit-input-placeholder {
  color: rgb(255, 255, 255);
}

.wpcf7 ::-moz-placeholder {
  color: rgb(255, 255, 255);
}

.wpcf7 :-ms-input-placeholder {
  color: rgb(255, 255, 255);
}

.wpcf7 :-moz-placeholder { 
  color: rgb(255, 255, 255);
}

.wpcf7 textarea{
	font-family: "Flexo";
}

.wpcf7 textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.wpcf7 textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.wpcf7 textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.wpcf7 textarea::placeholder {
    color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}


.wpcf7 p{
margin-bottom: 0px;
color: #ffffff;
}

div.wpcf7 .wpcf7-submit, 
div.wpcf7 .wpcf7-submit:focus,  
div.wpcf7 .wpcf7-submit:active, 
div.wpcf7 .wpcf7-submit:visited{
	display: table;
margin: 0px auto;
font-size: 25px;
font-weight: normal;
line-height: 30px;
font-style: normal;
text-align: center;
color: #992c4a;
height: 57px;
line-height: 57px;
padding: 0px 48px;
border: 0;
border-radius: 0;
background: #ffffff;
}

div.wpcf7 .wpcf7-submit:hover{
color: #ffffff;
background: #992c4a;
}

.site-content .wpcf7 p.pfl {
    font-size: 15px;
    line-height: 15px;
    font-weight: 300;
    font-style: normal;
    text-align: right;
    color: #fff;
    margin-bottom: 40px;
}

.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: 46px;
    line-height: 46px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    color: #ffffff;
    text-align: left;
    color: #ffffff;
    background: #389fcd;
    background: linear-gradient(141deg, #389fcd 0.00%, #0062ae 100.00%);
    border: 0px solid transparent;
    text-align: center;
    font-style: normal;
    letter-spacing: normal;
    padding-left: 12px;
    padding-right: 28px;
    margin-top: 0px;
    float: left;
    border: 0px solid transparent;
    text-decoration: none;
    font-family: "Flexo";
    font-size: 25px;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    color: #ffffff;
	margin-left: 162px;
	margin-top: -180px;
}


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





.site-content .materials h3{
		text-align: center;
		font-size: 22px;
		line-height: 1.59em;
}

.site-content .materials h2{
	font-size: 40px;
}



.site-content .requirments h3, 
.site-content .home-anforderungen h3{
		text-align: left;
		font-size: 22px;
		line-height: 1.59em;
		letter-spacing: -1px;
}

.site-content .requirments h2{
	font-size: 40px;
}

.home-anforderungen p{
	text-align: left;
}

.home-materials{
    display: grid;
	    grid-template-columns: repeat(3, 1fr);
    gap: 0px 60px; /* vertical horizontal */
}

.home-materials .material{
	  
margin-bottom: 60px;
}






.branche-tit {

 
}

.home-anforderungen{
    display: grid;
	    grid-template-columns: repeat(4, 1fr);
    gap: 80px 20px; /* vertical horizontal */
}



.home-branches {
    display: grid;
	    grid-template-columns: repeat(4, 1fr);
    gap: 40px 20px; /* vertical horizontal */
}

.projekt-branches{
    display: grid;
	    grid-template-columns: repeat(3, 1fr);
    gap: 60px 60px; /* vertical horizontal */
}



.projekt-quotes{
    display: grid;
	    grid-template-columns: repeat(3, 1fr);
    gap: 60px 60px; /* vertical horizontal */
	margin-top: 40px;
}

.projekt-middle{
	background: #fff;
	padding: 70px 0px 100px;
}

.quote{
	background: #f5f5f5;
	padding: 74px 0px 27px 27px;
	
	background-image: url(img/quote.png);
	background-repeat: no-repeat;
	background-position: 27px 27px;
}

.bottom-part.bottom-dark{
	background: #389fcd;
background: linear-gradient(-122deg, 
#389fcd 0.00%, 
#0062ae 100.00%);
}

.bottom-part.bottom-dark h2{
	color: #fff;
}

.bottom-part.bottom-dark ul li{
	color: #fff;
}

.bottom-part.bottom-dark a.butt{
	margin-left: 0px;
}

.projekt-middle{
	margin-top: 173px;
}

.reference-text{
	padding-right: 45px;
}


.bottom-dark ul{
	padding-left: 15px;
}

.bottom-dark ul li{
	position: relative;
	padding-left: 28px;
}

.bottom-dark ul li:before{
	position: absolute;
	content: "";
	width: 19px;
	height: 19px;
	background-image: url(img/list.png);
	background-size: cover;
	background-repeat: no-repeat;
	left: 0px;
	top: 8px;
}






.new-box ul{
	padding-left: 15px;
}

.new-box ul li{
	position: relative;
	padding-left: 28px;
	list-style-type: none;
}

.new-box ul li:before{
	position: absolute;
	content: "";
	width: 19px;
	height: 19px;
	background-image: url(img/list.png);
	background-size: cover;
	background-repeat: no-repeat;
	left: 0px;
	top: 8px;
}




.name{
font-family: "Flexo";
font-size: 20px;
font-weight: normal;
line-height: 1.5em;
font-style: normal;
text-align: left;
color: #000000;
}

.position{
font-family: 'Branding SF';
font-size: 22px;
font-weight: normal;
line-height: 1.36em;
font-style: normal;
text-align: left;
color: #000000;
}





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

.page-template-template-unternehmen .home-third{
	background-size: cover;
}

.leitsatz{
	background: #ffffff
}

.leitsatz{
	margin-bottom: 50px;
	padding: 50px 20px 35px 20px;
}



.site-content .projekt-branches .branche-tit h3:before{
	content: none;
}

.projekt-branches{
	margin-top: 60px;
}

.site-content .projekt-branches .branche-tit h3{
font-size: 30px;
line-height: 1.33em;
text-transform: uppercase;
}

.site-content .projekt-branches p{
	color: #fff;
	margin-bottom: 0px;
}

.site-content .projekt-branches span.read-more {
    margin-left: 0px;
    margin-right: auto;
}


.site-content .projekt-branches .branche{
	padding-top: 224px;
}

.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, 
.header-right{
	width: 50%;
	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: "Flexo";
    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%;
}

.branche-cover 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;
}
/*
.page-template-template-unternehmen{
	padding: 113px 0px 120px 0px;
}*/

.page-template-template-unternehmen .company-world{
	background: #B51614;
	padding: 111px 0px 108px 0px;
}

.page-template-template-unternehmen .company-world h2{
	color: #fff;
}

.page-template-template-unternehmen .symbol-cover{
	height: 109px;
		margin: 0px auto 32px auto;
	display: table;
}

.page-template-template-unternehmen .symbol-cover svg{
	height: 100%;
	width: auto;
}

.page-template-template-unternehmen .site-content .leitsatz h3 {
    color: #4CB514;
    text-align: center;
}

.page-template-template-unternehmen .site-content .leitsatz p{
	text-align: center;
}

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

.ctl-title{
	font-size: 30px!important;
font-weight: 600!important;
font-style: normal;
text-align: left;
color: #ffffff;
text-transform: uppercase;
text-transform: uppercase !important;
   font-family: 'Branding SF'!important;
}

.ctl-wrapper .ctl-year-text {
    background-color: #b51614!important;
	    box-shadow: 0 0 0 2px #fff, inset 0 0 0 2px rgba(0, 0, 0, .05), 0 0 0 5px #b51614!important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-timeline:before {
    background-color: #b51614!important;
}

.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper,.ctl-clean-skin) .ctl-story.odd .ctl-title {
    background: #b51614!important;
}

.ctl-wrapper .ctl-content {
    border-color: #b51614!important;
}

.ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper,.ctl-clean-skin) .ctl-story.even .ctl-title {
    background: #b51614!important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow {
    background: linear-gradient(to bottom left, #b51614 52%, transparent 48%)!important;

}

.ctl-wrapper .ctl-vertical-wrapper .ctl-arrow {
    background: linear-gradient(to top right,#b51614 52%, transparent 48%)!important;
}

.ctl-wrapper .ctl-arrow {
    border-color: #b51614!important;
}

.ctl-wrapper .ctl-label-big, .ctl-wrapper .ctl-label-big a {
    color: #b51614!important;
}

.ctl-wrapper .ctl-year-text {
    font-size: 30px!important;
    font-weight: 600!important;
}
/*
.ctl-labels{
	display: none!important;
}
*/


.ctl-arrow{
	display: none!important;
}

.ctl-labels{
	top: auto!important;
	z-index: 9!important;
	font-family: "Flexo"!important;
font-size: 22px!important;
font-weight: 500!important;
line-height: 30px!important;
font-style: normal!important;
text-align: center!important;
color: #ffffff!important;
}

.ctl-wrapper .ctl-horizontal-timeline:where(.ctl-default,.ctl-design-1,.ctl-design-3,.ctl-design-5,.ctl-design-7) .ctl-icon {
    top: -80px!important;
}

.ctl-button-next i, 
.ctl-button-prev i{
	font-size: 40px!important;
}

.ctl-wrapper .ctl-horizontal-timeline .ctl-button-next, 
.ctl-wrapper .ctl-horizontal-timeline .ctl-button-prev, 
.ctl-wrapper .ctl-horizontal-timeline .ctl-button-next:hover, 
.ctl-wrapper .ctl-horizontal-timeline .ctl-button-prev:hover{
	border: 0px!important;
	background: transparent!important;
}

.ctl-wrapper .ctl-horizontal-timeline.ctl-design-5 .ctl-content {
    border: 0px!important;
    padding: 0px!important;
}

.ctl-wrapper .ctl-description ol, .ctl-wrapper .ctl-description p, .ctl-wrapper .ctl-description ul {
    color: #000!important;
	font-family: "Branding SF"!important;
}


.ctl-wrapper .ctl-title{
	
	  font-family: "Flexo"!important;
font-size: 22px;
font-weight: 500!important;
line-height: 30px;
font-style: normal;
text-align: center!important;
color: #000000!important;
text-transform: none!important;
margin-bottom: 0px!important;
}

.ctl-wrapper .ctl-horizontal-timeline .ctl-content {
    margin: 50px 10px 0px!important;
	font-family: "Branding SF"!important;
}

body .ctl-wrapper .ctl-horizontal-timeline.ctl-design-5:not(.light-skin) .ctl-icon, 
body .ctl-wrapper .ctl-icon {
    width: 80px!important;
    height: 80px!important;
    background: #0062ae!important;
	border: 0px solid #fff!important;
	    margin-left: -20px!important;
}

body .ctl-wrapper .ctl-horizontal-timeline.ctl-design-5:not(.light-skin) .ctl-icon img{
    width: 50px !important;
    height: auto!important;
    max-width: 50px!important;
    aspect-ratio: 1 / 1!important;
    min-width: 0!important;
    border-radius: 0px!important;
}

.ctl-wrapper .ctl-horizontal-timeline.ctl-design-5 .ctl-content {
    margin-left: 30px !important;
	    margin-right: 30px !important;
}

.ctl-wrapper .ctl-horizontal-timeline .ctl-slider-container.swiper-container {
    width: calc(100% + 60px)!important;
    margin-left: -30px!important;
}


.ctl-wrapper .ctl-horizontal-timeline.ctl-design-5 .ctl-content {
    border: 0px solid transparent!important;
    padding: 0px!important;
    margin-top: 50px!important;
}


.ctl-wrapper .ctl-vertical-wrapper .ctl-end, .ctl-wrapper .ctl-vertical-wrapper .ctl-start {
    background-color: #b51614!important;
}

.ctl-wrapper .ctl-vertical-wrapper .odd .ctl-icon {
    background-color: #b51614!important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-icon {
    -webkit-box-shadow: 0 0 0 4px #fff, inset 0 0 0 2px rgba(0, 0, 0, .05), 0 0 0 8px #b51614!important;
    box-shadow: 0 0 0 2px #fff, inset 0 0 0 2px rgba(0, 0, 0, .05), 0 0 0 5px #b51614!important;
}

.ctl-wrapper .ctl-content{
	border-radius: 0px!important;
}

.ctl-wrapper .ctl-icon {
    border-color: #b51614!important;
    background-color:#b51614!important;
    color: #b51614!important;
}


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

.box-top {
    /* padding-top: 22.303030303%; */
    background-color: #b51614;
    position: relative;
    width: 20%;
    width: calc((100% - 120px) / 3);
    height: 20px;
    top: -20px;
    position: absolute;
    bottom: auto;
    left: 0px;
    right: 0px;
    margin-left: -20px;
    margin: 0px auto;
    content: "";
    z-index: 1;
}

.box-left {
 /*   padding-top: 22.303030303%;
    padding-top: -webkit-calc(22.303030303% + 40px);
    padding-top: -moz-calc(22.303030303% + 40px);
    padding-top: calc(22.303030303% + 40px); */
    background-color: #b51614;
    position: relative;
    width: 20px;
    height: calc(100% + 40px);
    top: auto;
    position: absolute;
    bottom: -20px;
    left: 40%;
    left: calc(((100% - 120px) / 3) + 60px);
    right: auto;
    margin: 0px auto;
    content: "";
    z-index: 1;
}

.box-bottom {
    /* padding-top: 22.303030303%; */
    background-color: #b51614;
    position: relative;
    width: calc((100% - 120px) / 3);
    height: 20px;
    top: auto;
    position: absolute;
    bottom: -20px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    content: "";
    z-index: 1;
}

.box-right {
  /*  padding-top: 22.303030303%;
    padding-top: -webkit-calc(22.303030303% + 40px);
    padding-top: -moz-calc(22.303030303% + 40px);
    padding-top: calc(22.303030303% + 40px); */
    background-color: #b51614;
    position: relative;
    width: 20px;
    height: calc(100% + 40px);
    top: auto;
    position: absolute;
    bottom: -20px;
    right: 40%;
    right: calc(((100% - 120px) / 3) + 60px);
    left: auto;
    margin: 0px auto;
    content: "";
    z-index: 1;
}




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

}

.new-mood .image-cover .container .row{
	min-height: 100%;
	 display: flex;
    align-items: stretch;
}

.row {
   
}

.full-h {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blue-box{
	background: #0062ae;
	padding: 61px 58px 0px 58px;
}

.info-call{
	font-family: "Flexo";
font-size: 83px;
font-weight: 500;
line-height: 96px;
font-style: normal;
text-align: left;
color: #ffffff;
line-height: 0.8;
}

.comm{
	font-family: "Flexo";
font-size: 30px;
font-weight: 500;
line-height: 35px;
font-style: normal;
text-align: left;
color: #ffffff;
}

.jobs-third.company{
	background: #010306;
background: linear-gradient(0deg, 
#010306 0.00%, 
#2b2e31 100.00%);
}

.jobs-third.company .col-three{
	margin-bottom: 69px;;
}

.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, .home-branches{
	margin-top: 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;
}

.branche-tit{
/*	background: #389fcd;
background: linear-gradient(134deg, 
#389fcd 0.00%, 
#0062ae 100.00%); */

background: linear-gradient(134deg, rgb(56 159 205 / 90%) 0.00%, rgb(0 98 174 / 90%) 100.00%);
	    padding: 12px 21px 12px 21px;
}

.site-content .branche-tit h3{
	margin-bottom: 0px;
	display: table;
	position: relative;
	    font-weight: 500;
		text-transform: none;
		font-size: 33px;		
}

.site-content .branche-tit h3:before {
    content: "";
    width: 23px;
    height: 23px;
    background: url(img/arr-in-circle.png);
    background-repeat: no-repeat;
    position: absolute;
    right: -32px;
    top: 13.5px;
    background-position: center center;
}

.site-content .home-materials .branche-tit h3:before {
    content: none;
}

body .site-content .materials h3{
	margin-left: auto;
	margin-left: auto;
	display: block;
}

.page-template-template-maschinenpark .site-content .branche-tit h3:before{
	content: none!important;
}

.page-template-template-maschinenpark .site-content .branche-tit h3{
	font-size: 30px;
font-weight: 500;
line-height: 1.33;
font-style: normal;
text-align: center;
color: #ffffff;
display: block;
text-transform: uppercase;
}


.page-template-template-maschinenpark .site-content .branche-tit h3:after{
	content: none!important;
}

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

.col-three.branche{
	margin-bottom: 85px;
}

a.col-three.branche, 
a.col-three.branche:active, 
a.col-three.branche:visited{
	text-decoration: none;
}
/*
.row.home-branches .col-three:nth-child(7), */
.row .col-three.leitsatz:nth-child(7), 
.jobs-third.company .col-three:nth-child(4){
    margin-left: 535px;
}

a.col-three.branche:hover{
	text-decoration: none;
}

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

.branche-content{
	margin-top: 20px;
}

.home-third.dark-part.requirments{
	padding-top: 0px;
}

.site-content .bottom-part h2 {
    font-size: 45px;
}

.site-content .material ul{
    margin-bottom: 0px;

}

.branche-content{
		padding-left: 40px;
	padding-right: 40px;
	display: none;
}



.branche-content {
    display: none;
}

.material.material-active .branche-content {
    display: block;
}



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

.home .top-part, .home-slide, .home .top-part .container{
	min-height: 750px;
}

.home .top-part .container{
	position: absolute;
	top: 0px;
	    width: 100%;
    left: 0;
    right: 0;
}

.home-left{
	    width: 100%;
    float: left;
    width: -webkit-calc(100% - 565px);
    width: -moz-calc(100% - 565px);
    width: calc(100% - 565px);
		position: absolute;
	bottom: 154px;
	left: -115px;
	right: 0px;
	    z-index: 2;
}

.home-right{
	width: 565px;
	    float: left;
			position: absolute;
	top: 157px;
	left: auto;
	right: -115px;
	    z-index: 9;
}

.service-item h3{
		float: left;

    max-width: -webkit-calc(100% - 80px);
    max-width: -moz-calc(100% - 80px);
    max-width: calc(100% - 80px);
	display: table;
}

.service-item .ico{
	float: left;
	margin-left: 20px;
}

.all-services .service-item:nth-child(3) h3{
	    width: 30px;
}

.service-item img.sym{
	width: 49px;
	float: right;
}

.service-item h3{
	margin-top: 0px;
}

.titel-part{
	position: relative;
}

.service-item{
	max-width: 1309px;
}

.titel-part:after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: rgb(0 0 0 / 30%);
}

.site-content .titel-part h3{
	position: relative;
	z-index: 10;
	color: #fff;
	font-size: 30px;
}

.titel-part{
	padding: 100px 0px;
}

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-family: "Branding SF";
font-size: 11px;
font-weight: 300;
line-height: 13px;
font-style: normal;
text-align: left;
color: #ffffff;
}


.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: "Flexo";
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;
}

.page-template-template-unternehmen .item-content{
	background: transparent;
}

.page-template-template-unternehmen .item-content h1, 
.page-template-template-unternehmen .item-content h2, 
.page-template-template-unternehmen .item-content h3, 
.page-template-template-unternehmen .item-content h4, 
.page-template-template-unternehmen .item-content h5, 
.page-template-template-unternehmen .item-content p{
	color: #fff!important;
}

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

.page-template-template-unternehmen .site-content .item-content li {
    color: #fff;
}


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

.page-template-template-unternehmen .site-content h2{
	font-size: 45px;
}


#media_image-2 img{
	float: right;
	    margin-top: 8px;
}

.postid-2953 .top-service,
.postid-2953 .middle-service, 
.postid-2953 .bottom-service, 
.postid-1663 .bottom-service{
	display: none;
}

.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{
	position: relative;
	padding: 71px 0px 0px 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: 163px;
}

.site-header .container, 
.site-header .row{
   height: 100%;
}

.site-content{
	margin-top: 163px;
}

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

.change .site-content{
	margin-top: 100px;
}

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


.highlights{
	position: absolute;
 bottom: 0px;
    transform: translateY(50%);

z-index: 9;
}

.site-content .bottom-part-of-box p{
	margin-bottom: 0px;
}

.site-content .punkt-content h4{
	font-size: 24px;
	line-height: 1.2em;
	color: #000!important;
	margin: 0px 0px 8px 0px;
	text-transform: uppercase;
}


.bottom-part{
	background: #fff;
}



.highlights {
    width: 100%;
    min-height: 114px;
    padding: 15px 0px;

 /*   display: flex;
    align-items: center;
    justify-content: space-between;
	*/
	
	
	
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    align-items: center;
	
	
	

    background: #389fcd;
background: linear-gradient(161deg, 
#389fcd 0.00%, 
#0062ae 100.00%);

    box-sizing: border-box;
}

.highlight-item {
    flex: 1 1 0;
    min-width: 0;

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

    gap: 16px;
}

.highlight-icon {
    flex: 0 0 auto;

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



.highlight-text {
    margin: 0;

    font-family: "Branding SF";
    font-size: 25px;
    font-weight: 300;
    line-height: 1.2em;
    font-style: normal;
    text-align: left;
    color: #ffffff;
}







 .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: #000000;
}


.site-footer .row {
    display: flex;
    align-items: center;
}

.foot1 {
    width: 50%;
}

.foot2 {
    width: 50%;
    text-align: right;
}



.site-footer p:last-child{
	margin-bottom: 0px;
}



h2.widget-title{
	font-size: 20px;
font-weight: normal;
line-height: 30px;
font-style: normal;
text-align: left;
color: #ffffff;
margin-bottom: 8px;
    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-second{
padding-top: 68px;
padding-bottom: 50px;
    background: url(img/job-bg.png) repeat-y center top;
    background-size: 100% auto;
}



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

.top-box {
       right: 0px;
    top: auto;
    bottom: 113px;
	
	top: 140px;
    bottom: auto;
	
	right: auto;
	left: 0px;
	
	position: absolute;
}



.page-template-template-aktuelles .top-box {
    top: auto;
    bottom: 40px;

}


.page-template-template-jobs .top-box {
	max-width: 1030px;
}

.page-template-template-jobs .site-content .top-box h1 span {

    padding-left: 0px;
}

.page-template-template-jobs .site-content .top-box h1{
	text-align: right;
	margin-bottom: 0px;
}

/*
.page-template-template-jobs .site-content .top-box{
	top: auto;
	bottom: 120px;
}
*/

.page-template-template-jobs .site-content .top-box {
	right: 0px;
	left: auto;
        top: 140px;
    bottom: auto;
}


.job-text{
	max-width: 840px;
	float: right;
	text-align: right;
}

.site-content .job-text p{
	    text-align: right;
		font-size: 27px;
font-weight: normal;
font-style: normal;
text-align: right;
color: #ffffff;
}

.site-content .job-text p:last-child{
	margin-bottom: 0px;
}

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));
}
.home .top-box{
	top: 110px;
}



.single-leistung .top-box h2{
    text-align: right;
}

.top-box h1{
background: rgb(255 255 255 / 90%);
}

.first-part{
	padding-top: 241px;
}

.branche-second .one-item{
	padding: 70px 01px 40px 0px;
}

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

.right-box{
	background: #ffffff;
	padding: 27px 23px;
}

.home-left-in{
	width: calc(100% - 90px);
}

.site-content .right-box h3{
	font-size: 40px;
font-weight: 500;
line-height: 1.25em;
font-style: normal;
text-align: left;
letter-spacing: -1px;
    color: #0062ae;
}


.home .site-content .right-box h3 {
    color: #000000;
}

.anforderung-in{
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.site-content .right-box p {
    color: #000000;
}

.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: "Flexo";
       letter-spacing: -1px;
    margin-top: 0px;
}

.site-content .top-box h1{
	margin-top: 0px;
font-size: 90px;
font-weight: 500;
font-style: normal;
text-align: left;
color: #0062ae;
line-height: 1.26;
display: table;
padding-right: 40px;
text-transform: uppercase;
position: relative;
 margin-bottom: 27px;
     letter-spacing: -1px;
}


.site-content .top-box h1:before{
	content: "";
	height: 100%;
	width: 1000px;
	background: rgb(255 255 255 / 90%);
	padding: 12px 40px 12px 0px;
	position: absolute;
	right: 100%;
    top: 0px;
}


.bottom-part-of-box{
	background: rgb(255 255 255 / 90%);
	padding: 12px 12px 12px 0px;
	position: relative;
/*	max-width: 750px; */
	max-width: 800px;
}


.bottom-part-of-box:before{
	content: "";
	height: 100%;
	width: 1000px;
	background: rgb(255 255 255 / 90%);
	padding: 12px 40px 12px 0px;
	position: absolute;
	right: 100%;
    top: 0px;
}


.site-content .top-box a.butt, 
.site-content .top-box a.butt:focus, 
.site-content .top-box a.butt:active, 
.site-content .top-box a.butt:visited{
	float: right;
	margin-right: 286px;
}

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

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

.job-box{
	position: absolute;
	top: -210px;
	right: 0px;
	    text-align: right;
		overflow: hidden;

}

.job-box img{
	margin-right: -15px;
}

.box-text{
		padding: 20px 20px 30px 20px;
	background: #fff;
	max-width: 696px;
}

.in-job{
	max-width: 745px
}

.site-content .standard-second .in-job  ul{
    max-width: 100%;
}

.site-content .box-text h1, 
.site-content .box-text h2, 
.site-content .box-text h3, 
.site-content .box-text h4, 
.site-content .box-text h5{
	    color: #b51614;
		margin-bottom: 10px;
}

.site-content .box-text p, 
.site-content .box-text ul li, 
.site-content .box-text ol li{
	    color: #000;
		padding-left: 0px!important;
				margin-bottom: 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;
}



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

.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.3em;
    cursor: pointer;
	float: left;
	margin-bottom: 1.5em;
	
	font-size: 22px;
    font-weight: 300;
    line-height: 1.0em;
    color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
  
}

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


a.branche:hover{
	text-decoration: none;
}

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

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

.postid-1660 .bottom-image{
	right: 150px;
	bottom: 50px;
	position: absolute;
}

.postid-1661 .bottom-image {
    right: -180px;
    bottom: 0px;
    position: absolute;
}

.postid-1662 .bottom-image {
    right: 170px;
    bottom: 0px;
    position: absolute;
}

.postid-1662 .main-service {
    position: relative;
    padding-bottom: 100px;
}

.postid-1663 .main-service {
    position: relative;
    padding-bottom: 280px;
}

.postid-2937 .overtop-service .bottom-image {
    right: 65px;
    bottom: 40px;
    position: absolute;
}



.postid-1664 .main-service {
    position: relative;
    padding-bottom: 60px;
}

.postid-1664 .bottom-image {
    right: 110px;
    bottom: -20px;
    position: absolute;
}



.postid-1665 .main-service {
    position: relative;
    padding-bottom: 160px;
}

.postid-1665 .bottom-image {
    right: -120px;
    bottom: -40px;
    position: absolute;
}



.postid-1666 .main-service {
    position: relative;
    padding-bottom: 160px;
}

.postid-1666 .bottom-image {
    right: -180px;
    bottom: -40px;
    position: absolute;
}


.postid-1667 .main-service {
    position: relative;
    padding-bottom: 160px;
}

.postid-1667 .bottom-image {
    right: -90px;
    bottom: -100px;
    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;
}



.branches .branche-second .bottom-line{
	margin: 0px auto;
max-width: 100%;
display: table;	
	margin-bottom: 70px;
}

.branches .branche-second:last-child .bottom-line{
	display: none;
}

.branche-second .full-image{
	margin-bottom: 70px;
	position: relative;
}
/*
.branche-cover{
	position: relative;
}

.branche-cover:before{
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-image: url(img/over.png);
    background-repeat: repeat-x;
    content: "";
    z-index: 1;
    position: absolute;
}
*/
.branche-second a.butt, 
.branche-second a.butt:focus, 
.branche-second a.butt:active, 
.branche-second a.butt:visited{
	margin-top: 70px;
	margin-bottom: 222px;
}

.contact-bottom{
	padding: 60px 0px;
}

.top-part{
	overflow: hidden;
}




#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;
  }
	
	.machinery{
		background: #2B2E31;
		padding: 105px 0px 139px 0px;
	}
	
	.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;
	}
	
	.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{
		background: #2b2e31;
background: linear-gradient(0deg, 
#2b2e31 0.00%, 
#010306 100.00%);
	}
	
	.jobs-third{
		background: #010306;
		padding: 105px 0px 60px;
		    background-image: url(img/logo-bg-light.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
	}
	
	.bg-part .service-first{
		background: transparent;
	}
	
	
	 .site-content .jobs-second h2.tit-mit-cover {
    padding: 8px 0px;
    margin-bottom: 0px;
}
	
	
	 .site-content .jobs-second .row .col-three:not(:nth-child(3n)) {
    margin-right: 0px;
}

.site-content .jobs-second .row .col-three{
	background: #ffffff;
}

.benefit{
	    padding: 40px 20px 35px 20px;
}

.site-content .benefit p {
   color: #010306;
       text-align: center;
	   padding-left: 20px;
	   padding-right: 20px;
}

.site-content .benefit h3 {
    font-size: 27px;
    font-weight: 600;
    font-style: normal;
   color: #b51614;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 22px;
    margin-top: 0px;
}

.jobs-second{
	padding: 70px 0px 134px;
}

.site-content .jobs-second .row .col-three:nth-child(odd){
	background: #e5e5e5;
}

.site-content .jobs-second .row .col-three {
    width: 33.3333%;
    float: left;
}


.contact-first a, 
.contact-first a:focus, 
.contact-first a:active,  
.contact-first a:visited{
	color: #fff;
}


.branche-cover{
/*	min-height: calc(100% - 100px); */
	width: 100%;
	background-repeat: no-repeat!important;
	background-size: cover !important;
/*	aspect-ratio: 960/520; */
	
/*	min-height: 800px;
	 background-position-y: 0%!important;
        background-repeat: no-repeat!important;
        background-size: cover!important; */
}
/*
.lux-bg{
    min-height: 900px;

}
*/

.gender{
	margin-top: 30px;
	float: right;
}

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


.site-content .branche-second h2{
	font-size: 42px;
}


.branche-cover{
	height: 800px;
	left: 0;
	top: 0;
	width: 100%;
    background-attachment: fixed;
    background-size: cover;
background-position: center;
margin-bottom: 0px;
}

/* Disable background-attachment: fixed for iPhones and similar devices */
@supports (-webkit-overflow-scrolling: touch) {
    .branche-cover {
        background-attachment: scroll; /* Change to scroll for touch devices */
    }
}
/*
.history-cover{
	height: 840px;
overflow-y: auto; 
}

.history-cover{
    -ms-overflow-style: none;  
    scrollbar-width: none; 
	overflow: -moz-scrollbars-none;
}

.history-cover::-webkit-scrollbar { 
    display: none;  
}
*/

.page-numbers.ctl-page-num{
	display: none!important;
}

.ctl-vertical-wrapper .ctl-pagination a {
    background-color: transparent!important;
    color: #fff!important;
    text-decoration: none;
    position: relative;
}

.ctl-vertical-wrapper .ctl-pagination .next.page-numbers, .ctl-vertical-wrapper .ctl-pagination .prev.page-numbers {
    font-size: 15px;
   color: #fff!important;
   fill: #fff!important;
    display: flex;
    justify-content: center;
    align-items: center;
}

body .ctl-vertical-wrapper .ctl-pagination a, .ctl-vertical-wrapper .ctl-pagination span {
    display: inline-block;
       padding: 4px 8px;
	     text-decoration: none;
    font-weight: normal !important;
    font-size: 25px;
    line-height: 30px;
    font-style: normal;
    text-align: left;
    color: #ffffff;
}

.ctl-vertical-wrapper .ctl-pagination span.current {
    background-color: #b51614!important;
    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;
	}



.new-mood.mood .top-box{
	left: auto;
	right: 0px;
}
.site-content .new-mood.mood .top-box h1{
	text-align: right;
}

.site-content .new-mood.mood .top-box h1 span {
    padding-left: 0px;
	text-align: right;
	display: block;
}

.site-content p.no-marg{
	margin-bottom: 0px;
}

.site-content p.small-par{
	font-size: 20px!important;
}

.new-jobs{
	padding-top: 0px;
	margin-top: -69px;
	z-index: 9;
	position: relative;
}

.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;
}
.is-rot{
	
}

.is-rot a{
	margin-top: 10px!important;
	padding-top: 10px!important;
	border-top: 1px solid #B51614!important;
	color: #B51614!important;

	display: block;
	width: 265px!important;
}

.is-rot.first-rot a{
		margin-top: 0px!important;
	padding-top: 0px!important;
	border-top: 0px solid transparent!important;
}

.overlay .sub-menu .is-rot a:hover {
    padding-left: 0px!important;
    background: transparent!important;
    text-shadow: none!important;
}

body .menu-item-1673 a, 
body .menu-item-1673 a:hover, 
.overlay .sub-menu .is-rot.menu-item-1673 a:hover{

		background: url(img/arr-down.png) no-repeat 130px 64%!important;
}

body .menu-item-2959 a, 
body .menu-item-2959 a:hover, 
.overlay .sub-menu .is-rot.menu-item-2959 a:hover{

		background: url(img/arr-down.png) no-repeat 146px 64%!important;
}

body .menu-item-3076 a, 
body .menu-item-3076 a:hover, 
.overlay .sub-menu .is-rot.menu-item-3076 a:hover{

		background: url(img/arr-down.png) no-repeat 160px 64%!important;
}

body .menu-item-3080 a, 
body .menu-item-3080 a:hover, 
.overlay .sub-menu .is-rot.menu-item-3080 a:hover{

		background: url(img/arr-down.png) no-repeat 180px 64%!important;
}

.postid-2953 .bottom-image {
    right: -240px;
    bottom: -180px;
    position: absolute;
}



.postid-2937 .middle-service .bottom-image {
    right: -280px;
    bottom: 200px;
    position: absolute;
  
}

.postid-2937 .bottom-service .bottom-image {
    right: -120px;
    bottom: -40px;
    position: absolute;
  
}

.postid-2937 .top-service .bottom-image {
        right: 300px;
    bottom: 300px;
    position: absolute;
  
}

.postid-2986 .bottom-image {
    right: 0px;
    bottom: -40px;
}

.postid-2986 .top-service, 
.postid-2986 .middle-service, 
.postid-2986 .bottom-service{
	display: none;
}

.postid-1663 .top-service, 
.postid-1663 .middle-service, 
.postid-1663 .bottom-service{
	display: none;
}

.postid-1663 .bottom-image {
    right: 0px;
    bottom: 80px;
    position: absolute;
}


.main-navigation ul .menu-item-1676 ul ul {
    position: static;
}
.main-navigation ul .menu-item-2599 ul ul {
    position: static;
}

.main-navigation ul .menu-item-2599 ul .is-rot ul a {
    margin-top: 0px !important;
    padding-top: 0px !important;
    border-top: 0px solid #B51614 !important;
    color: #fff !important;
    display: block;
    /* width: 265px !important; */
}

/*
.main-navigation ul .menu-item-1676 ul li a{
	    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid #B51614 !important;
    color: #B51614 !important;
    display: block;
    width: 265px !important;
}
*/

.main-navigation ul .menu-item-1676 ul .is-rot ul a {
    margin-top: 0px !important;
    padding-top: 0px !important;
    border-top: 0px solid #B51614 !important;
    color: #fff!important;
    display: block;
  /*  width: 265px !important; */
}
/*
body .menu-item-2959 a, 
body .menu-item-2959 a:hover, 
.overlay .sub-menu .is-rot.menu-item-2959 a:hover {
    background: url(img/arr-down.png) no-repeat 146px 65% !important;
}
*/

 
body .sub-menu .sub-menu a{
    background-image: none!important;
}


.postid-3031 .top-service, 
.postid-3031 .middle-service, 
.postid-3031 .bottom-service{
	display: none;
}

.postid-3031 .bottom-image {
    right: 0px;
    bottom: -50px;
    position: absolute;
}
	
html body .menu-item-2599 .sub-menu .menu-item-3076 .sub-menu a:hover, 
html body .menu-item-2599 .sub-menu .menu-item-3080 .sub-menu a:hover, 
html body .menu-item-1676 .sub-menu .menu-item-2959 .sub-menu a:hover, 
html body .menu-item-1676 .sub-menu .menu-item-1673 .sub-menu a:hover{
	    padding-left: 22px!important;
    background-image: url(img/arr.png)!important;
	background-repeat:  no-repeat!important;
    background-position: 4px 10.5px!important;
    -webkit-transition: none!important;
    -moz-transition: none!important;
    transition: none!important;
    text-shadow: 0 0 0.09px #fff!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 */

}

.ben {
    
    box-sizing: border-box;
    padding: 0px;
    display: flex;
    flex-direction: column;
}

.ben img {
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
    display: block;
}

.ben .ben-tit {
    text-align: center;
  font-family: "Flexo";
font-size: 22px;
font-weight: 500;
line-height: 1.36em;
font-style: normal;
text-align: center;
color: #ffffff;
    margin-top: 9px;
    color: #fff;
}



.cky-btn-revisit-wrapper {
    background: #0062AE!important;
	
	  font-size: 15px!important;
    font-weight: 500!important;
	    font-family: 'Flexo' !important;
}

.cky-btn-preferences {
    color: #0062AE!important;
    border: 2px solid #0062AE!important;
	
	  font-size: 15px!important;
    font-weight: 500!important;
	    font-family: 'Flexo' !important;
}

.cky-btn-accept {
    background: #0062AE!important;
    border: 2px solid #0062AE!important;
	
	  font-size: 15px!important;
    font-weight: 500!important;
	    font-family: 'Flexo' !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: 'Flexo' !important;
}








.dw-arr{
	animation: dwArrowMove 1.8s ease-in-out infinite;
}

@keyframes dwArrowMove {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(8px);
	}
}






.row.process h3{
	text-align: center;
	margin-bottom: 40px;
	color: #9a8b7c!important;
	white-space: nowrap;
}

.row.process p{
		text-align: center;
}

.process-box{
	position: relative;
}
/*
.dynamic-arr{
	position: absolute;
	top: 20px;
    right: -71px; 
	
}
*/
.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; }
}

.process .process-box:first-child .arrow-flow{
	display: none;
}



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

.process{
	margin-bottom: 60px;
}


body .site-content .materials .bottom-text h3{
	font-size: 22px;
font-weight: 300;
line-height: 35px;
font-style: normal;
text-align: center;
color: #ffffff;
height: auto;
min-height: 0px;
text-transform: none;
}

.scroll-arrow img {
    display: block;
    animation: arrowPulse 2s ease-in-out infinite;
}

@keyframes arrowPulse {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(7px);
    }
}





.process {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0px;
}

.process .five-box {
    min-width: 0;
}






.machines{
	padding-top: 70px;
}

.site-content .machines h2{
	font-size: 45px;
font-weight: 500;
line-height: 1.33;
font-style: normal;
text-align: left;
color: #0062ae;
}

.site-content .machines h2.main-title-machines{
	color: #fff;
	margin-bottom: 70px;
}

.site-content .scroll-part h2.main-title-machines{
	margin-bottom: 40px;
	font-size: 40px;
}

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

.brch-row .home-branches {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 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: 'Flexo' !important;
		    padding-right: 30px;
}


.site-content .dark-part .right-box li{
	position: relative;
}

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

.site-content .dark-part  .right-box li{
	color: #000000;
	padding-left: 20px;
}



.half-text{
	padding-top: 30px;
	padding-bottom: 30px;
}



a.butt.mood-butt{
	margin-top: 140px;
}

.page-template-template-wissenswertes .site-content .dark-part h2{
	font-size: 45px;
	margin-bottom: 40px;
}

.process-symbol-cover img{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 42px;
	display: block;
}

body .site-content .materials h3{
	margin-bottom: 0px;
/*	min-height: 80px; */
	text-transform: uppercase;
	font-family: "Flexo";
font-size: 30px;
font-weight: 500;
line-height: 1.33em;
}











.ctl-title {
  font-size: 23px !important;
  font-weight: 600 !important;
  font-style: normal;
  text-align: left;
  color: #ffffff;
  text-transform: uppercase;
  text-transform: uppercase !important;
  font-family: "Inter 28pt" !important;
}

.ctl-wrapper .ctl-year-text {
  background-color: #00b2b0 !important;
  box-shadow: 0 0 0 2px #fff, inset 0 0 0 2px rgba(0, 0, 0, 0.05),
    0 0 0 5px #00b2b0 !important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-timeline:before {
  background-color: #00b2b0 !important;
}

.ctl-wrapper
  .ctl-vertical-wrapper:not(.ctl-compact-wrapper, .ctl-clean-skin)
  .ctl-story.odd
  .ctl-title {
  background: #00b2b0 !important;
}

.ctl-wrapper .ctl-content {
  border-color: #00b2b0 !important;
}

.ctl-wrapper
  .ctl-vertical-wrapper:not(.ctl-compact-wrapper, .ctl-clean-skin)
  .ctl-story.even
  .ctl-title {
  background: #00b2b0 !important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow {
  background: linear-gradient(
    to bottom left,
    #00b2b0 52%,
    transparent 48%
  ) !important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-arrow {
  background: linear-gradient(
    to top right,
    #00b2b0 52%,
    transparent 48%
  ) !important;
}

.ctl-wrapper .ctl-arrow {
  border-color: #00b2b0 !important;
}

.ctl-wrapper .ctl-label-big,
.ctl-wrapper .ctl-label-big a {
  font-family: "Flexo"!important;
font-size: 22px!important;
font-weight: 500!important;
line-height: 30px!important;
font-style: normal!important;
text-align: center!important;
color: #ffffff!important;
}

.ctl-wrapper .ctl-year-text {
  font-size: 30px !important;
  font-weight: 600 !important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-end,
.ctl-wrapper .ctl-vertical-wrapper .ctl-start {
  background-color: #00b2b0 !important;
}

.ctl-wrapper .ctl-vertical-wrapper .odd .ctl-icon {
  background-color: #00b2b0 !important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-icon {
  -webkit-box-shadow: 0 0 0 4px #fff, inset 0 0 0 2px rgba(0, 0, 0, 0.05),
    0 0 0 8px #00b2b0 !important;
  box-shadow: 0 0 0 2px #fff, inset 0 0 0 2px rgba(0, 0, 0, 0.05),
    0 0 0 5px #00b2b0 !important;
}

.ctl-wrapper .ctl-content {
  border-radius: 0px !important;
}

.ctl-wrapper .ctl-icon {
  border-color: #00b2b0 !important;
  background-color: #00b2b0 !important;
  color: #00b2b0 !important;
}

.carousel-cover {
  position: relative;
}

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

.image-desc{
    bottom: 20px;
    position: absolute;
	filter: drop-shadow(2px 2px 1px #000000);

font-family: "Branding SF";
font-size: 22px;
font-weight: 300;
line-height: 1.59em;
font-style: normal;
text-align: left;
color: #ffffff;
}

.site-content .comm p{
	font-family: "Flexo";
font-size: 30px;
font-weight: 500;
line-height: 1.16em;
font-style: normal;
text-align: left;
color: #ffffff;
    letter-spacing: -1px;
}

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


.founder{
margin-top: 19px;	
font-size: 20px;
font-weight: 600;
line-height: 28px;
font-style: normal;
text-align: center;
color: #ffffff;
}



.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: 'Flexo' !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: 'Flexo' !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: 'Flexo' !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: 'Flexo' !important;
}

.cky-notice .cky-title {
    color: #000000!important;
    font-weight: 700;
}


@media (max-width: 1200px) {
    .process {
        grid-template-columns: repeat(3, 1fr);
        gap: 50px;
    }
}

@media (max-width: 768px) {
    .process {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}



@media (max-width: 1399px) {
.site-content h3.stat-item {
    text-align: center;
    padding: 30px 40px 15px;
}


}



@media (max-width: 768px) {
    .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);
    }
}





@media (min-width: 768px){
.cent{
	margin-left: auto;
	margin-right: auto;
	max-width: 567px;
}

.cent .row .col-three:nth-child(2n){
    margin-right: 0px;
}

.cent .row .col-three {
    width: 100%;
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: calc(50% - 15px);
    float: left;
}
}






.contact-split--reverse {
    position: relative;
    width: 100%;
    overflow: hidden;
	padding-top: 241px;
}

.contact-split--reverse::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;

    right: 0;
    left: auto;

    width: calc(
        (100% - 1620px) / 2
        + (1620px * 0.36)
    );

    background: linear-gradient(
        225deg,
        #32a7d5 0%,
        #0068ad 100%
    );
}




.contact-split--reverse .container {
    position: relative;
    z-index: 1;
    margin: 0 auto;
}

.contact-grid--reverse {
    display: grid;
    grid-template-columns: 64% 36%;
}

.cnt-left--reverse {
    padding: 0px 50px 70px 0;
}

.cnt-right--reverse {
    padding: 0px 0 70px 50px;
}



@media (max-width: 1855px) {
.site-content .branche-tit h3 {
    font-size: 28px;
}

.site-content .branche-tit h3:before {
    top: 9.5px;
}
}


@media (max-width: 1855px) {
.contact-split--reverse::before {
    content: "";
    width: calc(
        (100% - 1520px) / 2
        + (1520px * 0.36)
    );

}
}




@media (max-width: 1599px) {
	
	.site-content .branche-tit h3:before {
    top: 7.5px;
}
	
.contact-split--reverse::before {
    content: "";
    width: calc(
        (100% - 1320px) / 2
        + (1320px * 0.36)
    );

}
}


@media (max-width: 1399px) {
.contact-split--reverse::before {
    content: "";
    width: calc(
        (100% - 1120px) / 2
        + (1120px * 0.36)
    );

}
}


@media (max-width: 1199px) {
.contact-split--reverse::before {
    content: "";
    width: calc(
        (100% - 946px) / 2
        + (946px * 0.36)
    );

}
}

@media (max-width: 991px) {
.contact-split--reverse::before {
    content: "";
    width: calc(
        (100% - 737px) / 2
        + (737px * 0.36)
    );

}
}



@media (max-width: 767px) {
	
	.material img{
		width: 100%;
	}	
	
.contact-grid--reverse {
    display: block;
}

.contact-split .container{
	max-width: 100%;
}

.cnt-right--reverse {
        padding: 0px 0px 0px 0px;
    float: left;
	
	    background: linear-gradient(
        225deg,
        #32a7d5 0%,
        #0068ad 100%
    );
	
	padding: 40px 30px;
	
}

.cnt-left--reverse {
    padding: 0px 0px 0px 0px;
    float: left;
	
	padding: 0px 0px 40px;
}

.contact-split--reverse::before {
    content: none;
    background: transparent;
}

.contact-split--reverse {
    padding-top: 60px;
}

}











@media (min-width: 1920px){
.page-template-template-aktuelles .top-box {
    top: auto;
    bottom: 90px;
}
}



@media (max-width: 1890px){
body .site-content .materials h3 {
    font-size: 25px;
}

.info-call {
    font-size: 70px;
    line-height: 0.8;
}

}



@media (max-width: 1830px){
	
	.highlight-icon img {
    display: block;
    width: auto;
    height: 48px;
    max-width: 58px;
    object-fit: contain;
}
	
	
.postid-1665 .bottom-image {
    right: -120px;
    bottom: -40px;
    position: absolute;
    max-width: 50%;
}
}


@media (max-width: 1799px){
.page-template-template-jobs .site-content .top-box {
    top: auto;
    bottom: 20px;
}

.postid-2953 .bottom-image {
    right: -120px;
    bottom: -100px;
    position: absolute;
    max-width: 1100px;
}
}


@media (max-width: 1690px){
	
	.red-part .carousel.slick-initialized {
    padding-left: 40px;
    padding-right: 40px;
}
	
.postid-1667 .bottom-image {
    right: -90px;
    bottom: -100px;
    position: absolute;
    max-width: 35%;
}	
	
.carousel .slick-prev {
    width: 40px;
    height: 40px;
    background: #ffffff00 url(img/arrow-left.png) no-repeat !important;
    background-size: cover !important;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
   top: 100px;
    left: -20px;
    z-index: 9;
    padding: 0px;
    border-radius: 50%;
}

.carousel .slick-next {
    width: 40px;
    height: 40px;
    background: #ffffff00 url(img/arrow-right.png) no-repeat !important;
    background-size: cover !important;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 100px;
    right: -20px;
    z-index: 9;
    padding: 0px;
    border-radius: 50%;
}
}




@media (max-width: 1599px){
	
	.ctl-wrapper .ctl-horizontal-timeline.ctl-design-5 .ctl-content {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
	
	.site-content .new-mood .top-box h2 {
    font-family: "Flexo";
    font-size: 40px;
}

.site-content .new-mood .top-box h3 {
    font-size: 22px;

}

	
	.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;
}
	
	body .site-content .materials h3 {
    font-size: 22px;
}
	
	.process-symbol-cover img {
    max-height: 100px;
}
	
	.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;
}
	
	.site-content .branche-tit h3 {
    font-size: 25px;
}
	
	.site-content .right-box h3 {
    font-size: 30px;
}
	
.site-content .top-box h1 {
    font-size: 70px;

}

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

.jobs-third{
    background-size: 400px auto;
}
	
	
	
	.postid-1661 .bottom-image {
  
    max-width: 60%;
}
	
/* .row.home-branches .col-three:nth-child(7), */
.row .col-three.leitsatz:nth-child(7), .jobs-third.company .col-three:nth-child(4) {
    margin-left: 468px;
}	
	


.site-footer p {
    font-size: 18px;
    line-height: 28px;
}

.site-footer ul li {
    font-size: 18px;
    line-height: 28px;
}

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



@media (max-width: 1399px){
	
	
	
	.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;
    }
		
	.home-materials {
    gap: 0px 20px;
}
	
	    body .site-content .materials h3 {
        font-size: 20px;
    }
	
	
	body .site-content .materials h3 {
    min-height: 53px;
}


    .process-symbol-cover img {
        max-height: 70px;
        margin-bottom: 30px;
    }

    .arrow-flow {
        bottom: 5px;
    }
	
	.projekt-quotes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
    margin-top: 40px;
}
	
	.projekt-branches {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
}
	
	
	.site-content .projekt-branches .branche-tit h3 {
    font-size: 25px;
    line-height: 1.33em;
    text-transform: uppercase;
}

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

	  .site-content .right-box h3 {
        font-size: 28px;
    }
	

	

	
		.postid-2937 .top-service .bottom-image {
        right: 40px;
    bottom: 600px;
    position: absolute;
  
}

html body .menu-item-2599 .sub-menu .menu-item-3076 .sub-menu a:hover, 
html body .menu-item-2599 .sub-menu .menu-item-3080 .sub-menu a:hover, 
html body .menu-item-1676 .sub-menu .menu-item-2959 .sub-menu a:hover, 
html body .menu-item-1676 .sub-menu .menu-item-1673 .sub-menu a:hover{
	    padding-left: 22px!important;
    background-image: url(img/arr.png)!important;
	background-repeat:  no-repeat!important;
    background-position: 4px 7px!important;
    -webkit-transition: none!important;
    -moz-transition: none!important;
    transition: none!important;
    text-shadow: 0 0 0.09px #fff!important;
}
	
	.postid-2937 .bottom-service .bottom-image {
    right: 0px;
    bottom: 180px;
    position: absolute;
    max-width: 500px;
  
}




    .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;
    }
	
	.brch-row .home-branches {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
}
	
	
	
	.site-content .scroll-part h2.main-title-machines {
    margin-bottom: 40px;
     margin-top: 40px;
}
	
	
	.is-rot a{
	margin-top: 10px!important;
	padding-top: 10px!important;
	border-top: 1px solid #B51614!important;
	color: #B51614!important;

	display: block;
	width: auto!important;
	margin-right: 20px;
}
	
	.col:nth-child(2) {
    border-right: 0px solid transparent;
}
	
	
	.page-template-template-jobs .mood .container {
    position: static;
}

    .page-template-template-jobs .site-content .top-box {
        position: static;
		margin-top: 30px;
		margin-bottom: 30px;
    }
	
	
	 .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;
    } 
	
		 	.postid-2937 .overtop-service .bottom-image {
right: 15px;
    bottom: 20px;
    position: absolute;
    max-width: 40%;

}

.site-content h1{
    font-size: 40px;
    line-height: 45px;
}
	
	.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;
}

.branche-tit {
    padding: 12px 12px 12px 12px;
}

.home-branches {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
}
	
	.bottom-part h2 br{
		display: none;
	}
	

    .main-overtitle {
        font-size: 30px;
    }
	
	
	.site-content .top-box h1 {
    font-size: 50px;
 
}
	
	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.home-branches .col-three:nth-child(7), */
		.row .col-three.leitsatz:nth-child(7), 
		.jobs-third.company .col-three:nth-child(4) {
        margin-left: 383px;
    }
	
	
	.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;
}







.col-three.branche {
    margin-bottom: 30px;
}
	
	


	
	.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;
}
	
	
.job-image {
    max-width: 600px;
}







.job-bottom {
    width: 600px;
}
	
.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;
}
	

.site-footer ul li {
    font-size: 18px;
    line-height: 28px;
}

.site-footer p {
    font-size: 18px;
    line-height: 28px;
}

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

}



@media (min-width: 992px) and (max-width: 1199px) {
  
  .site-content .comm:after {
    bottom: 0px;
}
  
.site-content .comm:before {
    left: -30px;
}

  .col-two.full-h {
        width: 80%;
    }
	
	.image-desc {
    bottom: 12px;
}

    .site-content .comm p {
        font-size: 22px;
        line-height: 1.16em;
        margin-bottom: 10px;
    }

.info-call {
        font-size: 30px;
    }

.site-content .blue-box p {
    font-size: 18px;
    line-height: 1.59em;
}

.blue-box {
    background: #0062ae;
    padding: 40px 40px 0px 40px;
}
}

@media (max-width: 1199px){
	
.ctl-title{
    font-size: 20px !important;
}
	
	.project-form {
    display: block;
    grid-template-columns: auto;
    gap: 20px;
    align-items: start;
}
	
	.no-pd{
		padding-bottom: 0px!important;
	}
	
	.contact-split--reverse a.butt {
    margin-left: 68px;
}
	
	
	    .ben .ben-tit {
        font-size: 18px;
    }
	
	.benefit-points {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px;
}
	
	.half-text {
    padding-top: 10px;
    padding-bottom: 10px;
}
	
	
	.site-content .machines h2 {
    font-size: 30px;   
}
	
	.half-text{
    max-width: 433px;
}
	
	.branche-content {
    padding-left: 0px;
    padding-right: 0px;
    display: none;
}
	
	.home-materials {
    grid-template-columns: repeat(2, 1fr);
}

.home-anforderungen {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
}
	
	.home-materials .material {
    margin-bottom: 20px;
}
	
	    .arrow-flow {
        left: -60px;
    }
	
	.reference-text {
    padding-right: 27px;
}
	
	.reference-left {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
	
	.in-reference {
    display: block;
    align-items: center;
    gap: 10px;
    width: 100%;
}
	
	    .projekt-branches {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 20px;
    }
	
	
	.site-content .branche-tit h3:before {
    top: 4px;
}
		
	    .highlight-item {
        gap: 10px;
    }
	
	.highlight-icon img {
    height: 48px;
    max-width: 35px;
}

	    .highlight-text {
        font-size: 17px;
    }
	
	.highlights {
    min-height: 90px;
}
	
	.main-navigation a, .main-navigation a:focus, .main-navigation a:active, .main-navigation a:visited {
    font-size: 17px;
    line-height: 41px;
}
	
		.home .main-overtitle {
    max-width: 80%;
}
	
	.postid-3031 .bottom-image {
    max-width: 400px;
}

.postid-1663 .bottom-image {
    right: 0px;
    bottom: 160px;
    position: absolute;
	max-width: 400px;
}

.postid-2986 .bottom-image {
    right: 0px;
    bottom: -40px;
	max-width: 400px;
}

	
.postid-2937 .top-service .bottom-image {
        right: 40px;
    bottom: 600px;
    position: absolute;
	max-width: 400px;
  
}
	
	
		.postid-2937 .bottom-service .bottom-image {
    right: 0px;
    bottom: 100px;
    position: absolute;
    max-width: 500px;
  
}
	
	.postid-2937 .middle-service .bottom-image {
    right: -170px;
    bottom: 160px;
    position: absolute;
    max-width: 500px;
}
	
.site-content .main-service h3:before, .site-content .main-service h4:before {
    top: 2.5px;
}	
	
	
	   .postid-2953 .bottom-image {
        right: -120px;
        bottom: -50px;
        position: absolute;
        max-width: 600px;
    }
	
	.site-content h2.with-arr:before {
    background: url(img/titel-arr.png);
    background-repeat: no-repeat;
    width: 27px;
    height: 25px;
    left: -34px;
    top: 8px;
    content: "";
    position: absolute;
}
	
	
	.site-content .red-part h2 {
           font-size: 30px;
        line-height: normal;
}
	


.new-mood.mood .top-box {
    left: auto;
    right: 0;
}

.new-jobs {
    padding-top: 0px;
    margin-top: -57px;
    z-index: 9;
    position: relative;
}
	
	.overtitle {
    display: block;
}
	
	    .site-content .top-box h1 {
		font-size: 30px;
		line-height: 35px;
    }
	
	    .home .site-content .top-box h1 span {
        padding-left: 0px;
		font-size: 30px;
		line-height: 35px;
    }
	
	html[lang="en-US"] .site-footer ul#menu-geschaeftliches-menu-en li {
    float: left;
}
	
	.home-third {
    background-size: 300px auto;
}

.contact-second{
    background-size: 300px auto;
}

.contact-first:before{
    background-size: 300px auto;
}

.news-aktuelles.dark{
    background-size: 300px auto;
}

.jobs-third{
    background-size: 300px auto;
}
	
	
	
	.postid-1666 .bottom-image {
    right: -100px;
    bottom: -40px;
    position: absolute;
    max-width: 50%;
}
	
	.postid-1662 .bottom-image {
    right: 0px;
    bottom: 0px;
    position: absolute;
    max-width: 40%;
}
	
	.main-service {
    position: relative;
    padding-bottom: 100px;
}

.postid-1660 .bottom-image {
    right: 20px;
    bottom: 50px;
    position: absolute;
}
	
	.service-second .logos picture:first-child {
    margin-left: 350px;
    margin-right: 60px;
}
	
	
	.left-in {
    max-width: calc(100% - 40px);
}
	
	
	
    /* .row.home-branches .col-three:nth-child(7), */
	.row .col-three.leitsatz:nth-child(7), 
	.jobs-third.company .col-three:nth-child(4) {
        margin-left: 325px;
    }

/*
.site-content p {
    font-size: 18px;
    line-height: 30px;

}


table tr td {
     font-size: 18px;
    line-height: 30px;
}
*/

table tr td:first-child{
	padding-right: 20px;
}

/*
.site-content ul li{
    font-size: 18px;
    line-height: 30px;
}

.site-content ol li{
    font-size: 18px;
    line-height: 30px;
}

.in-person .position{
    font-size: 18px;
    line-height: 30px;
}
*/

.cols-service h3{
	    font-size: 18px;
    line-height: 30px;
}

.site-content .standard-second p{
    font-size: 18px;
    line-height: 30px;
}

.site-content .standard-second ul li{
    font-size: 18px;
    line-height: 30px;
}

.note.jb{
    font-size: 18px;
    line-height: 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: 18px;
}
	
a.more-butt{
    font-size: 18px;
 }

a.butt, a.butt:focus, a.butt:visited {
     font-size: 18px;
  
}	
	*/
	
	
.site-content h2 {
    font-size: 30px;
line-height: normal;

}


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

span.main-title{
font-size: 30px;
line-height: normal;
}
	
	
	
	.site-content h3{
    font-size: 22px;
}

a.butt, 
a.butt:focus, 
a.butt:visited, 
a.butt:active{
    font-size: 22px;
}

.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: 22px;
}


.item-title{
    font-size: 22px;

}

	.just-post .date{
		font-size: 22px;
line-height: 35px;
	}

.site-content .job-text p{
    font-size: 22px;
line-height: normal;
}

.main-overtitle{
    font-size: 24px;
line-height: normal;
}

.site-content .main-service h3, .site-content .main-service h4{
    font-size: 22px;
line-height: normal;	
}

.site-content .overlay-in h3{
    font-size: 22px;
line-height: normal;
	}

.site-content .benefit h3 {
     font-size: 22px;
line-height: normal;
}

.site-content h3{
    font-size: 22px;
line-height: normal;
}
	
	
	
	
	
	
	
	
	
	.site-footer {
    position: relative;
    padding: 71px 0px 0px 0px;
}
	

	

    .overlay a, .overlay a:focus, .overlay a:visited, .overlay a:active {
        font-size: 16px;
        line-height: 30px;
    }
	
	    .overlay .sub-menu a, .overlay .sub-menu a:focus, .overlay .sub-menu a:visited, .overlay .sub-menu a:active {
        font-size: 14px;
        line-height: 24px;
        padding-right: 10px;
    }

	
	body .site-content .main-title h1 {
    margin-bottom: 0px;
}
	
	body:not(.home) .site-content .main-title h2 {
    padding-left: 80px;
    width: auto;
    margin-bottom: 0px;
}
	


	
	.job-box {
    width: 450px;
}	

.in-job {
    max-width: 100%;
	width: calc(100% - 450px);
}
	
	
		.service-slides	.slick-prev{
	display: none!important;
}

.service-slides	.slick-next{
		display: none!important;
}
	
	.from-left {
    margin-left: 40px;
}	
	
	.job-image {
    max-width: 500px;
}

	
		.home-image{
	max-width: 400px; 
}

.image-in span {
    left: -60px;
}

.job-bottom {
    width: 550px;
}

.job-bottom {
    padding-bottom: 80px;
}

a.butt, a.butt:focus, a.butt:visited {
    display: table;
	height: auto;
	line-height: normal;
	    padding-top: 12px;
    padding-bottom: 12px;
    color: #ffffff;
    font-size: 20px;
    padding-left: 18px;
    padding-right: 18px;
	    line-height: 30px;
}
	
.home .top-part, .home-slide, .home .top-part .container {
    min-height: 600px;
}	
	
.home-left {
    width: -webkit-calc(100% - 370px);
    width: -moz-calc(100% - 370px);
    width: calc(100% - 370px);
    bottom: 154px;
	left: 0px;	

}

.home-right {
    width: 370px;
    top: 157px;
	right: 0px;

}

.site-content .main-title h1 {
    font-size: 40px;
	    line-height: 50px;
		margin-bottom: 5px;
	margin-left: 40px;
    text-indent: -40px;
}	

.site-content .main-title h2 {
    font-size: 25px;
	line-height: 35px;
    padding-left: 100px;
	width: auto;
}	
	
	.foot5 img {
    float: left;
}

.foot4 ul {
    float: left;
}

.contact-left {
    width: 100%;
    float: left;
}

.contact-right {
    width: 100%;
    float: left;
}

.foot1{
    margin-bottom: 15px;
}

.contact-right{
    margin-top: 15px;
}
	
	
.slider-nav .slick-prev, .slider-nav .slick-prev:hover, .slider-nav .slick-prev:focus {
display: none!important;
}


.slider-nav .slick-next, .slider-nav .slick-next:hover, .slider-nav .slick-next:focus {
display: none!important;
}	
	

.contact-column-cover {
    margin-left: 30px;
}




 .reference-cover .slick-next, 
  .reference-cover .slick-next:hover, 
   .reference-cover .slick-next:focus {
    right: 18px; 
        z-index: 9;
                width: 50px;
        height: 51px;
        background: url(img/arrow-right.png) no-repeat;
        background-size: 100% 100%;
}

 .reference-cover .slick-prev,  .reference-cover .slick-next {
    top: 32%;
}

.reference-cover .slick-prev, 
.reference-cover .slick-prev:hover, 
.reference-cover .slick-prev:focus {
    left: 18px;
        z-index: 9;
                width: 50px;
        height: 51px;
               
                background: url(img/arrow-left.png) no-repeat;
                 background-size: 100% 100%;
}


}






@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){
	 .site-content .cnt-right .wpcf7 h2 {
    font-size: 30px!important;

}
	 
	 .page-template-template-unternehmen .site-content h2 {
       width: 100%;
    }
	 
	 
	 .bottom-mood .top-box{
        max-width: 737px;
        margin-left: auto;
        margin-right: auto;
        display: table;
        width: 100%;
        left: 0px;
        right: 0px;
		padding-top: 40px;
		padding-bottom: 40px;
    }
	 
	 
	.image-desc {
        max-width: 737px;
        margin-left: auto;
        margin-right: auto;
        display: table;
        width: 100%;
        left: 0px;
        right: 0px;
    }
	
	.ctl-wrapper .ctl-horizontal-timeline .ctl-slider-container.swiper-container {
    width: calc(100%) !important;
    margin-left: 0px !important;
}
	
	.mobile-cont{
		       max-width: 737px;
        margin-left: auto;
        margin-right: auto;
        display: table;
        width: 100%;
        left: 0px;
        right: 0px;
	}
	 
	     .info-call {
        position: relative;
        z-index: 99;
    }
	 
	 .new-mood .image-cover .container{
		 max-width: 100%;
	 }
	 
	 .full-h{
		width: 100%;
	}
	
	.col-two.min-size{
		display: none;
	}
	
	.mood.new-mood .container {
    position: static;
}
	 
	 
	 .ben img {
    width: 108px;
    max-width: 100%;
    margin: 0px auto;
    display: block;
}
	 
	     .ben .ben-tit {
        font-size: 16px;
    }
	 
	 .page-template-template-unternehmen .site-content h2 {
    font-size: 30px;
}
	 
	 
.home-services .service-line:nth-child(odd) .txt-part {
    justify-content: flex-start;
    padding-left: 0px;
}
	 
	 .site-content .bottom-part h2 {
    font-size: 30px;
}
	 
	 .site-content .bottom-text a.butt, .site-content .bottom-text a.butt:focus, .site-content .bottom-text a.butt:visited {
    margin-top: 60px;
}
	 
	 
	 .page-template-template-wissenswertes .site-content .dark-part h2{
	font-size: 30px;
	margin-bottom: 30px;
}
	 
	 
	     a.butt, a.butt:focus, a.butt:visited {
        font-size: 18px;
  
    }
	 
	     .first-part {
        padding-top: 100px;
    }
	 
	 
	 .projekt-branches {
    margin-top: 20px;
}

    .projekt-quotes {
        margin-top: 20px;
    }
	 
	 .top-box {
    top: 60px;
    bottom: auto;
}
	 
	 .bottom-part .left-part {
    padding: 40px 0px 0px;
}
	 
	 .projekt-middle {
    background: #fff;
    padding: 60px 0px 60px;
}
	 
	 .projekt-middle {
    margin-top: 60px;
}
	 
	 
	     .half-text{
			 width: 100%;
			margin-left: auto;
			margin-right: auto;
			display: block;
			 max-width: 737px;
			 padding-left: 0px;
			 padding-right: 0px;
		 }

	 
	 
	 
.home-services .service-line:nth-child(even) .txt-part {
    justify-content: center;
    padding-right: 0px;
    float: none !important;
}

	 	 
.home-services .service-line:nth-child(odd) .txt-part {
    justify-content: center;
    padding-right: 0px;
    float: none !important;
}
	 
	 .site-content .machines h2{
		 font-size: 30px;
	 }
	 
	 
	 
	 
	 .site-content .materials h2{
	font-size: 30px;
}


.site-content .requirments h2{
	font-size: 30px;
}
	 
	 
	 
	 
	 .brch-row .home-branches .im-cover img{
		 width: 100%;
	 }
	 
	 
	     .brch-row .home-branches {
        
        grid-template-columns: repeat(2, 1fr);
    
    }
	 
	 
.highlights {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-auto-columns: minmax(0, 1fr);

    width: 100%;
    gap: 15px;
    box-sizing: border-box;
}


.highlights {
    min-height: 0px;
    padding: 10px 20px;
}



.highlights > * {
    min-width: 0;
}
	 
	 .highlight-item {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}
	 
	 .menu-cover{
		 display: none!important;
	 }
	 
	 .site-header .butt{
		display: none!important;
	 }
	 
	 
	 html body .menu-item-1676 .sub-menu .menu-item-2959 .sub-menu a:hover, 
html body .menu-item-1676 .sub-menu .menu-item-1673 .sub-menu a:hover{
	    padding-left: 22px!important;
    background-image: url(img/arr.png)!important;
	background-repeat:  no-repeat!important;
    background-position: 4px 5px!important;
    -webkit-transition: none!important;
    -moz-transition: none!important;
    transition: none!important;
    text-shadow: 0 0 0.09px #fff!important;
}
	 
	   .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;
    }
	 
	 .postid-2986 .bottom-image {
    right: 0px;
    bottom: -40px;
	max-width: 300px;
}

.postid-2937 .bottom-service .bottom-image {
    right: 0px;
    bottom: 100px;
    position: absolute;
    max-width: 400px;
  
}
	
.with-arr{
	margin-left: 30px;
}
	
	 .inside-service {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
}
	 
	/* .new-mood{
		 display: grid;
	 }
	 
	 .new-mood.mood .container{
		order: 1; 
	 }
	 
	 .new-mood.mood .is-full-image{
		order: 2; 
	 } */
	 
	 .new-mood.mood .container{
		padding: 0px 0px 0px;
	 }
	 
	 .site-content .new-mood.mood .top-box h1 {
   text-align: left;
}
	.site-content .new-mood.mood .job-text {
   text-align: left;
}

.site-content .new-mood.mood .job-text p {
    text-align: left;
}
	 
	 .site-content .new-mood.mood .top-box h1 span {
   text-align: left;
}
	 
	 .new-mood.mood .container h1{
		text-align: left;
	 }
	 
	 .new-mood.mood .container {

    position: static;
}

    .new-mood.mood .top-box {
        left: auto;
        right: 0;
        position: static;
    }
	 
	 
	 .language {
    top: 41px;
}


	 
	 
	 .site-content .jobs-second .row .col-three{
		 width: 50%;
	 }
	 
	 
	 .site-content .jobs-second .row .col-three:nth-child(odd) {
    background:#ffffff;
}

.site-content .jobs-second .row .col-three {
    background: #ffffff;
}
	 
		 .site-content .jobs-second .row .col-three:nth-child(1), 
		  .site-content .jobs-second .row .col-three:nth-child(4), 
		   .site-content .jobs-second .row .col-three:nth-child(5),  
		   .site-content .jobs-second .row .col-three:nth-child(8), 
		    .site-content .jobs-second .row .col-three:nth-child(9), 
			 .site-content .jobs-second .row .col-three:nth-child(12)		 {
       background: #e5e5e5;
} 
	 
	 

	 
	 
	 	     .row .col-three.benefit {
        margin-bottom: 0px;
    }
	 
	 
	 .ctl-title {
    font-size: 18px !important;
}
	 
	 
.branche-cover {

    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    aspect-ratio: 1920 / 1024;
    height: auto !important;
}

.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: 100px;
}

.site-content{
	margin-top: 100px;
}

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

.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: 40px;
	    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: 40px;
	    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;
}
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
.postid-1667 .main-service {
    position: relative;
    padding-bottom: 60px;
}	

	.postid-1667 .bottom-image {
      right: 20px;
    bottom: 50px;
    position: static;
    float: right;
        max-width: 50%;
    }
	 
	 .postid-1664 .bottom-image {
    right: 0px;
    bottom: -20px;
   position: static;
    max-width: 40%;
}
	 
	 .postid-1660 .bottom-image {
    right: 20px;
    bottom: 50px;
    position: static;
    float: right;
    margin-top: 0px;
}
	 
	 .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;
}
	 
	 
	 .box-top {
    /* padding-top: 22.303030303%; */
    background-color: #b51614;
    position: relative;
    width: 20%;
    width: calc(100% - 120px);
    height: 10px;
    top: -10px;
    position: absolute;
    bottom: auto;
    left: 0px;
    right: 0px;
    margin-left: -10px;
    margin: 0px auto;
    content: "";
    z-index: 1;
}

.box-left {
 /*   padding-top: 22.303030303%;
    padding-top: -webkit-calc(22.303030303% + 40px);
    padding-top: -moz-calc(22.303030303% + 40px);
    padding-top: calc(22.303030303% + 40px); */
    background-color: #b51614;
    position: relative;
    width: 10px;
    height: calc(100% + 20px);
    top: auto;
    position: absolute;
    bottom: -10px;
    left: 40%;
    left: 60px;
    right: auto;
    margin: 0px auto;
    content: "";
    z-index: 1;
}

.box-bottom {
    /* padding-top: 22.303030303%; */
    background-color: #b51614;
    position: relative;
    width: calc(100% - 120px);
    height: 10px;
    top: auto;
    position: absolute;
    bottom: -10px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    content: "";
    z-index: 1;
}

.box-right {
  /*  padding-top: 22.303030303%;
    padding-top: -webkit-calc(22.303030303% + 40px);
    padding-top: -moz-calc(22.303030303% + 40px);
    padding-top: calc(22.303030303% + 40px); */
    background-color: #b51614;
    position: relative;
    width: 10px;
    height: calc(100% + 20px);
    top: auto;
    position: absolute;
    bottom: -10px;
    right: 40%;
    right: 60px;
    left: auto;
    margin: 0px auto;
    content: "";
    z-index: 1;
}

	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
 .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;
	 }
	 
	 
	 .branche-second a.butt, .branche-second a.butt:focus, .branche-second a.butt:active, .branche-second a.butt:visited {
    margin: 60px 0px;
}

.news-first {
     padding: 60px 0px;
}

.news-aktuelles.dark {
     padding: 60px 0px;
}

.thumbnail-single {
    margin-bottom: 40px;
}
	 
	 .contact-first {
    padding: 60px 0px;
}

.page-template-template-unternehmen .company-world {
     padding: 60px 0px;
}

.machinery {
    background: #2B2E31;
      padding: 60px 0px;
}
	 
	 .jobs-third {
  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;
}

    .no-right.container {
        max-width: 737px;
        padding-left: 0px;
    }


.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;
}
	 
	.job-bottom {
    width: 100%;
} 
	 
	 .home .home-fourth .container {
    padding-left: 0px;
}
	 

	 
		.job-box {
    width: 350px;
	    top: -150px;
}	

.in-job {
    max-width: 100%;
	width: calc(100% - 300px);
}

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

.job-bottom {
    padding-bottom: 40px;
}

	.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 0px 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) {
	
	    .home-branches {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 20px;
    }
	
	.home .top-box {
    top: 30px;
}

.top-box {
    top: 30px;
}
	
	    .site-content .top-box h1 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 15px;
    }
	
.home-right-part {
    width: 40%;
    float: left;
}

.home-left-part {
    width: 60%;
    float: left;
}

.home-left-in {
    width: calc(100% - 40px);
}

    .site-content .home-left-part h2 {
        font-size: 30px;
    }
	
	    .site-content .right-box h3 {
        font-size: 24px;
    }
}






  @media (max-width: 850px){
		.job-box {
    width: 300px;
	    top: -150px;
}	

.in-job {
    max-width: 100%;
	width: calc(100% - 300px);
}
}
 
 
  @media (min-width: 768px) and (max-width: 940px){
 .overlay-content #nav_menu-3 ul {

     margin-top: 30px;
}

.overlay-content #nav_menu-3 li {
    list-style-type: none;
    text-align: left;
    display: block;
}

.overlay-content #nav_menu-3 li a {
    margin-left: 0px;
    margin-right: 0px;
    display: block;
}
/*
#nav_menu-3 li:not(:first-child):before {
    content: none;
display: none;
}
*/
.overlay-full {
		width: 100% !important;
        height: 500px;
        padding-bottom: 1200px;
}
 }

      @media (max-width: 840px){
      
      
       .reference-cover .slick-next, 
  .reference-cover .slick-next:hover, 
   .reference-cover .slick-next:focus {
    right: 18px; 
        z-index: 9;
                width: 40px;
        height: 41px;
        background: url(img/arrow-right.png) no-repeat;
        background-size: 100% 100%;
}

 .reference-cover .slick-prev,  .reference-cover .slick-next {
    top: 32%;
}

.reference-cover .slick-prev, 
.reference-cover .slick-prev:hover, 
.reference-cover .slick-prev:focus {
    left: 18px;
        z-index: 9;
                width: 40px;
        height: 41px;
               
                background: url(img/arrow-left.png) no-repeat;
                 background-size: 100% 100%;
}

      
      
      
 .ms-slide-info {
    position: static!important; 
    margin-top: 0px;
}

 .ms-slide-info br{
 display: none;
 }
}

@media (min-width: 768px){


 .home-slide img.slide-img{
	display: none!important;
	 }
	 
	  .new-left{
		 display: none!important;
	 }
	 
	 .table-arr{
	display: none;
}
}



@media (min-width: 768px) {
    .table-scroll-arrow {
        display: none;
    }
}




@media (max-width: 767px) {
	
	    .ctl-wrapper .ctl-horizontal-timeline.ctl-design-5 .ctl-content{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
	
	
	.site-content .top-box h1:before {
    content: none;
}

.bottom-part-of-box:before {
    content: none;
}

.top-box h1 {
    background: transparent;
}

.bottom-part-of-box {
    background: transparent;
}



    .main-overtitle {
        color: #fff;
		margin-bottom: 10px;
    }
	
	.site-content p {
		line-height: 1.4em;    
}
	
		
	.site-content .top-box p {
		color: #fff;   
}
	
	
	.table-responz{
		margin-top: 10px;
	}
	
	.page-template-template-maschinenpark .first-part.dark-part{
		margin-bottom: 40px;
	}
	
	.table-mobile-wrap {
        position: relative;
    }
	
	.table-scroll-arrow {
        position: absolute;
        right: 12px;
     /*   top: 50%;
        transform: translateY(-50%); */
		top: 0px;

    /*    width: 42px;
        height: 42px; */

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

        border: 0;
        border-radius: 0%;
        background: transparent;
        color: #fff;

        font-size: 26px;
        line-height: 1;

        cursor: pointer;
        z-index: 10;
		padding: 0px;
		right: 0px;
		width: 12px;
    }
	
	.branche-second .one-item {
    padding: 40px 0px 40px 0px;
}
	
     .branche-cover {
        background-attachment: scroll;
        background-repeat: no-repeat !important;
        background-size: 200% auto !important;
        background-position: center bottom !important;
        aspect-ratio: 16 / 9;
        height: auto !important;
        /* aspect-ratio: 960 / 520; */
    }
	 
	     .ben img {
        width: auto;
        max-width: 100%;
        margin: 0px auto;
        display: block;
    }
	 
	 .site-content .comm:before {
    content: "";
    left: -25px;
    top: -20px;
    position: absolute;
    width: 22px;
    height: 17px;
}

.site-content .comm:after {
    content: "";
    right: -25px;
    bottom: 0px;
    position: absolute;
    width: 22px;
    height: 17px;
    background-image: url(img/quote-white-1.png);
    background-size: cover;
    background-repeat: no-repeat;
}


.site-content .service-first h2{
	width: 100%;
	
}


    .ben .ben-tit {
        font-size: 20px;
    }
	 
	 .blue-box {
    background: #0062ae;
    padding: 60px 0px 0px;
}

.col-two.full-h{
	margin-bottom: 0px;
}

 .bottom-mood .top-box{
                max-width: 100%;
        max-width: -webkit-calc(100% - 60px);
        max-width: -moz-calc(100% - 60px);
        max-width: calc(100% - 60px);
    }
	 
	 .image-desc {
                max-width: 100%;
        max-width: -webkit-calc(100% - 60px);
        max-width: -moz-calc(100% - 60px);
        max-width: calc(100% - 60px);
    }
	
	.mobile-cont{
		        max-width: 100%;
        max-width: -webkit-calc(100% - 60px);
        max-width: -moz-calc(100% - 60px);
        max-width: calc(100% - 60px);
	}
	 
	 
	 
	     .home-materials {
        grid-template-columns: auto;
    }
	
	    .home-anforderungen {
       grid-template-columns: auto;
    }
	 
	     .arrow-flow {
        position: absolute;
        top: auto;
        right: 0;
        width: 60px;
        left: 0;
        overflow: auto;
        display: flex;
        margin: 0px auto;
        bottom: -70px;
    }
	
	    .arrow-flow {
        transform: rotate(90deg);
    }
	
	    .process .five-box {
        width: 100%;
        float: left;
        margin-bottom: 80px;
    }
	 
	 
	 .process .process-box:first-child .arrow-flow {
    display: flex;
}


.process .process-box:last-child .arrow-flow {
    display: none;
}
	 
	 
	 .projekt-branches {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px 20px;
    }
	 
	     .projekt-quotes {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px 20px;
  
    }
	 
	 
	 .projekt-branches{
	margin-top: 30px;
}
	 
	 .site-content .branche-second h2 {
    font-size: 30px;
}
	 
	 .scroll-arrow img{
		 max-width: 50px;
	 }
	 
	 .home-services .service-line:nth-child(odd) .txt-part{
		 padding-left: 0px;
	 }
	 
	 		.half-text{
			max-width: 100%;
	max-width: -webkit-calc(100% - 60px);
	max-width: -moz-calc(100% - 60px);
	max-width: calc(100% - 60px);
	}
	 
	     .site-content .scroll-part h2.main-title-machines {
        margin-bottom: 40px;
        margin-top: 0px;
    }
	 
	 .home-third.scroll-part{
		 padding-top: 0px!important;
	 }
	 
	 .site-content .scroll-part h2.main-title-machines {

    font-size: 30px;
}

.page-template-template-maschinenpark .site-content .branche-tit h3 {
    font-size: 25px;
}
	 
	 
	 .site-content .machines h2.main-title-machines {
 
    font-size: 30px;
    margin-bottom: 30px;
}

.site-content .machines h2{
	font-size: 30px;
}


.table-responz{
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responz table {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
}





	 .top-box{
		 margin: 20px 0px 30px;
	 }
	 
	 
	 /*
	 .site-content .top-box h1:before {
    content: none;
}
	 
	 .bottom-part-of-box:before {
    content: none;
}
	*/ 
	 .site-content .top-box h1 {
    padding-right: 20px;
    margin-bottom: 15px;
}

.site-content .top-box h1{
    margin-bottom: 0px;
	padding-right: 0px;
}

    .main-overtitle {
        color: #fff;
        margin-bottom: 10px;
        display: block;
    }

.top-box {
   position: relative;
}

.page-template-template-maschinenpark .im-cov img{
    width: 100%;
    position: static;
}

	 
	 .highlights {
    transform: none;
}
	 
	     .first-part {
        padding-top: 60px;
    }
	 
	     .highlights {
        min-height: 0px;
        padding: 10px;
        gap: 5px;
    }
	 
	     .highlights {
        min-height: 0px;
        padding: 10px 10px;
    }
	 
	 .highlights {
     position: static;
}

    .home .top-box {
        position: static;
        margin-bottom: 30px;
    }
	
	
	    .site-content .home-left-part h2 {
        font-size: 30px;
    }
	
	 
	 .mood .container {
 position: static;
}

.home .top-box {
     position: static;
}
	 
	 
	     .home-branches {
        display: grid;
        grid-template-columns: auto;
        gap: 20px 20px;
    }
	 
	 
	 
	     .brch-row .home-branches {
         grid-template-columns: auto;
    }
	 
	 
	 .home-left-in {
    width: 100%;
}
	 
	.home-left-part {
     width: 100%;
    float: left;
	margin-bottom: 40px;
}

.home-right-part {
     width: 100%;
    float: left;
} 
	 
	     .home .main-overtitle {
        max-width: 100%;
    }
	 
	 .service-information {
    max-width: 100%;
    margin: 0px auto;
    display: table;
	padding-left: 40px;
}
	
    .postid-3031 .bottom-image {
        width: 400px;
		max-width: 100%;
    }	
	 
		.postid-3031 .bottom-image {
   position: static;
   float: right;
} 
	 
	 
	 .postid-1663 .bottom-image {
    position: static;
	float: right;
}
	 
	 	 .postid-2986 .bottom-image {
    position: static;
	float: right;
}
	 
				.postid-2937 .top-service .bottom-image {
        right: 40px;
    bottom: 600px;
    position: static;
	max-width: 400px;
	float: right;
  
} 
	 
	 
.postid-2937 .bottom-service .bottom-image {
    right: 0px;
    bottom: 100px;
    position: static;
    max-width: 100%;
  
}
	 
	 	.postid-2937 .middle-service .bottom-image {
    position: static;
    max-width: 100%;
	width: 560px;
	float: right;
	margin-right: -200px;
	margin-top: -200px;
}
	 
	 	   .postid-2953 .bottom-image {
        right: -120px;
        bottom: -50px;
        position: static;
        max-width: 600px;
		float: right;
    }
	 
	 
	 	.is-rot a{
	margin-right: 0px;
}
	 
	 
	 .site-content .red-part h3 {
line-height: 1.3;
    margin-bottom: 10px;
}
	 
	 	.col:nth-child(1) {
    border-right: 0px solid transparent;
}
	 
	     .new-jobs {
        margin-top: 0;
      
    }
	 
	     .mood.new-mood .image-cover img:not(.top-engineering) {
        display: block;
        width: 100%;
        min-height: 0px;
        height: auto;
        object-fit: contain;
       
    }
	 
	 	.spacer{
		width: 100%;
		height: 1px;
		display: block;
	}
	
	.with-pdf{
		margin-bottom: 5px;
	}
	 
.top-box {
    left: auto; 
}

    .top-box {
        left: auto;
		top: 0px;
    }
	 
	     .row .col-three.benefit {
        margin-bottom: 0px;
    }
	 
   
	 body .ctl-wrapper .ctl-horizontal-timeline.ctl-design-5:not(.light-skin) .ctl-icon img {
    width: 30px !important;
    height: auto !important;
    max-width: 30px !important;
    aspect-ratio: 1 / 1 !important;
    min-width: 0 !important;
    border-radius: 0px !important;
}

body .ctl-wrapper .ctl-horizontal-timeline.ctl-design-5:not(.light-skin) .ctl-icon, body .ctl-wrapper .ctl-icon {
    width: 60px !important;
    height: 60px !important;
    background: #0062ae !important;
    border: 0px solid #fff !important;
    margin-left: -6px !important;
    margin-top: 10px;
}

.ctl-wrapper .ctl-horizontal-timeline.ctl-design-5 .ctl-content {
    border: 0px solid transparent !important;
    padding: 0px !important;
    margin-top: 60px !important;
}

.ctl-wrapper .ctl-horizontal-timeline.ctl-design-5 .ctl-labels {
    margin: 4px 0px 0px;
}

body .ctl-wrapper .ctl-horizontal-timeline .ctl-button-next:hover, 
body .ctl-wrapper .ctl-horizontal-timeline .ctl-button-prev:hover {
    background: transparent!important;
    color: #0062ae !important;
    border-color: transparent !important;
}
	 
	 .ctl-title {
    font-size: 18px !important;
}

.ctl-title {
    hyphens: none !important;
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;

    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
}
	
.ctl-wrapper .ctl-year-text {
    font-size: 16px !important;
    font-weight: 600 !important;
}

.ctl-wrapper .ctl-year-text {
    width: 50px!important;
    height: 50px!important;
}

    .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper) .ctl-labels~.ctl-arrow, .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper) .ctl-story.ctl-story-left .ctl-labels~.ctl-arrow {
        top: 10px;
    }
	
	.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-content{
		margin-top: 40px;
	}
	
	.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-content{
		margin-bottom: 40px;
	}
	
	    .ctl-wrapper .ctl-vertical-wrapper .ctl-story {
        width: 100%!important;
    }
	
	 .home-third {
    background-size: 150px auto;
}

.contact-second{
    background-size: 150px auto;
}

.contact-first:before{
    background-size: 150px auto;
}

.news-aktuelles.dark{
    background-size: 150px auto;
}

.jobs-third{
    background-size: 150px auto;
}
	 


	 
	 
	 .postid-1666 .bottom-image {
      position: static;
        max-width: 60%;
        float: right;
		margin-right: -30px;
}
	 
	 .postid-1665 .bottom-image {
   position: static;
        max-width: 60%;
        float: right;
		margin-right: -30px;
}
	 
	 	 .postid-1664 .bottom-image {
    position: static;
        max-width: 60%;
        float: right;
}
	 
    .postid-2937 .overtop-service .bottom-image {
        right: 15px;
        bottom: 0px;
        position: static;
        max-width: 60%;
        float: right;
    }
	
	.postid-1663 .main-service {
    position: relative;
    padding-bottom: 100px;
}
	 
	 	.postid-1662 .bottom-image {
 position: static;
    max-width: 50%;
	float: right;
	margin-top: 0px;
}
	 
	.postid-1661 .bottom-image {
    right: -180px;
    bottom: 0px;
    position: static;
    max-width: 60%;
	float: right;
	margin-top: -40px;
}
	 
	 .right-part .person {
    margin-bottom: 40px;
}
	 
	 .in-person {
    background: #b51614;
    padding: 9px 20px 15px;
}
	 
	 .one-slick img{
		 width: 100%;
	 }
	 
	 .link-title {
 
    font-size: 20px;

}
	 
	 .service-first .col-two:first-child{
		 margin-bottom: 40px!important; 
	 }
	 
	.service-first .col-two a.butt, 
	.service-first .col-two a.butt:focus, 
	.service-first .col-two a.butt:visited, 
	.service-first .col-two a.butt:active{
		 float: none;
	 }
	 
	     body .ctl-wrapper .ctl-vertical-wrapper .ctl-year .ctl-year-text:before {
        background-color: #b51614!important;       
    }
	 
	    body .ctl-wrapper .ctl-vertical-wrapper .ctl-arrow, .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow {
        background: linear-gradient(to top right, #b51614 52%, transparent 48%) !important;
    }
	 
	     body .ctl-wrapper .ctl-vertical-wrapper .ctl-arrow, body .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow {
        background: linear-gradient(to top right, #b51614 52%, transparent 48%) !important;
    }
	
	    body .ctl-wrapper .ctl-vertical-wrapper .ctl-arrow, .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow {
        background: linear-gradient(to top right, #b51614 52%, transparent 48%) !important;
    }
	 
	 .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-content {
     float: left;
}
	 
	 .map-cover iframe{
		 height: 400px;
	 }
	 
	     .offset-col-two {
        margin-left: 0;
        margin-right: 0px !important;
    }
	 
	 .person img{
		 width: 100%;
	 }
	 
	     .service-second .logos picture:first-child {
        margin-left: 0px;
        margin-right: 10px;
    }
	 
	 
	 .service-second a.butt.inverse, .service-second a.butt.inverse:focus, .service-second a.butt.inverse:visited, .service-second a.butt.inverse:active {
 
    margin-top: 30px;
}

.service-second .logos picture:nth-child(2) {
    margin-right: 0px;
}
	 
	 .service-second  .logos {
    display: block;
 
}

.service-second .logos {
    margin: auto;
}
	 
  .carousel .slick-slide {
      margin: 0;
  }


  .carousel .slick-list {
      margin: 0;
  }

	 
	 
	 .carousel .one-slick img{
		 width: 100%;
	 }
	 
	 
	     .no-right.container {
        
        padding-left: 0px;
		
		        max-width: 100%;
        max-width: -webkit-calc(100% - 60px);
        max-width: -moz-calc(100% - 60px);
        max-width: calc(100% - 60px);
   
    }
	 
	 .map-cover iframe, .awmp-map{
	height: 520px!important;
}


	 
	
	 
	 .top-engineering {
    bottom: 18px;
    left: 6px;
    position: absolute;
    max-width: 120px;
}
	 
	
	    .site-content .top-box h1 {
        font-size: 30px;
        line-height: 35px;

    }
	 
	 
    .site-content .top-box a.butt, .site-content .top-box a.butt:focus, .site-content .top-box a.butt:active, .site-content .top-box a.butt:visited {
                float: none;
        margin-right: 0px;
        margin-bottom: 40px;
    }
	
	.process {
    margin-bottom: 0px;
}
	
	    .mood a.butt, .mood a.butt:focus, .mood a.butt:visited, .mood a.butt:active {
        margin-top: 15px;
    }
	 
	     span.main-title {
        font-size: 22px;
        line-height: 27px;
    }
	 
    .site-content .top-box h1 {
        font-size: 30px;
        line-height: 35px;
    }	  

.site-content h1{
   font-size: 30px;
        line-height: 35px;
}	

.home .site-content .top-box{
	margin-top: 20px;
}

    .bottom-part a.butt {
        margin-left: 10px;
    }
	
	.contact-split--reverse a.butt {
    margin-left: 10px;
}
	
	    .first-part a.butt {
        margin-left: 10px;
    }

    .home .site-content .top-box h1 span {
        padding-left: 0px;
    }

	   .row.home-branches .col-three:nth-child(7), .row .col-three.leitsatz:nth-child(7), .jobs-third.company .col-three:nth-child(4) {
        margin-left: 0px;
    } 
	 
.foot3 {
    margin-top: 50px;
} 
	 
	 .foot3 h2 {
    text-align: left;
}
	

	 
	     .logos picture img {
     
        max-height: 70px;
    }
	 
	 

	

	 
	 
	     .overlay-full {
        width: 100% !important;
        height: 500px;
        padding-bottom: 1200px;
    }
	 
	
	.right-in{
		margin-top: 60px;
	}
	
	.item-title span{
		display: block;
	}
	
	.home-left {
    top: auto;
    bottom: 30px;
}
	
	.site-content .main-title h2{
		margin-bottom: 0px;
	}
	
.new-cover{
	position: relative;
}
	
	 .old-left{
		 display: none!important;
	 }
	 
	 .home-slide{
		 background-image: none!important;
	 }
	 
	 .home-slide img.slide-img{
		 display: block;
	 }
	 
	 
	 body:not(.home) .main-title{
		 bottom: 30px;
	 }
	 
body:not(.home) .site-content .main-title h2 {
    padding-left: 30px;

}	 

.site-content .main-title h1 {
    margin-left: 15px;
    text-indent: -15px;
}


	 
	 		.job-box {
    width: 100%;
	    top: auto;
		bottom: 0px;
		position: relative;
}	

.in-job {
    max-width: 100%;
	width: 100%;
}
	 
	 	/* the slides */
 .service-slides .slick-slide {
      margin: 0 5px;
  }

  /* the parent */
  .service-slides.slick-list {
      margin: 0 -5px;
  }
	 
	 
	 .site-content .standard-second ul {
    max-width: 100%;
}
	 
	.service-first h2 {
    text-align: left;
    width: 100%;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
    float: left;
}

.sym {
    margin: 0px auto 0px auto;
    display: block;
    float: left;
    width: 40px;
    margin-left: 10px;
} 
	 
		.from-left {
    margin-left: 0px;
}	 
	 
	 .standard-third {
    padding: 60px 0px 60px 0px;
}
	 
	.standard-second {
    padding-top: 60px;
    padding-bottom: 50px;
} 
	 
	 .standard-first {
    padding: 60px 0px 60px 0px;
}
	 
	 .bx {
    margin-bottom: 60px;
}
	 
	 .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;
}
	 


	 .job-image {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 30px;
    max-width: 450px;
}
	 

	
	body:not(.home) .top-part, body:not(.home) .top-part .container {
    min-height: 0px;
}

body:not(.home) .top-part{
	background-image: none!important;
}

.top-part .container {
    position: relative;
}

	 
	.contact-page-left {
    width: 100%;
    float: left;
    margin-right: 0px;
} 

.contact-page-right {
    float: left;
   width: 100%;
}

.contact-third {
    padding: 60px 0px 40px 0px;
}
	 
.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 {
    width: 110px;
}
	 
	 
.home-slide {
    position: relative;
    background-size: auto 100%!important;
}	 

.home-left {
        max-width: 100%;
    max-width: -webkit-calc(100% - 60px);
    max-width: -moz-calc(100% - 60px);
    max-width: calc(100% - 60px);
}	 
	 
	
.image-in span {
    font-size: 16px;
    line-height: 30px;
}	
	

	
	
 
	 
	
.short-part{
	margin-bottom: 20px;
}
	
	 .all-services .service-item:nth-child(even) .short-part {
    margin-right: 0px;
}
	 
	.all-services .service-item {
    margin-bottom: 50px;
} 
	 
	.home-fourth {
    padding: 0px 0px 0px 0px;
} 
	 
	.home-image {
    position: static;
} 
	 
	.job-bottom {
    padding-bottom: 10px;
}

.home-image {
    max-width: 100%;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
	margin-left: 30px;
}

.image-in span {
    left: -50px;
}

.job-bottom {
    width: 100%;
} 
	 
	 
	 .all-services .service-item .long-part{
	 width: 100%;
}

.all-services .service-item .short-part{
	 width: 100%;
}


.all-services .service-item:nth-child(odd) .long-part{
	margin-right: 0px;
}	
	
.short-part .row{
	min-width: 320px;
	display: table;
}	
	 
	
.home-right {
   width: auto;
    float: none;
    position: static;
	width: 565px;
	margin: 60px auto 0px auto; 

}

.home .top-part, .home-slide{
    min-height: 0px;
}
	
	  .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;
}


}

 @media (max-width: 718px){
/*
.foot3 ul li:last-child:before{
	content: none!important;
} */
}




 @media (max-width: 700px){
	 
	 
	     .benefit-points {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 20px;
    }
	 
.site-footer ul {
    list-style-type: none;
    margin-left: 0;
    margin-right: auto;
    display: table;
    text-align: left;
}	
	
#media_image-2 img {
    float: left;
    margin-top: 8px;
}	

.site-footer .row, 
.site-footer .container{
	display: block;
}

.site-footer .container{
	margin-bottom: 60px;
}

	 	    .foot1 {
        float: left;
        width: 100%;
    }

.foot2 {
    float: left;
    width: 100%;
}	


}



   @media (max-width: 668px){
.home-right {
    width: 100%;
}

.highlights {
        grid-template-rows: repeat(3, minmax(0, 1fr));
        grid-auto-columns: minmax(0, 1fr);
        gap: 15px !important;
    }
}



   @media (max-width: 660px){
.home-right {
    width: 100%;
}
}


   @media (max-width: 600px){
	   .page-template-template-aktuelles .top-box {
    top: auto;
    bottom: 80px;
}
	   
	   	 .site-content .jobs-second .row .col-three{
		 width: 100%;
	 }
	 
	 		 .site-content .jobs-second .row .col-three:nth-child(1), 
		  .site-content .jobs-second .row .col-three:nth-child(4), 
		   .site-content .jobs-second .row .col-three:nth-child(5),  
		   .site-content .jobs-second .row .col-three:nth-child(8), 
		    .site-content .jobs-second .row .col-three:nth-child(9), 
			 .site-content .jobs-second .row .col-three:nth-child(12)		 {
    background:#ffffff;
} 
	
	 
	 
	 .site-content .jobs-second .row .col-three:nth-child(even) {
          background: #e5e5e5;
}


	 

	   
	   
	   
	   
	   

	   
	   	 .job-image {
			 left: 0px;
    max-width: 100%;
}
	   
body:not(.home) .site-content .main-title h2 {
    padding-left: 0px;
    width: auto;
}
	 


	 
	   .site-content .main-title h1 {
    font-size: 30px;
	line-height: 40px;
    margin-left: 0px;
    text-indent: 0px;
}

.site-content .main-title h2 {
    font-size: 22px;
	line-height: 32px;
    padding-left: 0px;
    width: auto;
}
   
.reference-cover .slick-next, 
  .reference-cover .slick-next:hover, 
   .reference-cover .slick-next:focus {
    right: 18px; 
        z-index: 9;
                width: 30px;
        height: 31px;
        background: url(img/arrow-right.png) no-repeat;
        background-size: 100% 100%;
}

 .reference-cover .slick-prev,  .reference-cover .slick-next {
    top: 26%;
}

.reference-cover .slick-prev, 
.reference-cover .slick-prev:hover, 
.reference-cover .slick-prev:focus {
    left: 18px;
        z-index: 9;
                width: 30px;
        height: 31px;
               
                background: url(img/arrow-left.png) no-repeat;
                 background-size: 100% 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"]{
max-width: 100%;
}

.wpcf7 textarea{
max-width: 100%;
}




.contact-second .contact-center {
    margin-right: 0px;
    margin-left: 0px;
}



.overlay-content #nav_menu-3 ul {
     margin-top: 30px;
}

.overlay-content #nav_menu-3 li {
    list-style-type: none;
    text-align: left;
    display: block;
}

.overlay-content #nav_menu-3 li a {
    margin-left: 0px;
    margin-right: 0px;
    display: block;
}


	  
	  body:not(.home) .site-content .main-title {
    top: auto;
    left: 0px;
    bottom: 30px;
}	  
	   
	   .site-content .main-title h1 {
    font-size: 25px;
    line-height: 30px;
    margin-left: 0px;
    text-indent: 0px;
    margin-bottom: 0px;
	
	max-width: 100%;
	margin: 0px auto;
	    float: none;
}
	   
.site-content .main-title h2 {
    font-size: 22px;
    line-height: 28px;
    padding-left: 0px;
    width: auto;
	
		max-width: 100%;
	margin: 0px auto;
}	
} 


@media (max-width: 580px){
	
	
	     .benefit-points {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px 20px;
    }
	
	.punkt {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-bottom: 32px !important;
    /* margin-bottom: 32px; */
}
	
    .punkt-number {
        flex: 0 0 36px;
        width: 36px;
        height: 36px;
        font-size: 18px;
    }

    .site-content .branche-tit h3 {
        font-size: 22px;
    }


	
	.symbol-left {
    width: 100%;
    float: left;
    padding: 30px 0px;
}

.symbol-right {
    width: 100%;
    float: left;
    padding: 30px;
}
	
.overlay-content {
    top: 20px;
}




}

@media (max-width: 540px){
	
	    .site-branding img {
        max-width: 220px;
    }
	
	    .change .site-branding img {
                max-width: 220px;
    }
	
    .service-second .logos picture img {
        max-width: 110px;
        max-height: 70px;
    }
	
	.language {
    top: 61px;
    right: 0px;
}
	
	.change .language {
    top: 40px;
    right: 0px;
}	

    .change .wrapp, .wrapp {
        top: 40px;
    }
	
	
	
	    .home .top-box {
        top: auto;
        bottom: 70px;
    }
	

	
	
}

@media (max-width: 480px){
	
	
	
	  
.short-part .row {
    min-width: 0;
    display: block;
}
/*
.site-footer ul li:not(:first-child):before {
    content: none;
}
*/


          .reference-cover .slick-next, 
  .reference-cover .slick-next:hover, 
   .reference-cover .slick-next:focus {
    right: 0px; 
        z-index: 9;
                width: 30px;
        height: 31px;
        background: url(img/arrow-right.png) no-repeat;
        background-size: 100% 100%;
}

 .reference-cover .slick-prev,  .reference-cover .slick-next {
    top: 28%;
}

.reference-cover .slick-prev, 
.reference-cover .slick-prev:hover, 
.reference-cover .slick-prev:focus {
    left: 0px;
        z-index: 9;
                width: 30px;
        height: 31px;
               
                background: url(img/arrow-left.png) no-repeat;
                 background-size: 100% 100%;
}

  .reference-cover .slick-slide {
    margin: 0 7.5px;
  }

  .reference-cover .slick-list {
    margin: 0 -7.5px;
  }
  
  .on-reference-page .slick-slide {
    margin: 0 7.5px;
  }

  .on-reference-page .slick-list {
    margin: 0 -7.5px;
  }
  
  

    .logos picture img {
        max-height: 50px;
    }

.site-footer .logos picture:first-child {
    margin-right: 10px;
}

	  body:not(.home) .site-content .main-title {
    top: auto;
    left: 0px;
    bottom: 10px;
}	  

.home-left {
    top: auto;
    bottom: 20px;
}
	   
	   .site-content .main-title h1 {
    font-size: 20px;
    line-height: 25px;
    margin-left: 0px;
    text-indent: 0px;
    margin-bottom: 0px;
	
	max-width: 100%;

	margin: 0px auto;
	    float: none;
}
	   
.site-content .main-title h2 {
    font-size: 16px;
    line-height: 21px;
    padding-left: 0px;
    width: auto;
	
		max-width: 100%;
	margin: 0px auto;
}	



} 


@media (max-width: 440px){
	.right-box {
    padding: 20px 20px;
}

    .highlights {
        display: block;
    }

	
    .highlight-item {

        margin-bottom: 20px;
    }	

    .highlights {
        min-height: 0px;
        padding: 20px;
    }	
	
	
.site-footer ul li {
    float: none;
    list-style-type: none;
}

.site-footer ul li:not(:first-child):before {
    content: none;
}

    .site-footer ul#menu-soziales-menu li {
        float: left;
        list-style-type: none;
    }
 }     
 





.contact-split {
    position: relative;
    width: 100%;
    background: #050505;
    overflow: hidden;
}

.contact-split::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;

    left: 0;
    width: calc(
        (100% - 1620px) / 2
        + (1620px * 0.36)
    );

    background: linear-gradient(
        135deg,
        #32a7d5 0%,
        #0068ad 100%
    );
}

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

  
    margin: 0 auto;
 
}

.site-content .cnt-left h2{
	color: #fff;
	margin-bottom: 40px;
	font-size: 42px;
	font-weight: 500;
}

.site-content .cnt-left p{
	color: #fff;
}

.site-content .cnt-left a,
.site-content .cnt-left a:visited, 
.site-content .cnt-left a:active, 
.site-content .cnt-left a:focus{
	color: #fff;
}


.site-content .cnt-right h2{
	color: #0062ae;
	margin-bottom: 40px;
	font-size: 42px;
	font-weight: 500;
}


.site-content .cnt-right .wpcf7 h2{
	font-size: 48px;
font-weight: 500;
line-height: 1.1em;
font-style: normal;
text-align: left;
color: #0062ae;
letter-spacing: -1px;
font-family: "Flexo";
margin-bottom: 30px!important;
}





.site-content .cnt-right h2{
	font-size: 25px;
}

.site-content .cnt-left h2, 
.site-content .cnt-right h2{
	font-size: 42px;
}


.contact-grid {
    display: grid;
    grid-template-columns: 36% 64%;
}

.cnt-left {
    padding: 70px 50px 70px 0;
}

.cnt-right {
    padding: 70px 0 70px 50px;
	 position: relative;
}



.cnt-right::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;

    left: 0;

    width: calc(
        100% + ((100vw - 1620px) / 2)
    );

    background-image: url(img/contact-bg-min.png);

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

    z-index: -1;
}








@media (max-width: 1855px) {
.contact-split::before {
    content: "";
    width: calc(
        (100% - 1520px) / 2
        + (1520px * 0.36)
    );

}


.cnt-right::before {


    width: calc(
        100% + ((100vw - 1520px) / 2)
    );

}

}




@media (max-width: 1599px) {
.contact-split::before {
    content: "";
    width: calc(
        (100% - 1320px) / 2
        + (1320px * 0.36)
    );

}



.cnt-right::before {


    width: calc(
        100% + ((100vw - 1320px) / 2)
    );

}

}


@media (max-width: 1399px) {
.contact-split::before {
    content: "";
    width: calc(
        (100% - 1120px) / 2
        + (1120px * 0.36)
    );

}



.cnt-right::before {


    width: calc(
        100% + ((100vw - 1120px) / 2)
    );

}
}


@media (max-width: 1199px) {
.contact-split::before {
    content: "";
    width: calc(
        (100% - 946px) / 2
        + (946px * 0.36)
    );

}



.cnt-right::before {


    width: calc(
        100% + ((100vw - 946px) / 2)
    );

}

}

@media (max-width: 991px) {
.contact-split::before {
    content: "";
    width: calc(
        (100% - 737px) / 2
        + (737px * 0.36)
    );

}



.cnt-right::before {


    width: calc(
        100% + ((100vw - 737px) / 2)
    );

}

}

@media (max-width: 767px) {
	
	.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 {
    margin-left: 10px;
    margin-top: 20px;
}
	
	.form-privacy{
		margin-bottom: 30px;
	}
	
	
.contact-split {
    display: block;
}

.contact-grid {
    display: block;
    grid-template-columns: 36% 64%;
}

.contact-split .container{
	max-width: 100%;
}

.cnt-right {
    padding: 0px 0px 0px 0px;
    float: left;
	
	padding: 40px 30px 40px;
	
}

.cnt-left {

	
	width: 100%;
	
	        padding: 0px 0px 0px 0px;
    float: left;
	
	background: #389fcd;
background: linear-gradient(-122deg, 
#389fcd 0.00%, 
#0062ae 100.00%);
	
	padding: 40px 30px;
}

.contact-split::before {
    content: none;
    background: transparent;
}

.contact-split {
    padding-top: 0px;
}

.page-template-template-kontakt .site-footer{
	border-top: 2px solid #0076bd;
}

}