/*!
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: 'Fuzzy Bubbles';
    src: url('fonts/FuzzyBubbles-Bold.eot');
    src: url('fonts/FuzzyBubbles-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuzzyBubbles-Bold.woff2') format('woff2'),
        url('fonts/FuzzyBubbles-Bold.woff') format('woff'),
        url('fonts/FuzzyBubbles-Bold.ttf') format('truetype'),
        url('fonts/FuzzyBubbles-Bold.svg#FuzzyBubbles-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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



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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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




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

}

/* 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: 'Rubik';
	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: 400;
}

/**
 * 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: 'Rubik';
	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-family: 'Rubik';
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

.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: #fff;
	/* 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 {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
    float: left;
    top: 100%;
    position: static;
}

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

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

.main-navigation li { 
	position: relative;
}

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


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

*/


.main-navigation {
/*	clear: both; */
	display: block;
/*	float: left; 
float: right; */
	width: auto;
	clear: none;
}

.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 li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

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

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

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


@media screen and (min-width: 1200px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
		        float: right;
	}
	

}

.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);
    }
	
	.no-left.container {
        max-width: 100%;
        padding-right: 200px;
        padding-right: -webkit-calc((100% - 767px) / 2);
        padding-right: -moz-calc((100% - 767px) / 2);
        padding-right: calc((100% - 767px) / 2);
    }

.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);
    }
	
	.no-left.container {
        max-width: 100%;
        padding-right: 200px;
        padding-right: -webkit-calc((100% - 946px) / 2);
        padding-right: -moz-calc((100% - 946px) / 2);
        padding-right: calc((100% - 946px) / 2);
    }
}

@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);
    }
	
	.no-left.container {
        max-width: 100%;
        padding-right: 200px;
        padding-right: -webkit-calc((100% - 1120px) / 2);
        padding-right: -moz-calc((100% - 1120px) / 2);
        padding-right: calc((100% - 1120px) / 2);
    }
	
}

@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);
    }
	
			.no-left.container {
        max-width: 100%;
        padding-right: 200px;
        padding-right: -webkit-calc((100% - 1320px) / 2);
        padding-right: -moz-calc((100% - 1320px) / 2);
        padding-right: calc((100% - 1320px) / 2);
    }

}


@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);
    }
	
		.no-left.container {
        max-width: 100%;
        padding-right: 200px;
        padding-right: -webkit-calc((100% - 1520px) / 2);
        padding-right: -moz-calc((100% - 1520px) / 2);
        padding-right: calc((100% - 1520px) / 2);
    }
}

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

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



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


  .no-right.container {
    max-width: 100%;
    padding-left: 0px;
	padding-right: 0px;
/*	max-width: -webkit-calc(100% - 60px);
	max-width: -moz-calc(100% - 60px);
	max-width: calc(100% - 60px); */
    }
	
  .no-left.container {
    max-width: 100%;
    padding-left: 0px;
	padding-right: 0px;
  /*  padding-right: -webkit-calc((100% - 767px) / 2);
    padding-right: -moz-calc((100% - 767px) / 2);
    padding-right: calc((100% - 767px) / 2); */
    }

}

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

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


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

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

.menu-part{
	height: 53px;
background: #e10220;
background: linear-gradient(114deg, 
#e10220 0.00%, 
#be041d 100.00%);
position: fixed;
width: 100%;
left: 0px;
top: 138px;
}


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

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

}

.main-navigation li a{
	    height: 30px;
    line-height: 30px;
}

.main-navigation li:hover{
	position: hover;
}


.main-navigation .sub-menu li a{
	    height: auto;
    line-height: 29px;
    margin-bottom: 10px;
}

.main-navigation .current-menu-item a{
opacity: 1;
}

.main-navigation a:hover{
	color: #000;
	    -webkit-transition: all ease .8s;
     -moz-transition: all ease .8s;
     transition: all ease .8s;
}

.title-part{
	background: #262229;
}

.width-right-image .container{
	max-width: 100%;
}

.left-text-part{
	float: left;
	width: 45%;
}



.right-image-part{
		float: right;
		width: 61%;
}

.right-image-part img{
    width: 100%;
	    clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 0% 100%);

}

.home-second-part{
	position: relative;
}

.titles{
	position: absolute;
	top: 0px;
	    left: 0px;
    right: 0px;
}


.site-content .titles h2{
	font-size: 70px;
font-weight: bold;
line-height: 75px;
font-style: normal;
text-align: left;
color: #ffffff;
margin: 60px 0px 70px 0px;
}

.site-content .titles h2 span{
	 color: #b54f82;
}

.body-part{
	background: #e2e2e3;
	padding: 60px 0px 70px;
}

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




.row .home-left{
     width: 373px;
     margin-right: 89px;
     float: left;
}


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







.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% - 34.5px);
     width: -moz-calc(25% - 34.5px);
     width: calc(25% - 34.5px);
     float: left;
}
 .row .col-fourth:not(:nth-child(4n)) {
     margin-right: 46px;
}




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

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

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

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

.site-content .offset-col-two h2.bigger{
	text-align: left;
}

 .col-two{
     width: 100%;
     width: -webkit-calc(50% - 35px);
     width: -moz-calc(50% - 35px);
     width: calc(50% - 35px);	
     float: left;
}
 .row .col-two:not(:nth-child(2n)) {
     margin-right: 70px;
}


 .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: #b54f82!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 ul li{
color: #000;

padding-left: 44px;
margin-bottom: 5px;
position: relative;
}

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


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

}

.site-content .item-content ul li {
   color: #000;
    font-style: normal;
    letter-spacing: normal;
   
    padding-left: 10px;

    position: relative;
    margin-bottom: 0px;
}

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



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

.job-left{
	width: calc(71% - 13px);
	margin-right: 26px;
	float: left;
}

.job-right{
	width: calc(29% - 13px);
		float: left;
		position: relative;
}

.job-right:before{
	height: calc(100% + 40px);
	width: 1px;
	left: -13px;
	background:  #b54f82;
	content: "";
	top: -40px;
	position: absolute;
	
}

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

.site-content .item-content h4{
	font-size: 20px;
font-weight: 700;
line-height: 35px;
font-style: normal;
text-align: left;
    color: #b54f82;
		margin-bottom: 0px;
}

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

.calendar-shortcode{
	    margin-top: 15px;
    float: left;
    width: 100%;
	margin-bottom: 45px;
}

a.just-link{
	margin-left: 35px;
	
	float:  left;
}

.site-content p {
font-size: 23px;
font-weight: 300;
line-height: 35px;
font-style: normal;
text-align: left;
color: #000000;
}

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

.site-content ul li{
font-size: 23px;
font-weight: 300;
line-height: 35px;
font-style: normal;
text-align: left;
color: #000000;
margin-top: 0px;
list-style-type: none;
margin-left: 0px;
}

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

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

.site-content h1{
 font-family: 'Rubik';
 margin-bottom: 0px;
font-size: 58px;
font-weight: normal;
line-height: 1.103em;
font-style: normal;
text-align: left;
color: #000000;
margin-bottom: 10px;
}

.home .site-content h1{
	margin-bottom: 0px;
}

.site-content .mood h2{
 font-family: 'Rubik';
font-size: 43px;
font-weight: 300;
line-height: 1.139em;
font-style: normal;
text-align: left;
color: #000000;
	margin-bottom: 60px;
		position: relative;
}


.site-content .mood h2:after{
	position: absolute;
	content: "";
	width: 100px;
	height: 2px;
	bottom: -26px;
	left: 0px;
	background: #fff;
}

.site-content h2{
margin-bottom: 20px;
line-height: 1.103em;
font-size: 58px;
font-weight: normal;
font-style: normal;
text-align: left;
color: #000000;
 font-family: 'Rubik';
}



.site-content h3{
 font-family: 'Rubik';
font-size: 30px;
font-weight: normal;
line-height: 44px;
font-style: normal;
text-align: left;
color: #000000;
    margin-bottom: 22px;
margin-top: 0px;
}



.home .site-content .home-first h2.bigger {
    margin-bottom: 58px;
}


.home .home-third h2{
	margin-bottom: 30px;
}


.home-fourth{

	padding: 142px 0px 202px 0px;
}


.home-fifth{
	
	padding: 220px 0px 100px 0px;
}

.prss-cover{
	margin-top: 60px;
}

.prss{
	margin-bottom: 80px;
}


.bottom-right {
    float: right;
    width: 66.6666%;
    margin-top: -260px;
    margin-left: -150px;
}

.career-second{
	background: #e2e2e3;
	padding-top: 80px;
}

.site-content .career-second h2, 
.site-content .career-third h2, 
.site-content .career-fifth h2{
	color: #b54f82;
	margin-bottom: 20px;
}




.career-third, .career-fourth{
	padding-top: 114px;
}


.career-fifth{
    background: #e2e2e3;

}

.career-sixth{
	background: #262229;
	padding: 144px 0px 244px 0px;
}

.box-row {
  display: flex;
  gap: 44px;
}

.box-two {
  flex: 1;
  background: white;
  padding: 40px 36px 16px; 
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.site-content .box-two h2{
font-size: 40px!important;
font-weight: bold;
line-height: 35px;
font-style: normal;
text-align: left;
color: #b54f82;
margin: 0px 0px 16px;
}

.box-row{
	margin: 70px 0px 100px 0px;
}

.site-content .career-fourth h2{
	    color: #b54f82;
}

.site-content h1, 
.site-content h2, 
.site-content h3, 
.site-content h4, 
.site-content h5, 
.site-content p, 
.site-content ul{
	margin-top: 0px;
} 

.grid-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 44px;
}

.grid-item {
	  max-width: 200px;
  width: 100%;
  aspect-ratio: 1 / 1;
  background-color: #ccc; /* for visibility */
  display: flex;
  align-items: center;
  justify-content: center;
}

.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: 49px;
line-height: 49px;
color: #ffffff;

font-size: 20px;
font-weight: normal;
font-style: normal;
text-align: left;
color: #000000;
padding-left: 23px;
padding-right: 23px;
    margin-top: 0px;
    float: left;
background: #f1faaf;

border: 0px solid transparent;
}

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








a.butt{
	 display: inline-block;
	
	 border-radius: 10rem;
	



	 transition: all 0.3s;
	 position: relative;
	 overflow: hidden;
	 z-index: 1;
}
a.butt:after {
	 content: '';
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: #f1faaf;
	 border-radius: 10rem;
	 z-index: -2;
}
a.butt:before {
	 content: '';
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 0%;
	 height: 100%;
	 background-color: #000;
	 transition: all 0.3s;
	 border-radius: 10rem;
	 z-index: -1;
}
a.butt:hover {
	 color: #f1faaf;
}
a.butt:hover:before {
	 width: 100%;
}
 







a.butt.cnt, 
a.butt.cnt:focus, 
a.butt.cnt:visited, 
a.butt.cnt:active, 
a.butt.cnt:hover{
	margin-left: auto;
	margin-right: auto;
	display: table;
	float: none;
}

a.butt.dark, 
a.butt.dark:focus, 
a.butt.dark:visited, 
a.butt.dark:active{
	background-color: #19171A;
	border: 1px solid transparent;  
	color: #fff;
}

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




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

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




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

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


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

.home-first{
	padding: 88px 0px 75px;
}

.home .home-first{
	padding: 77px 0px 174px;
}

.career-first{
	padding: 88px 0px 0px;
}


.solution img.site-image{
	width: 100%;
}

.solution .container .row .col-two{
	width: 50%;
}

.solution .container .row .col-two:not(:nth-child(2n)) {
    margin-right: 0px;
}

.solution .container .row:nth-child(odd) .col-two:nth-child(2) .solution-home{
    float: left;
	padding: 40px 40px 30px 0px;
}

.solution .container .row:nth-child(even) .col-two:nth-child(2)  .solution-home{
    padding: 40px 0px 30px 40px;
}

.solution .container .row:nth-child(odd) .col-two:nth-child(1){
	float: right;
}

.solution .container .row:nth-child(odd) .col-two:nth-child(2){
	float: left;
}


.solution .container .row:nth-child(even) .col-two:nth-child(1){
	float: left;
}

.solution .container .row:nth-child(even) .col-two:nth-child(2){
	float: right;
}






.ico-home{
	max-width: 76px;
	margin-bottom: 20px;
}

.site-content .solution-home h3{
	font-size: 25px;
font-weight: bold;
line-height: 35px;
font-style: normal;
text-align: left;
color: #19171a;
text-transform: none;
margin-bottom: 16px;
}

.site-content .solution-home .more-butt{
margin-top: -1.5em;
color: #b54f82;
    text-decoration: underline;
	border-bottom: 0px;
	line-height: 35px;
	float: left;
}

.site-content .solution-home .more-butt:hover{
    text-decoration: none;
	border-bottom: 0px;
}

/*
.skewed-row {
  display: flex;
  gap: 0px;               
  align-items: flex-end;   
  justify-content: center; 

}

.skewed-img img{
  height: 484px;   
  width: auto;     
  display: block;
  object-fit: contain; 
}
*/

.home-bottom-row{
	
}

.home-bottom-column img{
	max-width: none;
	 /*   max-width: 620px; */
}

.home-bottom-row {
  display: flex;
  flex-wrap: nowrap;   
  gap: 0;    
    width: 1420px;
    margin-left: -100px;
}

.home-bottom-row > div {
  flex: 1 1 0;         
  min-width: 0;        
}

.home-bottom-column h4{

}

.under-cover{
	position: relative;
}

.under-cover h4{
	position: absolute;
	font-size: 40px;
font-weight: bold;
line-height: 35px;
font-style: normal;
text-align: center;
color: #b54f82;
top: 3px;
    width: 100%;
	margin-bottom: 0px;
}

.under-cover{
	margin-left: -22px;
}

.home-bottom-row .home-bottom-column .under-white{
	display: none;
	  
}

.home-bottom-row .home-bottom-column:nth-child(2) .under-red{
	display: none;
}

.home-bottom-row .home-bottom-column:nth-child(1) h4, 
.home-bottom-row .home-bottom-column:nth-child(3) h4{
	color: #fff;
}

.home-bottom-row .home-bottom-column:nth-child(2) .under-white{
	display: block;
}

.home-bottom-row .home-bottom-column .under-bg{
	/*  max-width: 620px; */
}

/*
.skewed-row {
  display: flex;
  gap: 0;              
}

.skewed-img {
  width: 33.3333%;     
  height: auto;
  display: block;
  object-fit: cover;   
 clip-path: polygon(
    0% 0%,    
    90% 0%,   
    100% 100%, 
    10% 100%    
  );

  transform-origin: center bottom;
}
*/








.mood-label{
	top: 478px;
	left: 261px;
	position: absolute;
}



a.dark-link, 
a.dark-link:focus, 
a.dark-link:active, 
a.dark-link:visited{
	font-size: 20px;
font-weight: bold;
line-height: 25px;
font-style: normal;
text-align: left;
color: #19171a;
text-decoration: none;
border-bottom: 1px solid #19171a;
}

a.dark-link:hover{
border-bottom: 1px solid transparent;
text-decoration: none;
}

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

.news-second{
	padding: 76px 0px 38px;
}

.news-third{
	padding: 38px 0px 140px;
}

.meister{
	margin-bottom: 5px;
	margin-top: calc(-1.5em + 5px);
}

.career-fifth{
	padding-bottom: 140px;
}

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


span.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}


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

.intern img{
    float: right;
}

.intern img:hover{
    opacity: 0.8;
}

#media_image-2 img{
	float: right;
}

.page-template-template-ogs .site-content .home-first ul.pdf-list li{
    padding-left: 0px;
	margin-left: 0px;
}

.page-template-template-ogs .site-content .home-first ul.pdf-list{
	

	margin-left: 150px;
}



.page-template-template-ogs .home-first .row .col-two:first-child h2, 
.page-template-template-ogs .home-second .row .col-two h2, 
.page-template-template-ogs .home-third .row h2{
    position: relative;
	width: auto;
	display: table;
}

.page-template-template-ogs .home-first .row .col-two:first-child h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-image: url(img/bg-ogs-01.png);
     background-size: auto 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-position: 50% 50%;
}

.page-template-template-ogs .home-second .row .col-two h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-image: url(img/bg-ogs-02.png);
    background-size: auto 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-position: 50% 50%;
}

.page-template-template-ogs .home-third .row h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-image: url(img/big-bg-02.png);
     background-size: auto 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-position: 50% 50%;
}


.page-template-template-ogs .home-first .row .col-two:last-child h2{
	color: #a2ddf1;
	margin-bottom: 0px;
	text-indent: 31px;
	   
}



.infobox{
	position: relative;
	 margin-top: -20px;
}

.infobox-in{
	padding: 31px;
	position: relative;
	z-index: 9;
}

.divider31{
	height: 31px;
	width: 100%;
}

.infobox:after{
		position: absolute;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
	content: "";
	left: 7px;
	top: 7px;
	border-color: #a2ddf1;
border-width: 3px;
border-style: solid;
}

.infobox:before{

		position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	left: 0px;
	top: 0px;
	
	opacity: 0.30;

filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.29 ));

background: #a2ddf1;
background: linear-gradient(0deg, 
#a2ddf1 0.00%, 
rgba(162,221,241,0.56 ) 100.00%);
}

.home .mood{

/* background: linear-gradient(-90deg, 
#f1faaf 0.00%, 
#fa9d33 100.00%); */

 background: linear-gradient(-90deg, #f1faaf 0%, #fa9d33 100%);
  background-repeat: no-repeat;
  background-size: 60% 100%; 
  background-position: left top;
}

.mood-left{
	width: 32%;
	float: left;

	

}

.mood-right{
	width: 68%;
		float: left;
}

.home .home-first h2{
	position: relative;
	display: table;
}

.home .home-first h2:after {
    content: "";
    position: absolute;
    width: 100%;
  height: 96px;

    z-index: -1;
opacity: 0.68;


background-repeat: no-repeat;
background-position: 50% 50%;
background-image: url(img/big-bg-01.png);
background-size: 100% 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}




.home .home-third h2{
	position: relative;
	display: table;
}

.home .home-third h2:after {
content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/big-bg-02.png);
    background-size: 100% auto;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
}



.site-footer p{
font-family: "Nunito";
font-size: 15px;
font-weight: normal;
font-style: normal;
text-align: left;
color: #000000;
margin-top: 0px;
margin-bottom: 0px;
}

.site-footer ul li{
font-family: "Nunito";
font-size: 15px;
font-weight: normal;
font-style: normal;
text-align: left;
color: #000000;
margin-top: 0px;
list-style-type: none;
}

.site-footer ul{
margin-left: 0px;
padding-left: 0px;
margin-bottom: 11px;
}

.site-footer ol li{
font-family: "Nunito";
font-size: 15px;
font-weight: normal;
font-style: normal;
text-align: left;
color: #000000;
margin-top: 0px;
list-style-type: none;
}

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

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

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

h2.widget-title{
color: #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-size: 25px;
font-weight: normal;
font-style: normal;
text-align: left;
color: #992c4a;
 }
 
.site-content .wpcf7 p.pfl {
    font-size: 15px;
    line-height: 15px;
    font-weight: 300;
    font-style: normal;
    text-align: right;
    color: #ffffff;
	margin-bottom: 40px;
}
 
 .row-line-bott{
	margin-top: 35px;
 }
 
 .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: 0px solid transparent;
 border-radius: 0px;
 padding: 0px 12px; 
 
font-size: 25px;
font-weight: 300;
line-height: 60px;
font-style: normal;
text-align: left;
color: #010306;
margin-bottom: 9px;
width: 100%;
max-width: 100%;
background: #e2e2e3;
 }
 
.wpcf7 textarea{
	height: 362px;
	border: 0px solid transparent;
	border-radius: 0px;
	padding: 10px 12px 10px; 
	background: #e2e2e3;
	font-size: 25px;
	font-weight: 300;
	line-height: 35px;
	font-style: normal;
	text-align: left;
	color: #010306;
	width: 100%;
	max-width: 100%;
}

.wpcf7 input[type="checkbox"] {
  width: 16px;
  height: 16px;
  background-color: #e2e2e3;
  border: none;
  border-radius: 0;
  appearance: none; /* Remove default browser style */
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.wpcf7 input[type="checkbox"]:checked {
  background-color: #ccc; /* optional: color when checked */
  /* You can add a checkmark or custom icon if needed */
}

.wpcf7 input[type="checkbox"]:checked::after {
  content: "✔";
  font-size: 12px;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

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

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

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

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

.wpcf7 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: 400;
}

.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-weight: normal;
font-style: normal;
text-align: left;
color: #ffffff;

text-align: center;
font-style: normal;
letter-spacing: normal;

padding-left: 12px;
padding-right: 12px;
    margin-top: 30px;
text-transform: uppercase;
    margin-top: 20px;
	
	font-size: 23px;
font-weight: normal;
line-height: 34px;
height: 34px;
font-style: normal;
text-align: center;
color: #ffffff;
background: #b54f82;
}

.wpcf7 button:hover, 
.wpcf7 input[type="button"]:hover, 
.wpcf7 input[type="reset"]:hover, 
.wpcf7 input[type="submit"]:hover{
   
background: transparent;
border: 1px solid #b54f82;
   
   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;
}


















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





.site-content h2.tit-mit-cover{
	    background: #b54f82;
		    color: #fff; 
			    padding: 8px 0px;
				margin-bottom: 50px;
}

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

.site-content .leitsatz a.more-butt {
    color: #b54f82!important;
    text-decoration: underline;
}

.site-content .leitsatz a.more-butt:hover{
    color: #b54f82;
    text-decoration: none;
}

.site-content .leitsatz img{
	margin: 0px auto;
	display: table;
}

.site-content .leitsatz h3{
	    color: #b54f82;
		text-align: center;
}

.site-content .leitsatz p{
	    color: #000;
}

.home .site-content .leitsatz p {
    text-align: center;
}



img.full-image{
	width: 100%;
}

.is-full-image img{
	width: 100%;
}

.site-content .eco-first h3{
	font-size: 25px;
	font-weight: bold;
	color: #19171a;
	margin-bottom: 0px;
	line-height: 35px;
	text-transform: none;
}

.site-content .sustainability h3{
	font-size: 25px;
	font-weight: bold;
	color: #04833f;
	margin-bottom: 0px;
	line-height: 35px;
	text-transform: none;
}

.eco-left{
	width: 115px;
	float: left;
}

.eco-right{
	width: calc(100% - 115px);
	float: left;
}

.sustainability{
	margin-bottom: 10px;
}

.sustainability-cover{
	margin-top: 120px;
}

.home-seventh a.butt, 
.home-seventh a.butt:visited, 
.home-seventh a.butt:active, 
.home-seventh a.butt:focus{
	margin-left: auto;
	margin-right: auto;
	display: table;
	float: none;
}

.sustainability{
	width: 50%;
}

.site-content .sustainability  button.read-more, 
.site-content .sustainability button.read-more:visited, 
.site-content .sustainability button.read-more:focus, 
.site-content .sustainability button.read-more:active {
    color: #04833f;
}

.sustainability-cover .sustainability:nth-child(even){
	margin-left: 50%;
}

.row .eco-first{

    width: 100%;
    width: -webkit-calc(60% - 50px);
    width: -moz-calc(60% - 50px);
    width: calc(60% - 50px);
    float: left;

}

.row .eco-last{
	    width: 100%;
    width: -webkit-calc(40% - 50px);
    width: -moz-calc(40% - 50px);
    width: calc(40% - 50px);
    float: left;
}

.home-seventh{
	padding: 103px 0px 138px;
}


.branche-cover img{
		width: 100%;
}

.symbol-cover{

	display: table;
}

.symbol-cover svg{
	display: table;
	margin-left: auto;
	margin-right: auto;
}

img.big-image{
	margin: 0px auto 18px;
	    display: block;
}

.symbol-left{
	width: 35%;
	float: left;
	padding: 40px 0px;
}

.leitsatz-row h3{
	color: #b54f82;
		margin-bottom: 10px;
}


.ctl-title{
font-size: 20px!important;
font-weight: 300!important;
line-height: 33px!important;
font-style: normal!important;
text-align: left!important;
color: #000000!important;
}

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

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

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

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

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

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

}

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

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

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

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

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



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

.ctl-wrapper .ctl-vertical-wrapper .odd .ctl-icon {
    background-color: #b54f82!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 #b54f82!important;
    box-shadow: 0 0 0 2px #fff, inset 0 0 0 2px rgba(0, 0, 0, .05), 0 0 0 5px #b54f82!important;
}

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

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

.ctl-wrapper .ctl-horizontal-wrapper .ctl-story:nth-child(odd) .ctl-title :where(a,a:hover) {
    color: #ffffff!important;
}

.ctl-wrapper .ctl-horizontal-wrapper .ctl-story.even .ctl-title :where(a,a:hover) {
    color: #ffffff!important;
}

.ctl-wrapper .ctl-horizontal-timeline .ctl-h-line {
    background-color: #ffffff!important;
    border-color: #ffffff!important;
}

.carousel-cover{
	position: relative;
}

.ctl_read_more{
	display: none;
}

.ctl-wrapper .ctl-horizontal-wrapper .ctl-story:nth-child(odd) .ctl-arrow {
    background: transparent!important;
    height: 0px!important;
}

.ctl-wrapper .ctl-horizontal-wrapper .ctl-story:nth-child(odd) .ctl-arrow {
    background: transparent!important;
    height: 0px!important;
}

.ctl-wrapper .ctl-horizontal-wrapper .ctl-story:nth-child(even) .ctl-arrow {
    background: transparent;
    height: 0px;
}


.row-sixth {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 4px;
}

.col-sixth {
  text-align: center;
}

.box-top {
    /* padding-top: 22.303030303%; */
    background-color: #b54f82;
    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: #b54f82;
    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: #b54f82;
    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: #b54f82;
    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;
}

.career-fourth{
	    background: #e2e2e3;
}


.product-pseudo-section{
		background-position: 100% 100%;
	background-repeat: no-repeat;
}

body .career-second{
	background-position: 100% 100%;
	background-repeat: no-repeat;
	padding-bottom: 260px;
}

body .career-fourth{
	background-position: 100% 0;
	background-repeat: no-repeat;
	padding-top: 50px;
}

body .site-content .career-second h2, 
body .site-content .career-fourth h2{
	font-size: 65px;
}





.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;
	position: relative;
	display: table;
	margin: 0px auto;
	font-size: 25px;
font-weight: normal;
font-style: normal;
text-align: left;
color: #b54f82;
}




.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: 142px 0px 90px;
	background: #e2e2e3;
}

.site-content .home-serv h2{
	color: #b54f82;
}

.home-bottom-column p{
	text-align: center!important;
	margin-top: 20px;
	margin-bottom: 10px;
}

.site-content .home-bottom-column a.more-butt, 
.site-content .home-bottom-column a.more-butt:focus, 
.site-content .home-bottom-column a.more-butt:active, 
.site-content .home-bottom-column a.more-butt:visited{
	margin-left: auto;
	margin-right: auto;
	display: table;
	border-bottom: 0px;
	margin-top: 0px
}

a.butt.centr, 
a.butt.centr:visited, 
a.butt.centr:active, 
a.butt.centr:focus{
	margin-left: auto;
	margin-right: auto;
	display: table;
	float: none;
}

.site-content .text-btt{
	margin: 100px auto 20px;
}

.site-content .text-btt p{
	text-align: center;
}

.site-content .home-bottom-column a.more-butt:hover{
	margin-left: auto;
	margin-right: auto;
	display: table;
	border-bottom: 0px;
	margin-top: 0px
}

.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 .txt-part p{
	color: #000;
}

.home-services .service-line .txt-part {
    padding-left: 54px;
    padding-right: 54px;
}

.home-serv a.more-butt, 
.home-serv a.more-butt:focus, 
.home-serv a.more-butt:active, 
.home-serv a.more-butt:visited{
	color: #b54f82;
	text-decoration: underline;
}

.home-serv a.more-butt:hover{
	color: #b54f82;
	text-decoration: none;
}

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

.home-services .service-line:nth-child(odd){
	background: #fff;
}

.home-services, .home-branches{
	margin-top: 40px;
}

.home-services .service-line:nth-child(even){
	background: #e5e5e5;
}

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

.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: #b54f82;
	    padding: 8px 31px 8px 54px;
}






body .featherlight .featherlight-content {
    max-height: none;
}

.menu-burger-back{
	display: none!important;
}






















  




.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: #b54f82;
	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: 4px;
	border-radius: 0px;
	background-color: #b54f82;
	-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;
}


.foot1{
	position: relative;
}

img.footer-logo{
	position: absolute;
	top: -30px;
	left: -176px;
	width: auto;
}

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


.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: 'Rubik'!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]{
font-size: 15px;
line-height: 18px;
font-weight: 300;
font-style: normal;
text-align: left;
color: #000000;
display: block;
float: left;
}


.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-family: "Nunito";
font-size: 23px;
font-weight: 500;
line-height: 49px;
font-style: normal;
text-align: left;
color: #000000;

font-style: normal;
letter-spacing: normal;
line-height: normal;
background: rgb(175 195 250 / 40%);

padding: 11px 20px 11px 58px;
  background-image: url(img/faq-plus.png);
  background-repeat: no-repeat;
  background-position: 20px -3px;
   position: relative;
    cursor: pointer;
}

.page-template-template-unsere-grundschule  .item-title{
background-color: #d5affa;	
}




.single-item.hov .item-title{
	  background-image: url(img/faq-minus.png);
  background-repeat: no-repeat;
  background-position: 23.5px -3px;
}

.item-title span{
font-size: 15px;
font-style: normal;
letter-spacing: normal;
line-height: normal;
text-transform: uppercase;
}


.item-content{
	background: #fff;
	padding: 27px 60px 27px;
}

.single-item.hov .item-content{
	display: block;
}

.page-template-template-schulleben .site-content .home-sixth h2{
	margin-bottom: 40px;
	margin-top: 99px;
}

h3.subtitle{
	font-size: 25px;
font-weight: bold;
line-height: 35px;
font-style: normal;
text-align: left;
color: #b54f82;
margin-top: 40px;
text-indent: 38px;
text-transform: none;
}

.career-third{
	padding-bottom: 97px;
}

.career-third .item-content{
	background: #e2e2e3;
}


.career-fourth h2{
	white-space: nowrap;
}

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

.all-logos{
    display: flex;
    flex-wrap: nowrap;
    align-items: end;
    justify-content: flex-start;
    margin: 0px auto;
	    gap: 75px;
}

.table-cover{
	overflow-x: auto;
}

.table-cover .table{
	width: 1180px;
}

.standard{
	padding: 76px 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: #b54f82;
    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;
}



.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: none;
    list-style-type: none;
}


.site-footer .logos{
    margin-left: 0px;
}

#nav_menu-3{
	margin-top: 5px;
}

.foot2, .foot3{
	margin-top: 30px;
}



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







.site-footer{
	position: relative;
	padding: 75px 0px 75px 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 .container{
	position: relative;
    height: 100%;
}

nav.main-navigation {
    	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 100%;
}

.site-header .site-branding a{
	position: absolute;
	left: 0px;
}

.site-header {
   height: 196px;
}

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

.change .site-header {
    height: 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 .site-content{
	margin-top: 110px;
}

.change .site-branding img{
	  width: auto;
    margin-top: 0px;
    max-width: 195px;
    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: 7px;
	    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 .gt_switcher {
    margin-top: 15px;
}

.change .main-navigation ul {
    margin-bottom: 24px;
}

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


.foot5 img{
	float: right;
}


/*
#primary-menu {
  display: flex;
  justify-content: space-between; 
  list-style: none;
  padding: 0;
  margin: 0;
}

#primary-menu > li {
  justify-content: space-around;
  text-align: center; 
}
*/


.main-navigation li {
  /*  float: left;
	
	
	    flex: 1 0 auto; */
    margin-bottom: 0px;
}


 .overlay {
     height: auto;
    min-height: 700px;
     width: 0;
     position: fixed;
     z-index: 99;
     left: 0;
    top: 170px;
background-color: #020307;

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: #b54f82;
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;
	font-size: 19px;
	font-weight: 400;
	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;
}
*/



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



.sub-menu li:first-child{
    margin-top: -10px!important;
    padding-top: 10px!important;
}

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

#menu-item-86{
	position: relative;
}

#menu-item-86:hover:after{
	content: "";
	position: absolute;
		width: 100%;
height: 55px;
opacity: 0.68;
z-index: -1;
background-size: 100% 100%;
 background-image: url(img/bg1.png);
background-repeat: no-repeat; 
background-position: 50% 50%;
  top: 50%;
  left: calc(50% + 25px);
  transform: translate(-50%, -50%);
}




#menu-item-87{
	position: relative;
}

#menu-item-87:hover:after{
	content: "";
	position: absolute;
		width: 100%;
height: 55px;
opacity: 0.68;
z-index: -1;
background-size: 100% 100%;
 background-image: url(img/bg2.png);
background-repeat: no-repeat; 
background-position: 50% 50%;
  top: 50%;
  left: calc(50% + 25px);
  transform: translate(-50%, -50%);
}




#menu-item-85{
	position: relative;
}

#menu-item-85:hover:after{
	content: "";
	position: absolute;
		width: 100%;
height: 55px;
opacity: 0.68;
z-index: -1;
background-size: 100% 100%;
 background-image: url(img/bg3.png);
background-repeat: no-repeat; 
background-position: 50% 50%;
  top: 50%;
 left: calc(50% + 25px);
  transform: translate(-50%, -50%);
}



#menu-item-83{
	position: relative;
}

#menu-item-83:hover:after{
	content: "";
	position: absolute;
		width: 100%;
height: 55px;
opacity: 0.68;
z-index: -1;
background-size: 100% 100%;
 background-image: url(img/bg4.png);
background-repeat: no-repeat; 
background-position: 50% 50%;
  top: 50%;
 left: calc(50% + 25px);
  transform: translate(-50%, -50%);
}


#menu-item-84{
	position: relative;
}

#menu-item-84:hover:after{
	content: "";
	position: absolute;
		width: 100%;
height: 55px;
opacity: 0.68;
z-index: -1;
background-size: 100% 100%;
 background-image: url(img/bg5.png);
background-repeat: no-repeat; 
background-position: 50% 50%;
  top: 50%;
  left: calc(50% + 25px);
  transform: translate(-50%, -50%);
}


#menu-item-79{
	position: relative;
}

#menu-item-79:hover:after{
	content: "";
	position: absolute;
		width: 100%;
height: 55px;
opacity: 0.68;
z-index: -1;
background-size: 100% 100%;
 background-image: url(img/bg6.png);
background-repeat: no-repeat; 
background-position: 50% 50%;
  top: 50%;
  left: calc(50% + 25px);
  transform: translate(-50%, -50%);
}



#menu-item-82{
	position: relative;
}

#menu-item-82:hover:after{
	content: "";
	position: absolute;
	width: 100%;
height: 55px;
opacity: 0.68;
z-index: -1;
background-size: 100% 100%;
 background-image: url(img/bg7.png);
background-repeat: no-repeat; 
background-position: 50% 50%;
  top: 50%;
  left: calc(50% + 25px);
  transform: translate(-50%, -50%);
}








#site-navigation li{
	display: inline;
	}

#site-navigation li:not(:first-child):before {
    content: "|";
    text-decoration: none;
    margin-right: 24px;
    margin-left: 24px;
}

.main-navigation .sub-menu li a:hover{
    opacity: 0.7;
}


.main-navigation li {
    margin-bottom: 0px;
	position: relative;
	margin-top: 0px;
}

.main-navigation .sub-menu li {
	margin-top: 0px;
}



.sub-menu{
background: #fff;
padding-left: 12px!important;
padding-right: 12px;
padding-top: 6px!important;
padding-bottom: 6px!important;
min-width: 208px;
text-align: center;
}

#menu-item-87 .sub-menu{
	background: #ffffff;
background: linear-gradient(180deg, 
#ffffff 0.00%, 
#ffd6a9 100.00%);
}

#menu-item-85 .sub-menu{
background: #ffffff;
background: linear-gradient(180deg, 
#ffffff 0.00%, 
#bae870 100.00%);
}

#menu-item-83 .sub-menu{
background: #ffffff;
background: linear-gradient(180deg, 
#ffffff 0.00%, 
#a2ddf1 100.00%);
}

#menu-item-84 .sub-menu{
background: #ffffff;
background: linear-gradient(180deg, 
#ffffff 0.00%, 
#faafec 100.00%);
}

#menu-item-79 .sub-menu{
	background: #ffffff;
background: linear-gradient(180deg, 
#ffffff 0.00%, 
#f1faaf 100.00%);
}

#menu-item-82 .sub-menu{
	
}

.main-navigation ul ul {
    box-shadow: none;
	padding-top: 10px;
}

/*
#menu-item-87:hover:after {

}
*/

.menu-item:hover:after{
	    z-index: 99999!important;
}


.menu-item a{
	position: relative;
	    z-index: 999999!important;
}

.main-navigation li.current-menu-icon{
	position: relative;
}

.main-navigation li.current-menu-icon:after{
	position: absolute;
width: 8.8px;
height: 5px;
}


.main-navigation li.menu-item-has-children{
	position: relative;
}





.main-navigation .sub-menu li {
    float: left;
	width: 100%!important;
}
/*
.main-navigation li:nth-child(2) {
    float: left;
    width: 18.6666666667%;
  
}

.main-navigation li:nth-child(3) {
    float: left;
    width: 18.6666666667%;
}

.main-navigation li:nth-child(4) {
    float: left;
    width: 17.6666666667%;
  
}

.main-navigation li:nth-child(5) {
    float: left;
    width: 12.6666666667%;

}

.main-navigation li:nth-child(6) {
    float: left;
    width: 15.6666666667%;

}
*/
.site-footer{
	background: #dddddd;
}

.foot2-in {
  display: flex;
  gap: 78px; 
  align-items: flex-start; 
}

.foot2-in .foot-col {
  flex: 0 0 auto; 
}

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-third{
	padding: 92px 0px 72px 0px;
}	

.bx{
	margin-bottom: 67px;
}

.one-first{
	margin-right: 35px;
}


.from-left{
	margin-left: 98px;
}

.image-cover{
	position: relative;
}






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

.site-content .news-first h2{
	margin-bottom: 50px;
}

.pagi-left, 
.pagi-left:hover, 
.pagi-left:active, 
.pagi-left:visited{
width: 16px;
height: 27px;
background-image: url(img/pagi-left.png);
background-color: transparent;
background-position: 50% 50%;
background-repeat: no-repeat;
border: 0;
border-radius: 0;
cursor: pointer
}

.pagi-right, 
.pagi-righ:hover, 
.pagi-right:active, 
.pagi-right:visited{
width: 16px;
height: 27px;
background-image: url(img/pagi-right.png);
background-color: transparent;
background-repeat: no-repeat;
background-position: 50% 50%;
border: 0;
border-radius: 0;
cursor: pointer
}

.simple-pagination li a.prev:hover, 
.simple-pagination li a.next:hover{
    color: #FFF !important;
    background: transparent !important;
    text-decoration: none;
}


.press-left{
	width: 150px;
	float: left;
}

.press-right{
	width: calc(100% - 150px);
	float: left;
}


img.welcome-logo{
	margin: 0px auto 43px auto;
	display: block;
}

.career-first{
background-position: 100% 0%;
	position: relative;
}

.career-first .right-image{
	display: none;
}

.smaller-width{
	
}

.career-text{
	padding: 0px 0px 40px 0px;
} 


/*
img.welcome-logo{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 90px;
}
*/

.carrer-first img.welcome-logo

.site-content h1.left-align, 
.site-content h2.left-align,
.site-content h3.left-align,
.site-content h4.left-align,
.site-content h5.left-align,
.site-content p.left-align,
.site-content ul.left-align, 
.site-content ol.left-align{
	text-align: left;
}

.image-cover img{
	margin: 0px auto;
	display: block;
}

.cols-service a{
	display: block;
}

.cols-service h3{
	text-align: center;

color: #b54f82;

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






.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: #b54f82;
		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: 15px;
}




.note.jb{

color: #b54f82;
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-family: "Rubik";
font-size: 23px;
font-weight: 400;
line-height: 49px;
font-style: normal;
text-align: left;
color: #000000;
    text-align: left;
    margin-top: 0px;
    text-align: left;
    font-style: normal;
    letter-spacing: normal;
    font-style: normal;
    letter-spacing: normal;
    text-decoration: underline;
    text-transform: none;
    height: auto;
    line-height: normal;
    padding: 0px;
    margin-top: -1.5em;
    cursor: pointer;
	float: left;
	margin-bottom: 1.5em;
}

.site-content button.read-more:hover{
	text-decoration: none;
	    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
}

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

.site-content .main-service h3, .site-content .main-service h4{
        font-size: 27px;
    font-weight: 600;
    font-style: normal;
    color: #b54f82;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 0px;
	    line-height: normal;
	
}



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

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


.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;
  
    padding: 4px 13px;
	
	font-size: 24px;
font-weight: 300;
line-height: 42px;
font-style: normal;
text-align: left;
color: #202121;
}

.simple-pagination li a{
	color: #262229!important;
}


.simple-pagination li a:hover{
	color: #FFF!important;
	    background: #b54f82 !important;
		text-decoration: none;
		border-radius: 50%;
}

.simple-pagination .current {
	color: #FFF;
	   border-radius: 50%;
		background: #b54f82!important;
    
}

.simple-pagination .prev.current,
.simple-pagination .next.current {
	/* background: #b54f82; */
	background: transparent!important;
}


.site-content .news-second h2{
	margin-bottom: 50px;
}


.news-first h2, 
.news-second h2, 
.news-third h2{
	position: relative;
	display: table;
	width: auto;
} 


.news-first h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/big-bg-04.png);
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.news-second h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/big-bg-05.png);
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.news-third h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/big-bg-06.png);
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.carousel-new{
	margin-top: 150px;
}

.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: #b54f82;
	height: 42px;
	font-weight: 600;
}

.wp-pagenavi span.pages {
display: none;
    margin-right: 10px;
}




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






.cover-div{
	overflow: hidden;
}

.home-fourth{
	overflow: hidden;
}



.company-certificates {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px;
  max-width: 100%;
  margin: 50px auto 0px;
}

.company-certificate {
  text-align: center;
}

.company-certificate:nth-child(5) {
  grid-column-start: 2;
}

.company-certificate img{
	margin-bottom: 34px;
}

.site-content .home-fourth p{
	color: #fff;
}

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



.logos picture {
    flex: 0 0 auto;
 /*   margin: 20px; */
   width: auto;
}



/*
.site-main section{
	display: none;
}

.site-main .mood{
	display: block;
}
*/

/*
.mood{
	min-height: 701px;
}
*/


.image-cover{
	position: relative;
}





.service-first{
	background: #2b2e31;
	padding: 137px 0px 124px;
}

.left-in{
	max-width: calc(100% - 80px);
}

.right-part img{
	width: 100%;
}

.full-container .left-part {
    width: 62.21%;
    float: left;
}

.full-container .right-part {
    width: 37.79%;
    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%;
    }
	
	
	.divider20{
		height: 24px;
		width: 100%;
	}
	
	.overlay-in{
		padding: 24px 13px 20px 20px;
	}
	
	
	
	.site-content .overlay-in a, 
	.site-content .overlay-in a:focus, 
	.site-content .overlay-in a:active, 
	.site-content .overlay-in a:visited{
		color: #19171a;
	}
	
	.site-content .overlay-in h3{
	

font-style: normal;
text-align: left;
text-transform: none;
font-weight: normal;
margin-bottom: 0px;
font-size: 20px;
font-weight: 700;
line-height: 35px;
font-style: normal;
text-align: left;
color: #19171a;
	}
	
	.site-content .overlay-in p{
	color: #000;
		margin-bottom: 0px;
	}
	
	.news-news img{
		width: 100%;
	/*	filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.29 )); */
		
		box-shadow: 0px 3px 3px rgba(0,0,0,0.29);

/* padding: 3px 3px 0px 3px; */
	}
	
	.news-news .overlay-in h3{
		font-size: 30px;
font-weight: normal;
line-height: 35px;
font-style: normal;
text-align: left;
color: #000000;
	}
	
	a.more-butt, 
	a.more-butt:visited, 
	a.more-butt:active, 
	a.more-butt:focus{
font-size: 23px;
    font-weight: 400;
line-height: 23px;
font-style: normal;
text-align: left;
color: #000;
text-decoration: none;
border-bottom: 1px solid transparent;
float: left;
margin-top: 5px;
	}
	
	a.more-butt:hover{
		text-decoration: none;
		border-bottom: 1px solid #000;
	}
	
	a.round-butt, 
	a.round-butt:focus, 
	a.round-butt:active, 
	a.round-butt:visited{
text-align: center;
line-height: 49px;
width: 84px;
height: 49px;
border-radius: 30px;
background: #faafec;
display: table;
font-family: "Nunito";
font-size: 20px;
font-weight: bold;
font-style: normal;
color: #000000;
float: left;
margin-right: 19px;

		background-image: url(img/pdf-big.png);
  background-repeat: no-repeat;
  background-position: right 13px center; 
  background-size: 5px 8px; 
	}
	
	a.round-butt:hover{
		text-decoration: none;
		opacity: 0.8;
	}
	
	
	a.free-butt, 
	a.free-butt:focus, 
	a.free-butt:active, 
	a.free-butt:visited{
		float: left;
		    padding: 7px 0px;
			text-decoration: underline;
			
	
	}
	
	a.free-butt:hover{
		text-decoration: none;
	}
	
	ul.pdf-list{
		padding-left: 0px;
		margin-left: 0px;
	}
	
	ul.pdf-list li{
		list-style-type: none;
		width: 100%;
		float: left;
		margin-bottom: 8px;
	}
	
	ul.pdf-list li:before{
		content: none;
	}
	
	.site-content .one-logo p{
		margin-bottom: 4px;
	}
	
	.page-template-template-unsere-grundschule .home-second a.round-butt, 
	.page-template-template-unsere-grundschule .home-second a.round-butt:focus, 
	.page-template-template-unsere-grundschule .home-second a.round-butt:active, 
	.page-template-template-unsere-grundschule .home-second a.round-butt:visited {
    background-color: #fff;
    
}
	
	.site-content ul.pdf-list li:before {
    content: none;
}
	
	
	
	.site-content .overlay-in h3{
		margin-bottom: 7px;
	}

	.carousel .slick-next{
		width: 64px;
    height: 64px;
    background: url(img/arrow-right.png) no-repeat !important;
background-position: 50% 50%!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;
	background-position: 50% 50%!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: 30px;
    height: 30px;
    background: url(img/slider-right.png) no-repeat !important;
	background-position: 50% 50%!important;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: 28px;
    padding: 0px;
    left: auto;
	    z-index: 98;
		    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
		margin-top: -30px;
}

.carousel-new .slick-prev {
    width: 30px;
    height: 30px;
    background: url(img/slider-left.png) no-repeat !important;
		background-position: 50% 50%!important;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 28px;
    z-index: 98;
    padding: 0px;
	    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
	margin-top: -30px;
}

.carousel-new .slick-dots li{
	width: 30px!important;
	height: 30px!important;
}

.site-content .carousel-new ul.slick-dots {
    margin-bottom: 0px !important;
    height: 30px;
    line-height: 30px;
    bottom: 5px !important;
}

.site-content .carousel-new ul.slick-dots li {
    margin-left: 9px !important;
    margin-right: 9px !important;
	padding-left: 0px;
}

.carousel-new .slick-dots li button{
	width: 30px!important;
	height: 30px!important;
	background: #a7a7a7!important;
	background: linear-gradient(90deg, 
#a7a7a7 0.00%, 
#dddddd 100.00%)!important;
    border-radius: 50%;
    background-size: cover!important;
    padding: 0px;
    background-position: 50%;
    line-height: 30px !important;
}

.carousel-new .slick-dots li button:hover, 
.carousel-new .slick-dots li.slick-active button{
width: 30px!important;
height: 30px!important;
background: #f1faaf!important;
background: linear-gradient(90deg, 
#f1faaf 0.00%, 
#dddddd 100.00%)!important;
}

	.carousel-new .slick-dots li button:before{
		content: none!important;
	}
	
	.just-post{
		padding: 77px 0px 100px 0px;

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

margin-bottom: 36px;
display: block;
	}
	
	.video {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
	
	.thumbnail-single {
  aspect-ratio: 1520 / 800; 
  width: 100%;              
  overflow: hidden;         
  display: flex;            
  align-items: center;
  justify-content: center;
}

.thumbnail-single img {
  width: 100%;
  height: 100%;
  object-fit: cover;   
  object-position: center;
  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%);
	}
	

	.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: 0px 0px 0px 0px;
		background: #ffffff;
}

.site-content .career-sixth h2{
	margin-top: 0px;
	color: #ffffff;
	margin-bottom: 78px;
}

.benefit-note{
	color: #fff;
	float: right;
	margin-top: -0px;
	margin-right: -124px;
}

.symbol-cover {
    display: table;
		margin: 0px auto;
		min-height: 115px;
		  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.symbol-cover img{
	
  max-width: 100%;
  height: auto;
	display: block;
}

.site-content .benefit h3 {
    font-size: 20px;
font-weight: bold;
line-height: 25px;
font-style: normal;
text-align: center;
color: #b54f82;
    margin-bottom: 0px;
    margin-top: 0px;
	text-transform: none;
}

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



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

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

/* 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: #b54f82!important;
    color: #fff;
}

#nav_menu-2 li{
	display: inline-block;
	}

#nav_menu-2 li:not(:first-child):before {
    content: "|";
    text-decoration: none;
    margin-right: 4px;
    margin-left: 4px;
}

.table-arr {

    background-size: 100% 100% !important;

    margin-bottom: 15px;
    float: right;
	
	    background: url(img/titel-arr.png);
    background-repeat: no-repeat;
    width: 27px;
    height: 25px;
}

.language {
    position: absolute;
    top: 71px;
    right: 50px;
}

.change .language {
    top: 41px;
	    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.language ul li.wpml-ls-current-language a, .language ul li.wpml-ls-current-language a:active, .language ul li.wpml-ls-current-language a:visited, .language ul li.wpml-ls-current-language a:active {
    font-weight: 600;
}

.language li:not(:first-child):before {
    content: "|";
    text-decoration: none;
    margin-right: 4px;
    margin-left: 4px;
}

.language ul li a, .language ul li a:active, .language ul li a:visited, .language ul li a:active {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 26px;
    text-transform: uppercase;
    color: #000;
    font-style: normal;
    letter-spacing: .4px;
    line-height: normal;
    color: #000;
    font-weight: 300;
    font-style: normal;
    letter-spacing: .4px;
    line-height: normal;
    list-style-type: none;
    text-decoration: none;
}

.wpml-ls-legacy-list-horizontal {
    padding: 0px;
}

.language ul li{
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline-block;
}

.wpml-ls-legacy-list-horizontal a {
    display: inline;
	padding: 0px;
}

.read-more::first-letter {
    text-transform: capitalize;
}

.error-404 .widget.widget_recent_entries, 
.error-404 .widget.widget_archive, 
.error-404 .widget.widget_categories{
	display: none;
}

.error-404 {
	padding: 80px 0px;
}

html[lang="en-US"] .site-footer ul#menu-geschaeftliches-menu-en li {
    float: right;
}

.with-pdf.link-title{
	display: inline-block;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	margin-left
	}
	
	.with-pdf.link-title:hover{
		color: #fff;
text-decoration: none;
opacity: 0.9;		
	}
	
	.spacer{
		width: 50px;
		height: 1px;
		display: inline-block;
	}




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

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

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



.is-rot a{
	margin-top: 10px!important;
	padding-top: 10px!important;
	border-top: 1px solid #b54f82!important;
	color: #b54f82!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;
}





.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 #b54f82 !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 #b54f82 !important;
    color: #b54f82 !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 #b54f82 !important;
    color: #fff!important;
    display: block;
  /*  width: 265px !important; */
}


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

/*
.site-main, .site-header{
	display: none;
}
*/








#site-navigation .sub-menu li:not(:first-child):before {
    content: none;
}

.main-navigation ul ul.sub-menu {
    margin-left: 50px;
}


.intern{
	float: right;
	margin-bottom: 18px;
}

.site-footer .row.main-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
 
  margin: 0 auto;
  gap: 30px;
  flex-wrap: nowrap;
}

.foot {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}


/*
.foot1 {
  width: 297px;
}

.foot2 {
  width: 782px;
}

.foot3 {
  width: 154px;
}
*/
.site-footer .row.main-row:before, 
.site-footer .row.main-row:after {
    content: none;
}

.site-footer h2{
	font-size: 20px;
font-weight: 300;
font-style: normal;
text-align: left;
color: #ffffff;
margin-bottom: 7px;
margin-top: 0px;
}


.contact-first{
	padding: 77px 0px 148px 0px;
}


.contact-first h1 {
    position: relative;
    display: table;
}

.contact-first h1:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/big-bg-03.png);
    background-size: 100% ;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contact-1{
	float: left;
	width: 56%;
		position: relative;
}

.contact-1:before{
	content: "";
	width: 334px;
height: 334px;
	background-image: url(img/bg-papierflieger.png);
background-repeat: no-repeat;
background-size: cover;
	position: absolute;
	right: 97px;
	top: -74px;
}

.contact-2{
		float: left;
	width: 44%;
}

.contact-logo{
	margin-bottom: 42px;
}

.contact-second{
		padding: 95px 0px 85px 0px;
		background: #e2e2e3;
}

.contact-third{
	padding: 80px 0px 85px 0px;
}

.contact-fourth{
	padding: 95px 0px 120px 0px;
	background: #e2e2e3
}

.person .row{
 display: flex;
  width: 100%;
}

.person .row:before, .person .row:after{
	content: none!important;
}

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


.person-left{
	 width: 300px;
	/* float: left;*/
	position: relative;
}






.map-image{
	margin-bottom: 86px;
}

.countries .col-fourth:nth-child(1) h3:after{
		background: #b54f82;
}

.countries .col-fourth:nth-child(2) h3:nth-of-type(1):after{
		background: #8d45b8;
}

.countries .col-fourth:nth-child(2) h3:nth-of-type(2):after{
		background: #b54f82;
}

.countries .col-fourth:nth-child(3) h3:after{
		background: #2166ab;
}

.countries .col-fourth:nth-child(4) h3:nth-of-type(1):after{
		background: #fe8d3d;
}

.countries .col-fourth:nth-child(4) h3:nth-of-type(2):after{
		background: #0f8455;
}






.countries .col-fourth:nth-child(2) h3:nth-of-type(2){
	margin-top: 50px;
}

.countries .col-fourth:nth-child(4) h3:nth-of-type(2){
	margin-top: 50px;
}

.divider-line{
width: 100%;
height: 1px;
background: #b54f82;
margin: 20px 0px 40px;
}

.smaller-width{
	max-width: 660px;
}




.product-overlay h2.product-title{
	margin-bottom: 0px; 
}

h2.product-title span:nth-of-type(1){
    font-size: 140px;
    font-weight: bold;
    line-height: 1em;
    font-style: normal;
    text-align: left;
    color: #ffffff;
    padding: 15px 36px;
    background: #b54f82;
	display: table;
	float: right;
}

h2.product-title span:nth-of-type(2){
	font-size: 140px;
    font-weight: bold;
    line-height: 1em;
    font-style: normal;
    text-align: left;
    color: #ffffff;
    padding: 15px 36px;
    background: #b54f82;
	display: table;
	float: right;
}

.produkte-second{
	background: #e2e2e3;
	padding: 100px 0px 75px 0px;
}

.produkte-third{
	padding: 100px 0px 118px 0px;
}

.site-content .produkte-second h2{
	margin-bottom: 20px;
}

.columns-graph{
	margin-top: 60px;
}

.columns-graph img{
	margin: 0px auto 30px;
	display: table;
}

.columns-graph h4{
	text-align: center;
	margin-bottom: 0px;
	font-size: 25px;
	font-weight: bold;
}

.columns-graph p{
	text-align: center!important;
}

.one-prod{
	padding: 86px 0px;
}

.site-content .product-bottom ul li{
	padding-left: 30px;
	font-size: 20px;
font-weight: 300;
line-height: 35px;
font-style: normal;
text-align: left;
color: #19171a;
}

.site-content .product-bottom ul {
margin-top: -1.5em;
}




.site-content .home-first ul li{
	padding-left: 30px;
	font-size: 20px;
font-weight: 300;
line-height: 35px;
font-style: normal;
text-align: left;
color: #19171a;
}



.site-content .home-first ul li{
	color: #19171a;
}



.modula-gal{
	margin-top: 40px;
}



.site-content ul.company-list{
	
}

.site-content ul.company-list li{
	font-size: 40px;
font-weight: bold;
font-style: normal;
text-align: left;
color: #b54f82;
padding-left: 40px;
margin-bottom: 30px;
}

.site-content ul.company-list li:before {
    content: "+";
    position: absolute;
    left: 0px;
    top: 0px;
	font-size: 40px;
font-weight: bold;
font-style: normal;
text-align: left;
color: #b54f82;
}

.news-news .new-overlay-part{
	border-color: #d9d9d9;
border-width: 1px;
border-style: solid;
}

.site-content .home-third{
	padding: 73px 0px 135px 0px
}

.product-slogan{
	    font-size: 40px;
font-weight: bold;
font-style: normal;
text-align: right;
color: #ffffff;
    line-height: 1em;
    font-style: normal;
    text-align: left;
    color: #ffffff;
        padding: 17px 36px;
    background: #b54f82;
	display: table;
		float: right;
}


.product-left{
		width: calc(100% - 330px);
	float: left;
}

.product-right{
	width: 330px;
	float: left;
}

.product-right img{
	float: right;
	margin-right: 45px;
}

.studies{
	margin-top: 12px;
}

.product-title span:nth-child(2){}

.product-cover{
	position: relative;
}

.product-overlay{
	position: absolute;
	bottom: 35px;
	    left: 0px;
    right: 0px;
}

.home-symbol {
  height: 108px;
  display: flex;
  align-items: center; 
  justify-content: center;
  margin-bottom: 19px;
  padding-bottom: 48px;
  position: relative;
}

.home-symbol:after{
  height: 2px;
  background: #b54f82;
  width: 150px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  content: "";
  position: absolute;
      margin: 0px auto;
}

.site-content .body-part h4{
	font-size: 30px;
	line-height: 35px;
font-weight: 300;
font-style: normal;
text-align: center;
color: #19171a;
}



.visions{
	background-repeat: no-repeat;
	background-position: 100% 0;
}

ul.pdf-list{
	float: left;
}








.gallery-wrapper {
  display: block;
  gap: 40px; 
}



.thumbs {
  width: 445px;
  margin-right: 76px;
  float: left;
  

}

.thumbs-in{
	  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, auto);   
  gap: 20px;
}

.thumb img {
  width: 209px;
  height: 132px;
  object-fit: cover;
  display: block;
  cursor: pointer;
}

.thumb p {
  font-size: 14px;
  text-align: center;
  margin-top: 4px;
}

.main-photo {
  position: relative;
  width: calc(100% - 521px);
  height: 651px;

  float: left;
}

.main-photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 1030px;
  height: 651px;
  object-fit: cover;
  transition: opacity 0.3s ease;
}

.main-photo img.hover {
  opacity: 0;
}

.main-photo:hover img.hover {
  opacity: 1;
}

.main-photo:hover img.default {
  opacity: 0;
}


.site-content p.thumbnail-caption{
	margin-bottom: 6px;
}

.coontainer {
            display: flex;
            gap: 76px;
            padding: 0px;
        }










.layout {
            display: flex;
            gap: 30px;
            align-items: flex-start;
        }
        
        .class-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
            flex: 0 0 400px;
        }
        
        .class-card {
            position: relative;
            background: #f8f9fa;
            border-radius: 15px;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.3s ease;
            border: 3px solid transparent;
            height: 120px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .class-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.2);
            border-color: #667eea;
        }
        
        .class-card.active {
            border-color: #667eea;
            background: linear-gradient(135deg, #667eea, #764ba2);
            color: white;
        }
        
        .class-image {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: linear-gradient(45deg, #667eea, #764ba2);
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: white;
            font-weight: bold;
        }
        
        .class-card.active .class-image {
            background: rgba(255,255,255,0.2);
        }
        
        .class-label {
            font-weight: bold;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .main-display {
            flex: 1;
            background: #f8f9fa;
            border-radius: 15px;
            padding: 30px;
            min-height: 400px;
            position: relative;
            overflow: hidden;
        }
        
        .main-display::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(102,126,234,0.1) 0%, transparent 70%);
            animation: rotate 20s linear infinite;
            pointer-events: none;
        }
        
        @keyframes rotate {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        .display-content {
            position: relative;
            z-index: 1;
            text-align: center;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .class-photo {
            width: 300px;
            height: 200px;
            border-radius: 15px;
            background: linear-gradient(45deg, #667eea, #764ba2);
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            color: white;
            font-weight: bold;
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
        }
        
        .class-photo:hover {
            transform: scale(1.05);
        }
        
        .class-title {
            font-size: 2em;
            color: #333;
            margin-bottom: 10px;
            font-weight: bold;
        }
        
        .class-info {
            color: #666;
            font-size: 1.1em;
            line-height: 1.5;
        }
        
        .welcome-message {
            color: #666;
            font-size: 1.2em;
            line-height: 1.6;
        }
		
		.em-event-when h3{
			margin: 20px 0px;
		}
		
		.em-event-content{
			margin: 40px 0px;
		}
		
		.em-item-image img{
			width: 100%;
		}
        
        @media (max-width: 768px) {
            .layout {
                flex-direction: column;
            }
            
            .class-grid {
                flex: none;
                width: 100%;
            }
            
            .container {
                padding: 0px;
            }
            
            .header h1 {
                font-size: 2em;
            }
        }













.carousel-new  {
  height: 620px; 
 /* overflow: hidden;  */
}

.carousel-new{
	position: relative;
}

.carousel-new:before{
	position: absolute;
	background: #fff;
	width: 80px;
	height: 100%;
	content: "";
	left: 0px;
	top: 0px;
	z-index: 9;
}


.carousel-new:after{
	position: absolute;
	background: #fff;
	width: 80px;
	height: 100%;
	content: "";
	right: 0px;
	top: 0px;
		z-index: 9;
}


.news-third .container{
	overflow: hidden;
}	



.carousel-new .slick-list {
  overflow: visible; /* prevents cropping */
}

.carousel-new .slick-slide {
  
}

.carousel-new .slick-center {
  transform: scale(1.2);  /* bigger width & height */
  opacity: 1;
  z-index: 2;
  position: relative;
}


.carousel-new .slick-slide {
  
    height: auto;

}



.main-navigation ul {
    margin-right: 50px;
}

.site-footer{
	overflow-x: hidden;
}

body{
	overflow-x: hidden;
}

.shadow{
	     filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.29));
}

 img.top-image, .top-image img {
        display: block;
        width: 100%;
        height: 800px;
        object-fit: cover;
        object-position: center;
    }



/* Top Slider */

.top-slider .slick-dots{
  padding: 0;
  bottom: 0px!important;
  
}

.top-slider .slick-dots li{
  position:relative;
  display:inline-block;
  width: 190px!important;
  height: 2px;
  margin:0 0px 0 0;
  padding:0;
  cursor:pointer;
background: important;
  background-size:100% 100%;
 background-image: linear-gradient(to right, #ffffff 0%, #ffffff 100%); 
  background-repeat:no-repeat;

}

.slick-dots li button {
  width: 190px!important;
  height: 2px!important;
    
}

.top-slider .slick-dots li.slick-active:first-child{
   background-color:transparent;
  background-size:100% 100%;
background-image: linear-gradient(to right, #ffffff 0%, #ffffff 33.3333%);
  background-repeat:no-repeat;
}

.top-slider .slick-dots li.slick-active:nth-child(2){
 background-color:transparent;
  background-size:100% 100%;
background-image: linear-gradient(to right, #ffffff 33.3333%, #ffffff 66.6666%);
  background-repeat:no-repeat;
}

.top-slider .slick-dots li.slick-active:nth-child(3){
  background-color:transparent;
  background-size:100% 100%;
background-image: linear-gradient(to right, #ffffff 33.3333%, #ffffff 66.6666%);
  background-repeat:no-repeat;
}

.top-slider .slick-dots li.slick-active:nth-child(4){
  background-color:transparent;
  background-size:100% 100%;
background-image: linear-gradient(to right, #ffffff 33.3333%, #ffffff 66.6666%);
  background-repeat:no-repeat;
}

.top-slider .slick-dots li.slick-active:nth-child(5){
  background-color:transparent;
  background-size:100% 100%;
background-image: linear-gradient(to right, #ffffff 33.3333%, #ffffff 66.6666%);
  background-repeat:no-repeat;
}

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

.site-content ul.slick-dots li{
	margin-left: 15px!important;
	margin-right: 15px!important;
}

.top-slider .slick-dots li:last-child{
  margin-right:0;
}

.top-slider .slick-dots li:hover,.top-slider .slick-dots li.slick-active{
   background-color:transparent!important;
}

.top-slider .slick-dots li button{
  display: none !important;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px!important;
}

.top-slider .slick-dots li.slick-active~li{
  background-size:0% 0%;
}

.top-slider .slick-dots li.slick-active{
  -webkit-animation:right 12s linear;
  -moz-animation:right 12s linear;
  -o-animation:right 12s linear;
  animation:right 12s linear;

  

}

@keyframes right{
  0%{
    background-size:0% 100%;
  }

  100%{
    background-size:100% 100%;
  }
}


.slick-dots {
    z-index: 9;
}




.top-slider img{
	width: 100%;
}

.slider-part .row{
	display: flex;
}

.site-content ul.slick-dots{
      margin-bottom: 0px !important;
    height: 2px;
    line-height: 2px;
	bottom: 15px!important;
}


/* Top Slider End*/


.mood-left{
	display: flex;
  align-items: center; 
       
}


.mood-left .mood-left-in{
	margin-top: 30px;
	width: 450px;
	max-width: 100%;
       
}

.home .mood img {
    height: 757px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
	
	
	.mood-left, .mood-right{
		    height: 757px;
	}
	
	.home .mood{
		overflow: hidden;
	}


.home-right{
	position: relative;
}


.home-right:before{
	position: absolute;
	width: 1px;
background: #000;
content: "";
left: -50px;
top: 0px;
height: 100%;
}


.page-template-template-aktuelles .news-news .col-fourth{
	margin-bottom: 40px;
}

.page-template-template-projekte .home-first{
	padding: 76px 0px 167px 0px;
}


.page-template-template-projekte .home-first h2{
	position: relative;
		display: table;
	width: auto;
}

.page-template-template-projekte .home-first h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/big-bg-07.png);
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}







.page-template-template-projekte .home-third h2{
	position: relative;
		display: table;
	width: auto;
	white-space: nowrap;
}

.page-template-template-projekte .home-third h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/big-bg-08.png);
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}





.page-template-template-projekte .home-fifth h2{
	position: relative;
	display: table;
	width: auto;
	    z-index: 2;
}

.page-template-template-projekte .home-fifth h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/big-bg-09.png);
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.projects .row .col-two:not(:nth-child(2n)) {
    margin-right: 0px;
}

.projects .col-two {
    width: 50%;
    float: left;
}

.projects .row:nth-child(odd) .col-img{
	float: right;
}

.projects .row:nth-child(odd) .col-text-in{
	padding: 60px 60px 20px 0px;
}

.projects .row:nth-child(even) .col-text-in{
	padding: 60px 0px 20px 60px;
}

.projects .row:nth-child(1) .col-text h3, 
.projects .row:nth-child(2) .col-text h3, 
.projects .row:nth-child(3) .col-text h3, 
.projects .row:nth-child(4) .col-text h3, 
.projects .row:nth-child(5) .col-text h3, 
.projects .row:nth-child(6) .col-text h3{
	position: relative;
	padding: 20px;
	margin-left: -20px;
	margin-top: -20px;
	width: auto;
	display: table;
	margin-bottom: 0px;
}

.page-template-template-projekte .projects .row:nth-child(1) .col-text h3:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/small-bg-01.png);
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-template-template-projekte .projects .row:nth-child(2) .col-text h3:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/small-bg-02.png);
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-template-template-projekte .projects .row:nth-child(3) .col-text h3:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/small-bg-03.png);
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-template-template-projekte .projects .row:nth-child(4) .col-text h3:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/small-bg-04.png);
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-template-template-projekte .projects .row:nth-child(5) .col-text h3:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/small-bg-05.png);
        background-size: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.logo-cover{
	position: relative;
}

.in-logo{
position: absolute;
    bottom: -54px;
    left: -50px;
}

.video{
	margin: 30px 0px 28px 0px;
}

.page-template-template-projekte .home-second, 
.page-template-template-projekte .home-fourth{
	padding: 0px;
}

.page-template-template-projekte .home-third{
		padding: 116px 0px 129px;
}

.page-template-template-projekte .home-fifth{
	padding: 116px 0px;
}



.row .col-two:not(:nth-child(2n)) {
    margin-right: 70px;
}
.col-two.col-bigger{
    width: 100%;
    width: -webkit-calc(55% - 35px);
    width: -moz-calc(55% - 35px);
    width: calc(55% - 35px);
    float: left;
}

.col-two.col-smaller{
    width: 100%;
    width: -webkit-calc(45% - 35px);
    width: -moz-calc(45 - 35px);
    width: calc(45 - 35px);
    float: left;
}




.page-template-template-ogs .home-first{
	padding: 76px 0px 43px 0px;
}

.page-template-template-ogs .home-second{
	padding: 43px 0px 70px 0px;
}

.page-template-template-ogs .home-third{
	padding: 70px 0px 140px 0px;
}



.page-template-template-ogs .home-third .row .col-two:not(:nth-child(2n)) {
    margin-right: 40px;
}

.page-template-template-ogs .home-third .row .col-two {
    width: 100%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    float: left;
}

.page-template-template-ogs .home-third .row .col-two img{
	width: 100%;
	margin-bottom: 36px;
}

.page-template-template-ogs .home-third .row .col-two p{
		margin-bottom: 100px;
}



.infobox-new{
	width: 498px;
height: 353px;
background: #bae870;
display: flex;
  justify-content: center; /* horizontal center */
  align-items: center;     /* vertical center */
  margin-bottom: 25px;
}




.page-template-template-schulleben .site-content ul li {
    padding-left: 14px;
}


.page-template-template-schulleben .site-content .home-first h2, 
.page-template-template-schulleben .site-content .home-third h2, 
.page-template-template-schulleben .site-content .home-fifth h2, 
.page-template-template-schulleben .site-content .home-sixth h2{
	position: relative;
	width: auto;
	display: table;
}




.page-template-template-schulleben .site-content .home-first h2:before{
	background-image: url(img/bg-schoollive-01.png);
	
	 content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-template-template-schulleben .site-content .home-third h2:before{
		background-image: url(img/bg-schoollive-02.png);
		
			 content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} 

.page-template-template-schulleben .site-content .home-fifth h2:before{
	background-image: url(img/bg-schoollive-03.png);
	
		 content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} 

.page-template-template-schulleben .site-content .home-sixth h2:before{
		background-image: url(img/bg-schoollive-04.png);
		
			 content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}




.page-template-template-unsere-grundschule .site-content .home-first h2, 
.page-template-template-unsere-grundschule .site-content .team-third h2, 
.page-template-template-unsere-grundschule .site-content .home-fifth h2, 
.page-template-template-unsere-grundschule .site-content .home-sixth h2, 
.page-template-template-unsere-grundschule .site-content .home-seventh h2{
	position: relative;
	display: table;
	width: auto;
}




.page-template-template-unsere-grundschule .site-content .home-first h2:after, 
.page-template-template-unsere-grundschule .site-content .team-third h2:after, 
.page-template-template-unsere-grundschule .site-content .home-fifth h2:after, 
.page-template-template-unsere-grundschule .site-content .home-sixth h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/big-bg-09.png);
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-template-template-unsere-grundschule .site-content .home-first h2:after{
	background-image: url(img/bg-primary-01.png);
}


.page-template-template-unsere-grundschule .site-content .team-third h2:after{
	background-image: url(img/bg-primary-02.png);
}



.page-template-template-unsere-grundschule .site-content .home-fifth h2:after{
	background-image: url(img/bg-primary-03.png);
}

.page-template-template-unsere-grundschule .site-content .home-sixth h2:after{
	background-image: url(img/bg-primary-04.png);
} 

.times .row{
    padding: 9px 0px;
}

.times{
font-family: "Nunito";
font-size: 23px;
font-weight: normal;
line-height: 33px;
font-style: normal;
text-align: left;
color: #000000;
}

.times .number{
	float: left;
	width: 42px;
	min-height: 1px;
	text-align: center;
}

.times .unit{
	float: left;
	width: calc(45% - 21px);
}

.times .value{
	float: left;
	width: calc(55% - 21px);
}

.times .row:nth-child(odd) {
    background: rgb(186 232 112 / 30%);
}


.page-template-template-schulleben .site-content .home-first{
	background: url(img/bg-clock.png) no-repeat;
	background-position: right -134px top -56px;
	padding: 54px 0px 64px 0px;
}

.page-template-template-schulleben .site-content .home-third{
		padding: 113px 0px 172px 0px;
}

.page-template-template-schulleben .site-content .home-fifth {
    padding: 138px 0px 70px 0px;
}

.page-template-template-schulleben .site-content .home-sixth{
	padding: 70px 0px 170px 0px;
}






  .card-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;

      margin: 0 auto;
    }

    .card {
      border-radius: 0px;
      overflow: hidden;
    
      transition: transform 0.2s ease;
      cursor: pointer;
      background-color: white;
      position: relative;
	  
	  
	  
	      background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    overflow: hidden;
    cursor: pointer;
   display: flex;
    flex-direction: column;
    transition: transform 0.2s ease;
    }
	
	

.card-container .card:nth-child(1){
/*  filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.29 )); */
    background: linear-gradient(0deg, rgb(227 44 25 / 30%) 0.00%, rgb(227 44 25 / 30%) 100.00%);

}

.card-container .card:nth-child(1):before{
	top: 7px;
	left: 7px;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
border-color: #e32c19;
border-width: 3px;
border-style: solid;
content: "";
position: absolute;
}











.card-container .card:nth-child(2){
/* filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.29 )); */

    background: linear-gradient(0deg, rgb(162 221 241 / 30%) 0.00%, rgb(162 221 241 / 30%) 100.00%);

}

.card-container .card:nth-child(2):before{
	top: 7px;
	left: 7px;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
border-color: #a2ddf1;
border-width: 3px;
border-style: solid;
content: "";
position: absolute;
}





.card-container .card:nth-child(3){
/* filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.29 )); */

    background: linear-gradient(0deg, rgb(186 232 112 / 30%) 0.00%, rgb(186 232 112 / 30%) 100.00%);

}

.card-container .card:nth-child(3):before{
	top: 7px;
	left: 7px;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
border-color: #bae870;
border-width: 3px;
border-style: solid;
content: "";
position: absolute;
}





.card-container .card:nth-child(4){
/* filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.29 )); */
    background: linear-gradient(0deg, rgb(254 128 35 / 30%) 0.00%, rgb(254 128 35 / 30%) 100.00%);

}

.card-container .card:nth-child(4):before{
	top: 7px;
	left: 7px;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
border-color: #fe8023;
border-width: 3px;
border-style: solid;
content: "";
position: absolute;
}




.card-container .card:nth-child(5){
/* filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.29 )); */

background: linear-gradient(1deg, rgb(250 175 236 / 30%) 0.00%, rgb(181 79 130 / 30%) 100.00%);

}

.card-container .card:nth-child(5):before{
	top: 7px;
	left: 7px;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
border-color: #b54f82;
border-width: 3px;
border-style: solid;
content: "";
position: absolute;
}



.card-container .card:nth-child(6){
/* filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.29 )); */

    background: linear-gradient(0deg, rgb(255 211 55 / 30%) 0.00%, rgb(255 211 55 / 30%) 100.00%);

}

.card-container .card:nth-child(6):before{
	top: 7px;
	left: 7px;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
border-color: #ffd337;
border-width: 3px;
border-style: solid;
content: "";
position: absolute;
}



.card-container .card:nth-child(7){
/* filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.29 )); */

    background: linear-gradient(0deg, rgb(175 195 250 / 30%) 0.00%, rgb(41 98 255 / 30%) 100.00%);

}

.card-container .card:nth-child(7):before{
	top: 7px;
	left: 7px;
	width: calc(100% - 14px);
	height: calc(100% - 14px);


border-color: #7699fc;
border-width: 3px;
border-style: solid;
content: "";
position: absolute;
}



.card-container .card:nth-child(8){
/* filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.29 )); */

    background: linear-gradient(0deg, rgb(221 221 221 / 30%) 0.00%, rgb(167 167 167 / 30%) 100.00%);

}

.card-container .card:nth-child(8):before{
	top: 7px;
	left: 7px;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
border-color: #ffffff;
border-width: 3px;
border-style: solid;
content: "";
position: absolute;
}




.card-container .card:nth-child(9){
/* filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.29 )); */

    background: linear-gradient(0deg, rgb(177 205 231 / 30%) 0.00%, rgb(177 205 231 / 91%) 100.00%);

}

.card-container .card:nth-child(9):before{
	top: 7px;
	left: 7px;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
border-color: #015BB1;
border-width: 3px;
border-style: solid;
content: "";
position: absolute;
}




    .card-header {
      padding: 33px 10px 0px;
      text-align: center;

      color: white;
      position: relative;
	      float: left;
    width: 100%;
    }

.card-cover{
	height: 145px;
	 display: flex;
  justify-content: center;
  align-items: center;    
}


    .card-header img {
      margin-bottom: 8px;
    }

    .card-title {
 font-family: "Nunito";
font-size: 23px;
font-weight: bold;
line-height: 33px;
font-style: normal;
text-align: center;
color: #000000;
margin: 2px 0px 10px;
    }

    .card-content {
    overflow: hidden;
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: all 0.3s ease;
	padding-left: 27px;
	padding-right: 27px;
	margin-top: 30px;
    }

    .card.open .card-content {
  visibility: visible;
    height: auto;
    opacity: 1;
    }

    .arrow {
      position: absolute;
	  bottom: -14px;
	  width: 20px;
	  height: 20px;
	  background-image: url(img/arr-box.png);
	  background-repeat: no-repeat;
	  background-position: 50% 50%;
    
    }

    .card.open .arrow {
      transform: rotate(90deg);
	 
    }


.card{
	min-height: 250px;
}

.card.inactive{
	height: 250px;
	overflow: hidden;
}


.card .arrow{
	width: 100%;
}

a.free-butt {
  display: inline-block;     
  max-width: 100%;           
  word-wrap: break-word;     
  overflow-wrap: anywhere;   
  hyphens: auto;             
}

.page-template-template-schulleben .site-content .home-sixth .container{
     background-image: url(img/faq.png);
	  background-repeat: no-repeat;
	      background-position: 65% 0%;
}



.site-content .team-third h3{
	font-family: "Nunito";
font-size: 38px;
font-weight: 600;
line-height: 64px;
font-style: normal;
text-align: left;
color: #000000;
}

.site-content .team-third h4{
	font-family: "Rubik";
font-size: 30px;
font-weight: normal;
line-height: 35px;
font-style: normal;
text-align: left;
color: #000000;
margin: 15px 0px 10px;
}

.colltwo{
	width: calc(50% - 20px);
	float: left;
	margin-right: 40px;
}

.collone{
	width: calc(25% - 30px);
	float: left;
}

.row .collmarg{
	margin-right: 40px;
}


.all-people.row .col-two:not(:nth-child(2n)) {
    margin-right: 40px;
}

.all-people.row .col-two {
    width: 100%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    float: left;
}


.all-people.row .col-fourth:not(:nth-child(4n)) {
    margin-right: 40px;
}

.all-people.row .col-fourth {
    width: 100%;
    width: -webkit-calc(25% - 30px);
    width: -moz-calc(25% - 30px);
    width: calc(25% - 30px);
    float: left;
}





.page-template-template-unsere-grundschule .home-first {
    padding: 77px 0px 149px;
}

.page-template-template-unsere-grundschule .team-third {
    padding: 101px 0px 111px;
}

.page-template-template-unsere-grundschule .home-fifth{
  padding: 141px 0px 68px;
}

.page-template-template-unsere-grundschule .home-sixth{
  padding: 68px 0px 68px;
}

.page-template-template-unsere-grundschule .home-seventh{
  padding: 56px 0px 112px;
background: linear-gradient(89deg, 
#a2ddf1 0.00%, 
rgba(162,221,241,0.58 ) 100.00%);
}


#counter-section {

  
}

.counter-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  text-align: center;
  border-radius: 20px;
  background: #fa9d33;
background: linear-gradient(90deg, 
#fa9d33 0.00%, 
#fad7af 100.00%);
    padding-top: 6px;
    margin-left: auto;
    margin-right: auto;
max-width: 674px;
margin-top: 30px;
}

.counter-text{
	font-family: "Nunito";
font-size: 20px;
font-weight: normal;
line-height: 35px;
font-style: normal;
text-align: center;
color: #ffffff;
}

.counter-item {
  padding: 20px 0;
}

.counter-number {
  display: block;
font-family: 'Fuzzy Bubbles';
font-size: 80px;
font-weight: normal;
line-height: 57px;
font-style: normal;
text-align: center;
color: #ffffff;
}

.counter-text {
  display: block;
  font-size: 1rem;
  margin-top: 5px;
}

.left-image img{
	width: 100%;
}	

.left-image{
	float: left;
	width: 42.3%;
}	

.right-text{
		float: left;
		width: 57.7%;
}

.right-text-in{
		padding: 44px 0px 36px 52px;
		    float: left;
}


.page-template-template-unsere-grundschule .home-second{
	background: #fad7af;
background: linear-gradient(-90deg, 
#fad7af 0.00%, 
#fa9d33 100.00%);
}

.row.cvr .row.line:nth-child(1){
	filter: drop-shadow(0px 6px 4.5px rgba(0,0,0,0.16 ));
padding-left: 36px;
	font-family: "Nunito";
font-size: 40px;
font-weight: normal;
line-height: 78px;
font-style: normal;
text-align: left;
color: #ffffff;
}


.row.cvr .row.line:nth-child(2){
	filter: drop-shadow(0px 6px 4.5px rgba(0,0,0,0.16 ));
padding-left: 123px;
font-family: "Fuzzy Bubbles";
font-size: 78px;
font-weight: bold;
line-height: 78px;
font-style: normal;
text-align: left;
color: #ffffff;
}

.row.cvr .row.line:nth-child(3){
	filter: drop-shadow(0px 6px 4.5px rgba(0,0,0,0.16 ));
padding-left: 181px;
font-family: "Nunito";
font-size: 58px;
font-weight: normal;
line-height: 78px;
font-style: normal;
text-align: left;
color: #ffffff;
}



.row.cvr .row.line:nth-child(4){
	filter: drop-shadow(0px 6px 4.5px rgba(0,0,0,0.16 ));
padding-left: 253px;
font-family: "Fuzzy Bubbles";
font-size: 90px;
font-weight: bold;
line-height: 78px;
font-style: normal;
text-align: left;
color: #ffffff;
}



.row.cvr .row.line:nth-child(5){
	filter: drop-shadow(0px 6px 4.5px rgba(0,0,0,0.16 ));
padding-left: 570px;
font-family: "Fuzzy Bubbles";
font-size: 30px;
font-weight: normal;
line-height: 49px;
font-style: normal;
text-align: left;
color: #ffffff;
}

.slogan{
	padding: 65px 0px 103px 0px;
	background-image: url(img/bg-transition.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.slogan:after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
		background-image: url(img/overlay.png);
	background-repeat: no-repeat;
	background-size: cover;
	left: 0px;
	top: 0px;
	opacity: 0.24;
}

.slogan:before{
	width: 786px;
	height: 401px;
		background-image: url(img/pippi.png);
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	right: -79px;
	bottom: 0px;
	position: absolute;
	    z-index: 9;
}

.slogan .container{
	position: relative;
	z-index: 2;
}



		body .em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring.one, 
		body .em.em-calendar.size-small .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring.one {
    border-color: #e6017e!important;
    background: #e6017e!important;
	color: #faafec!important;
}

 body .em.em-calendar.size-small .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored {

    --date-border: 1px solid #e6017e!important;
}	

body .em.em-calendar .em-cal-body .em-cal-day .em-cal-day-date.em-cal-day-date a{
	color: #fff!important;
}

body .em.pixelbones a {
    color: #e6017e !important;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

body .eem-item.em-event{
    --default-border: #e6017e!important;
	border-color: #e6017e!important;
}
.em.em-list-widget .em-item .em-item-info {
    border-left: 2px solid #e6017e!important;
    padding-left: 15px;
}






  .lg-container {
      display: grid;
      grid-template-columns: 220px 1fr;
      gap: 20px;
      align-items: start;
    }

    /* Thumbnails */
    .lg-thumbnails {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
    }

    .lg-thumbnails img {
      width: 100%;
      height: auto;
      border-radius: 6px;
      cursor: pointer;
      transition: transform 0.2s, box-shadow 0.2s;
    }

    .lg-thumbnails img:hover {
      transform: scale(1.05);
      box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    }

    /* Active thumbnail */
    .lg-thumbnails img.active {
      outline: 3px solid #007bff;
    }

    /* Preview */
    .lg-preview img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      display: block;
    }

    .caption {
      margin-top: 8px;
      font-size: 14px;
	  	margin-right: 10px;
    }
	
	
	
	
.post-password-form input[type="submit"] {
    display: table;
    height: 49px;
    line-height: 49px;
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    color: #000000;
    padding-left: 23px;
    padding-right: 23px;
    margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
    background: #f1faaf;
    border: 0px solid transparent;
	    border-radius: 10rem;
		float: left;
		
}

.post-password-form input[type="submit"]:hover{
	 color: #f1faaf;
	 background: #000000;
}

label[for="pwbox-883"]{
 float: left;
 margin-right: 10px;
}

label[for="pwbox-883"] input{
	height: 49px;
	line-height: 49px;
	border: 1px solid #000;
	border-radius: 0px;
}

.site-content .inter h2{
    position: relative;
	width: auto;
	display: table;
}
.site-content .inter h2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 96px;
    z-index: -1;
    opacity: 0.68;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(img/big-bg-09.png);
    background-size: 100% auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


	
	
/*	.site-content .mood h2:after, */
.page-template-template-ogs .home-first .row .col-two:first-child h2:after,
.page-template-template-ogs .home-second .row .col-two h2:after,
.page-template-template-ogs .home-third .row h2:after,
.home .home-first h2:after,
.home .home-third h2:after,
.news-first h2:after,
.news-second h2:after,
.news-third h2:after,
.contact-first h1:after,
.page-template-template-projekte .home-first h2:after,
.page-template-template-projekte .home-third h2:after,
.page-template-template-projekte .home-fifth h2:after, 
.page-template-template-unsere-grundschule .site-content .home-first h2:after, 
.page-template-template-unsere-grundschule .site-content .team-third h2:after, 
.page-template-template-unsere-grundschule .site-content .home-fifth h2:after, 
.page-template-template-unsere-grundschule .site-content .home-sixth h2:after{
	  width: 150%;   
  height: 150%; 
}



.preview-in img{
	max-height: 625px;
	overflow: hidden;
	
	
}


.preview .preview-caption{
	    position: absolute;
    bottom: 0px;
    margin-bottom: 0px;

}

.preview p {
    margin-bottom: -4px !important;
    margin-left: 13px;
}
	
@media (min-width: 1920px) {	
	.mood-left {
    width: 25%;
    float: left;
}

.mood-right {
    width: 75%;
    float: left;
}
}
	
	
	

    /* Responsive */
    @media (max-width: 800px) {
      .lg-container {
        grid-template-columns: 1fr;
      }
      .lg-thumbnails {
        grid-template-columns: repeat(4, 1fr);
      }
    }

    @media (max-width: 500px) {
      .lg-thumbnails {
        grid-template-columns: repeat(2, 1fr);
      }
    }







@media (min-width: 1800px){
.site-content .infobox-new h2{
	font-size: 61px;
}
}

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


@media (max-width: 1920px){
.bottom-right {
    float: right;
    width: calc(50% + 100px);
    margin-top: -250px;
    margin-left: -150px;
}
}

@media (max-width: 1860px){
	
	
	.slogan:before{
	width: 600px;
	height: 306px;
		background-image: url(img/pippi.png);
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	right: -79px;
	bottom: 0px;
	position: absolute;
}
	

#site-navigation li:not(:first-child):before {
    content: "|";
    text-decoration: none;
    margin-right: 10px;
    margin-left: 10px;
}

.main-navigation ul ul.sub-menu {
    margin-left: 10px;
}

.product-pseudo-section{
		background-position: 110% 100%;
	background-repeat: no-repeat;
}

body .career-second{
	background-position: 110% 100%;
	background-repeat: no-repeat;
	padding-bottom: 260px;
}

body .career-fourth{
	background-position: 110% 0;
	background-repeat: no-repeat;
	padding-top: 50px;
}


}



@media (max-width: 1830px){
.top-slider .slick-dots li {
    width: 150px !important;
}

.slick-dots li button {
    width: 150px !important;
}

.solution-in {
    padding-top: 30px;
}

img.footer-logo {
    left: -136px;
}
}


@media (max-width: 1799px){
	
	.carousel-new {
    height: 550px;
}
	
	
	
	.main-row .foot:nth-child(2){
    min-width: 170px;
}
	
	
	.career-fourth h2 {
     white-space: wrap; 
}
	
	.benefit-note {
    color: #fff;
    float: right;
    margin-top: 20px;
    margin-right: 0;
}
	
	.site-content ul.company-list li {
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    color: #b54f82;
    padding-left: 40px;
    margin-bottom: 10px;
    line-height: 40px;
}
	
.home-bottom-row {
    width: 1220px;
    margin-left: 0px;
}

.home-bottom-column img.skew-image {
    max-width: none;
    max-width: 600px;
    /* max-height: 400px; */
}

img.under-bg{
            max-width: 432px;
}

.under-cover h4 {
    font-size: 30px;
    line-height: 25px;
    top: 6px;
}
	
	.solution-in h2{
	min-width: 0px;
}
	

}

@media (max-width: 1720px){
	.foot1 {
    width: 297px;
    padding-left: 60px;
}

    img.footer-logo {
        left: -80px;
    }
}

@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: 1600px) and (min-width: 992px) {
  #nav_menu-2 li:last-child:before {
    content: none !important;
  }
}

@media (max-width: 1600px){
	
	
	.thumbnails {
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, minmax(0, 1fr));
    gap: 10px;
    align-items: start;
    width: 420px;
    box-sizing: border-box;
}
	
	.preview {
    width: 1050px;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.cuontainer {
    display: flex
;
    gap: 20px;
    padding: 20px;
    height: 640px;
}
	
	    .slogan:before {
        width: 600px;
        height: 306px;
        background-image: url(img/pippi.png);
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        right: -79px;
        bottom: 0px;
        position: absolute;
    }
	

	
	
	
	
	.row.cvr .row.line:nth-child(1){
padding-left: 10px;
	font-family: "Nunito";
font-size: 30px;
line-height: 40px;
}


.row.cvr .row.line:nth-child(2){
padding-left: 100px;
font-size: 60px;
line-height: 60px;
}

.row.cvr .row.line:nth-child(3){

padding-left: 150px;
font-size: 48px;
line-height: 68px;
}



.row.cvr .row.line:nth-child(4){
padding-left: 200px;
font-size: 60px;
line-height: 68px;

}



.row.cvr .row.line:nth-child(5){
padding-left: 250px;
font-size: 25px;
line-height: 40px;
}
	
	
	
	.page-template-template-schulleben .site-content .home-sixth .container{
	      background-position: 80% -10%;
}
	
.page-template-template-projekte .home-third h2 {
    white-space: wrap;
}	
	
.carousel-new .slick-center {
    transform: scale(1.1);
}	
	
.carousel-new {
    height: 620px;
}
	
.contact-1:before {
    right: 40px;
}


.home-right:before {
    left: -20px;
}

.row .home-left {
    width: 300px;
    margin-right: 40px;
    float: left;
}

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


.news-news .overlay-in h3 {
    font-size: 25px;
    line-height: 30px;
}

.main-navigation ul ul.sub-menu {
    margin-left: 8px;
}
	
	#site-navigation li:not(:first-child):before {
    content: "|";
    text-decoration: none;
    margin-right: 8px;
    margin-left: 8px;
}
	
	.main-navigation ul {
    margin-right: 0px;
}
	
	    .bottom-career-img {
        float: right;
        max-width: 500px;
		margin-top: -340px;
    }

	
	.smaller-width {
    max-width: 100%;
}
	
	.col-two.career-text{
		width: calc(100% - 500px);
		float: left;
	}
	
	.col-two.career-text p br{
		display: none;
	}
	
	.career-first{
		background-color: #fff;
		background-image: none!important;
		float: left;
		width: 100%;
	}
	
		.bottom-career-img{
			float: right;
			
		}
	
	.grid-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
}
	
	
	h2.product-title span:nth-of-type(1), 
	h2.product-title span:nth-of-type(2) {
    font-size: 86px;
 
}

.product-slogan {
    font-size: 30px;
}
	
	.product-pseudo-section{
		background-position: 135% 100%;
	background-repeat: no-repeat;
}

body .career-second{
	background-position: 135% 100%;
	background-repeat: no-repeat;
	padding-bottom: 260px;
	float: left;
	width: 100%;
}

  

body .career-fourth{
	background-position: 135% 0;
	background-repeat: no-repeat;
	padding-top: 50px;
	    float: left;
        width: 100%;
}
	
	    .career-third .bigger {
        margin-top: 30px !important;
        float: left;
        width: 100%;
    }
	

    .home-bottom-row {
        margin-left: -30px;
    }

.main-navigation li.menu-item-has-children:after {
    right: -14px;
}


	
	.main-navigation a, .main-navigation a:focus, .main-navigation a:active, .main-navigation a:visited {
    font-size: 18px;
}
	
	.postid-2937 .top-service .bottom-image {
        right: 200px;
    bottom: 500px;
    position: absolute;
  
}
	
	
    .postid-2953 .bottom-image {
        right: -120px;
        bottom: 0px;
        position: absolute;
        max-width: 800px;
    }	
	
	.overlay {
  background-size: 400px auto;
}
	
	.home-third {
    background-size: 400px auto;
}

.home 	.home-third {
    background-size: cover;
}


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

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



#menu-soziales-menu {
    margin-bottom: 20px;
}

.site-footer .logos {
    flex-wrap: nowrap;
}
}


@media (max-width: 1500px){
	
	.top-slider .slick-dots li {
    width: 120px !important;
}

.slick-dots li button {
    width: 120px !important;
}

	
	
	.home .mood img {
    height: 657px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
	
	
	.mood-left, .mood-right{
		    height: 657px;
	}
	
	.home .mood{
		overflow: hidden;
	}
	
	
	
	.foot1 {
    padding-left: 75px;
}

    
	
	    img.footer-logo {
        left: -35px;
        max-width: 100px;
    }
}


@media (max-width: 1480px){

	
	    .home-bottom-row {
       
        margin-left: 0px;
    }
	
	    .home-bottom-row {
        margin-left: 0px;
    }
	
	   .under-cover h4 {
       
       font-size: 20px;
	   line-height: 25px;
    }
	
	.home-bottom-row .home-bottom-column:last-child .under-cover h4{
		margin-left: 20px;
	}
	
}

@media (max-width: 1400px){
	
			.slogan:before{
	width: 500px;
	height: 255px;
		background-image: url(img/pippi.png);
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	right: -79px;
	bottom: 0px;
	position: absolute;
}
	
	.infobox-new {
    width: 100%;
    height: 253px;
}
	
	.page-template-template-schulleben .site-content .home-first {
    background-position: right -24px top -24px;
    background-size: 400px auto;
}
	
	.card {
    min-height: 286px;
}
	
	.card.inactive {
    height: 286px;
    overflow: hidden;
}
	
	
	.card-title {
    min-height: 66px;
}
	
	
	.page-template-template-ogs .site-content .home-first ul.pdf-list {
    margin-left: 0px;
}
	
	
	.in-logo {
    position: absolute;
    bottom: -40px;
    left: -50px;
    max-width: 100px;
}
	
	.projects .row:nth-child(odd) .col-text-in {
    padding: 20px 20px 0px 0px;
}

	.projects .row:nth-child(even) .col-text-in {
    padding: 20px 0px 0px 20px;
}
	
	.carousel-new {
    margin-top: 70px;
}
	

    .carousel-new {
        height: 480px;
    }
	


.contact-1:before {
    content: "";
    width: 200px;
    height: 200px;
    background-image: url(img/bg-papierflieger.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 50px;
    top: -34px;
}
	
	
	.site-content h1 {
    font-size: 45px;

}
	
	
	.site-content .mood h2 {
    font-size: 32px;
	padding-right: 30px;

}
	
	
	
	.site-footer .row.main-row {
    display: flex
;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 auto;
    gap: 10px;
    flex-wrap: nowrap;
}
	
		.product-pseudo-section{
		background-position: 180% 100%;
	background-repeat: no-repeat;
}

body .career-second{
	background-position: 180% 100%;
	background-repeat: no-repeat;
	padding-bottom: 260px;
}

body .career-fourth{
	background-position: 180% 0;
	background-repeat: no-repeat;
	padding-top: 50px;
}
	
	
	.logos img{
    max-width: 110px;
}


	
		.site-content ul.company-list li {
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    color: #b54f82;
    padding-left: 40px;
    margin-bottom: 10px;
    line-height: 30px;
}
	
	.site-content .contact-first h3 {
    font-size: 30px;
    line-height: 40px;
}
	
	.in-person {
    padding-left: 25px;
}
	
	
	.person-left {
    width: 200px;
    /* float: left; */
    position: relative;
}

a.vcard, a.vcard:focus, a.vcard:active, a.vcard:visited {
font-size: 20px;
    line-height: 35px;
	    background-position: 3px 11px;
}
	
	.site-content .in-person p {
    font-size: 20px;
    line-height: 35px;
}

    .site-content ul li {
          font-size: 20px;
    line-height: 35px;
    }

.site-content p {
   font-size: 20px;
    line-height: 35px;
}
	
	.times {
    font-size: 20px;
	 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: 20px;
    line-height: 35px;
}
	
.site-content .titles h2 {
    font-size: 50px;
    line-height: 55px;
    margin: 60px 0px 70px 0px;
}




.site-content h2.bigger{
 font-size: 50px;
    line-height: 55px;
}

body .site-content .career-second h2, body .site-content .career-fourth h2 {
    font-size: 50px;
	text-align: left;
}

.site-content h2 {
    font-size: 45px;
    line-height: 1.18em;
}

	
	
	    .home-bottom-row {
        width: 860px;
        margin-left: 36px;
    }
	
    .home-bottom-column img.skew-image {
        max-width: none;
        max-width: 500px;
    }
	
	    img.under-bg {
        max-width: 355px;
        margin-left: 10px;
    }
	
    .under-cover h4 {
       
        top: 0px;
        max-width: 255px;
        margin-left: 34px;
    }
	
			.home-bottom-row .home-bottom-column:last-child .under-cover h4{
		margin-left: 64px;
	}
	
	
	.solution-in {
    max-width: 660px;
}
	
	
	    .main-navigation a, .main-navigation a:focus, .main-navigation a:active, .main-navigation a:visited {
        font-size: 15px;
    }
	
	
	
	.foot2-in {
  display: flex;
    flex-direction: column;
  gap: 40px;
  align-items: flex-start;
}



	.col:nth-child(2) {
    border-right: 0px solid transparent;
}
	
		.new-mood .image-cover img {
    margin: 0px auto;
    display: block;
	object-fit: cover;
	height: 940px;
}
	

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

}


	
	.overlay .sub-menu a:hover {
    padding-left: 22px;


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

	span.main-title {

    font-size: 30px;
line-height: 35px;
}



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


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


.page-template-template-ogs .home-third .row .col-two img {
    width: 100%;
    margin-bottom: 16px;
}

.page-template-template-ogs .home-third .row .col-two p {
    margin-bottom: 40px;
}

.page-template-template-ogs .home-third .row .col-two {
    width: 100%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    float: left;
}

.page-template-template-ogs .home-third .row .col-two{
    margin-right: 0px;
}

.page-template-template-ogs .home-third .row .col-two:not(:nth-child(2n)) {
    margin-right: 40px;
}

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



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





.home .mood img {
    height: 557px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
	
	
	.mood-left, .mood-right{
		    height: 557px;
	}
	
	.home .mood{
		overflow: hidden;
	}



}


@media screen and (max-width: 1200px) {
    #rmp-menu-wrap-703 .rmp-submenu .rmp-menu-item-link {
        height: auto!important;
        line-height: 25px!important;
        font-size: 15px!important;
        margin-bottom: 8px!important;
    }
}


@media (max-width: 1200px){

			.slogan:before{
	width: 300px;
	height: 153px;
		background-image: url(img/pippi.png);
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	right: auto;
	bottom: 0px;
	left: -20px;
	position: absolute;
}

	
	.counter-number {
    font-size: 60px;
    line-height: 60px;
}
	
	
	.all-people.row .col-fourth:not(:nth-child(4n)) {
    margin-right: 0px;
}

	.all-people.row .col-fourth:not(:nth-child(2n)) {
    margin-right: 40px;
}

.all-people.row .col-fourth {
    width: 100%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    float: left;
}

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

.row .collmarg {
    margin-right: 40px;
}

.collone {
    width: calc(50% - 20px);
    float: left;
}

.site-content .team-third h3 {
        font-size: 25px;
        line-height: normal;
}

.site-content .team-third h4 {
    font-size: 23px;
    line-height: 27px;
}
	
	.person img{
		width: 100%;
	}
	
	
	
		.page-template-template-schulleben .site-content .home-sixth .container{
	      background-position: 100% -10%;
}
	
	
	.carousel-new .slick-dots li{
	width: 24px!important;
	height: 24px!important;
}

.site-content .carousel-new ul.slick-dots {
    height: 24px;
    line-height: 24px;
}


.carousel-new .slick-dots li button{
	width: 24px!important;
	height: 24px!important;
}

.carousel-new .slick-dots li button:hover, 
.carousel-new .slick-dots li.slick-active button{
width: 24px!important;
height: 24px!important;
}
	
	

	



	
	    .carousel-new {
        height: 340px;
    }
	
	.contact-1:before {
    content: "";
    width: 200px;
    height: 200px;
    background-image: url(img/bg-papierflieger.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 40px;
    top: -34px;
}
	
	
	html body .gt_switcher {
    position: fixed!important;
    right: 30px!important;
}

	
	.home .mood img {
    height: 457px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
	
	
	.mood-left, .mood-right{
		    height: 457px;
	}
	
	.home .mood{
		overflow: hidden;
	}
	
	
	
	
		.top-slider .slick-dots li {
    width: 80px !important;
}

.slick-dots li button {
    width: 80px !important;
}
	
	
		.main-row .foot:first-child{
    min-width: 160px;
}
	
	
		nav#site-navigation{
		display: none;
	}
	
.gt_switcher {
    margin-top: 20px!important;
}
	
body #rmp_menu_trigger-703 {
    top: 50px!important;
    right: 30px!important;
}
	
		.grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.grid-item {
    max-width: 240px;
}
	
		h2.product-title span:nth-of-type(1), 
	h2.product-title span:nth-of-type(2) {
    font-size: 60px;
	padding: 10px 30px 
 
}

.product-slogan {
    font-size: 26px;
}
	
	.product-cover img{
		height: 540px;
        width: 100%;
        object-fit: cover;
        object-position: center;
	}
	
		
	
	
	    .logos img {
        max-width: 70px;
    }
	
	.logos {
    gap: 10px;
}
	
	.eco-left {
    width: 90px;
    float: left;
}

	.eco-left img{
    width: calc(100% - 20px);

}

.eco-right {
    width: calc(100% - 90px);
    float: left;
}
	
	.product-right {
    width: 200px;
    float: left;
}

.product-left {
    width: calc(100% - 200px);
    float: left;
}

.product-right img {
    float: right;
    margin-right: 0px;
    max-width: 150px;
}


.person-left, .person-right {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

	
	
	.site-content .titles h2 {
    margin: 30px 0px 30px 0px;
}
	
	
	    .home-bottom-column img.skew-image {
        max-width: none;
        max-width: 405px;
    }
	
	    .home-bottom-row {
        width: 800px;
        margin-left: 14px;
    }
	
	    img.under-bg {
        max-width: 288px;
        margin-left: 10px;
    }
	
	    .under-cover h4 {
        top: 0px;
        max-width: 255px;
        margin-left: 0px;
        text-indent: 45px;
    }
	
	    .home-bottom-row .home-bottom-column:last-child .under-cover h4 {
        margin-left: 6px;
    }
	
		.solution-in {
    max-width: 473px;
}

	
	
	.change .site-header {
    height: 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;
}

.site-header {
    height: 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 .site-content{
	margin-top: 110px;
}

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

.change .site-branding img{
	  width: auto;
    margin-top: 0px;
    max-width: 195px;
    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: 195px;
    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: 7px;
	    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: 7px;
	    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;
}

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

.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;
}
	 
	    #rmp-menu-wrap-748 .rmp-menu{
        margin-top: 30px;
    }

	#rmp-menu-wrap-748 .rmp-submenu{
        margin-bottom: 15px;
    }
	
	
	
	  #rmp-container-748 {
        position: fixed;
        top: 110px!important;
        width: 100%!important;
        max-width: 100%!important;
        min-width: 250px!important;
		background: linear-gradient(144deg, #e10220 0.00%, #be041d 100.00%)!important;
 
    }
	
	    #rmp-menu-wrap-748 .rmp-menu-item-link {
        font-size: 19px!important;
		font-family: 'Rubik'!important;

    }

    #rmp-menu-wrap-748 .rmp-menu-current-item .rmp-menu-item-link {
        color: #fff!important;
        border-color: transparent!important;
		font-weight: bold!important;
        background-color: transparent!important;
    }
	
	.menu-part{
		display: none;
	}
	

.site-footer .row.main-row {
    gap: 10px;
}






.new-jobs {
    padding-top: 0px;
    margin-top: -57px;
    z-index: 9;
    position: relative;
}
	
	.overtitle {
    display: block;
}


	.home-third {
    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);
}
	
	
	.branche-tit {
    background: #b54f82;
    padding: 8px 20px 8px 40px;
}
	
	.site-content .branche-tit h3:before {
  
    left: -25px;
    top: 3.5px;
}
	
    /* .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: 28px;

}

	.times {
    font-size: 18px;
    line-height: 28px;
}

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

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



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

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

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

.note.jb{
    font-size: 18px;
    line-height: 28px;
}

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

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


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

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


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


.contact-right{
    margin-top: 15px;
}
	
.main-navigation li:nth-child(3) {
    float: left;
    width: 22.6666666667%;
}	

.main-navigation li:nth-child(5) {
    float: left;
    width: 8.6666666667%;
}
	
.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 (min-width: 768px) and (max-width: 991px){

  .site-footer .logos {
       flex-wrap: wrap;
    }

 }





 @media (max-width: 1110px){
.site-content ul.company-list {
    max-width: 400px;
}
}






 @media (min-width: 992px){
	.top-slider .is-full-image{
		/* display: none; */
	}


	
}





 @media (max-width: 991px){
	 
	 .counter-item {
    padding: 10px 0;
}
	 
	 	.counter-number {
    font-size: 40px;
    line-height: 40px;
}
	 
	 
	 .right-text-in{
		padding: 30px 20px 20px 30px;	
}
	 
    .page-template-template-schulleben .site-content .home-sixth .container {
        background-position: 100% -0%;
        background-size: 180px auto;
    }
	 
	 	.page-template-template-schulleben .site-content .home-first {
    background-position: right -24px top -24px;
    background-size: 300px auto;
}
	 
	 .card-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 0 auto;
}

	.card {
    min-height: 253px;
}
	
	.card.inactive {
    height: 253px;
    overflow: hidden;
}

    .card-title {
        min-height: 0px;
    }


	
.page-template-template-ogs .home-first .row .col-two:last-child h2 {
    text-indent: 0px;
}
	
	     .in-logo {
        position: absolute;
        bottom: -60px;
        left: -20px;
        max-width: 80px;
    }
	 
	 .all-logos {
    gap: 20px;
}
	 
	 	.contact-1:before {
    content: "";
    width: 100px;
    height: 100px;
    background-image: url(img/bg-papierflieger.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 20px;
    top: -20px;
}
	 
	 
	     .slick-dots li button {
        width: 30px !important;
    }
	 
	 .site-content ul.slick-dots li {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

    .top-slider .slick-dots li {
        width: 30px !important;
    }
	 
	 
	 
	    .row .home-right {
        width: 100%;
        float: none;
    }
	
	    .row .home-left {
        width: 100%;
        margin-right: 0px;
        float: none;
    }
	
	    .home-right:before {
        left: 0px;
		content: none;
    }
	
	
	.calendar-shortcode {
    width: 600px;
    max-width: 100%;
}
	
	.home .home-third .container .row.cvr-row {
    display: grid;

}

.home-left {
    order: 2; 
    flex: 1;
}

.home-right {
    order: 1; 
    flex: 1;
	margin-bottom: 40px;
}
	
	
	
	
		.home .mood img {
    height: 357px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
	
	
	.mood-left, .mood-right{
		    height: 357px;
	}
	
	.home .mood{
		overflow: hidden;
	}
	
	    .site-content h2 {
        font-size: 35px;
        line-height: 1.18em;
    }
	
		.site-content h1 {
    font-size: 35px;

}
	
	
	.site-content .mood h2 {
    font-size: 26px;
	padding-right: 10px;

}
	
.intern img {
    float: left;
}
	
	 .site-footer ul {
    list-style-type: none;
    margin-left: 0;
    margin-right: 0;
    display: table;
    text-align: left;
}

#media_image-2 img {
    float: left;
}
	 
	.footer-all-logos {
    margin-left: 0px;
}
	
	.site-footer .row.main-row {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    grid-auto-rows: auto;         
    gap: 30px;                    
    margin: 0 auto;
    align-items: start;
}
	

	
	
	 
	 .awmp_map_wrapper{
		 padding-left: 30px;
		 padding-right: 30px;
	 }
	 
	     .site-footer .logos {
        flex-wrap: wrap;
    }
	
	    .logos img {
        max-width: 60px;
    }
}


 

    

@media (min-width: 768px){
	




.mob-img{
	display: none;
}
}








 @media (max-width: 767px){
	 
	 	    .logos img {
        max-width: 40px;
    }
	 
	 .standard{
	padding: 60px 0px;
}
	 
	     .row.cvr .row.line:nth-child(1) {

		margin-bottom: 5px;
    }
	 
	     .row.cvr .row.line:nth-child(2) {
        padding-left: 70px!important;
        font-size: 30px;
        line-height: 30px;
		margin-bottom: 5px;
    }
	 
	     .row.cvr .row.line:nth-child(3) {
        padding-left: 100px;
        font-size: 25px;
        line-height: 25px;
			margin-bottom: 5px;
    }
	
	    .row.cvr .row.line:nth-child(4) {
        padding-left: 130px;
     font-size: 30px;
        line-height: 30px;
					margin-bottom: 5px;
					       font-size: 25px;
        line-height: 25px;
    }
	
		    .row.cvr .row.line:nth-child(5) {
        padding-left: 160px;
     font-size: 22px;
        line-height: 25px;
					margin-bottom: 5px;
    }
	
	.slogan:before {
   
        left: -50px;

    }
	 
	 	 .counter-container{
    margin-bottom: 20px;
}
	 
.left-image {
    float: left;
     width: 100%;
}
	 
	 .right-text {
    float: left;
    width: 100%;
	padding-left: 30px;
	padding-right: 30px;
}

    .right-text-in{
        padding: 30px 0px 30px 0px;
    }
	 
	     .item-title {
        font-size: 20px;
    }
	 
	 .item-content {
    padding: 20px;
}
	 
	   .page-template-template-schulleben .site-content .home-sixth .container {
        background-position: 100% 5px;
        background-size: 40px auto;
    }
	 
.page-template-template-schulleben .site-content .home-sixth h2 {
    margin-bottom: 40px;
    margin-top: 0px;
    padding-right: 60px;
}
	 
	 
	 	 	.page-template-template-schulleben .site-content .home-first {
    background-position: right -30px top -10px;
    background-size: 150px auto;
}
	 
	 .page-template-template-ogs .home-third .row .col-two {
    width: 100%;
    float: left;
}

.page-template-template-ogs .home-third .row .col-two{
    margin-right: 0px;
}

.page-template-template-ogs .home-third .row .col-two:not(:nth-child(2n)) {
    margin-right: 0px;
}

.page-template-template-unsere-grundschule .home-first {
    padding: 60px 0px 60px;
}
	 
	.page-template-template-schulleben .site-content .home-first{
	padding: 60px 0px 60px 0px;
}

.page-template-template-schulleben .site-content .home-third{
		padding: 60px 0px 60px 0px;
}

.page-template-template-schulleben .site-content .home-fifth {
    padding: 60px 0px 30px 0px;
}

.page-template-template-schulleben .site-content .home-sixth{
	padding: 30px 0px 60px 0px;
} 
	 
	 
	.page-template-template-ogs .home-first{
	padding: 60px 0px 30px 0px;
}

.page-template-template-ogs .home-second{
	padding: 30px 0px 30px 0px;
}

.page-template-template-ogs .home-third{
	padding: 30px 0px 60px 0px;
} 


	
	.page-template-template-projekte .home-fifth .all-logos{
		max-width: 336px;
		    margin: 0;
	}
	
	    .col-two.col-img {
        margin-bottom: 10px;
    }
	
	    .col-two.col-text {
        margin-bottom: 0px;
    }
	
	.projects .col-two {
    width: 100%;
    float: left;
}
	 
	 .col-two.col-bigger{
    width: 100%;
    float: left;
}

.col-two.col-smaller{
    width: 100%;
    float: left;
}
	 
	 
	 
	 .news-third .container {
padding-bottom: 80px;
}
	 
		.site-content .carousel-new ul.slick-dots {
    bottom: -38px !important;
} 
	 
	 	.carousel-new .slick-next {
  
    background: url(img/slider-right.png) no-repeat !important;
	background-position: 50% 50%!important;
border-radius: 50%;
	        background-size: auto 60% !important;
        right: 20px;
        background-color: #ffffff7d !important;
	margin-top: 0px;
}

 	.carousel-new .slick-next:hover{
		 background-color: #fff!important;
	}

.carousel-new .slick-prev {

    background: url(img/slider-left.png) no-repeat !important;
		background-position: 50% 50%!important;
border-radius: 50%;
	        background-size: auto 60% !important;
        left: 20px;
        background-color: #ffffff7d !important;
	margin-top: 0px;
}
	 
	 	.carousel-new .slick-prev:hover{
		 background-color: #fff!important;
	}
	 
	 .carousel-new:before {
    content: none;
}
	 
	 .carousel-new:after {
    content: none;
}
	 
	     .carousel-new .slick-center {
        transform: none;
    }
	 
	 	    .carousel-new {
        height: auto;
    }
	 
	 
	 .map-cover iframe, .awmp-map {
    width: 100% !important;
    height: 400px !important;
}
	 
	
.contact-1 {
    float: left;
    width: 100%;
    position: relative;
	margin-bottom: 30px;
}

    .contact-1:before {
        content: "";
        width: 200px;
        height: 200px;
        background-image: url(img/bg-papierflieger.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        right: 0px;
        top: -34px;
    }

.contact-2 {
    float: left;
    width: 100%;
    position: relative;
}
	
	
	
	
.page-template-template-projekte .home-first{
	padding: 60px 0px 60px 0px;
}

.page-template-template-projekte .home-second, 
.page-template-template-projekte .hom-fourth{
	padding: 0px;
}

.page-template-template-projekte .home-third{
		padding: 60px 0px 60px;
}

.page-template-template-projekte .home-fifth{
	padding: 60px 0px;
}
	
	
	
	
	.news-first{
	padding: 60px 0px 60px;
}

.news-second{
	padding: 60px 0px 30px;
}

.news-third{
	padding: 30px 0px 60px;
}

	
	
	 
	 .contact-first{
	padding: 60px 0px 60px 0px;
}
	 
	.home .home-first {
   padding: 60px 0px 60px 0px;
}

.site-content .home-third {
      padding: 60px 0px 60px 0px;
}

    .site-footer {
        position: relative;
        padding: 60px 0px 60px 0px;
    }


	
	 	    .home .mood img {
        height: auto;
        width: 100%;
        object-fit: fill;
        object-position: center;
    }
	
	.mood-left{
        padding: 40px 0px;
    }
	
	
	    .mood-left, .mood-right {
        height: auto;
    }
	
.home .mood {
    /* background: linear-gradient(-90deg, #f1faaf 0.00%, #fa9d33 100.00%); */
    background: linear-gradient(-90deg, #f1faaf 0%, #fa9d33 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left top;
}
	

	
	
	.mood-left .mood-left-in {
    margin-top: 30px;
    width: 100%;
    max-width: 100%;
}

	 
	 
	 
	 
	 .mood-left {
    width: 100%;
    float: left;
	        padding-left: 30px;
        padding-right: 30px;
}
	
	 .mood-right {
    width: 100%;
    float: left;
}	

.home .mood .container .row {
    display: flex;
    flex-wrap: wrap;
}

.mood-left {
    order: 2; /* dá se přehodit na 1 */
    flex: 1;
}

.mood-right {
    order: 1; /* dá se přehodit na 2 */
    flex: 1;
}


	 
	 .box-row {
    display: block;
    gap: 0px;
	margin-bottom: 40px;
}
	 
	 .box-two{
			margin-bottom: 40px; 
	 }
	 
	    .grid-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    } 
	 
	     .product-slogan {
        font-size: 20px;
        line-height: 25px;
    }
	 
	
 


 .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: 680px){
	 
	 .home-right .row .col-three {
    margin-bottom: 30px;
}
	 
	 .home-right .row .col-three {
    width: 100%;
    float: left;
}

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

    .calendar-shortcode {
        width: 100%;
        max-width: 100%;
    }
	 
	 }
   
    @media (max-width: 667px){
   	 .card-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 0 auto;
}

	.card {
    min-height: 286px;
}
	
	.card.inactive {
    height: 286px;
    overflow: hidden;
}

    .card-title {
        min-height: 66px;
    }
	
	.card-header img {

    max-width: 80%;
}


  }  
 

 @media (max-width: 600px){
	 
	 .all-people.row .col-two:not(:nth-child(2n)){
    margin-right: 0px;
}

.all-people.row .col-two {
    width: 100%;
    float: left;
}
	 
    .all-people.row .col-fourth:not(:nth-child(2n)) {
        margin-right: 0px;
    }
	
	    .all-people.row .col-fourth {
        width: 100%;
        float: left;
    }
	
	.row .collmarg {
        margin-right: 0px;
    }
	
	    .collone {
        width: 100%;
        float: left;
    }
	
	.person {
    margin-bottom: 20px;
}
  }  

 
 @media (max-width: 520px){
	 
	 .logos img {
        max-width: 60px;
    }
	 
    .site-footer .row.main-row {
        display: block;
    }
	
	.foot {
    margin-bottom: 30px;
}
	 
  .contact-1:before {
        content: "";
        width: 100px;
        height: 100px;
        background-image: url(img/bg-papierflieger.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        right: -10px;
        top: -20px;
    }

}





  @media (max-width: 500px){
	  
	  
	      .row.cvr .row.line:nth-child(1) {
        padding-left: 10px;
        font-family: "Nunito";
        font-size: 20px;
        line-height: 25px;
    }
	  
	  
	      .row.cvr .row.line:nth-child(2), 
		   .row.cvr .row.line:nth-child(4){
   
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }
	
	  .row.cvr .row.line:nth-child(3){
		   font-size: 20px;
        line-height: 25px;
	  }
	  
	    .row.cvr .row.line:nth-child(5){
		   font-size: 20px;
        line-height: 25px;
	  }
	  
	      .row.cvr .row.line:nth-child(1) {
 padding-left: 10px!important;
    }
	 
	     .row.cvr .row.line:nth-child(2) {
        padding-left: 30px!important;
    
    }
	 
	     .row.cvr .row.line:nth-child(3) {
        padding-left: 40px;

    }
	
	    .row.cvr .row.line:nth-child(4) {
        padding-left: 50px;
    }
	
		    .row.cvr .row.line:nth-child(5) {
        padding-left: 60px;
  
    }
	  
	  
	  .slogan {
    padding: 65px 0px 150px 0px;

}
	  
	  
	      .slogan:before {
        width: 250px;
        height: 128px;
        background-image: url(img/pippi.png);
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        right: 0;
        bottom: 0px;
        left: 0px;
		margin: 0px auto;
        position: absolute;
    }
	  
	  
   	 .card-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin: 0 auto;
}

	.card {
    min-height: 0px;
}
	
	.card.inactive {
    height: auto;
    overflow: hidden;
}

    .card-title {
        min-height: 0px;
    }
	
	.card-header img {
    max-width: 80%;
}

  }  




	 
@media (max-width: 440px){
   .contact-1:before {
        content: "";
        width: 60px;
        height: 60px;
        background-image: url(img/bg-papierflieger.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        right: -10px;
        top: -30px;
    }
	
	    body #rmp_menu_trigger-703 {
        right: 10px !important;
    }
	
	    html body .gt_switcher {
        right: 10px !important;
    }
	
	.page-template-template-projekte .home-fifth .all-logos{
		max-width: 100%;
		    margin: 0;
	}
	
	
	
		 .page-template-template-projekte .home-third h2:after {
    background-position: 0 0px;
}

.page-template-template-projekte .home-first h2:after {
    background-position: 0 10px;
}		

  .site-content h1 {
        font-size: 30px;
        line-height: 1.18em;
    }
	
    .site-content h2 {
        font-size: 30px;
        line-height: 1.18em;
    }
	
	.infobox {
    position: relative;
    margin-top: -14px;
}
} 
	 
	    
 @media (max-width: 381px){
#nav_menu-2 li {
    display: block;
}

#nav_menu-2 li:not(:first-child):before {
    content: none;
}
	 
	 }