@charset "UTF-8";

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

/***************************************************
****************************************************************************/
@font-face {
    font-family: 'DINPro';
    src: url('font/DINPro-Regular.woff2') format('woff2'),
        url('font/DINPro-Regular.woff') format('woff'),
        url('font/DINPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('font/DINPro-Medium.woff2') format('woff2'),
        url('font/DINPro-Medium.woff') format('woff'),
        url('font/DINPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('font/DINPro-Bold.woff2') format('woff2'),
        url('font/DINPro-Bold.woff') format('woff'),
        url('font/DINPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/***************************************************
****************************************************************************/


:root {
	--font1: 'DINPro';
	--font2: 'DINPro';
}

html {
	font-family: 'DINPro', Arial;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
	font-size: 18px;
	max-width: auto;
	margin: 0 auto;
	padding: 0 0 0px 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	/* 1 */
	display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

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

progress {
	vertical-align: baseline;
}

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

template,
[hidden] {
	display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a,
a * {
	background-color: transparent;
	/* 1 */
	-webkit-text-decoration-skip: objects;
	text-decoration: none;
	/* 2 */
}

a:focus,
a:hover {
	color: #009cff;
	text-decoration: none;
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
	outline-width: 0;
}

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

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 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 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
	font-weight: inherit;
}

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

b,
strong {
	font-weight: bold;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
	font-style: italic;
}

/**
 * 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;
	font-family: var(--font2), sans-serif;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
	background-color: #ff0;
	color: #000;
}

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

small {
	font-size: 80%;
	font-size: 11px;
}

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

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
	overflow: hidden;
}

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

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

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

/**
 * Add the correct margin in IE 8.
 */

figure {
	margin: 1em 40px;
}

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

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

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
	font: inherit;
	/* 1 */
	margin: 0;
	/* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
	font-weight: bold;
}

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
	appearance: button;
	/* 2 */
}

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

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

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

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

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;
	appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54;
}

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

html {
	box-sizing: border-box;
}

*,
*::after,
*::before {
	box-sizing: inherit;
}

.u-hide {
	display: none;
}

.u-no-bullet {
	list-style-type: none;
}

.u-hide-text {
	font: 0 / 0 a;
	text-shadow: none;
	color: transparent;
}

.clear {
	clear: both;
}

body {
	font-family: var(--font1), 'Helvetica';
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1.2;
	background-color: #fff;
	color: #282828;
	overflow: hidden;
}

/* html,
body {
	height: 100%;
} */


.container{
	width: 80%;
	max-width: 900px;
	margin: 0 auto;
	position: relative;
	z-index: 12;

}
p {
	font-size: 16px;
	line-height: 1.6;
}

h1,
h2 {
	margin-bottom: 20px;
}

header {
	background: #008952;
	position: relative;
	z-index: 58;
}

header.dark {
	position: relative;
	z-index: 32355523;
}

section {
	/* margin-top: -84px; */
	background: #fff;
	/* margin-bottom: 400px; */
	z-index: 56;
	position: relative;
}

.dark section {
	padding-top: 84px;
	margin-top: -160px;
}

.max-width-460 .container {
	width: 100%;
	max-width: 460px;
	padding: 0 20px;
}

.max-width-650 .container {
	width: 100%;
	max-width: 650px;
	padding: 0 20px;
}

.max-width-780 .container {
	width: 100%;
	max-width: 780px;
	padding: 0 20px;
}

.max-width-850 .container {
	width: 100%;
	max-width: 850px;
	padding: 0;
}

.max-width-920 .container {
	width: 100%;
	max-width: 920px;
	padding: 0px;
}

.max-width-940 .container {
	width: 100%;
	max-width: 940px;
	padding: 0px;
}

.max-width-980 .container {
	width: 100%;
	max-width: 980px;
	padding: 0 20px;
}

.max-width-1260 .container {
	width: 100%;
	max-width: 1260px;
	padding: 0 20px;
}

.max-width-1110 .container {
	width: 100%;
	max-width: 1110px;
	padding: 0 15px;
}

.max-width-1360 .container {
	width: 100%;
	max-width: 1360px;
	margin: 0 auto;
}

.max-width-1280 .container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.max-width-1360 .cell_1_3 {
	min-width: 41.4%;
	max-width: 41.4%;
}

.max-width-1360 .cell_2_3 {
	min-width: 58.6%;
	max-width: 58.6%;
}

.max-width-1400 .container {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.max-width-1600 .container {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}

.address,
.address a,
.address p,
.address p a {
	font-size: 14px;
}

.address a:hover,
.address p a:hover {
	color: #337ab7 !important;
}

.relative {
	position: relative;
}

.logo {
	min-width: 140px;
	max-width: 140px;
	padding: 10px 0;
}

.logo img {
	width: 100%;
	max-width: 200px;
}

.dark .logo img {
	filter: invert(1);
}

.dark .is-sticky .logo img {
	filter: invert(0);
}

.dark .navbar-nav>li>a {
	color: #000;
}

.dark .is-sticky .navigation {
	background: rgba(255, 255, 255, 0.8);
}

.navicont {
	width: calc(100% - 140px);
}

.hide_me_far_away {
	display: none;
}

#main-navigation {
	flex-grow: 1;
	padding-top: 24px;
}

/******************************
sticky header 
********************************************/

.sticky-wrapper {
	position: relative;
	z-index: 3;
	/*min-height: 76px !important;*/
	/*border-bottom: 1px solid #eee;*/
}

.navigation {
	padding: 11px 90px;
	transition: all 0.3s ease-in-out;
}

.is-sticky .navigation .navbar-default {
	background-color: #fff;
}

.is-sticky .navigation {
	padding: 11px 90px;
	left: 0;
	right: 0;
	width: 100% !important;
	/*background: rgba(0,0,0,.3);*/
	background: #fff;
	/*box-shadow: 0 10px 20px rgba(0,0,0,.3);*/
}

.is-sticky .navigation .logo img {
	mix-blend-mode: difference;
}

.is-sticky .languages_cont {
	position: absolute;
	right: 15px;
}

.navbar-top li .dropdown-menu li a {
	padding: 4px 10px;
}

ul.flex_container {
	list-style: none;
}

.lg-backdrop,
.lg-outer {
	z-index: 123456 !important;
}

/******************
/end sticky wrapper
**********************************/
.gg-arrow-right {
	box-sizing: border-box;
	position: relative;
	display: block;
	transform: translateX(30px);
	width: 22px;
	height: 22px
}

.gg-arrow-right::after,
.gg-arrow-right::before {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	right: 3px
}

.gg-arrow-right::after {
	width: 8px;
	height: 8px;
	border-top: 2px solid #009DC6;
	border-right: 2px solid #009DC6;
	transform: rotate(45deg);
	bottom: 7px
}

.gg-arrow-right::before {
	width: 16px;
	height: 2px;
	bottom: 10px;
	background: #009DC6
}

.gg-arrow-left {
	box-sizing: border-box;
	position: relative;
	display: block;
	transform: translateX(-30px);
	width: 22px;
	height: 22px
}

.gg-arrow-left::after,
.gg-arrow-left::before {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	left: 3px
}

.gg-arrow-left::after {
	width: 8px;
	height: 8px;
	border-bottom: 2px solid #009DC6;
	border-left: 2px solid #009DC6;
	transform: rotate(45deg);
	bottom: 7px
}

.gg-arrow-left::before {
	width: 16px;
	height: 2px;
	bottom: 10px;
	background: #009DC6
}

.item-video video {
	width: 100%;
}

.item-video {
	display: flex;
	justify-content: center;
}

.video-placeholder {
	position: relative;
}

#gallery_video {
	margin: auto 20px;
}

h1 p,
h2 p {
	display: block;
	font-family: var(--font1), sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 44px;
}

h3 p {
	color: #000000;
	font-family: var(--font1), sans-serif;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.5;
}

h4 p {
	color: #000000;
	font-family: var(--font1), sans-serif;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.5;
}

.description_content p {
	color: #000000;
	font-family: var(--font1), sans-serif;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.5;
}

.cell_1_5 {
	min-width: 20%;
	max-width: 20%;
}

.cell_2_5 {
	min-width: 40%;
	max-width: 40%;
}

.cell_3_5 {
	min-width: 60%;
	max-width: 60%;
}

.cell_4_5 {
	min-width: 80%;
	max-width: 80%;
}

.cell_5_5 {
	min-width: 100%;
	max-width: 100%;
}

.cell_1_4 {
	min-width: 24.9%;
	max-width: 24.9%;
}

.cell_2_4 {
	min-width: 49.9%;
	max-width: 49.9%;
}

.cell_3_4 {
	min-width: 75%;
	max-width: 75%;
}

.cell_4_4 {
	min-width: 100%;
	max-width: 100%;
}

.cell_1_3,
.cell_1_6 {
	min-width: 33.3%;
	max-width: 33.3%;
}

.cell_2_3 {
	min-width: 66.6%;
	max-width: 66.6%;
}

.cell_3_3 {
	min-width: 100%;
	max-width: 100%;
}

.cell_1_2 {
	min-width: 50%;
	max-width: 50%;
}

.cell_2_2 {
	min-width: 100%;
	max-width: 100%;
}

.cell_1_1 {
	min-width: 100%;
	max-width: 100%;
}

.full-height {
	height: auto;
}

.sidebar {
	min-width: 300px;
	max-width: 300px;
	margin-left: 1%;
}

.sidebar section {
	margin: 0;
}

.full_content {
	min-width: calc(99% - 300px);
	max-width: calc(99% - 300px);
	padding-right: 90px;
}

/*.row {
	margin: 0;
}*/

.img-responsive {
	width: 100%;
}

.flex_container {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.ai-flex-start {
	align-items: flex-start;
}

.ai-center {
	align-items: center;
}

.ai-center .flex_container {
	align-items: center;
}

.ai-flex-end {
	align-items: flex-end;
}

.jc-space-between {
	justify-content: space-between;
}

.jc-flex-start {
	justify-content: flex-start;
}

.jc-flex-center {
	justify-content: center;
}

.jc-flex-end {
	justify-content: flex-end;
}

.jc-flex-center .flex_container {
	justify-content: center;
}

.height_auto {
	height: auto !important;
}

.height_100percent {
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}

.button_abs_bottom_zero .btn-custom {
	position: absolute !important;
	bottom: 0;
}

.button_abs_bottom_zero .description_content {
	margin-bottom: 50px;
}

.btn {
	padding: 20px 12px 18px 12px;
}

.btn-custom {
	display: inline-block;
	margin: 30px 0px 30px 0px;
	padding: 12px 26px;
	text-decoration: none;
	font-weight: 500;
	border-radius: 0;
	border: 1px solid #000;
	background-color: transparent;
	color: #000;
	font-family: var(--font1), sans-serif;
	font-size: 20px;
	letter-spacing: 0;
	line-height: 30px;
	text-align: center;
	white-space: break-spaces;
}

.btn-custom .custom_link {
	color: #fff;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-active {
	background: #cad449;
	color: #fff;
	border: 1px solid #cad449;
}

.btn-custom .custom_link {
	color: #fff;
}

.footer_buttons_custom .btn-custom {
	margin-top: 90px;
	background: transparent;
	border: 1px solid #000;
	color: #000;
	font-family: var(--font1), sans-serif;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 20px;
	text-align: center;
	font-weight: 300;
}

.menu_name {
	display: none;
}

::placeholder {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 400;
}

#search_header {
	padding: 4px;
	line-height: 1.3;
	font-size: 18px;
	outline: none;
}

#submit_btn {
	position: relative;
	width: 29px;
	height: 23px;
	padding: 0px 5px 0px 5px;
	margin-right: 10px;
	text-indent: -3000px;
	border: 0;
	/*background: url(../images/icon-search.png) no-repeat top center;*/
	display: inline-block;
	background-size: contain;
}

.navbar-nav {
	text-align: right;
}

.navbar-nav>li {
	display: inline-block;
	float: none;
}

.navbar-toggle .icon-bar {
	display: block;
	width: 33px;
	height: 4px;
	border-radius: 4px;
	background: linear-gradient(90deg, #fff, #fff);
}

.is-sticky .navbar-toggle .icon-bar {
	background: #000;
}

/* 
.navbar-nav > li > a {
	color: #ffffff;
	font-family: var(--font1), sans-serif;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.25;
	text-align: center;
	padding: 0 0 8px 40px;
	position: relative;
}
.is-sticky .navbar-nav > li > a {
	color: #000;
}
.navbar-nav > li > a.active,
.nav > li > a:focus,
.nav > li > a:hover {
	text-decoration: none;
	background-color: transparent;
}
.navbar-nav > li > a.active:after,
.nav > li > a:focus::after,
.nav > li > a:hover::after {
	content: '';
	position: absolute;
	background: #fff;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	bottom: 4px;
	left: 50%;
	transform: translateX(-50%);
}

.is-sticky .navbar-nav > li > a.active:after,
.is-sticky .nav > li > a:focus::after,
.is-sticky .nav > li > a:hover::after {
	background: #000;
}

.navbar-nav > li:hover > .dropdown-menu {
	display: block;
}

.nav > li.carret > a {
	padding-right: 19px;
	position: relative;
}
.nav > li.carret > a:after {
	content: '^';
	font-size: 16px;
	position: absolute;
	right: 6px;
	top: 10px;
	transform: rotate(180deg);
} */
#location option[disabled] {
	display: none;
}

.languages_cont {
	position: absolute;
	right: 15px;
}

.languages_cont a {
	color: #007ec1;
	font-family: var(--font1), sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 300;
	padding: 0 4px;
}

.languages_cont a.selected {
	background: #424242;
	color: #fff;
	padding: 0 5px;
}

.show_description__title {
	display: block;
	color: black;
}

h1.page_title {
	color: #012131;
	font-family: var(--font1), sans-serif;
	font-size: 35px;
	line-height: 1.5;
	font-weight: 600;
	margin: 90px 0;
	width: 100%;
	text-align: center;
}

.regular_box_title h1 p,
.regular_box_title h2 p {
	color: #494642;
	font-family: var(--font1), sans-serif;
	font-size: 35px;
	line-height: 1.5;
	font-weight: 600;
	margin: 45px 0;
}

.bp_title h1 p,
.bp_title h2 p {
	color: #000000;
	font-family: var(--font1), sans-serif;
	font-size: 40px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.5;
}

.small_box_title h1 p,
.small_box_title h2 p {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 25px;
	line-height: 1.5;
	font-weight: 400;
	padding: 0 15px;
}

.regular_box_content .description_content p {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 300;
}

.small_box_title .description_content p {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5;
	padding: 0 15px;
}

.small_box_title .description_content p a {
	color: #007ec1;
	font-family: var(--font1), sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 25px;
}

/* ################################################ */

.exp_new_small_box_title h1 p,
.exp_new_small_box_title h2 p {
	color: #4A4844;
	font-family: var(--font1), sans-serif;
	font-size: 40px;
	line-height: 1.5;
	font-weight: 500;
	padding: 0 15px;
}

.exp_new_small_box_title .description_content p {
	color: #4A4844;
	font-family: var(--font1), sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	padding: 0 15px;
}

.exp_new_small_box_title .description_content p a {
	color: #4A4844;
	font-family: var(--font1), sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 25px;
}

/* ######################## */

.featured_prod_machines {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 25px;
	line-height: 1.5;
}

/*

.newsletter_main_container {
    padding: 90px 0;
    margin: 90px 0 0px 0;
}

.newsletter_form {
    max-width: 82%;
    margin: 0 auto;
}

.newsletter_form h2 {
    color: #012131;
    font-family: var(--font1), sans-serif;
    font-size: 35px;
    line-height: 1.5;
    font-weight: 600;
}

.newsletter_small_info {
    color: #001932;
    font-family: var(--font1), sans-serif;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
    margin-bottom: 40px;
}

.newsletter_form input[type=text] {
    height: 70px;
    color: #001932;
    font-family: var(--font1), sans-serif;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 10px;
    width: calc(100% - 175px);
    float: left;
    border: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

::placeholder {
    color: #001932;
    font-family: var(--font1), sans-serif;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
}

#sendnewsletter {
    height: 70px;
    width: 175px;
    border-radius: 5px;
    background-color: #001932;
    background-color: #383838;
    color: #FFFFFF;
    font-family: var(--font1), sans-serif;
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    font-weight: 600;
    float: left;
    border: 0;
    margin-left: -5px;
    transition: all .3s ease-in-out;
}

#sendnewsletter:hover {
    background-color: #001932;
}*/

.social_wall .cell_1_4 {
	min-width: 22.9%;
	max-width: 22.9%;
	margin: 0 1%;
	border: 1px solid #dedede;
}

.social_wall {
	margin-bottom: 90px;
}

.spacer_bott_20 {
	margin-bottom: 20px;
}

.spacer_bott_40 {
	margin-bottom: 40px;
}

.spacer_bott_60 {
	margin-bottom: 60px;
}

.spacer_bott_90 {
	margin-bottom: 90px;
}

.spacer_tb_80 {
	margin-top: 80px;
	margin-bottom: 80px;
}

.spacer_tb_40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.inner_spacer_tb_80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.inner_spacer_bott_90 {
	padding-bottom: 90px;
}

.inner_spacer_top_120 {
	padding-top: 120px;
}

.inner_spacer_tb_120 {
	padding-top: 120px;
	padding-bottom: 120px;
}

.spacer_bott_120 {
	margin-bottom: 120px;
}

.spacer_tb_120 {
	margin-top: 120px;
	margin-bottom: 120px;
}

.spacer_bott_160 {
	margin-bottom: 160px;
}

.spacer_bott_160 {
	margin-bottom: 160px;
}

.spacer_top_160 {
	margin-top: 160px;
}

.spacer_top_220 {
	padding-top: 220px;
}

.contact_info_footer {
	border-bottom: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	padding: 90px 0;
}

.contact_info_footer h1 p,
.contact_info_footer h2 p {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 600;
}

.contact_info_footer .description_content p,
.contact_info_footer .description_content p a {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 25px;
	line-height: 1.5;
	font-weight: 300;
}

.contact_info_footer .img_cont {
	max-width: 50%;
}

.copyright {
	text-align: right;
}

.copyright p {
	color: #000;
	font-family: var(--font1), sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 2;
}

.legal_compliance {
	background: #edf7ff;
	padding: 35px 0;
}

.legal_compliance p {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 300;
}

.legal_compliance p a {
	color: #007ec1;
	font-family: var(--font1), sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 300;
}

.caption {
	position: absolute;
	/* bottom: 5%; */
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	text-align: left;
	top: 50%;
	transform: translateY(-50%);
	z-index: 13;
}

.caption .itemtitle {
	color: #ffffff;
	font-family: var(--font1), sans-serif;
	font-size: 60px;
	line-height: 1.5;
	font-weight: 600;
}

.caption .itemtext {
	color: #ffffff;
	font-family: var(--font1), sans-serif;
	font-size: 30px;
	line-height: 1.5;
	font-weight: 300;
	position: relative;
}

a .caption .itemtext {
	padding-bottom: 100px;
}

a .caption .itemtext:after {
	/*background: url(../images/icon-arrow-right-white.png) no-repeat right center;*/
	content: '';
	position: absolute;
	width: 200px;
	height: 45px;
	left: 0;
	bottom: 0;
	transition: all 0.3s ease-in-out;
}

a .caption .itemtext:hover::after {
	width: 225px;
}

.owl-dots {
	position: absolute;
	bottom: 30px;
	left: 45%;
	transform: translateY(0%);
}

.owl-dot {
	width: 20px;
	height: 20px;
	background-color: #eee;
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px;
}

.owl-dot.active {
	background-color: #a2d5ff;
}

.lead_text .description_content p {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-weight: 300;
	font-size: 25px;
	line-height: 1.5;
	text-align: center;
}

.box_caption {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 75%;
	/*margin: 0px 17.4%;*/
	width: 100%;
	right: 0;
}

.box_caption h2 {
	margin: 0;
}

.hero .box_caption h1 p,
.hero .box_caption h2 p {
	color: #ffffff;
	font-family: var(--font1), sans-serif;
	font-size: 45px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.16;
	margin: 0;
	padding: 0;
}

/*************************************
categories & items
**************************************/

.content_items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.items {
	flex: 1;
	min-width: 32%;
	max-width: 32%;
	margin: 0px 0.5% 90px 0.5%;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
	padding: 7px 7px 27px 7px;
}

.items:nth-child(1) {
	flex: 2;
	min-width: 65%;
	max-width: 65%;
	margin: 0px 0.5% 90px 0.5%;
}

.items .small_box_title h1 p,
.items .small_box_title h2 p {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 25px;
	line-height: 1.5;
	font-weight: 400;
	padding: 0 15px;
}

.items .small_box_title h1 p a,
.items .small_box_title h2 p a {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 25px;
	line-height: 1.5;
	font-weight: 400;
}

.items .button_abs_bottom_zero .description_content {
	margin-bottom: 60px;
}

.items .description_content p {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 300;
	padding: 0 15px;
}

.items .description_content p a {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 300;
	display: block;
}

.items .small_box_title h1 p a,
.items .small_box_title h2 p a,
.items .description_content p a {
	text-decoration: none;
}

.image_container {
	position: relative;
	z-index: 12;
	/*background: url(../images/machines_bg.jpg) no-repeat top center;*/
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
}

.image_container img {
	max-width: 100%;
	width: 100%;
	margin: 5% auto 0% auto;
}

/*.image_container img {
    max-width: 75%;
    width: 100%;
    margin: 16% auto 8% 0;
}*/

.product_link {
	text-indent: -3000px;
	position: absolute;
	bottom: 40px;
	left: 20px;
	display: inline-block;
	width: auto;
	text-align: left;
}

.product_link:after {
	content: '';
	/*background: url(../images/blue-arrow-right.png) no-repeat right center;*/
	width: 66px;
	height: 36px;
	position: absolute;
	top: 6px;
	left: 0;
	transition: all 0.3s ease-in-out;
}

.product_link:hover::after {
	width: 96px;
}

.one_product_description .image_container img {
	max-width: 85%;
	width: 100%;
	margin: 7% 0 2% 0;
}

.one_product_description h1.page_title {
	color: #012131;
	font-family: var(--font1), sans-serif;
	font-size: 35px;
	line-height: 1.5;
	font-weight: 600;
	margin: 90px 0 45px 0;
	width: 100%;
	text-align: center;
}

.one_product_description .description_content p {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-weight: 300;
	font-size: 25px;
	line-height: 1.5;
	text-align: left;
}

.video_title {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 25px;
	line-height: 1.5;
	font-weight: 600;
}

.video_iframe {
	width: 100%;
	max-width: 700px;
}

.video_iframe iframe {
	width: 100%;
	height: 395px;
}

.icon_pdf {
	background: #edf7ff;
	text-align: center;
	padding: 30px 0;
}

.icon_pdf img {
	max-width: 50%;
}

.file_name {
	padding-left: 12%;
}

.file_name a {
	text-decoration: none;
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 25px;
	line-height: 1.5;
	font-weight: 600;
}

.file_name span {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 25px;
	line-height: 1.5;
	font-weight: 300;
}

.icon_pdf {
	flex: 1;
}

.file_name {
	flex: 2;
}

.dowload_icon_cont {
	flex: 0.5;
	height: 68px;
	position: relative;
	position: relative;
	min-width: 68px;
	max-width: 68px;
}

.dowload_icon {
	text-indent: -3000px;
	position: relative;
	left: 00px;
	display: inline-block;
	width: auto;
	text-align: left;
}

.dowload_icon:before {
	content: '';
	/*background: url(../images/icon-download-arrow.png) no-repeat center center;*/
	width: 68px;
	height: 68px;
	position: absolute;
	top: -2px;
	left: 0;
	transition: all 0.3s ease-in-out;
	background-size: 75%;
}

.dowload_icon:after {
	content: '';
	/*background: url(../images/icon-download-bottom.png) no-repeat bottom center;*/
	width: 68px;
	height: 68px;
	position: absolute;
	top: 0px;
	left: 0;
	transition: all 0.3s ease-in-out;
	background-size: 75%;
}

.dowload_icon:hover::before {
	top: 6px;
}

.description_content p.lead {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-weight: 300;
	font-size: 25px;
	line-height: 1.5;
}

.downloads_category {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 25px;
	line-height: 1.5;
	font-weight: 600;
}

.group_files {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border-top: 2px solid #001932;
	padding: 30px 0;
}

.group_files:last-child {
	border-bottom: 2px solid #001932;
}

.downloads_category {
	flex: 1;
	min-width: 150px;
	max-width: 150px;
}

.group_files .flex_container {
	flex: 1;
	min-width: calc(100% - 160px);
	max-width: calc(100% - 160px);
}

.group_files .item {
	min-width: 23%;
	max-width: 23%;
	margin: 0 1% 20px 1%;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
	padding: 7px 7px 7px 7px;
}

.group_files .img_cont {
	background: #edf7ff;
	padding: 10px 0;
}

.group_files .img_cont img {
	width: 100%;
	max-width: 70px;
	margin: 0 auto;
}

.group_files h1 p,
.group_files h2 p {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 600;
	padding-left: 15px;
	padding-right: 15px;
}

.group_files h3 p {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 18px;
	line-height: 1;
	font-weight: 300;
	padding-left: 15px;
	padding-right: 15px;
}

.group_files h2,
.group_files h3 {
	margin: 10px 0;
}

.blue_contact_info .cell_1_3 {
	background: #edf7ff;
	min-width: 30.9%;
	max-width: 30.9%;
	margin: 0 1%;
	margin-bottom: 20px;
	padding: 30px 30px 30px 100px;
}

.blue_contact_info h2 {
	position: relative;
	margin-bottom: 62px;
}

.blue_contact_info h1 p,
.blue_contact_info h2 p {
	color: #012131;
	font-family: var(--font1), sans-serif;
	font-size: 35px;
	line-height: 1.5;
	font-weight: 600;
}

.blue_contact_info h2:before {
	content: '';
	/*background: url(../images/icon-pin.png) no-repeat top center;*/
	-webkit-background-size: 100%;
	background-size: 100%;
	width: 45px;
	height: 65px;
	position: absolute;
	left: -75px;
	top: 0;
}

.blue_contact_info .description_content p {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
}

.blue_contact_info .description_content p strong {
	font-weight: 600;
}

#facebook_posts {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

#facebook_posts li {
	min-width: 31%;
	max-width: 31%;
	margin: 0 1% 20px 1%;
	border: 1px solid #cdcdcd;
}

#facebook_posts li .description_container_social {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 300;
	overflow-wrap: break-word;
	display: inline-block;
	word-break: break-all;
	padding: 10px;
}

#facebook_posts li .link_container_social {
	color: #007ec1;
	font-family: var(--font1), sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 300;
	overflow-wrap: break-word;
	display: inline-block;
	word-break: break-all;
	padding: 10px;
}

.image_container_social {
	padding: 0px;
}

.image_container_social img {
	width: 100%;
	/* margin-bottom: 10px; */
}

.icon_container_social {
	padding: 7px 10px 6px 10px;
	border-top: 1px solid #cdcdcd;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.icon_container_social img {
	width: 30px;
	margin-top: 10px;
}

.social_comments {
	position: relative;
	font-size: 16px;
}

.social_comments:before {
	content: '';
	background: url(../images/bubble.svg) no-repeat center center;
	background-size: 100%;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 0;
}

.social_comments {
	position: relative;
	font-size: 16px;
	padding-left: 20px;
	line-height: 1.4;
}

.social_comments:before {
	content: '';
	background: url(../images/bubble.svg) no-repeat center center;
	background-size: 100%;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 3px;
}

.social_likes {
	position: relative;
	font-size: 16px;
	padding-right: 20px;
	line-height: 1.4;
}

.social_likes:after {
	content: '';
	background: url(../images/heart.svg) no-repeat center center;
	background-size: 100%;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 1px;
}

.map_region .cell_1_2 {
	padding: 0 15px;
}

.map_region h1 p,
.map_region h2 p {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 25px;
	line-height: 1.5;
	font-weight: 600;
}

.map_region .description_content p {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 300;
}

.map_region .description_content p.small {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 18px;
	line-height: 1.7;
	font-weight: 300;
}

#formsearch {
	width: 100%;
	border-bottom: 2px solid #001932;
	padding-bottom: 10px;
	margin-bottom: 40px;
	margin-top: 40px;
}

#formsearch ::placeholder {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 400;
}

#formsearch #search_header {
	border: 0;
	width: 100%;
	height: 70px;
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 300;
}

.results_number {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 300;
	padding-left: 60px;
	margin-bottom: 60px;
}

.search_container ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

.search_container ul li {
	position: relative;
}

.search_container ul li a:hover {
	background: #edf7ff;
}

.search_container ul li a:hover::after {
	content: '';
	/*background: url(../images/icon-next.png) no-repeat right center;*/
	position: absolute;
	top: 0;
	right: 30px;
	width: 40px;
	height: 100%;
	background-size: contain;
}

.search_container ul li a {
	padding: 15px 90px 15px 60px;
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 300;
	display: block;
}

.search_container ul li a .like_link {
	color: #369acf;
}

/************************************************
pop up pure css 
*****************************************************/

.overlay {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	z-index: 12345621212121;
	top: 0;
	left: 0;
	right: 0;
	min-height: 100%;
	padding-bottom: 20px;
	transition: opacity 500ms;
	background: #fff;
	box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.41);
}

.overlay:target {
	visibility: visible;
	opacity: 1;
}

.popup {
	margin: 0px auto;
	padding: 00px;
	background: #fff;
	border-radius: 5px;
	width: 100%;
	position: relative;
	z-index: 123456;
	/* transition: all .5s ease-in-out; */
}

.popup .container {
	position: relative;
}

.popup h2 {
	margin-top: 0;
	color: #333;
	font-weight: 600;
	font-size: 25px;
	line-height: 1.5;
	font-family: var(--font1), sans-serif;
}

.search_container ul li a p {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 300;
}

.popup .close {
	position: absolute;
	top: 12px;
	right: 15px;
	/* transition: all 200ms; */
	text-decoration: none;
	color: #000;
	opacity: 1;
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
	padding-left: 35px;
}

.popup .close:before {
	content: '';
	/*background: url(../images/icon-close.png) no-repeat center center;*/
	width: 20px;
	height: 20px;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	top: 4px;
	left: 0px;
}

.popup .content {
	max-height: 30%;
	overflow: auto;
}

/**********************************/

.ta-left {
	text-align: left !important;
}

.ta-center {
	text-align: center !important;
}

.ta-right {
	text-align: right !important;
}

.center_image .img_cont {
	text-align: center;
}

.hide-cols .cell_1_3:nth-child(2),
.hide-cols .cell_1_3:nth-child(3) {
	display: none;
}

.fb-post,
.fb-post iframe[style],
.fb-post span {
	width: 100% !important;
}

.gallery .itemVideo .caption {
	z-index: 1234567;
	text-shadow: 0 0 9px #000, 0 0 22px #000;
}

.container_left {
	float: right;
}

.gallery .item {
	position: relative;
}

.gallery video {
	width: 100%;
	/*height: 100%;*/
	position: absolute;
	/*  top: -56%;
    transform: translateY(28%);*/
	left: 0;
	z-index: 999999;
	background: #000;
}

.intro_part img {
	margin-bottom: 40px;
}

.mobile_size .cell_1_2 {
	min-width: 50%;
	max-width: 50%;
}

.images_machines a.img_prod {
	height: 201px;
	overflow: hidden;
	display: flex;
	margin-bottom: 10px;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
}

.images_machines .thumb_title {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 400;
	text-align: center;
	display: block;
}

.items_gall_bottom .owl-dots {
	position: absolute;
	bottom: -40px;
	left: 45%;
	transform: translateY(0);
}

.btn-back {
	padding: 2px 20px 2px 45px;
	height: 40px;
	line-height: 35px;
	width: auto;
	text-align: right;
	margin: 30px 0 20px 10px;
	position: relative;
}

.btn-back:before {
	content: '';
	/*background: url(../images/icon-arrow-left-white.png) no-repeat left center;*/
	width: 32px;
	height: 32px;
	-webkit-background-size: contain;
	background-size: cover;
	left: 10px;
	top: 4px;
	z-index: 123;
	position: absolute;
	transition: all 0.3s ease-in-out;
}

.btn-back:hover::before {
	left: 5px;
}

.separator-top {
	border-top: 1px solid #000;
}

.separator-bott {
	border-bottom: 1px solid #000;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.container_timeline {
	position: relative;
}

.prev {
	position: absolute;
	z-index: 123;
	top: 50%;
	transform: translateY(-50%);
	font-size: 75px;
	filter: drop-shadow(2px 0px 6px black);
	color: #fff;
	font-family: 'Rubik';
	left: 20px;
	cursor: pointer;
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
}

.next {
	position: absolute;
	z-index: 123;
	top: 50%;
	transform: translateY(-50%);
	font-size: 75px;
	filter: drop-shadow(2px 0px 6px black);
	color: #fff;
	font-family: 'Rubik';
	right: 20px;
	cursor: pointer;
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
}

.container_machine_div video {
	width: 100%;
	margin-bottom: 20px;
}

.gallery2.owl-carousel .owl-item img {
	width: auto;
	height: 100%;
}

.screen-reader-error {
	background: #dd131a;
	padding: 15px;
	color: #fff;
	font-size: 15px;
	display: none;
}

.screen-reader-response {
	background: #01cc3f;
	padding: 15px;
	color: #fff;
	font-size: 15px;
	display: none;
}

.perspective_image .img_cont {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	max-width: 760px;
	margin: 0 0 0 auto;
}

.perspective_image2 .img_cont {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	max-width: 760px;
	margin: 0 0 0 auto;
}

.perspective_image {
	perspective: 500px;
	position: relative;
}

.referenz_bg_1 {
	background-image: radial-gradient(circle, #fee9c5 0%, #c47517 55%);
	background-size: cover;
	padding: 100px 0;
	background-position-x: 160px;
}

.referenz_bg_2 {
	background-image: radial-gradient(circle, #4d8add 0%, #1c69d3 55%);
	background-size: cover;
	padding: 100px 0;
	background-position-x: 160px;
}

.referenz_bg_3 {
	background-image: radial-gradient(circle, #67718c 0%, #3c496b 55%);
	background-size: cover;
	padding: 100px 0;
	background-position-x: 160px;
}

.referenz_bg_4 {
	background-image: radial-gradient(circle, #e2807d 0%, #ce2c29 55%);
	background-size: cover;
	padding: 100px 0;
	background-position-x: 160px;
}

.referenz_bg_5 {
	background-image: radial-gradient(circle, #e93b44 0%, #e10813 55%);
	background-size: cover;
	padding: 100px 0;
	background-position-x: 160px;
}

.referenz_bg_6 {
	background-image: radial-gradient(circle, #ede0cf 0%, #e7d5bd 55%);
	background-size: cover;
	padding: 100px 0;
	background-position-x: 160px;
}

.referenz_bg_7 {
	background-image: radial-gradient(circle, #fd027b 0%, #ff0151 55%);
	background-size: cover;
	padding: 100px 0;
	background-position-x: 160px;
}

.referenz_bg_8 {
	background-image: radial-gradient(circle, #7e86be 0%, #5b65ac 55%);
	background-size: cover;
	padding: 100px 0;
	background-position-x: 160px;
}

.referenz_container_meee {
	position: fixed;
	z-index: 1234;
	width: 100%;
	top: 50%;
	/*mix-blend-mode: difference;*/
}

.referenz_left {
	position: absolute;
	/*color: #fff;*/
	left: 0;
	top: 50%;
}

.referenz_right {
	position: absolute;
	/*color: #fff;*/
	right: 0;
	top: 50%;
}

.referenz_left,
.referenz_right {
	z-index: 1566521;
}

.referenz_left a,
.referenz_right a {
	text-indent: -30000px;
	font-size: 0px;
}

.referenz_left span {
	margin: 0px 0 0 0;
	position: absolute;
	left: 15px;
	top: 40px;
	color: #000;
	font-family: var(--font1), sans-serif;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.5;
	text-align: center;
}

.referenz_right span {
	margin: 0px 0 0 0;
	position: absolute;
	right: 15px;
	top: 40px;
	color: #000;
	font-family: var(--font1), sans-serif;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.5;
	text-align: center;
}

.referenz_left a:after {
	content: '';
	background: url(../images/prev_blog.png) no-repeat top center;
	position: absolute;
	z-index: 1221;
	width: 17px;
	height: 30px;
	left: 15px;
	/*filter: drop-shadow(0px 0px 3px black);*/
}

.referenz_right a:after {
	content: '';
	background: url(../images/next_blog.png) no-repeat top center;
	position: absolute;
	z-index: 1221;
	width: 17px;
	height: 30px;
	right: 15px;
	/*filter: drop-shadow(0px 0px 3px black);*/
}

/*.referenz_left a:before{
    content: '';
    position: absolute;
    background: #fff;
    width: 15px;
    height: 11px;
}
.referenz_left a:after{
     content: '';
    position: absolute;
    background: #fff;
    width: 1px;
    height: 15px;
}
.referenz_right a:before{
    content: '';
    position: absolute;
    background: #fff;
    width: 15px;
    height: 1px;
}
.referenz_right a:after{
     content: '';
    position: absolute;
    background: #fff;
    width: 1px;
    height: 15px;
}*/

.red_boxes h4 p {
	color: #ffffff;
	font-family: var(--font1), sans-serif;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.5;
	text-align: center;
	padding: 80px 0;
	position: relative;
}

.red_boxes .cell_1_2 {
	position: relative;
}

.red_boxes .cell_1_2:nth-child(2) {
	background-color: #7f1737;
}

.red_boxes .cell_1_2:nth-child(2) h4 p:after {
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 40px;
	background: url(../images/arrow-white.svg) no-repeat bottom center;
	transition: all 0.3s;
}

.red_boxes .cell_1_2:nth-child(2) h4 p:hover::after {
	right: -5px;
}

#gmap_canvas {
	min-height: 350px;
}

.grid-sizer,
.grid-item--width2 {
	border: 0 !important;
}

.grid-sizer,
.grid-item {
	width: 20%;
}

/* 2 columns */

.grid-item--width2 {
	width: 40%;
}

.video_multiple_sources_container {
	width: 75%;
	margin: 0 auto;
	position: relative;
	padding-top: 30%;
	overflow: hidden;
}

.video_multiple_sources_container video {
	position: absolute;
	width: 100%;
	top: -31%;
	transform: translateY(30%);
}

.small_legal_privacy {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #252525;
	z-index: 55555555;
	padding: 5px;
	color: #fff;
	font-size: 17px;
	text-align: center;
	border-top: 2px solid #252525;
	/*animation: 1s ease-in 0s 1 slideLegal;*/
}

.small_legal_privacy div,
.small_legal_privacy div a {
	color: #fff;
	font-weight: 300;
}

.small_legal_privacy .addcookie {
	min-width: 64px;
	display: inline-block;
	margin-left: 7px;
	border: 0;
	background: transparent;
	color: #fff;
	font-size: 17px;
	text-transform: capitalize;
	text-decoration: underline;
	position: absolute;
	right: 20px;
	padding: 0;
}

.small_legal_privacy .addcookie:hover {
	border: 0;
}

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

	100% {
		transform: translateY(0);
	}
}

/****** alina  changes ****/

#footer {
	font-size: 16px;
	line-height: 1.3;
	z-index: 0;
	bottom: 0;
	width: 100%;
	padding: 25px 0;
	border-top: 1px solid #cdcdcd;
}

#footer .cell_1_4 {
	padding: 0 9px;
	position: relative;
}

#footer .description_content p,
#footer .description_content p a {
	color: #ffffff;
	font-family: var(--font1), sans-serif;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 35px;
}

#footer .social_icons a {
	color: #fff;
}

#footer .row {
	margin-left: -15px;
	margin-right: -15px;
}

.fa-facebook-square:before {
	content: '' !important;
	background: url(../images/facebook.svg) no-repeat top center;
	position: absolute;
	width: 60px;
	height: 60px;
	background-size: 100%;
}

.fa-facebook-square:hover:before {
	background: url(../images/Facebook-hover.png) no-repeat top center;
}

.fa-linkedin:before {
	content: '' !important;
	background: url(../images/linkedin.svg) no-repeat top center;
	position: absolute;
	width: 60px;
	height: 60px;
	background-size: 100%;
}

.fa-linkedin:hover:before {
	background: url(../images/LinkedIn-hover.png) no-repeat top center;
}

.fa-instagram:before {
	content: '' !important;
	background: url(../images/instagram.svg) no-repeat top center;
	position: absolute;
	width: 60px;
	height: 60px;
	background-size: 100%;
}

.fa-twitter:before {
	content: '' !important;
	background: url(../images/twitter.svg) no-repeat top center;
	position: absolute;
	width: 60px;
	height: 60px;
	background-size: 100%;
}

.footer_menu {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #bababa;
}

.sidebar .footer_menu a {
	color: #ffffff;
	font-family: var(--font1), sans-serif;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 35px;
}

.footer_menu li {
	line-height: 1.2;
	margin: 0;
	padding: 0;
	position: relative;
	box-sizing: border-box;
	display: inline-block;
}

.footer_inpage .footer_menu li {
	display: block;
}

.footer_menu li a,
.footer_inpage .footer_menu li a {
	padding: 3px 20px 3px 0;
	display: inline-block;
	transition: all 0.35s ease-in-out;
	color: #fff;
	font-family: var(--font1), sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0;
}

/* .footer_menu li a:after{
    content: '|';
    position: absolute;
    top: 3px;
    right: 10px; 
    font-size: 16px;
}
.footer_menu li:nth-child(3n+3) a:after{
    content: '';
} */

.footer_menu li a:hover {
	text-decoration: underline;
}

.footer_logo img {
	width: 100%;
	max-width: 155px;
	padding: 0;
}

.social_icons li a {
	font-size: 50px;
}

.social_icons {
	padding: 0px 0;
}

.social_icons .list-inline>li {
	display: inline-block;
	width: 60px;
	height: 60px;
	position: relative;
	padding: 0;
	margin: 0 20px 0 0;
}

.social_icons .list-inline>li a {
	display: block;
}

.wdc-social li a {
	font-size: 16px;
}

.wdc-social li::after {
	position: relative;
	content: '/';
	opacity: 0.5;
	color: #fff;
	padding-left: 14px;
	vertical-align: top;
}

.wdc-social li:last-child:after {
	content: '';
}

#footer .widget-title {
	color: #2f9cd7;
	font-size: 18px;
}

#footer .container {
	margin: 0 auto;
}

.footer_menu_black {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #fff;
}

.footer_menu_black li {
	line-height: normal;
	margin: 0;
	padding: 0;
	position: relative;
	box-sizing: border-box;
	border-bottom: 1px solid #efefef;
	border-color: rgba(255, 255, 255, 0.1);
}

.footer_menu_black li a,
.footer_menu_black li a::before {
	padding: 3px 0;
	padding-left: 0px;
	display: inline-block;
	padding-left: 0;
	transition: padding-left 0.35s ease 0s;
	color: #fff;
	font-size: 14px;
}

.footer_menu_black li a::before {
	position: relative;
	content: '\203A';
	margin-right: 5px;
	display: inline-block;
}

.footer_menu_black li a:hover,
.footer_menu_black li a:hover::before {
	color: #dddddd;
	padding-left: 7px;
}

.bottom-right {
	position: absolute;
	bottom: 0;
	right: 0;
}

.position-relative {
	position: relative;
}

#topbar-wrapper {
	color: #f5f5f5;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.3;
	padding: 0;
}

#topbar-wrapper ol,
ul {
	margin-bottom: 0;
}

#topbar-wrapper a {
	color: #f5f5f5;
}

#topbar-wrapper li {
	padding: 5px;
}

.wdc-social .list-inline {
	text-align: right;
}

/*##############
owl-carousel
#####################################*/

.homepage_slider .owl-carousel .owl-stage {
	/* display: flex; */
	justify-content: center;
	align-items: center;
	max-height: 700px;
	overflow: hidden;
}

.owl-nav {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	pointer-events: none;
}

.owl-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: initial;
}

.owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	pointer-events: initial;
}

.fa-angle-left:before {
	content: '' !important;
	position: absolute;
	z-index: 1221;
	background: url(../images/prev_blog_w.png) no-repeat top center;
	width: 17px;
	height: 30px;
	left: 15px;
	filter: drop-shadow(0px 0px 3px black);
}

.fa-angle-right:before {
	content: '' !important;
	position: absolute;
	z-index: 1221;
	background: url(../images/next_blog_w.png) no-repeat top center;
	width: 17px;
	height: 30px;
	right: 15px;
	filter: drop-shadow(0px 0px 3px black);
}

.homepage_slider .owl-carousel .owl-item:after {
	content: '';
	background: rgb(37, 37, 37);
	background: linear-gradient(90deg, rgba(37, 37, 37, 1) 0%, rgba(255, 255, 255, 0) 100%);
	position: absolute;
	z-index: 12;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.logo_slider {
	padding: 20px;
	margin: 20px 0;
}

.main_box h2 {
	font-size: 35px;
}

.main_box p {
	color: #fff;
}

.main_box p a {
	color: #efefef;
}

.regular_box h3 {
	color: #012131;
	font-size: 25px;
	line-height: 1.5;
	font-weight: 600;
	margin: 10px 0;
}

.regular_box h3 p {
	color: #012131;
	font-size: 25px;
	line-height: 1.5;
	font-weight: 600;
}

.regular_box.full-height {
	padding: 7px 14px;
	height: 100%;
	margin: 0 10px 15px 10px;
	position: relative;
	background-color: #f5f5f5 !important;
	border-bottom: 20px #fff solid;
}

.main_box.full-height {
	background-color: #03a9f4 !important;
}

.main_box h2,
.main_box h1,
.main_box h3,
.main_box h2 p,
.main_box h1 p,
.main_box h3 p {
	color: #fff;
}

#columnright .regular_box.full-height {
	padding: 7px 14px;
	height: 100%;
	margin: 0;
	position: relative;
	border-bottom: 0px;
}

#columnright .regular_box.full-height:before {
	content: ' ';
	position: absolute;
	height: calc(100% - 20px);
	width: 100%;
	top: 0;
	left: 0;
	box-shadow: none;
	pointer-events: none;
}

#columnright .cell_1_1 {
	padding: 0 0 10px 0;
}

#columnright h3 {
	margin: 0;
	font-size: 22px !important;
	margin: 0 0 10px;
}

#columnright h3 p {
	font-size: 22px !important;
	margin: 0;
}

#columnright h3::after {
	position: relative;
	content: '';
	display: block;
	width: 30px;
	margin: 10px 0;
	top: -1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #009cff;
}

#columnright .description_content p {
	font-size: 14px;
}

.full_width {
	width: 100%;
}

.full_width .btn-custom {
	width: 100%;
}

.box_icon .cell_1_2 .description_content i {
	margin-left: 12px;
	font-size: 36px;
	color: #009cff;
	position: absolute;
	margin-top: 6px;
}

.box_icon .cell_1_2 .description_content h2 {
	padding-left: 66px;
}

.box_icon .cell_1_2 .description_content p {
	padding-left: 66px;
}

.background_testimonials {
	background: #2196f3;
}

.background_testimonials h3.box-title {
	color: #ffffff;
	padding: 30px 30px 0px 30px;
}

.background_testimonials .description_content {
	color: #ffffff;
}

.background_testimonials .description_content ul {
	list-style: none;
	padding: 30px 30px 0px 30px;
}

.left_image_right_text {
	display: flex;
	flex-wrap: wrap;
}

.left_image_right_text h2 {
	flex: 2;
	min-width: 100%;
	max-width: 100%;
}

.left_image_right_text .description_content {
	flex: 1;
	min-width: 70%;
	max-width: 70%;
	order: 3;
	font-size: 20px;
}

.left_image_right_text .description_content * {
	font-size: 20px;
}

.left_image_right_text .img_cont {
	flex: 1;
	min-width: 30%;
	max-width: 30%;
	order: 2;
}

.backpage_slider .owl-carousel .owl-stage {
	justify-content: center;
	align-items: center;
	max-height: 300px;
	overflow: hidden;
}

.backpage_slider .cell_1_1,
.homepage_slider .cell_1_1 {
	padding: 0px;
}

.backpage_slider .owl-carousel .owl-item:after {
	content: '';
	background: rgb(37, 37, 37);
	background: linear-gradient(90deg, rgba(37, 37, 37, 1) 0%, rgba(255, 255, 255, 0) 100%);
	position: absolute;
	z-index: 12;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.margin-top-10 {
	margin-top: 10px;
}

.cc h1 {
	font-size: 40px;
	line-height: 1;
}

.u-hide {
	display: none;
}

#cover-spin2 {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 9999;
	display: none;
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

#cover-spin2::after {
	content: '';
	display: block;
	position: absolute;
	left: 48%;
	top: 40%;
	width: 40px;
	height: 40px;
	border-style: solid;
	border-color: black;
	border-top-color: transparent;
	border-width: 4px;
	border-radius: 50%;
	-webkit-animation: spin 0.8s linear infinite;
	animation: spin 0.8s linear infinite;
}

/********************************************
admire  ***************************************
********************************************/

.eight_boxes_index .cell_1_2 {
	position: relative;
}

.eight_boxes_index .box_caption {
	opacity: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: absolute;
	transform: none;
	width: 100%;
	max-width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	transition: all 0.5s ease-in-out;
	filter: blur(10px);
}

.eight_boxes_index .box_caption h3,
.eight_boxes_index .box_caption h2,
.eight_boxes_index .box_caption h1 {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

.eight_boxes_index .box_caption h3 p {
	color: #ffffff;
	font-family: var(--font1), sans-serif;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.5;
	text-align: center;
}

.eight_boxes_index .box_caption h1 p,
.eight_boxes_index .box_caption h2 p {
	color: #ffffff;
	font-family: var(--font1), sans-serif;
	font-size: 55px;
	letter-spacing: 0;
	line-height: 1.18;
	text-align: center;
}

.eight_boxes_index .box_background {
	-webkit-background-size: cover !important;
	background-size: cover !important;
}

.index_yellow_box:hover .box_caption {
	display: flex !important;
	opacity: 1;
	background: rgba(196, 117, 23, 0.9);
	justify-content: center;
	align-items: center;
	flex-direction: column;
	filter: blur(0px);
	left: 0;
}

.index_blue_box:hover .box_caption {
	display: flex !important;
	opacity: 1;
	background: rgba(28, 105, 212, 0.9);
	justify-content: center;
	align-items: center;
	flex-direction: column;
	filter: blur(0px);
	left: 0;
}

.index_gray_box:hover .box_caption {
	display: flex !important;
	opacity: 1;
	background: rgba(60, 73, 107, 0.9);
	justify-content: center;
	align-items: center;
	flex-direction: column;
	max-width: 100%;
	filter: blur(0px);
	left: 0;
}

.index_brick_red_box:hover .box_caption {
	display: flex !important;
	opacity: 1;
	background: rgba(206, 44, 41, 0.9);
	justify-content: center;
	align-items: center;
	flex-direction: column;
	filter: blur(0px);
	left: 0;
}

.index_red_box:hover .box_caption {
	display: flex !important;
	opacity: 1;
	background: rgba(226, 9, 20, 0.9);
	justify-content: center;
	align-items: center;
	flex-direction: column;
	filter: blur(0px);
	left: 0;
}

.index_beige_box:hover .box_caption {
	display: flex !important;
	opacity: 1;
	background: rgba(230, 212, 188, 0.9);
	justify-content: center;
	align-items: center;
	flex-direction: column;
	filter: blur(0px);
	left: 0;
}

.index_pink_box:hover .box_caption {
	display: flex !important;
	opacity: 1;
	background: rgba(255, 1, 81, 0.9);
	justify-content: center;
	align-items: center;
	flex-direction: column;
	filter: blur(0px);
	left: 0;
}

.index_light_blue_box:hover .box_caption {
	display: flex !important;
	opacity: 1;
	background: rgba(91, 101, 172, 0.9);
	justify-content: center;
	align-items: center;
	flex-direction: column;
	filter: blur(0px);
	left: 0;
}

.double_diamond {
	padding: 90px 0;
}

.double_diamond h1,
.double_diamond h2 {
	margin-bottom: 120px;
}

.double_diamond h1 p,
.double_diamond h2 p {
	color: #fff;
}

.box_background {
	position: relative;
}

/*.hero .box_background:after{
    content: '';
    background: url(../images/icon-scroll-down.svg) no-repeat top center;
    position: absolute;
    width: 30px;
    height: 60px;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);

}*/

.kompetenz_container {
	position: relative;
	z-index: 10;
}

.kompetenz_container h1 p,
.kompetenz_container h2 p {
	color: #ffffff;
	font-family: var(--font2), sans-serif;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 55px;
	text-align: center;
}

.kompetenz_container .cell_1_4 .full-height {
	height: 384px;
}

.kompetenz_container .cell_1_4 {
	min-width: 49.9%;
	max-width: 49.9%;
	margin-bottom: 40px;
	max-height: 384px;
}

.kompetenz_container .box_caption {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: none;
	max-width: 100%;
	padding: 0px 17% 0px 15%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.kompetenz_container .box_background {
	position: relative;
	max-width: 470px;
	padding-top: 0 !important;
	margin: 0 auto;
}

.kompetenz_container .box_background:after {
	content: '';
	position: absolute;
	background: url(../images/vinyl.png) no-repeat top center;
	top: 18px;
	right: 48px;
	width: 193px;
	/*height: 380px;*/
	height: 90%;
	background-size: contain !important;
	z-index: -1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.kompetenz_container .box_background:hover::after {
	right: -100px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.partners_container .img_cont img {
	max-width: 240px;
	margin: 0 auto;
	transition: all 0.2s;
	transform: scale(0.9);
}

.partners_container .img_cont img:hover {
	transform: scale(1);
}

.partners_container .cell_1_4 {
	margin-bottom: 40px;
}

.overlay_content {
	background: #f8f8f8;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 140px 0 0 0;
	z-index: 1566522456;
	display: none;
}

.close_overlay_content {
	position: absolute;
	z-index: 6;
	top: 120px;
	right: 5%;
	font-size: 25px;
	font-family: var(--font1), sans-serif;
	color: #b1b1b1;
	text-shadow: 0 0 15px #a0a0a0;
	cursor: pointer;
	font-size: 0;
}

.close_overlay_content:after {
	content: '';
	background: url(../images/close.png) no-repeat top right;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
}

.overlay_content_title {
	width: 100%;
	text-align: center;
	margin-bottom: 120px;
}

.close_overlay_content:hover {
	color: #000;
}

.theree_buttons {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	justify-content: space-between;
	align-items: flex-end;
}

.theree_buttons img {
	width: 100%;
}

.same_icon {
	border-radius: 50%;
	background-color: #87c3bb;
}

.small_button_custom .same_icon {
	width: 220px;
	height: 220px;
	margin: 0 auto;
}

.large_button_midd .same_icon {
	width: 300px;
	height: 300px;
	margin: 0 auto;
}

.small_button_custom,
.large_button_midd {
	text-align: center;
}

.container_form_content {
	overflow-y: auto;
}

.overlay_content .container_form_content {
	position: absolute;
	background: #f8f8f8;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.overlay_content .contact_form_cm {
	display: flex;
	max-width: 780px;
	margin: 144px auto 0 auto;
	justify-content: center;
	align-items: center;
}

.overlay_content h1 {
	color: #000000;
	font-family: var(--font1), sans-serif;
	font-size: 50px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.2;
	width: 100%;
	text-align: center;
}

/****** FORM ************/

label {
	color: #000000;
	font-family: var(--font1), sans-serif;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 35px;
	width: calc(100% - 30px);
	display: inline-block;
}

.available label {
	width: 100%;
}

.unavailable .hour_container {
	width: 100%;
	color: #cdcdcd !important;
	font-family: var(--font1), sans-serif;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 35px;
	width: 100%;
	display: inline-block;
}

form .description_content {
	width: 220px;
	display: inline-block;
}

.col-sm-12.arti-kontakt {
	padding-left: 0;
}

.col-sm-12.arti-kontakt select {
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

.arti-kontakt span {
	display: inline-block;
	width: calc(100% - 225px);
}

.arti-kontakt span {
	margin-top: 20px;
}

form .control-group label {
	width: auto;
}

.form_heading {
	text-align: center;
	margin: 90px 0;
}

.form-control {
	border: 0px solid #dfdfdf;
	box-shadow: none;
	border-radius: 0;
	background: #00895233;
	border-radius: 5px;
	height: 61px;
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 60px;
}

label.accept_terms,
.form-control::placeholder {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 400;
	opacity: 1;
}

select.form-control {
	color: #001932;
	font-family: var(--font1), sans-serif;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 600;
	height: 40px;
}

/* .cell_1_2:nth-child(1) .form-control {
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.cell_1_2:nth-child(2) .form-control {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
} */

.senden_button {
	margin: 30px 0 0 237px;
}

.bewerben_form {
	overflow: auto;
	height: 550px;
}

.kalendar_small_info {
	font-size: 20px;
	line-height: 1.5;
}

.mt-10 {
	margin-top: 10px;
}

/************************* more custom radios and checkboxes ***************/

.control {
	display: inline-block;
	position: relative;
	margin-right: 20px;
	padding-left: 0px;
	margin-bottom: 15px;
	cursor: pointer;
	color: #2e294e;
	font-size: 20px;
	line-height: 1;
	padding: 0 0 0 30px;
}

.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.custon_checkbox_width{
	margin-top: 10px;
}
.control__indicator {
	position: absolute;
	top: 0px;
	left: 0;
	height: 20px;
	width: 20px;
	background: #fff;
    border: 1px solid #008952;
    border-radius: 4px;
}

.control--radio .control__indicator {
	border-radius: 50%;
}

.control:hover input~.control__indicator,
.control input:focus~.control__indicator {
	background: #fff;
}

.control input:checked~.control__indicator {
    background: #fff;
    border: 1px solid #008952;
    border-radius: 4px;
}

.control:hover input:not([disabled]):checked~.control__indicator,
.control input:checked:focus~.control__indicator {
	background: #fff;
}

.control input:disabled~.control__indicator {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}

.control__indicator:after {
	content: '';
	position: absolute;
	display: none;
}

.control input:checked~.control__indicator:after {
	display: block;
}

.control--checkbox .control__indicator:after {
	left: 6px;
	top: 1px;
	width: 6px;
	height: 14px;
	border: solid #008952;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.control--radio .control__indicator:after {
	left: 3px;
	top: 3px;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background: #000;
}

#status,
#error {
	margin-bottom: 50px;
}

/**************************
**************************************************************************/

.caption_mimiq h3 p {
	color: #ffffff;
	font-family: var(--font1), sans-serif;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 1.1;
	position: absolute;
	left: 10%;
	top: 35%;
}

.caption_mimiq h1 p,
.caption_mimiq h2 p {
	color: #ffffff;
	font-family: var(--font1), sans-serif;
	font-size: 55px;
	letter-spacing: 0;
	line-height: 1.2;
	position: absolute;
	left: 10%;
	top: 40%;
}

.single_member .round_mask {
	width: 300px;
	height: 300px;
	overflow: hidden;
	border-radius: 50%;
	margin: 20px auto 20px auto;
}

.single_member .round_mask img {
	/*    width: 218%;
    object-fit: cover;
    object-position: -165px;
    text-align: center;*/
	width: 151%;
	object-fit: cover;
	object-position: -70px 0px;
	text-align: center;
}

.single_member {
	text-align: center;
}

.single_member .member_name {
	color: #000000;
	font-family: var(--font1), sans-serif;
	font-size: 40px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.5;
	margin-bottom: 20px;
}

.single_member .member_phone a {
	color: #000000;
	font-family: var(--font1), sans-serif;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.5;
	display: inline-block;
	margin-bottom: 20px;
}

.single_member .member_email {
	width: 46px;
	height: 26px;
	margin: 0 auto;
}

.single_member .member_email img {
	width: 100%;
}

.hero2 h3 p {
	color: #ffffff;
	font-family: var(--font1), sans-serif;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.5;
}

.hero2 h1 p,
.hero2 h2 p {
	color: #ffffff;
	font-family: var(--font2), sans-serif;
	font-size: 55px;
	letter-spacing: 0;
	line-height: 1.5;
}

.hero2 .btn-custom {
	border: 1px solid #fff;
	color: #fff;
}

.hero2 .btn-custom:hover {
	border: 1px solid #000;
}

.schoenburg_site {
	background: radial-gradient(circle, rgba(208, 191, 177, 0.7) 0%, #d0bfb1 100%);
}

.st_academy_site {
	background: radial-gradient(circle, rgba(29, 71, 95, 0.7) 0%, #1d475f 100%);
}

.tdh_site {
	background: radial-gradient(circle, rgba(0, 141, 171, 0.7) 0%, #008dab 100%);
	padding: 195px 9%;
}

.bsi_site {
	background: radial-gradient(circle, rgba(253, 249, 204, 0.7) 0%, #fdf9cc 100%);
}

.small_box_content .description_content p {
	color: #000000;
	font-family: var(--font1), sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 25px;
}

.unser_partener .img_cont {
	text-align: right;
}

.unser_partener .img_cont img {
	max-width: 290px;
	display: inline-block;
	margin-right: 30px;
}

.absolute_img .img_cont {
	margin-left: 100px;
}

.absolute_img .img_cont img {
	position: absolute;
	max-width: 790px;
	top: 50%;
	transform: translateY(-50%);
}

.absolute_img.tdh_img .img_cont img {
	position: absolute;
	max-width: 300px;
	top: 50%;
	transform: translateY(-50%);
}

.team_container_text h2 {
	margin-bottom: 60px;
}

.sidebar_cont .cell_1_1 {
	max-width: 540px;
	min-width: 540px;
}

.perspective_image .img_cont {
	position: relative;
	z-index: -1;
}

#index {
	position: sticky;
	/*background-color: #BE2A5C;*/
}

#myimg {
	width: 100%;
	min-height: 100%;
	object-fit: cover;
}

#imagesequence {
	z-index: 4 !important;
	left: 50%;
	transition: 1s all;
}

#imagesequence h1,
#imagesequence h2 {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	max-width: 75%;
	/* margin: 0px 17.4%; */
	width: 100%;
	right: 0;
}

#imagesequence h1 p,
#imagesequence h2 p {
	color: #ffffff;
	font-family: var(--font1), sans-serif;
	font-size: 6.6vw;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.16;
	margin: 0;
	padding: 0;
}

.mouse-icon {
	position: absolute;
	bottom: 90px;
	left: 50%;
	transform: translateX(-50%);
	border: 2px solid #e6e6e6;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 16px;
	height: 45px;
	width: 28px;
	display: block;
	z-index: 10;
}

.mouse-icon .wheel {
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	width: 6px;
	height: 9px;
	top: 4px;
	margin-left: auto;
	margin-right: auto;
	-webkit-animation-name: drop;
	animation-name: drop;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-play-state: running;
	animation-play-state: running;
}

.mouse-scroll-wrapper {
	margin-left: 30px;
	letter-spacing: 0.1em;
	display: none;
}

.mouse-icon:after {
	content: '';
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	width: 15px;
	height: 15px;
	transform: rotate(-45deg);
	position: absolute;
	bottom: -15px;
	left: 5px;
	animation-name: pulse_arrow;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-play-state: running;
}

@-webkit-keyframes drop {
	0% {
		top: 5px;
		opacity: 0;
	}

	30% {
		top: 8px;
		opacity: 1;
	}

	100% {
		top: 19px;
		opacity: 0;
	}
}

@keyframes drop {
	0% {
		top: 5px;
		opacity: 0;
	}

	30% {
		top: 8px;
		opacity: 1;
	}

	100% {
		top: 30px;
		opacity: 0;
	}
}

@keyframes pulse_arrow {
	0% {
		bottom: -15px;
	}

	50% {
		bottom: -18px;
	}

	100% {
		bottom: -20px;
	}
}

@keyframes pulse_arrow {
	0% {
		bottom: -15px;
		opacity: 0;
	}

	30% {
		bottom: -18px;
		opacity: 1;
	}

	100% {
		bottom: -20px;
		opacity: 0;
	}
}

.with_cookies {
	margin-top: 32px;
}

.footer_sticky_icons a {
	color: #a51e49;
	font-family: var(--font1), sans-serif;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 25px;
	padding-bottom: 5px;
	display: inline-block;
}

.footer_sticky_icons img {
	display: none;
	max-width: 75px;
}

.footer_sticky_icons a:hover img {
	display: block;
}

.footer_sticky_icons {
	position: fixed;
	z-index: 12;
	bottom: 0;
	width: 100%;
	height: 50px;
	background: url(../images/bottom-navigation.svg) no-repeat bottom center;
	filter: drop-shadow(0px 0px 7px #dadada);
}

.footer_sticky_icons .flex_container {
	justify-content: center;
	width: 100%;
	height: 100%;
	text-align: center;
	align-items: flex-end;
}

.col_1_3 {
	margin: 0 3%;
	min-width: 75px;
	max-width: 75px;
}

.footer_sticky_icons a:hover:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	background: #a51e49;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
}

#blog {
	position: relative;
}

/* #blog:hover:after{
    content: '';
    position: absolute;
        width: 100%;
    height: 4px;
    background: #a51e49;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
} */

#team {
	position: relative;
}

/* #team:hover:after{
    content: '';
    position: absolute;
        width: 100%;
    height: 4px;
    background: #a51e49;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
} */

.kontakt_bottom {
	position: relative;
}

.kontakt_bottom:hover:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	background: #a51e49;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
}

.oops_404 {
	margin-bottom: 0px;
}

.oops_404 .box_background {
	padding-top: 30.9% !important;
}

.oops_404 .box_background+#footer {
	position: relative;
}

#footer.custom_footer_404 {
	position: relative;
}

::height {
	height: 0;
}

#header {
	visibility: hidden;
}

.slideDown {
	animation-name: slideDown;
	-webkit-animation-name: slideDown;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	visibility: visible !important;
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}

	50% {
		transform: translateY(8%);
	}

	65% {
		transform: translateY(-4%);
	}

	80% {
		transform: translateY(4%);
	}

	95% {
		transform: translateY(-2%);
	}

	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}

	50% {
		-webkit-transform: translateY(8%);
	}

	65% {
		-webkit-transform: translateY(-4%);
	}

	80% {
		-webkit-transform: translateY(4%);
	}

	95% {
		-webkit-transform: translateY(-2%);
	}

	100% {
		-webkit-transform: translateY(0%);
	}
}

/***booking***/

.form {
	margin-top: -120px;
}

.booking-form-block {
	padding: 30px;
	-webkit-border-radius: 4px 4px 4px 0;
	-moz-border-radius: 4px 4px 4px 0;
	border-radius: 4px 4px 4px 0;
	background: #fff;
}

.booking-form-block .form-control {
	height: 45px;
	border: none;
	background: #f2f2f2;
}

.bookingform {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
}

.prev_button,
.next_button {
	width: 16px;
	font-size: 33px;
	cursor: pointer;
	color: #808080;
}

.booking_week {
	color: #000;
	font-size: 25px;
	font-weight: 500;
	line-height: 35px;
	margin: 0 25px;
	width: 200p;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}

#besichtigung {
	min-height: 669px;
}

.addheretheform {
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 0px;
	min-height: 300px;
}

.addheretheform h3 {
	color: #494642;
	font-size: 25px;
	font-weight: 500;
	line-height: 35px;
	margin-bottom: 30px;
}

#submitappoiment .blue_circle,
.addheretheform .blue_circle {
	width: 40px;
	height: 40px;
	background-color: #cad449;
	/* background: transparent; */
	border-radius: 50%;
	/* color: #000; */
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	line-height: 40px;
	margin-right: 20px;
}

#submitappoiment table,
.addheretheform table {
	width: 100%;
	background: #fff;
	padding-bottom: 10px;
}

.addheretheform table thead tr:nth-child(1) {
	background-color: transparent;
}

.addheretheform table thead tr:nth-child(2) th {
	color: #364652;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
}

.addheretheform table thead tr th {
	color: #fff;
	padding: 5px 0;
	font-weight: normal;
	border-right: 0;
}

.addheretheform table thead tr th:last-child {
	border-right: 0;
}

.addheretheform table thead tr th .button {
	background-color: #fff;
	color: #cad449;
	font-size: 14px;
	font-weight: 500;
	line-height: 27px;
	text-align: center;
	display: inline-block;
	padding: 4px 13px;
	margin-right: 10px;
	text-transform: uppercase;
	cursor: pointer;
	padding-top: 2px;
}

.addheretheform table tbody tr td {
	text-align: center;
	border-right: 0;
	vertical-align: top;
}

.addheretheform table tbody tr td:last-child {
	border-right: 0;
}

.addheretheform table tbody tr td .hour_container {
	border: 0;
	padding: 2px 10px;
	width: 100%;
	color: #f2f2ed;
	display: inline-block;
	margin: 2px 0;
	font-weight: 300;
}

.addheretheform table tbody tr td label {
	margin-bottom: 0;
}

.addheretheform .error_message {
	background: #ff4a4a;
	padding: 10px;
	color: #fff;
	border: 2px solid #ff4a4a;
	margin: 10px 0;
	font-size: 18px;
}

#submitappoiment table tbody tr td.available input[type='radio'] {
	display: none;
}



#submitappoiment table tbody tr td.available .hour_container {
	border: 0px solid #cad449;
	color: #6a6c71;
	cursor: pointer;
}

.radio_killer:checked+label .hour_container {
	background: #cad449;
	color: #fff !important;
}

.cont_left {
	display: inline-block;
	width: 310px;
	vertical-align: middle;
	padding: 10px 0;
	font-family: 'Barlow', Arial, sans-serif;
	font-size: 42px;
	color: #000;
}

.cont_right {
	display: inline-block;
	width: calc(100% - 320px);
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
	color: #000;
}

.besich_flex_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}







.radio_killer+label .hour_container {
	background: #f8f8f8;
	color: #12818e !important;
	width: 100%;
	display: block;
	text-align: center;
	margin: 5px 0;
	border-radius: 10px;
	height: 60px;
	line-height: 60px;
}

.radio_killer:hover+label .hour_container {
	color: #fff !important;
	background: #12818e;
}

.radio_killer:checked+label .hour_container {
	background: #12818e;
	color: #fff !important;
	width: 100%;
	display: block;
	text-align: center;
	margin: 5px 0;
	border-radius: 10px;
}

.cont_left {
	display: inline-block;
	width: 310px;
	vertical-align: middle;
	padding: 10px 0;
	font-family: var(--font1), sans-serif;
	font-size: 42px;
	color: #000;
}

.cont_right {
	display: inline-block;
	width: calc(100% - 320px);
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
	color: #000;
}

.besich_flex_container {
	display: flex;
	/* flex-wrap: wrap; */
	justify-content: flex-end;
	align-items: center;
}

.book_rowe td {
	vertical-align: top;
	width: 20%;
	padding-left: 7px;
}

/************loader*********/
.loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}

/* :not(:required) hides these rules from IE9 and below */

.loading:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0,
		rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0,
		rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0,
		rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0,
		rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

.loading.loading_custom {
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* -webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear; */
}

@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.booking_form label {
	width: 100%;
}



#submittome.btn-custom {
	color: #424242;
	background: transparent;
	display: block;
	font-size: 20px;
	line-height: 1.3;
	position: relative;
	z-index: 1212;
	margin: 30px 0 0 0;
}

.white_bg {
	background: #eaeaea;
	padding: 15px;
}

.daysoftheweek {
	padding-bottom: 0px !important;
	background-color: #D7E5E8;
	border-left: 1px solid #fff;
}

th.daysoftheweek.gray_dark.white_gap {
	background: rgb(255, 255, 255);
	/*background: linear-gradient(90deg, #ffffff 0%, #FFFFFF 6%, #D7E5E8 6%);*/
	padding-left: 14px;
}

th.daysoftheweek.gray_dark.white_gap .days_group {
	padding-bottom: 10px;
	background: #D7E5E8;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

th.daysoftheweek:has(+ th.white_gap) {
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;

}

.interese {
	margin-bottom: 40px;
}

/* .error_container {} */

.error_message {
	color: #ffffff;
	font-size: 20px;
	padding: 12px;
	margin-bottom: 12px;
	background: rgb(255 0 0 / 29%);
}

:focus-visible,
:focus,
:active {
	outline: none !important;
	box-shadow: none !important;
	/* border: 0 !important; */
	/* background-image: inherit !important; */
}

/*
.daysoftheweek.gray_light {
	border-bottom: 10px solid #666766;
}

.daysoftheweek.gray_dark {
	border-bottom: 10px solid #c5c5c5;
}

.daysoftheweek:hover {
	border-bottom: 10px solid #cad449;
}*/

/* .daysoftheweek:hover .day_nr {
	color: #cad449;
} */

.days_group {
	display: flex;
	vertical-align: bottom;
	align-items: flex-end;
	justify-content: right;
	gap: 10px;
	padding-bottom: 10px;
}

.months_head .days_group {
	text-align: left;
	/* align-items: flex-start; */
	justify-content: flex-start;
	padding-left: 0%;
}

.months_head.white_gap .days_group {
	text-align: left;
	/* align-items: flex-start; */
	justify-content: flex-start;
	padding-left: 14px;
}

.day_nr {
	font-family: var(--font2), sans-serif;
	font-size: 50px;
	line-height: 0.9;
	color: #12818E;
	display: inline-block;
	vertical-align: bottom;
	padding-right: 10px;
	line-height: 1.2;
}

.week_day,
.month_day {
	font-family: var(--font1), sans-serif;
	font-size: 25px;
	line-height: 1.8;
	display: block;
	color: #12818E;
	text-align: left;
}

.week_day {
	text-transform: uppercase;
}

.month_day {
	color: #999;
}

tr.book_row:nth-of-type(odd) {
	background: transparent;
}

tr.book_row:nth-of-type(even) {
	background: transparent;
}

/*tr.book_row td {
	background: #F9F9FA;
}

tr.book_row:hover td {
	background: #008952;
	color: #ffffff
}*/

tr.book_row:hover td.unavailable {
	background: transparent;
	pointer-events: none;
}

.footer_buttons_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	position: relative;
}

.footer_buttons_flex .btn-custom {
	margin: 60px 0 0 0;
	min-width: 240px;
}

.show_calendar {
	left: 250px;
}

/* .col-sm-6.mobile_size {
	padding-left: 0;
} */

#clog {
	position: fixed;
	left: 10%;
	top: 10%;
	z-index: 999;
	/* color: #fff; */
	font-size: 40px;
}

.interese label,
.interese select {
	width: 100%;
	font-size: 24px;
}

.interese select {

	background: #D7E5E8;
}

.pl-0 {
	padding-left: 0;
}

.pr-0 {
	padding-right: 0;
}

.spacer_tb_100 {
	margin: 100px 0;
}

.spacer_bott_100 {
	margin-bottom: 100px;
}

.main_buttons .cell_1_5 {
	min-width: 31.5%;
	max-width: 31.5%;
	margin: 0 0.8%;
}

.main_buttons .btn-custom {
	width: 100%;
	height: auto;
	white-space: break-spaces;
}

.socials {
	margin-top: 25px;
}

.socials a.insta_icon {
	background-image: url(../images/instagram.svg);
	margin-right: 7px;
	display: inline-block;
	text-indent: -3000px;
	width: 38px;
	height: 38px;
	background-size: 32px;
	background-repeat: no-repeat;
	background-position: center;
}

.socials a.insta_icon:hover {
	background-image: url(../images/instagram_w.svg);
	width: 38px;
	height: 38px;
	background-size: 28px;
	background-repeat: no-repeat;
	background-position: center;
}

.socials a.facebook_icon {
	background-image: url(../images/facebook.svg);
	margin-right: 7px;
	display: inline-block;
	text-indent: -3000px;
	width: 38px;
	height: 38px;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;
}

.socials a.facebook_icon:hover {
	background-image: url(../images/facebook_w.svg);
	width: 38px;
	height: 38px;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;
}

.socials a.linkedin_icon {
	background-image: url(../images/linkedin.svg);
	margin-right: 7px;
	display: inline-block;
	text-indent: -3000px;
	width: 38px;
	height: 38px;
	background-size: 32px;
	background-repeat: no-repeat;
	background-position: center;
}

.socials a.linkedin_icon:hover {
	background-image: url(../images/linkedin_w.svg);
	width: 38px;
	height: 38px;
	background-size: 28px;
	background-repeat: no-repeat;
	background-position: center;
}

.socials a:hover .socials img {
	width: 48px;
	padding: 10px;
}

.socials a:hover {
	background: #000;
}

.socials a:hover img {
	filter: invert(1);
}

/*********************************************
LP-EW 2***************************************/

.no_padding {
	padding: 0 !important;
}

.max-width-1400 .container {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

body.height-inherit {
	height: inherit !important;
}

.landingpage_w2 {
	width: 100%;
	background: #fff;
}

.landingpage_w2 .container {
	max-width: 1400px;
	margin: 0 auto;
	width: 100%;
	position: relative;
}

.top_bar {
	background: #494642;
	width: 100%;
}

.logo {
	display: block;
	padding: 20px 0;
}

.logo img {
	width: 100%;
	max-width: 177px;
}

.abs_cont {
	position: fixed;
	bottom: 0;
	right: 20px;
	max-width: 180px;
	background-color: #009cc3;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #fff;
	font-family: var(--font1), sans-serif;
	font-size: 30.04px;
	font-weight: 500;
	letter-spacing: 0.05px;
	line-height: 44px;
	text-align: center;
	padding: 24px 0;
	z-index: 12345;
	cursor: pointer;
	animation-name: popdown;
	animation-duration: 4s;
	opacity: 1;
	border: 1px solid #fff;
}

@keyframes popdown {
	0% {
		bottom: -340px;
	}

	50% {
		bottom: -340px;
	}

	100% {
		bottom: 0px;
		opacity: 1;
	}
}

.abs_cont a {
	color: #fff;
	text-decoration: none;
	font-family: var(--font1), sans-serif;
}

.page_section h1 {
	margin: 65px 0 80px 0;
}

.page_section h1,
.page_section h1 p {
	color: #494642;
	font-family: var(--font1), sans-serif;
	font-size: 74.87px;
	font-weight: 500;
	letter-spacing: 3.85px;
	line-height: 1.1;
	margin-bottom: 0;
	;
}

.page_section h1 span.bold_ipso {
	color: #494642;
	font-family: var(--font1), sans-serif;
	font-size: 74.87px;
	font-weight: bold;
	letter-spacing: 0.05px;
	line-height: 1.1;
}

.page_section {
	margin-bottom: 45px;
}

.main_hero img {
	width: 100%;
}

.small_intro p {
	padding: 0 0 45px 00px;
	margin-bottom: 0;
	color: #494642;
	font-family: var(--font1), sans-serif;
	font-size: 35px;
	font-weight: bold;
	letter-spacing: 0.05px;
	line-height: 50px;
	text-align: center;
}

.small_intro .blue_text {
	color: #009cc3;
}

.max-width-725 .container {
	width: 100%;
	max-width: 725px;
	margin: 0 auto;
}

.employees .description_content {
	padding-top: 15px;
	;
}

.employees .description_content p a {
	color: #009cc3;
}

.employees .description_content p a:hover {
	color: #009cc3;
	text-decoration: underline;
}

.max-width-900 .container {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.boxes_section .cell_1_6 {
	padding: 0 15px;
	margin-bottom: 16px;
}

.box_lp a {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #494642;
	border-radius: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 100%;
	color: #fefefe;
	font-family: var(--font1), sans-serif;
	font-size: 30.9px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.1;
	padding: 24px 0px;
	min-height: 145px;
}

.box_lp h2,
.box_lp h2 p {
	margin: 0;
	padding: 0;
	font-size: 30.9px;
	line-height: 1.1;
}

.box_lp a:hover {
	background-color: #009cc3;
	text-decoration: none;
}

.ta-center {
	text-align: center;
}

.rocket_section {
	background-color: #f9f9f9;
	padding: 45px 0;
	margin: 45px 0 0 0;
}

.rocket_section .img_cont img {
	width: 100%;
	max-width: 197px;
	margin: 15px auto;
}

.rocket_paragraph p,
.rocket_section .description_content p {
	font-family: var(--font1), sans-serif;
	color: #fff;
	font-size: 45px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.1;
	padding-top: 20px;
	padding-bottom: 40px;
}

.btn-rocket,
.rocket_section .btn-custom {
	color: #fff;
	background-color: #494642;
	border-color: #494642;
	padding: 15px 25px;
	font-size: 30px;
	font-weight: 500;
	font-family: var(--font1), sans-serif;
	border-radius: 20px;
}

.btn-rocket:hover {
	background-color: #009cc3;
	border-color: #009cc3;
	color: #fff;
}

.two_images {
	padding: 45px 0 45px 0;
	margin-top: 0px;
}

.two_images .cell_1_2 {
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
}

.two_images .cell_1_2 .full-height {
	position: relative;
}

.two_images img {
	width: 100%;
}

.two_images .tv video {
	position: absolute;
	top: -28%;
}

.green_label {
	position: absolute;
	left: 0rem;
	right: 0rem;
	background: #cdda44;
	padding: 10px;
	bottom: 60px;
}

.green_label span {
	color: #fefefe;
	font-family: var(--font1), sans-serif;
	font-size: 35.31px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.1;
}

.rw-1:after {
	content: '';
	background: #009cc3;
	width: 46%;
	height: 4.5px;
	position: absolute;
	top: 28px;
	right: 0px;
}

.rw-2 {
	text-align: center;
	width: 100%;
	display: block;
}

.rw-3 {
	text-align: right;
	width: 100%;
	display: block;
}

.rw-3:before {
	content: '';
	background: #009cc3;
	width: 20%;
	height: 4.5px;
	position: absolute;
	bottom: 24px;
	left: 0px;
}

.dark_label {
	display: flex;
	justify-content: center;
}

.dark_label span {
	position: absolute;
	background: #494642;
	color: #fefefe;
	font-family: var(--font1), sans-serif;
	font-size: 19.9px;
	letter-spacing: 0.02px;
	padding: 0 10px;
	bottom: 15px;
}

.aktuelles_section.aktuelles_boxes {
	padding-bottom: 115px;
	padding-top: 65px;
}

h2.simple_title,
.simple_title h2 p {
	color: #494642;
	font-family: var(--font1), sans-serif;
	font-size: 60.66px;
	font-weight: bold;
	letter-spacing: 0.05px;
	line-height: 1;
	margin: 0px 0 10px 0;
}

.simple_content p,
.simple_content .description_content p {
	color: #494642;
	font-family: var(--font1), sans-serif;
	font-size: 60.66px;
	font-weight: 500;
	letter-spacing: 0.05px;
	line-height: 1;
	margin-bottom: 50px;
}

/* .box_aktuelles{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #494642;
    min-height: 149px;
    border-radius: 10px;
    min-width: 16%;
    max-width: 16%;
  } */

.box_aktuelles a {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #494642;
	border-radius: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 100%;
	min-height: 165px;
}

.box_aktuelles a h2 p {
	color: #fefefe;
	font-family: var(--font1), sans-serif;
	font-size: 25px;
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 1.1;
	padding: 0;
	margin: 0;
}

.box_aktuelles a h2 {
	margin: 0;
	padding: 0;
}

.box_aktuelles a:hover {
	background-color: #009cc3;
	text-decoration: none;
}

.box_aktuelles img {
	width: 67px;
	height: 67px;
	margin-bottom: 12px;
}

.aktuelles_section .cell_1_6 {
	min-width: 16.666667%;
	max-width: 16.666667%;
	padding: 0 15px;
}

.aktuelles_section .cell_1_5 {
	min-width: 20%;
	max-width: 20%;
	padding: 0 10px;
}

.aktuelles_section .cell_1_4 {
	min-width: 25%;
	max-width: 25%;
	padding: 0 10px;
}

.aktuelles_section .cell_1_3 {
	min-width: 33.3%;
	max-width: 33.3%;
	padding: 0 15px;
}

.aktuelles_section .cell_1_2 {
	min-width: 49.9%;
	max-width: 49.9%;
	padding: 0 15px;
}

.aktuelles_section .description_content p {
	color: #494642;
	font-family: var(--font1), sans-serif;
	font-size: 60.66px;
	font-weight: 500;
	letter-spacing: 0.05px;
	line-height: 1.1;
}

.spacer_top_45 {
	margin-top: 45px;
}

.inner_spacer_top_115 {
	padding-top: 45px;
}

.inner_spacer_bott_115 {
	padding-bottom: 45px;
}

.blue_section {
	background-color: #009cc3;
}

.blue_section .cell_1_6 {
	min-width: 16.666667%;
	max-width: 16.666667%;
	padding: 0 15px;
}

.blue_section h2.simple_title,
.blue_section .simple_title h2 p {
	color: #fff;
	font-family: var(--font1), sans-serif;
	font-size: 60.66px;
	font-weight: 500;
	letter-spacing: 0.05px;
	line-height: 1;
	margin: 0px 0 10px 0;
}

.blue_section .simple_title .description_content p {
	color: #fefefe;
	font-family: var(--font1), sans-serif;
	font-size: 38px;
	font-weight: 600;
	letter-spacing: 0.03px;
	margin-bottom: 80px;
}

.blue_section .simple_content a {
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #494642;
	border-radius: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 100%;
	min-height: 145px;
}

.blue_section .simple_content a:hover {
	background: #fefefe;
}

.blue_section .simple_content a:hover h2 p {
	color: #494642;
}

/* .blue_section .simple_content h2 p{
    color: #FEFEFE;
    font-family: var(--font1), sans-serif;
    font-size: 30.9px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.1;
} */

.blue_section .small_simple_content {
	margin-bottom: 70px;
}

.blue_section .small_simple_content p {
	font-family: var(--font1), sans-serif;
	font-size: 38px;
	font-weight: 600;
}

.blue_section .box_lp a:hover {
	background-color: #fefefe;
	text-decoration: none;
	color: #494642;
}

img.responsive {
	width: 100%;
}

.spacer-top-180 {
	margin-top: 180px;
}

.footer_inpage {
	margin-top: 50px;
	background: #494642;
	padding: 40px;
}

.footer .footer_menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer_inpage .footer_menu li {
	display: block;
}

.footer_menu li a {
	color: #000;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
}

.inner-spacer-lr-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.bottom_section {
	margin-top: 65px;
}

.bottom_section_title h2 p {
	color: #494642;
	font-family: Barlow;
	font-size: 57.48px;
	letter-spacing: 0.05px;
	line-height: 1.2;
	text-align: center;
}

.footer .footer_menu li a:after {
	content: '';
	position: absolute;
	top: 3px;
	right: 10px;
	font-size: 16px;
	display: none;
}

.tv video {
	position: absolute;
	top: -30%;
	left: 0;
	z-index: 1;
	width: 100%;
	height: auto;
	overflow: hidden;
	transform: translateY(28%);
}

.tv:has(video.overlay_video)::after {
	content: '';
	background: url(../images/poster_hero_newexp.png) no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-size: 100%;
}

.tv {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.tv .screen {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin: auto;
	opacity: 0;
	transition: opacity 0.5s;
}

.tv .screen.active {
	opacity: 1;
}


.ipso_gen_container {
	display: none;
}

.hide_me_on_desktop {
	display: none;
	margin: 0;
}

.unmute_video {
	text-indent: -30000px;
	background: url(../images/sound_off_w.svg) no-repeat center center;
	width: 72px;
	height: 72px;
	position: absolute;
	right: 15px;
	bottom: 15px;
	z-index: 123;
	outline: none;
	border: 0;
	box-shadow: none;
}

.mute_video {
	text-indent: -30000px;
	background: url(../images/sound_on_w.svg) no-repeat center center;
	width: 72px;
	height: 72px;
	position: absolute;
	right: 15px;
	bottom: 15px;
	z-index: 123;
	outline: none;
	border: 0;
	box-shadow: none;
}

.navbar-brand {
	float: left;
	height: auto;
	padding: 7px 15px;
	flex: 1;
}

.navbar-nav>li {
	padding: 0 10px;
}

.navbar-nav>li>a {
	padding: 0px;
}

.nav li a {
	border-bottom: none;
	color: #4c4c4c;
	display: inline-block;
	font-size: 24px;
	line-height: 1.5;
	text-transform: none;
	width: auto;
	font-family: var(--font1), sans-serif;
	font-weight: 500;
}

.nav>li>a:focus,
.nav>li>a:hover {
	background-color: transparent;
}

.nav li a:hover:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #cdda44;
	opacity: 1;
}

.navbar-toggler {
	display: none;
}

.navbar-brand img {
	width: 100%;
	max-width: 200px;
	display: inline-block;
}

/* header .container {
	max-width: 1400px;
	width: 100%;
} */

.navbar-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.navigation {
	padding: 0px 00px;
}

.navbar {
	position: relative;
	min-height: 50px;
	margin: 3px 0;
	border: 1px solid transparent;
}

.win_container {
	align-items: center;
	max-width: 1024px;
	margin: 0 auto;
}

.win_container img {
	width: 140px;
	max-width: 140px;
	z-index: 54;
}

.text-container_white {
	background: #fff;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	width: calc(100% - 140px);
	font-size: 24px;
	font-family: var(--font1), sans-serif;
	font-weight: 700;
	padding: 27px 29px 27px 59px;
	text-align: left;
	margin-left: -37px;
	z-index: 22;
}

#top_navigation {
	background: #f2f2f2;
	padding: 3px 0;
}

.global-header__link {
	padding-left: 24px !important;
	position: relative !important;
}

.global-header__icon {
	position: absolute;
	left: 0;
	top: 4px;
	width: 16px;
	height: 16px;
}

.icon_bildungsweg {
	background: url(../images/navi_arrow.png) no-repeat left center;
	background-size: 100%;
}

.icon_schule {
	background: url(../images/school_icon.png) no-repeat left center;
	background-size: 100%;
}

.icon_lock {
	background: url(../images/lock_icon.png) no-repeat left center;
	background-size: 100%;
}

#top_navigation .navbar {
	position: relative;
	min-height: 15px;
}

.navbar-top {
	display: flex;
	flex-wrap: wrap;
}

.navbar-top li a {
	font-size: 13px;
	display: block;
	position: relative;
	line-height: 1.3 !important;
	padding: 4px 0;
}

.navbar-top li.dropdown {
	padding-right: 0px;
	margin-right: 15px;
}

.navbar-top li.dropdown .dropdown-toggle {
	padding-right: 15px;
}

.navbar-top .navbar-nav {
	padding-bottom: 0 !important;
}

.navbar-top li.dropdown .dropdown-toggle:before {
	content: '';
	background: url(../images/carret.png) no-repeat right center;
	position: absolute;
	width: 13px;
	height: 13px;
	background-size: 100%;
	top: 6px;
	right: -3px;
	left: auto;
}

.navbar-top li.dropdown .dropdown-toggle:hover::before {
	left: auto;
	right: -3px;
}

.cell_1_6 a>* {
	pointer-events: none;
}

.beratungsform select {
	width: 100%;
	max-width: 250px;
	display: block;
}

.beratungsform .custon_checkbox_width input[type='checkbox'] {
	width: 16px;
	display: inline-block;
	vertical-align: top;
	margin: 11px 0 0 0;
}

.beratungsform .custon_checkbox_width label {
	width: calc(100% - 20px);
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
}

#Kommentar {
	width: 100%;
	max-width: 360px;
	height: 80px;
	font-size: 18px;
}

.mt-5 {
	margin-top: 30px;
}

.beratungsform .row {
	margin-left: -15px;
	margin-right: -15px;
}

.beratungsform .mlr-0 {
	margin-left: 0;
	margin-right: 0;
}

.bluebg_section_hidden {
	display: none;
}

.bluebg_section_hidden .container {
	max-width: 1400px;
	background: #009dc6;
	padding: 160px 140px;
	;
}

.bluebg_section_hidden .description_content p {
	color: #FFFFFF;
	font-family: var(--font1), sans-serif;
	font-size: 35px;
	letter-spacing: 1.7px;
	line-height: 50px;
	text-align: center;
}

.four_boxes_img .img_cont img,
.two_boxes_img .img_cont img {
	width: 100%;
	max-width: 183px;
	;
	margin: 0 auto;
}

.four_boxes_img .cell_1_4 {
	position: relative;
	/* background: #ececeb; */
	/* padding-bottom: 82px;; */
	min-width: 23%;
	max-width: 23%;
	/* border-radius: 15px;; */
}

.four_boxes_img .cell_1_2 {
	min-width: 46%;
	max-width: 46%;
}

.four_boxes_img .cell_1_2:nth-child(1) {
	padding-right: 7px;
}

.four_boxes_img .cell_1_2:nth-child(2) {
	padding-left: 7px;
}

.four_boxes_img .cell_1_5 {
	min-width: 18%;
	max-width: 18%;
}

.four_boxes_img .btn-custom,
.two_boxes_img .btn-custom {
	display: none;
}

.four_boxes_img .flex_container,
.two_boxes_img .flex_container {
	align-items: stretch;
	justify-content: space-around;
}

.four_boxes_img h2,
.two_boxes_img h2 {
	display: flex;
	min-height: 88px;
	align-items: center;
	justify-content: center;
	margin-bottom: 44px;
	;
}

.four_boxes_img.new_exp h2,
.two_boxes_img.new_exp h2 {
	background: #009cc3;
	min-height: 24px;
	padding: 13px 0 8px 0;
	color: #fff;
	transform: rotate(-3deg) skew(-12deg, 0deg) translateX(-50%);
	position: absolute;
	width: 100%;
	max-width: 342px;
	top: -114px;
	left: 50%;
}

.four_boxes_img.new_exp .front,
.two_boxes_img.new_exp .front {
	margin-top: 180px;
}

.two_boxes_img.new_exp .cell_1_4:nth-child(1),
.two_boxes_img.new_exp .cell_1_4:nth-child(2) {
	margin-top: 120px;
	;
}

.two_boxes_img.new_exp .cell_1_4 {
	min-width: 49%;
	max-width: 49%;
	padding: 0 20px;
	margin-top: 220px;
	position: relative;
}

.two_boxes_img.new_exp .card {
	height: auto;
}

.two_boxes_img.new_exp .img_cont {
	background-color: #EEF5F9;
	position: relative;
	padding: 60px 0;
	color: #46443E;
	z-index: 1;
	border-radius: 0px;
}

.yello_title_exp {
	color: #cdda44;
}

.two_boxes .cell_1_2 {
	min-width: 45%;
	max-width: 45%;

}

.new_exp #box_hover1,
.new_exp #box_hover2,
.new_exp #box_hover3,
.new_exp #box_hover4 {
	display: flex;
	flex-direction: column;

}

.two_boxes_img.new_exp .cell_1_4 div {
	order: 4;
}

.two_boxes_img.new_exp h2 {
	order: 1 !important;
	margin: 0;
}

.two_boxes_img.new_exp .description_content {
	order: 3 !important;
	margin-top: 30px;
}

.two_boxes_img.new_exp h4 {
	margin-bottom: -24px;
	z-index: 123;
}

.two_boxes_img.new_exp h4 p {
	font-family: 'Barlow', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 33px;
	line-height: 40px;
}

.two_boxes_img.new_exp .description_content p {
	font-family: 'Barlow', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
}

.two_boxes_img.new_exp .description_content p a {
	color: #009cc3;
}



.two_boxes_img.new_exp .img_cont {
	order: 2 !important;
}

.two_boxes_img.new_exp .mobile-arrow-black {
	display: none;
}




.two_boxes .flex_container {
	justify-content: space-between;
}

.international_school .btn-custom {
	color: #fff;
	background-color: #494642;
	border-color: #494642;
	padding: 15px 25px;
	/* font-size: 30px; */
	font-weight: 500;
	font-family: var(--font1), sans-serif;
	border-radius: 20px;
}

.international_school .flex_container {
	align-items: center;
}

.international_school .cell_1_3 {
	position: relative;
}

.international_school .cell_2_3 {
	padding: 0 0 0 65px;
}

/*.international_school .description_content p{
	color: #807a68;
  font-family: 'Barlow', Arial, Helvetica, sans-serif;
  font-size: 35px;
  letter-spacing: 1.4px;
  line-height: 1.5; 
}*/



/***
* CSS3 FLIP CARDS
* Markup for an element that a user can hover to reveal content on the back, like a card
* Browser Support: Safari, Firefox, Chrome, IE8+, and Touch Devices; (IE9 and below will not have any flip effect but will just change on hover)
***/
.scene {
	perspective: 30em;
}

.card {
	width: 100%;
	height: 100%;
	position: relative;
	transition: transform 0.5s;
	transform-style: preserve-3d;
}

.face {
	width: 100%;
	height: 100%;
	line-height: 15em;
	text-align: center;
	position: absolute;
	border-radius: 15px;
	color: white;
	-webkit-perspective: 0;
	perspective: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	visibility: visible;
}

.front {
	background-color: #ececeb;
	position: relative;
	padding: 60px 0;
	color: #46443E;
	z-index: 1;
}

.back {
	background-color: #009DC6;
	transform: rotateY(180deg);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFF;
	display: flex;
	align-items: center;
	z-index: 2;
	opacity: 1;
}

.back .description_content p strong {
	font-weight: bold;
}

.back .description_content p {
	color: #fff;
	;
	font-size: 19px;
	padding: 20px 15px;
}

.back .description_content p a {
	color: #cdda44;
	font-size: 19px;
	padding-top: 10px;
	display: block;
	font-weight: 500;
}

.back .description_content p a:hover {
	text-decoration: underline;
}

.back .description_content ul {
	margin: 0;
	padding: 0;
}

.back .description_content ul li {
	margin: 0;
	padding: 0;
}

.scene:hover .card {
	transform: rotateY(180deg);
}

.scene:hover .back {
	/* visibility: visible; */
	z-index: 2332;
}

.scene:hover .front {
	/* visibility: hidden; */
	z-index: -1;
}

.language_cont {
	position: absolute;
	bottom: -25px;
	left: 10px;
	font-size: 15px;
	color: #333333;
	font-weight: 600;
	background: #fff;
}

.language_cont a {
	font-size: 15px;
	color: #333333;
	font-weight: 600;
	padding: 0 4px;
}

.language_cont a:hover {
	text-decoration: underline;
}



header.lernen_kids {
	position: sticky;
	top: 0;
	;
}

.secondary_boxes .box_lp a {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #ececeb;
	border-radius: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 100%;
	color: #494642;
	font-family: var(--font1), sans-serif;
	font-size: 30.9px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.1;
	padding: 24px 0px;
	min-height: 145px;
	border: 2px solid #494642;
}

.secondary_boxes.international_school .btn-custom {
	color: #494642;
	background-color: #ececeb;
	border-color: #494642;
	border: 2px solid #494642;
	padding: 15px 25px;
	/* font-size: 30px; */
	font-weight: 500;
	font-family: var(--font1), sans-serif;
	border-radius: 20px;
}

.ai-fs .flex_container {
	align-items: flex-start;
}

.simple_title {
	margin-bottom: 40px;
}

.employees.bordered .description_content {
	border: 2px solid #009cc3;
	padding-top: 35px;
	padding-bottom: 35px;
	border-radius: 12px;
}

.max-width-520 .container {
	width: 100%;
	max-width: 520px;
	margin: 0 auto
}

.employees.bordered.exp_new .container {
	background: #EEF5F9;
	max-width: 1100px;
	;
	margin-top: 20px;
	;
	padding: 50px 0 50px 0;
}

.employees.bordered.exp_new h2 {
	margin: 0 0 40px 0;
}

.employees.bordered.exp_new h2 p {
	color: #4A4844;
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 500;
	font-size: 40px;
	line-height: 1.1;
}

.employees.bordered.exp_new .description_content {
	border: 0px solid transparent;
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 12px;
}

.employees.bordered.exp_new .description_content p a {
	color: #4A4844;
	border: 1px solid #4A4844;
	min-width: 300px;
	display: inline-block;
	margin-bottom: 10px;
	padding: 15px 0;
	;

	font-family: 'Barlow', sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 1;
}



.header_elements {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	/* padding-top: 40px; */
	align-items: flex-end;
}

.header_elements h1 {
	font-family: var(--font2);
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.5;
	color: #000000;
}

.container-select {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	margin-bottom: 15px;

}

.container-select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	height: 42px;
	border-radius: 5px;
	/*border: 0 !important;*/
	padding-left: 15px;
	width: 100%;
}

.container-select select:focus-visible,
.container-select select:focus {
	border: 0;
	box-shadow: none;
	outline: none;
}

.container-select::after {
	content: "";
	background: url(../images/arrow_down.svg) no-repeat right center;
	position: absolute;
	top: 50%;
	right: 5px;
	width: 25px;
	height: 25px;
	background-size: contain;
	pointer-events: none;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.control-group select {
	background: #d7e5e8;
	height: 61px;
	line-height: 61px;
	border: 0 !important;
	font-size: 20px;
}

.jc-fend {
	justify-content: flex-end;
}

.week_nr {
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 700;
	font-size: 25px;
	line-height: 1;

	display: flex;
	align-items: center;
	text-align: center;

	color: #008952;
}

.days_interval {
	font-family: var(--font1);
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
	color: #000000;
	text-transform: capitalize;
    margin-top: 10px;
}

.logo-login {
	width: 100%;
	max-width: 200px;
}

.months_head {
	padding-bottom: 10px;
}

.months_head .days_group {
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	line-height: 1;
	color: #000000;
	text-transform: capitalize;
}




/**********/

.alerts-border {
	border: 0 !important;
	-moz-animation: pulsate .5s 5 !important;
	-webkit-animation: pulsate .5s 5 !important;
	animation: pulsate .5s 5 !important;
}

@keyframes pulsate {

	0%,
	100% {
		-moz-box-shadow: 0 0 5px 5px rgba(178, 17, 7, 0.45);
		-webkit-box-shadow: 0 0 5px 5px rgba(178, 17, 7, 0.45);
		box-shadow: 0 0 5px 5px rgba(178, 17, 7, 0.45);
	}

	50% {
		-moz-box-shadow: 0 0 10px 2px rgba(178, 17, 7, 0.45);
		-webkit-box-shadow: 0 0 10px 2px rgba(178, 17, 7, 0.45);
		box-shadow: 0 0 10px 2px rgba(178, 17, 7, 0.45);
	}
}



/********/

.btn-forward {
	background: url(../images/fwd.svg) no-repeat right 23px !important;
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.5;
	color: #000000;
	padding-right: 25px;
	height: 61px;
	text-align: right;
	float: right;
}

.back_btn {
	background: url(../images/back.svg) no-repeat left 22px;
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5;
	color: #000000;
	padding-left: 25px;
	height: 61px;
}


.booking_information {
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.5;
	color: #000000;
	padding-right: 60px;
}
.booking_information h2{
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1;
	color: #000000;
}
.booking_project{
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 1;
	text-transform: uppercase;
	color: #000000;
}
.ondate{
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 1.2;

	color: #008952;

}
.ondate span{
	margin-top: 30px;
	display: block;
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1;


	color: #000000;
}
.project_names,
.project_names a{ 
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 1.5;
	text-transform: uppercase;
	color: #000000;
}
.project_names a{
	position: relative;
	padding-left: 30px;
	line-height: 1.5;
	transition: all 0.3s;
	background: url(../images/fwd.svg) no-repeat 0 7px;
}
/*
.project_names a:before{
    content: '';
    height: 39px;
    width: 30px;
    background: url(../images/fwd.svg) no-repeat 0 7px;
    font-family: 'DINPro';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5;
    color: #000000;
    position: absolute;
    top: 0;
    left: 0;
	
}*/
.project_names a:hover,
.project_names a:focus-visible,
.project_names a:focus,
.project_names a:active{
	transition: all 0.3s;
	background: url(../images/fwd.svg) no-repeat 3px 7px !important;
}

.calendar_icon_cont {
    position: relative;
}
.toggle_calendar  {
	border: 0 !important
}

.show_calendar {
    top: 60px;
    left: 167px !important;
}

.weeks_calendar.cell_2_5{
	min-width: 280px;
	max-width: 280px;
	margin-top: 30px;
}

.interese .flex_container{
	justify-content: flex-end;
}
.select_appointment.cell_2_5{
	min-width: calc(80% - 280px);
    max-width: calc(80% - 280px);
}


.header_logos_container {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.container_logo1{
	background-color: transparent;
}
.container_logo2{
background-color: #FF5C00;
}
.container_logo3{
background-color: #FF0000;
}

.container_logo {
	width: 33.3%;
    height: 100%;
	min-height: 92px;
    align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_form_bg{
	background: url(../images/form_bg.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	z-index: 2;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
}
.contact_form_cm {
	max-width: min(85%, 900px);
    width: 100%;
	margin: 0 auto;
	padding: 5% 15px;
}
.contact_form_cm h4{
	text-align: center;
	margin-bottom: 60px;
}
.contact_form_cm h4 p{
	font-weight: 500;
	font-size: 30px;
	line-height: 1.3;
}

.contact_form_cm h4,
.contact_form_cm h4 p,
.contact_form_cm label,
.contact_form_cm p,
.contact_form_cm span{
	color: #ffffff;
}
.contact_form_cm ::placeholder{
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
}
.contact_form_cm input,
.contact_form_cm textarea,
.contact_form_cm select{
	border: 2px solid #ffffff;
	background: rgba(0,0,0,0.2);
	border-radius: 60px;;
	height: 48px;
	line-height: 48px;;
	color: #ffffff;
	font-size: 20px;;
}
.contact_form_cm input:focus,
.contact_form_cm textarea:focus,
.contact_form_cm select:focus{
	border: 2px solid #008952 !important;
	background: rgba(0,0,0,0.2);
	border-radius: 60px;;
	height: 48px;
	line-height: 48px;;
}

.contact_form_cm input[type="checkbox"]{
	border: 2px solid #ffffff;
	background: rgba(0,0,0,0.2);
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	height: auto;
	padding: 15px 30px;
	border-radius: 60px;;
	cursor: pointer;
}

/***/
.round {
	position: relative;
}

.round label {
	cursor: pointer;
	position: relative;
	padding-left: 56px;
	padding-top: 11px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 0;
}

.round label:before {
    content: "";
    border: 2px solid #fff;
    height: 48px;
    width: 48px;
    left: 0px;
    opacity: 1;
    position: absolute;
    top: 0px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
}
.round label:after {
	content: "";
	border: 2px solid #fff;
	border-top: none;
	border-right: none;
    opacity: 0;
    position: absolute;
    left: 10px;
    top: 10px;
    transform: rotate(-45deg);
	height: 15px;
    width: 31px;
}

.round input[type="checkbox"] {
	opacity: 0;
    position: absolute;
    width: 1px;
    height: 1px;
    top: 050%;
    left: 17px;
	border: 0;
}

/* .round input[type="checkbox"]:checked + label {
	
} */

.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
/*****/

.form_text_agreement,
.form_text_agreement a,
.arti-kontakt a{
	font-family: var(--font1);
	font-size: 16px;
	color: #ffffff;
	text-decoration: underline;
}
.form_text_agreement{
	margin-top: 00px;;
	margin-bottom: 15px;;
}
.kontact_form .cell_1_3 {
    display: flex;
    align-items: center;
}
.interested_text{
	font-family: var(--font1);
	font-size: 20px;
	color: #ffffff;
	font-weight: 500;
	margin-top: 11px;;
}

#agreementModal .modal-body{
	font-family: var(--font1);
	font-size: 20px;;
}
#agreementModal .close{
	font-size: 30px;
	opacity: 0.6;
}
.modal{
	z-index: 9999999;
}
.modal-dialog {
	width: 65%;
    max-width: 800px;
	margin: 30px auto;
}
.modal-dialog a{
	color: #008952;
}
.btn-jh{
	background: #008952;
	color: #ffffff;
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.5;	
	padding: 10px 30px;
	border-radius: 60px;
}
.contact_form .flex_container{
	justify-content: space-between;
}
.contact_form .cell_1_2{
	min-width: calc(50% - 10px);
	max-width: calc(50% - 10px);
}
#submit{
	font-family: var(--font1);
	font-weight: 700;
	font-size: 24px;
	padding: 0;
    color: #ffffff;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 300px;
    padding-bottom: 4px;
    height: 77px;
    background: rgba(0, 137, 82, 0.7);
    border: 0 !important;
    margin: 40px auto;
	border-radius: 60px;;
}
.buton_start{
	font-family: var(--font1);
	font-weight: 700;
	font-size: 25px;
	padding: 0;
    color: #ffffff;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 300px;
    padding-bottom: 4px;
    height: 77px;
    background: rgba(0, 137, 82, 0.7);
    border: 0 !important;
	border-radius: 60px;
    margin: 40px auto;
}
.buton_start a{
	color: #fff;
	text-decoration: none;
}
.btn.focus, 
.btn:focus, 
.btn:hover,
#submit:hover,
.buton_start:hover{
    background: rgba(0, 137, 82, 1);
	color: #ffffff;
	text-decoration: none;
}

.answer_option button:active{
	background: #008952;
	color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
	.answer_option button:hover{
		background: #008952;
		color: #ffffff;
	}
}

.answers {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.answer_option{
	min-width: calc(50% - 30px);
	max-width: calc(50% - 30px);
}
.answer_option button{
	font-family: var(--font1);
	font-weight: 700;
	font-size: 25px;
	padding: 20px 30px;
    color: #ffffff;
    line-height: 1.3;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    
    min-height: 48px;
	border-radius: 60px;
    margin: 20px auto;

	background: #ffffff;
	border: 2px solid #008952 !important;
	color: #008952;
}




.languages {
    position: absolute;
    background: #008952;
    display: flex;
    height: 40px;
    width: 85px;
    top: 0;
    right: 0;
	z-index: 10;
	border-bottom-left-radius: 22px;
	justify-content: flex-end;
	align-items: center;
	gap: 15px;;
	padding-right: 10px;;
}
.one_language{
	/* min-width: 50%; */
	/* max-width: 50%; */
}
.one_language a{
	color: #fff;
	font-size: 20px;
	font-weight: 500;
}
.main_section_content{
	position: relative;
	
}

.one_slide{
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	height: calc(100vh - 92px);
	display: flex;
	align-items: center;
	position: relative;
	    flex-wrap: wrap;
    width: 100%;
    flex-direction: column;
    justify-content: center;
	/* pointer-events: none; */
}
.one_slide:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.4);
	z-index: 0;
	pointer-events: none;
}
.one_slide.animate_slide{
	touch-action: auto;
}
.page_text{
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	height: 100vh;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
	flex-wrap: wrap;
    width: 100%;
    flex-direction: column;
    justify-content: center;
}
.page_text:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.4);
	z-index: 0;
}

.page_text p{
	font-family: var(--font1);
	font-size: 50px;
	line-height: 1.2;
	color: #ffffff;
	text-align: center;
	position: relative;	
	z-index: 2;
}


.slide_text h4{
	font-family: var(--font1);
	font-size: 24px;
	line-height: 1.2;
	color: #ffffff;
	text-align: center;
	position: relative;	
	z-index: 2;
	margin-bottom: 20px;
}
.page_text{
	height: 50vh;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 80px;;
}
.answers_white{
	background: #ffffff;
	height: calc(50vh - 92px);
	width: 100%;
    position: relative;
    z-index: 2;
	padding-top: 60px;
}
.answers_white .container{
	max-width: 1080px;
}

.question1_response,
.question2_response,
.question3_response{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: calc(100vh - 92px);
	display: flex;
	align-items: center;
	position: relative;
	    flex-wrap: wrap;
    width: 100%;
    flex-direction: column;
    justify-content: center;

}
.question1_response:after,
.question2_response:after,
.question3_response:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.4);
	z-index: 0;
}

.question_response_text{
	color: #ffffff;
	font-size: 50px;;
	font-weight: 500;
	position: relative;
	z-index: 3;
	text-align: center;
	margin: 0 auto;
	padding: 0 15px;
}
.question1_response >div,
.question2_response >div,
.question3_response >div,
.quiz_response>div{
	height: calc(100vh - 92px);
    background-size: cover;
    width: 100%;
    padding: 0;
}



.incorrect_answer,
.correct_answer{
	position: relative;
	z-index: 2;
}
.correct_answer:before{
	content: '';
	background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 502 352' style='enable-background:new 0 0 502 352;' xml:space='preserve'%3E%3Cpath class='st0' fill='%23ffffff' d='M435,11.9c15.2-15.2,39.9-15.2,55.1,0c15.2,15.2,15.2,39.9,0,55.1l-272.8,273c-7.6,7.6-17.5,11.4-27.5,11.4 c-10,0-19.9-3.8-27.6-11.4L11.9,189.6c-15.2-15.2-15.2-39.9,0-55.1c15.2-15.2,39.9-15.2,55.1,0l122.5,122.6l0.4,0.4l0.4-0.4 L435,11.9z'/%3E%3C/svg%3E%0A") no-repeat center center;
	position: absolute;
	width: 100%;
	height: 600px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;
	opacity: 0.2;

}
.incorrect_answer:before{
	content: '';
	background: url("data:image/svg+xml,%3Csvg width='374' height='374' viewBox='0 0 374 374' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M247.705 189.045L361.75 74.8C378.083 58.4375 378.083 31.9945 361.75 15.632C345.416 -0.730469 319.019 -0.730469 302.686 15.632L188.714 129.877L71.3145 12.2719C54.9807 -4.09063 28.5841 -4.09063 12.2503 12.2719C-4.08345 28.6344 -4.08345 55.0773 12.2503 71.4398L129.649 189.045L16.2609 302.633C-0.072919 318.996 -0.072919 345.439 16.2609 361.801C24.4278 369.909 35.0739 374 45.7929 374C56.512 374 67.1581 369.909 75.325 361.728L188.714 248.14L298.748 358.368C306.915 366.549 317.561 370.64 328.28 370.64C338.999 370.64 349.645 366.549 357.812 358.368C374.146 342.005 374.146 315.562 357.812 299.2L247.705 189.045Z' fill='white' fill-opacity='0.2'/%3E%3C/svg%3E%0A") no-repeat center center;
	position: absolute;
	width: 100%;
	height: 600px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: contain;

}
.question_nr_1:before,
.question_nr_2:before,
.question_nr_3:before{
	content: '';
	position: absolute;
	z-index: 4;
	width: 100%;
	height: 400px;
	bottom: -100px;
	left: 50px;
	/* transform: translate(-50%, -50%); */
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
}


.question_nr_1:before{
	background-image: url("data:image/svg+xml,%3Csvg width='164' height='424' viewBox='0 0 164 424' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M163.625 423.64H86.275V83.3L8.41916e-07 158.27V74.97L86.275 7.27177e-06H163.625V423.64Z' fill='white' fill-opacity='0.3'/%3E%3C/svg%3E%0A");
}
.question_nr_2:before{
	background-image: url("data:image/svg+xml,%3Csvg width='258' height='428' viewBox='0 0 258 428' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M257.635 427.21H2.19606e-05V357.595L158.27 173.74C173.74 155.295 180.285 142.205 180.285 122.57C180.285 91.0351 161.84 69.6151 129.115 69.6151C103.53 69.6151 77.35 82.705 77.35 123.76H2.19606e-05C2.19606e-05 46.4101 56.525 5.06639e-05 129.115 5.06639e-05C204.085 5.06639e-05 257.635 47.005 257.635 123.165C257.635 164.22 241.57 186.235 212.415 220.15L94.01 357.595H257.635V427.21Z' fill='white' fill-opacity='0.3'/%3E%3C/svg%3E%0A");
}
.question_nr_3:before{
	background-image: url("data:image/svg+xml,%3Csvg width='270' height='431' viewBox='0 0 270 431' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M269.535 304.64C269.535 389.13 207.655 430.78 135.065 430.78C66.0448 430.78 1.18977 394.485 -0.000232495 305.83H77.3498C78.5398 343.91 104.72 361.165 135.065 361.165C168.385 361.165 192.185 340.34 192.185 302.26C192.185 267.155 170.765 243.95 132.685 243.95H121.38V176.715H132.685C170.17 176.715 186.235 153.51 186.235 123.76C186.235 88.0599 162.435 69.615 134.47 69.615C105.315 69.615 83.8948 88.655 82.1098 120.785H4.75977C6.54477 45.2199 63.0698 -7.14064e-05 134.47 -7.14064e-05C209.44 -7.14064e-05 263.585 49.98 263.585 121.38C263.585 167.195 242.76 193.375 214.795 208.25C245.14 224.315 269.535 253.47 269.535 304.64Z' fill='white' fill-opacity='0.3'/%3E%3C/svg%3E%0A");
}



.question_response_text .page_text{
	height: calc(100vh - 92px);
	padding-bottom: 0;
    align-items: center;
    justify-content: center;
}

.question_response_text .button_slide{
    position: absolute;
    bottom: 12%;
    left: 50%;
    transform: translateX(-50%);
}

.game_starter{
	height: auto;
	justify-content: center;
	padding: 0;
	width: 100%;
}
.game_starter img{
	width: 250px;
	height: 250px;
}
.question_response_text h2{
	font-size: 120px;
}
.mb-10{
	margin-bottom: 20px;
}

.game_starter h1,
.game_starter h2,
.game_starter h3,
.game_starter h4{
	color: #fff;
	text-align: center;
}
.game_starter h3{
	font-size: 40px;
}






@media screen and (orientation: portrait){
	.answer_option {
		min-width: 80%;
		max-width: 80%;
		margin: 0 auto;
	}
	.question_nr_1:before{
		content: '';
		position: absolute;
		z-index: 4;
		width: 160px;
		height: 400px;
		bottom: auto;
		left: 50%;
		top: 10%;
		transform: translate(-50%, -0%);
		background-size: contain;
		background-repeat: no-repeat;
	}
	.question_nr_2:before{
		content: '';
		position: absolute;
		z-index: 4;
		width: 243px;
		height: 400px;
		bottom: auto;
		left: 50%;
		top: 10%;
		transform: translate(-50%, -00%);
		background-size: contain;
		background-repeat: no-repeat;
	}
	
	.question_nr_3:before{
		content: '';
		position: absolute;
		z-index: 4;
		width: 255px;
		height: 400px;
		bottom: auto;
		left: 50%;
		top: 10%;
		transform: translate(-50%, -00%);
		background-size: contain;
		background-repeat: no-repeat;
	}
	.incorrect_answer:before,
	.correct_answer:before{
		top: 10%;
		transform: translate(-50%, -00%);
	}

	.languages {
		height: 70px;
		width: 118px;
	}
	.one_language a{
		font-size: 35px;
	}
}


.one_slide{
	position: absolute;
	top: 0;
	left: 0;        
	opacity: 0;
	transition: opacity 0.7s;
	/* touch-action: none; */
	
}
.full_quiz{
	position: relative;
	/* height: 85vh; */
}
.animate_slide{
	opacity: 1 !important;       
	z-index: 2 !important; 
}
.animate_slide_instant{
	opacity: 1 !important;       
	z-index: 2 !important; 
	transition: none !important;
}
.mt-40{
	margin-top: 40px;
}
























/******************************************************
################################################################################################################################################################################
################################################################################################################################################################################
################################################################################################################################################################################
################################################################################################################################################################################
*******************************************************/

/*****************************/
/****************************************************/
/********** LPew2 ************************************/
/*****************************/

@media (min-width: 960px) {
	.footer_sticky_icons .col_1_3 {
		margin: 0 45px;
	}
}

@media (min-width: 1921px) {
	.hero .box_background {
		padding-top: 0;
		height: 900px;
		background-size: contain;
		background-position: center;
		background-color: #c31047;
	}
}

@media (max-width: 1600px) {
	/* .tv video {
        top: 0%;
    } */

	h1 {
		font-size: 50.7px;
	}

	.page_section h1 p {
		font-size: 50px !important;
		line-height: 1.3;
	}

	.page_section h1 {
		margin: 60px 0 40px 0;
	}

	.abs_cont {
		font-size: 24px;
		line-height: 1.3;
		padding: 54px 0 24px 0;
	}

	.small_intro p {
		font-size: 24px;
		line-height: 1.5;
		padding-left: 50px;
		padding-right: 50px;
	}

	.rocket_section .description_content p {
		font-family: var(--font1), sans-serif;
		font-size: 24px !important;
		padding: 20px 20%;
	}

	h2.simple_title,
	.simple_title h2 p {
		font-size: 41px;
	}

	.aktuelles_section .description_content p {
		font-size: 35px;
	}

	.aktuelles_section.aktuelles_boxes {
		padding-bottom: 45px;
		padding-top: 35px;
	}

	.aktuelles_section .cell_1_6,
	.blue_section .cell_1_6 {
		min-width: 33.3%;
		max-width: 33.3%;
		padding: 0 15px;
		margin-bottom: 30px;
	}

	.blue_section .simple_title h2 p {
		font-size: 32px;
	}

	.blue_section .simple_title .description_content p {
		font-size: 24px;
	}

	.box_lp a,
	.box_aktuelles a {
		font-size: 27px;
	}

	.footer_menu li a {
		font-size: 16px;
	}

	.spacer-top-180 {
		margin-top: 45px;
	}

	.footer {
		margin-top: 45px;
	}

	.green_label span {
		color: #fefefe;
		font-family: var(--font1), sans-serif;
		font-size: 24.31px;
	}

	.rw-1:after {
		content: '';
		top: 21px;
	}

	.rw-3:before {
		content: '';
		bottom: 18px;
	}
}

@media (max-width: 1350px) {
	.aktuelles_section .cell_1_5 {
		min-width: 33%;
		max-width: 33%;

	}

	/* .aktuelles_section .cell_1_4{
		min-width: 48%;
		max-width: 49%;

	} */
	.four_boxes_img .cell_1_5 {
		min-width: 31%;
		max-width: 31%;
		margin: 0 auto;

	}

	.four_boxes_img .cell_1_5 {
		margin-bottom: 20px;
		;
	}
}

@media (max-width: 1200px) {

	.aktuelles_section .cell_1_5 h2 p,
	.aktuelles_section .cell_1_4 h2 p {
		font-size: 28px;

	}

	.five_boxes .flex_container {
		justify-content: center;
	}

	.five_boxes .cell_1_5 {
		margin-bottom: 20px;
		;
	}

	.hide_on_desktop {
		display: none !important;
	}

	.navbar-toggler {
		display: block;
		padding: 0;
		background: transparent;
		border: 0;
		position: absolute;
		right: 0;
	}

	.icon-bar {
		background: #494642;
		height: 4px;
		width: 40px;
		border-radius: 2px;
		margin: 5px 0;
		display: block;
	}

	.navbar-brand {
		/* align-self: flex-start;
		justify-self: flex-start; */
		flex: 1;
	}

	#main-navigation {
		flex-grow: 1;
		padding-top: 24px;
		position: absolute;
		right: -16px;
		top: 52px;
		width: 100%;
		max-width: 280px;
		background: #fff;
		border-left: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		border-bottom: 1px solid #cdcdcd;
	}

	.nav li {
		display: block;
	}

	.nav li a {
		line-height: 2;
	}

	.navbar-nav {
		text-align: left;
		margin: 0;
		float: none;
		width: 100%;
		padding-bottom: 15px;
	}
}

@media (max-width: 1199px) {
	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-collapse.collapse.in {
		display: block !important;
	}

	.dark .navbar-toggle .icon-bar {
		background: linear-gradient(90deg, #000, #000);
	}

	.kompetenz_container .box_background:hover::after {
		right: -40px;
	}

	.timeline .cell_1_5 {
		min-width: 230px;
		max-width: 230px;
	}

	.timeline .description_content p {
		font-size: 19px;
		padding: 00px 0 0 00px;
		min-width: 300px;
	}

	.timeline .cell_2_5 {
		min-width: 300px;
	}

	.timeline .cell_2_5 .full-height {
		display: flex;
		flex-direction: column-reverse;
		min-height: 670px;
		height: 100%;
	}

	.timeline .img_cont {
		min-width: 300px;
	}

	.timeline .img_cont {
		padding: 0 0 20px 0;
	}

	.blue_contact_info .flex_container {
		flex-direction: column;
	}

	.blue_contact_info .cell_1_3 {
		min-width: 100%;
		max-width: 100%;
	}

	.blue_contact_info .cell_1_3 .description_content {
		display: flex;
		justify-content: space-between;
	}

	.blue_contact_info .cell_1_3 .description_content p {
		flex: 1;
	}
}

@media (max-width: 991px) {

	.contact_form_cm .cell_1_3{
		min-width: calc(50% - 10px);
		max-width: calc(50% - 10px)
	}
	.contact_form_cm .cell_1_3:nth-child(1){
		min-width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}


	.simple_title {
		margin-bottom: 20px;
	}

	.four_boxes_img .flex_container,
	.two_boxes_img .flex_container {
		justify-content: center;
	}

	.aktuelles_section .cell_1_5 h2 p,
	.aktuelles_section .cell_1_4 h2 p,
	.aktuelles_section .cell_1_3 h2 p,
	.aktuelles_section .cell_1_2 h2 p {
		font-size: 21px;
	}

	.aktuelles_section .cell_1_3,
	.aktuelles_section .cell_1_2 {
		min-width: 49.9%;
		max-width: 49.9%;
		margin-bottom: 20px;
		;
		padding: 0 15px;
		;
	}

	.four_boxes_img .cell_1_2 {
		min-width: 46%;
		max-width: 46%;
		padding: 0 15px;
		;
	}

	.four_boxes_img .cell_1_2:nth-child(1) {
		padding-right: 15px;
	}

	.four_boxes_img .cell_1_2:nth-child(2) {
		padding-left: 15px;
	}

	.four_boxes_img .cell_1_4 h2 p,
	.two_boxes_img .cell_1_2 h2 p {
		font-size: 30px;
		;
	}

	.booking_form .form-control {
		border-right: 0 !important;
	}

	.copyright {
		text-align: left;
	}

	.interese .col-md-6 {
		padding: 0;
	}

	.large_button_midd .same_icon {
		width: 240px;
		height: 240px;
		margin: 0 auto;
	}

	.small_button_custom .same_icon {
		width: 190px;
		height: 190px;
		margin: 0 auto;
	}

	.footer_buttons_custom .btn-custom {
		white-space: initial;
	}

	.hero .box_background {
		background-image: url(https://admire.shapers.ch/uploads/page_boxes/box_172.jpg);
		background-repeat: no-repeat;
		background-size: cover !important;
		padding-top: auto !important;
		/*height: 90vw;*/
		height: 90vh;
		/*background-position-x: 30% !important;*/
		background-position-x: center !important;
	}

	.hero2 .box_background {
		-webkit-background-size: cover !important;
		background-size: cover !important;
		padding-top: auto !important;
		/*height: 90vw;*/
		height: 90vh;
		background-position: center;
	}

	.hero2 .btn-custom {
		border: 1px solid #fff;
		color: #fff;
		font-size: 12px;
		min-width: 50%;
		padding-top: 10px;
		padding-bottom: 8px;
	}

	/* .hero2 h2 p{
        font-size: 5vw;
    }
    .hero2 h3 p{
        font-size: 4vw;
    }*/

	#team .main_one_member {
		/*height: 90vw;*/
		height: 90vh;
	}

	#team .owl-carousel .owl-item img {
		object-fit: cover;
		/*height: 90vw;*/
		height: 90vh;
	}

	section {
		margin-bottom: 60px;
	}

	.small_legal_privacy {
		text-align: left;
	}

	#footer .cell_1_4 {
		min-width: 49.9%;
		max-width: 49.9%;
	}

	.full_content .cell_1_2 {
		min-width: 100%;
		max-width: 100%;
	}

	.sidebar {
		min-width: 30%;
		max-width: 30%;
		margin-left: 1%;
	}

	.full_content {
		min-width: 69%;
		max-width: 69%;
		padding-left: 15px;
		padding-right: 35px;
	}

	.kompetenz_container .box_background {
		background-size: contain !important;
		max-width: 432px;
	}

	.kompetenz_container .cell_1_4 .full-height {
		height: 353px;
	}

	/* .eight_boxes_index .box_caption h3 p {
		font-size: 27px;
	}

	.eight_boxes_index .box_caption h2 p,
	h2 p,
	.eight_boxes_index .box_caption h1 p,
	h1 p {
		font-size: 45px;
	} */

	.copyright {
		position: relative;
		margin-top: 10px;
	}

	.blue_contact_info .cell_1_3 h2 {
		margin-bottom: 30px;
		margin-top: 0;
	}

	.blue_contact_info .cell_1_3 .description_content p {
		font-size: 16px;
	}

	.caption .itemtitle {
		color: #ffffff;
		font-family: var(--font1), sans-serif;
		font-size: 25px;
	}

	.caption .itemtext {
		color: #ffffff;
		font-family: var(--font1), sans-serif;
		font-size: 16px;
	}

	a .caption .itemtext {
		padding-bottom: 40px;
		line-height: 1.3;
	}

	a .caption .itemtext:after {
		width: 110px;
		height: 33px;
	}

	a .caption .itemtext:hover::after {
		width: 135px;
	}

	.languages_cont {
		position: absolute;
		top: 10px;
		right: 20px;
		z-index: 123456;
	}

	#machine_category_container ul {
		padding: 0 15px 10px 15px;
	}

	#machine_category_container ul li {
		font-size: 17px;
	}

	#machine_category_container ul li.active:after {
		height: 16px;
		-webkit-background-size: cover;
		background-size: cover;
		bottom: -26px;
	}

	.goto_products,
	.goto_products a,
	.featured_prod_machines {
		font-size: 20px;
	}

	.featured_prod_machines,
	.goto_products {
		padding: 0 20px 20px 20px;
	}

	.options h2,
	.options .description_content {
		padding: 0 25px;
	}

	.options .btn-custom {
		margin-left: 15px;
		font-size: 17px;
	}

	.options .btn-custom:after {
		top: 1px;
	}

	.options h1 p,
	.options h2 p {
		font-size: 20px;
	}

	.options .description_content p {
		font-size: 17px;
	}

	#facebook_posts li {
		min-width: 31%;
		max-width: 31%;
	}

	.items:nth-child(n + 3) {
		min-width: 48%;
		max-width: 48%;
	}

	.unique_fetures_title {
		padding: 30px 5%;
	}

	.unique_features_container tr td {
		padding: 10px 5%;
	}

	#submit_btn {
		position: absolute;
		top: 2px;
		right: 140px;
	}

	.languages_cont {
		position: absolute;
		top: 5px;
		right: 15px;
	}

	.options .cell_1_2 {
		min-width: 47.9%;
		max-width: 47.9%;
	}

	.group_files {
		flex-direction: column;
	}

	.group_files .item {
		min-width: 23%;
		max-width: 23%;
	}

	.downloads_category {
		margin-bottom: 20px;
	}

	.group_files .flex_container {
		flex: 1;
		min-width: 100%;
		max-width: 100%;
		flex-direction: initial;
	}

	.ipso_gen_container iframe {
		height: 950px !important;
	}
}

@media (max-width: 920px) {

	.four_boxes_img .cell_1_4,
	.four_boxes_img .cell_1_5,
	.two_boxes_img .cell_1_2 {
		min-width: 46%;
		max-width: 46%;
		margin: 0 2% 20px 2%;
	}

	.kompetenz_container .box_background:hover::after {
		right: -100px;
	}

	.kompetenz_container .box_background {
		background-size: contain !important;
		max-width: 432px;
	}

	.kompetenz_container .cell_1_4 .full-height {
		height: 353px;
	}

	.kompetenz_container .cell_1_4 {
		min-width: 80%;
		max-width: 80%;
		max-height: 384px;
		margin-left: auto;
		margin-right: auto;
	}

	.spacer_bott_120 {
		margin-bottom: 60px;
	}
}

@media (max-width: 767px) {
	.contact_form {
        width: calc(100% - 0px);
    }
	.contact_form_cm {
		max-width: 900px;
		width: 90%;
	}
	.contact_form .cell_1_2 {
		min-width: calc(50% - 10px);
		max-width: calc(50% - 10px);
		margin-bottom: 10px !important;
	}
	.contact_form_cm input, .contact_form_cm textarea, .contact_form_cm select{
		font-size: 16px;
	}
	.contact_form_cm ::placeholder{
		font-size: 16px;
	}
	.round label {
		font-size: 16px;
        line-height: 1.3;
        padding: 14px 0 0 40px;
	}
	.round label:before {
		content: "";
		border: 2px solid #fff;
		height: 35px;
		width: 35px;
		top: 6px;
	}
	.round label:after {
		content: "";
		left: 2px;
		top: 12px;
		height: 12px;
		width: 23px;
	}
	.contact_form_cm h4 {
		text-align: center;
		margin-bottom: 21px;
		line-height: 1.3;
	}




	.contact_form_cm .cell_1_3{
		min-width: calc(50% - 10px);
		max-width: calc(50% - 10px)
	}
	.contact_form_cm .cell_1_3:nth-child(1){
		min-width: 100%;
		max-width: 100%;
	}
	.contact_form_cm .cell_1_3.round{
		margin-top: 10px;
		margin-left: 5px;
	}
	.form_text_agreement {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#submit{
		margin: 10px auto 40px auto;
        padding: 10px 20px;
        height: auto;
		font-size: 20px;
	}

	.question1_response >div, .question2_response >div, .question3_response >div, .quiz_response>div {
    	height: calc(100vh - 45px);
	}
	#agreementModal .modal-body {
		font-family: var(--font1);
		font-size: 16px;
	}
	.modal-dialog {
		width: 95%;
		max-width: 800px;
		margin: 30px auto;
	}
	.modal-title h3{
		font-size: 20px;
	}












	/**************************/
	.select_appointment.cell_2_5 {
	    min-width: 100%;
	    max-width: 100%;
	}
	.inner_spacer_tb_80 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.back .description_content p {
		font-size: 16px;
	}

	.aktuelles_section .cell_1_4 {
		min-width: 49.9%;
		max-width: 48.9%;
		margin-bottom: 20px;
	}

	.four_boxes_img .cell_1_2 {
		min-width: 50%;
		max-width: 50%;
		padding: 0 15px;
		;
	}

	.front {
		background-color: #ececeb;
		position: relative;
		padding: 30px 0 130px 0;
		color: #46443E;
	}

	.four_boxes_img .btn-custom,
	.two_boxes_img .btn-custom {
		color: #FFFFFF;
		font-family: 'Barlow', Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-style: italic;
		letter-spacing: 0.8px;
		line-height: 22px;
		text-align: center;

		background: #009DC6;
		border-radius: 25px;
		;
		border: 1px solid transparent;
	}

	.international_school .cell_2_3 {
		padding: 0 0 0 0px;
	}

	.international_school .description_content p {
		font-size: 16px;
		;
	}

	.international_school .cell_1_3,
	.international_school .cell_2_3 {
		min-width: 100%;
		max-width: 100%;
	}

	.four_boxes_img .cell_1_4,
	.four_boxes_img .cell_1_2,
	.two_boxes_img .cell_1_2 {
		position: relative;
		padding-bottom: 0px;
		;
	}

	.four_boxes_img .btn-custom,
	.two_boxes_img .btn-custom {
		display: block;
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translateX(-50%);
	}

	.navbar-top .dropdown-menu {
		position: absolute !important;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: #fff !important;
		border: 0;
		-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%) !important;
		box-shadow: 0 6px 12px rgb(0 0 0 / 18%) !important;
	}

	.win_container img {
		width: 100px;
		max-width: 100px;
	}

	.text-container_white {
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
		width: calc(100% - 63px);
		font-size: 16px;
		padding: 9px 10px 9px 49px;
	}

	.wdc-social .list-inline {
		text-align: left;
	}

	.cont_left {
		width: 175px;
		font-size: 24px;
	}

	.cont_right {
		width: calc(100% - 190px);
	}

	.booking_week {
		margin: 0 13px;
		font-size: 20px;
		line-height: 1.5;
	}

	.kalendar_small_info {
		font-size: 15px;
		line-height: 1.5;
	}

	.addheretheform table tbody tr td label {
		margin-bottom: 0;
		font-size: 16px !important;
		line-height: 1.5 !important;
	}

	.interese label,
	.interese select {
		width: 100%;
		font-size: 20px;
	}

	.day_nr {
		font-family: var(--font2), sans-serif;
		font-size: 30px;
		display: block;
		padding-right: 0;
	}

	.week_day {
		/*color: #000;*/
		width: 2ch;
		overflow: hidden;
		white-space: nowrap;
		/* letter-spacing: 2.4px; */
		font-family: monospace;
		
	}

	.days_group{
		padding-right: 7px;
	}
	.week_day,
	.month_day {
		font-size: 20px;
		line-height: 0.9;
	}

	.newsletter_form .description_content {
		width: 93px;
	}

	.newsletter_form label {
		width: 93px;
		font-size: 16px;
	}

	.newsletter_form .mobile_size span {
		width: calc(100% - 103px);
	}

	.overlay_content h1 {
		font-size: 6vw;
	}

	.newsletter_form .senden_button {
		margin: 30px auto 0 auto;
		text-align: center;
	}

	.theree_buttons {
		justify-content: center;
	}

	.small_button_custom,
	.large_button_midd {
		min-width: 48%;
		max-width: 48%;
		margin-bottom: 20px;
	}

	.small_button_custom .same_icon {
		width: 90px;
		height: 90px;
		margin: 0 auto;
	}

	.large_button_midd .same_icon {
		width: 120px;
		height: 120px;
		margin: 0 auto;
	}

	.footer_buttons_custom .btn-custom {
		min-width: 1px;
		margin-top: 20px;
		font-size: 12px;
		line-height: 1.5;
		padding: 10px 5px 8px 5px;
	}

	.overlay_content {
		padding-top: 90px;
	}

	.overlay_content_title {
		margin-bottom: 30px;
		padding-top: 0px;
	}

	.close_overlay_content {
		z-index: 6;
		top: 70px;
	}

	.small_button_custom {
		flex: 1;
		order: 1;
	}

	.large_button_midd {
		flex: 1;
		order: 2;
	}

	.spacer_tb_120 {
		margin-top: 60px;
		margin-bottom: 60px;
	}

	.small_legal_privacy .addcookie {
		position: relative;
		margin-left: 0;
		padding-left: 20px;
		display: block;
		padding-top: 6px;
	}

	.video_multiple_sources_container {
		width: 100%;
		padding-top: 50%;
	}

	.video_multiple_sources_container video {
		width: 100%;
		top: 0%;
		transform: translateY(0%);
	}

	.navicont {
		justify-content: flex-end;
	}

	.navbar-toggle {
		margin-right: 0;
		padding-right: 0;
	}

	.navbar-nav {
		margin: 0;
	}

	.regular_box_title h1 p,
	.regular_box_title h2 p {
		margin: 25px 0;
		font-size: 30px;
	}

	.options .cell_1_3 {
		min-width: 98%;
		max-width: 98%;
		margin: 15px 1%;
	}

	#facebook_posts li {
		min-width: 48%;
		max-width: 48%;
	}

	.items,
	.items:nth-child(1),
	.items:nth-child(n + 3) {
		min-width: 100%;
		max-width: 100%;
	}

	.helpline-info .cell_1_3 {
		min-width: 49.9%;
		max-width: 49.9%;
	}

	.dld_item a {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.dld_item .img_cont {
		min-width: 100%;
		max-width: 100%;
	}

	.group_files h2,
	.group_files h3 {
		margin: 10px 0;
	}

	.group_files h1 p,
	.group_files h2 p {
		font-size: 18px;
	}

	.group_files h3 p {
		font-size: 14px;
	}

	.caption .itemtitle {
		font-size: 23px;
	}

	.caption .itemtext {
		font-size: 16px;
		padding-bottom: 30px;
	}

	a .caption .itemtext:after {
		width: 90px;
		height: 27px;
	}

	a .caption .itemtext:hover::after {
		width: 110px;
	}

	.blue_contact_info .cell_1_3 .description_content {
		flex-direction: column;
	}

	h1.page_title {
		margin: 40px 0;
	}

	.absolute_img.tdh_img .img_cont img {
		position: relative;
	}
}

@media screen and (max-width: 700px) {
	.box {
		width: 100%;
	}

	.popup {
		width: 100%;
	}
}

@media (max-width: 640px) {
	.four_boxes_img .front {
		display: flex;
		flex-direction: column;
	}

	.four_boxes_img .img_cont {
		flex: 1;
		order: 1;
	}

	.four_boxes_img .btn-custom {
		/* flex: 1; */
		order: 3;
		position: relative;
		left: 0;
		transform: none;
		margin: 0 auto 20px auto;
		max-width: 85%;
		min-width: 50%;
	}

	.front {
		background-color: #ececeb;
		position: relative;
		padding: 30px 0 00px 0;
		color: #46443E;
	}

	.four_boxes_img h2,
	.two_boxes_img h2 {
		margin-bottom: 10px;
	}

	.four_boxes_img h2 {
		flex: 1;
		order: 2;
	}

	.four_boxes_img .cell_1_4,
	.four_boxes_img .cell_1_5,
	.four_boxes_img .cell_1_2,
	.two_boxes_img .cell_1_2 {
		min-width: 96%;
		max-width: 96%;
		margin: 0 auto 20px auto;
	}


	.global-header__link {
		text-indent: -30000px;
	}

	.footer_buttons_flex .btn-custom {
		margin: 60px 0 0 0;
		min-width: 130px;
	}

	.single_member .member_name {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.single_member .member_phone a {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.single_member .member_email {
		width: 30px;
		height: 19px;
	}

	.bp_title h1 p,
	.bp_title h2 p {
		font-size: 30px;
	}

	.eight_boxes_index .box_caption h2 p,
	h2 p,
	.eight_boxes_index .box_caption h1 p,
	h1 p {
		font-size: 30px;
	}

	h3 p {
		font-size: 30px;
	}

	h4 p,
	.short_blog p {
		font-size: 22px;
	}

	.description_content p {
		font-size: 16px;
	}

	.double_diamond h2 {
		margin-bottom: 60px;
	}

	section {
		margin-bottom: 60px;
	}

	.kompetenz_container .box_background:hover::after {
		right: -10px;
	}

	.team_members .cell_1_2 {
		min-width: 100%;
		max-width: 100%;
		margin-bottom: 40px;
	}

	.kompetenz_container .cell_1_4 {
		min-width: 100%;
		max-width: 100%;
		max-height: 384px;
		margin-left: auto;
		margin-right: auto;
	}

	#footer .cell_1_4,
	#footer .cell_2_4 {
		min-width: 100%;
		max-width: 100%;
		padding: 0 0 20px 0;
	}

	.unser_partener .img_cont {
		text-align: center;
	}

	.unser_partener .cell_1_2 {
		margin-bottom: 20px;
		min-width: 100%;
		max-width: 100%;
	}

	.marketplace_items .cell_1_3 {
		min-width: 47.9%;
		max-width: 47.9%;
		margin-bottom: 20px;
		border-bottom: 1px solid #333;
		padding-bottom: 10px;
		padding-left: 0;
		padding-right: 0;
	}

	.gallery video {
		width: 100%;
		/*height: 100%;*/
		position: absolute;
		top: 0%;
		transform: translateY(0%);
		left: 0;
		z-index: 999999;
		background: #000;
	}

	.owl-dots {
		left: 42%;
		bottom: 0;
	}

	.owl-dot {
		width: 10px;
		height: 10px;
	}

	.logo {
		min-width: 250px;
		max-width: 250px;
	}

	#machine_category_container ul li {
		font-size: 15px;
	}

	.goto_products,
	.goto_products a,
	.featured_prod_machines {
		font-size: 15px;
	}

	.caption {
		margin-left: 5%;
		bottom: 10%;
		max-width: 94%;
	}

	.caption .itemtext {
		text-shadow: 1px 1px 6px black;
	}

	.container_machine_div img {
		width: auto;
		min-height: 220px;
		/* min-width: 100%; */
		object-fit: cover;
		width: 100%;
	}

	.newsletter_form {
		max-width: 100%;
	}

	#footer .flex_container {
		flex-direction: column;
	}

	.copyright {
		text-align: left;
		padding-top: 15px;
		position: relative;
	}

	.search_container ul li {
		position: relative;
	}

	.search_container ul li a {
		padding: 15px 90px 15px 10px;
	}

	.results_number {
		padding-left: 10px;
	}

	.popup h2 {
		font-size: 20px;
	}

	.search_container ul li a p {
		font-size: 16px;
		line-height: 1.5;
	}

	.icon_pdf {
		min-width: 68px;
	}

	.icon_pdf img {
		width: 100%;
		max-width: 100%;
	}

	.dowload_icon_cont {
		min-width: 38px;
		max-width: 38px;
	}

	.icon_pdf {
		padding: 30px 0;
	}

	.dowload_icon:after,
	.dowload_icon:before {
		width: 38px;
		height: 38px;
	}

	.dowload_icon_cont {
		margin-top: 20px;
	}

	.file_name a,
	.file_name span {
		font-size: 20px;
	}

	.group_files .item {
		min-width: 47.9%;
		max-width: 47.9%;
	}

	.dld_item .img_cont {
		min-width: 50px;
		max-width: 50px;
		padding: 30px 0;
	}

	.dld_item .text_cont {
		min-width: calc(100% - 50px);
		max-width: calc(100% - 50px);
	}

	.downloads_category {
		min-width: 100%;
		max-width: 100%;
	}

	.timeline-controls {
		display: none;
	}

	.timeline .cell_2_5 .full-height {
		flex-direction: column;
		min-height: 10px;
		height: auto;
	}

	.timeline .flex_container {
		flex-direction: column;
	}

	.timeline .cell_1_5 {
		min-width: 230px;
		max-width: 230px;
		padding-left: 0;
		margin-left: 0;
		padding-right: 15px;
	}

	.timeline .description_content p {
		font-size: 19px;
		min-width: 290px;
	}

	.timeline .cell_2_5 {
		min-width: 93%;
		margin: 0 15px;
		display: flex;
		flex-direction: column-reverse;
	}

	.timeline .cell_2_5 h2 {
		/*font-size: 28px;*/
		margin-top: 10px;
		min-width: 290px;
		min-height: auto;
	}

	.timeline h2.timeline_year {
		min-height: auto;
	}

	.timeline .img_cont {
		min-width: 290px;
	}

	.timeline .img_cont {
		padding: 0 0 20px 0;
	}

	.timeline .img_cont img {
		position: relative;
		top: auto;
	}

	.day_nr {
		font-size: 24px;
		;
	}

	.week_day,
	.month_day {
		font-size: 18px;
		line-height: 0.9;
	}

	.show_calendar {
		left: 50%;
		transform: translateX(-50%);
	}

	.prev_button,
	.next_button {
		width: 16px;
		font-size: 27px;

	}

	.cont_left {
		width: 135px;
		font-size: 20px;
	}

	.cont_right {
		width: calc(100% - 140px);
	}

	.booking_week {
		margin: 0 5px;
		font-size: 20px;
		line-height: 1.5;
	}

	.interese .col-md-5.pr-0 {
		padding-left: 0;
	}

	body {
		padding-bottom: 0;
	}

	span.month_day {
		width: 2.8ch;
		overflow: hidden;
	}
}

@media (max-width: 575px) {
	.container_logo {
		width: 33.3%;
		height: 100%;
		min-height: 45px;
	}
	.container_logo a{
		text-align: center;
	}
	.logo-login {
		width: 100%;
		max-width: 80%;
		margin: 0 auto;
	}

	.languages {
		height: 40px;
		width: 80px;
	}
	.one_language a{
		font-size: 20px;
	}
	.page_text p {
		font-size: 30px;
		padding: 0 15px;
	}
	.buton_start{
		font-size: 20px;
		height: 49px;
	}
	.return_home img{
		width: 40px;
		height: 40px;
	}
	.return_home{
		bottom: 10px !important;
    	right: 10px !important;
	}
	.page_text {
		height: 40vh;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding-bottom: 25px;
	}
	.question_nr_1:before{
		width: 121px;
        height: 320PX;
        bottom: -70px;
        left: 50%;
        top: auto;
	}
	.question_nr_2:before{
		width: 193px;
		height: 320px;
		bottom: -70px;
		left: 50%;
		top: auto;
		transform: translate(-50%, -00%);
	}
	
	.question_nr_3:before{
		content: '';
		position: absolute;
		z-index: 4;
		width: 202px;
        height: 320px;
        bottom: -70px;
        left: 50%;
        top: auto;
        transform: translate(-50%, -00%);
	}

	.slide_text h4{
		font-size: 20px;
	}
	.container {
    	width: 100%;
	}
	.page_text.game_starter{
		display: block;
		min-height: 40vh;
		height: auto;
		overflow: auto;
	}
	.game_starter img{
		width: 110px;
		height: 110px;
	}
	.game_starter h1,
	.game_starter h2,
	.game_starter h3,
	.game_starter h4{
		color: #fff;
		text-align: center;
	}
	.game_starter h3{
		font-size: 25px;
	}


	
	.one_slide{
		height: calc(100vh - 45px);

	}
	.answers_white {
		background: #ffffff;
		height: calc(60vh - 45px);
		padding-top: 25px;
	}

	.answer_option button {
		font-size: 18px;
		padding: 10px 14px;
		margin: 10px auto;
		line-height: 1.2;
	}
	.answer_option {
        min-width: 90%;
        max-width: 90%;
        margin: 0 auto;
    }
	.question_response_text{
		font-size: 35px;;
	}
	.question_response_text h2{
		font-size: 60px;;
	}
	.correct_answer:before,
	.incorrect_answer:before{
		height: 200px;;
	}

	.contact_form_cm .cell_1_3{
		min-width: calc(100% - 10px);
		max-width: calc(100% - 10px)
	}
	.question_response_text .button_slide {
		position: absolute;
		bottom: 0%;
	}
	.contact_form_bg{
		overflow-y: auto;
		align-items: flex-start;
		padding-bottom: 40px;
	}
	.contact_form_cm .cell_1_3.round{
		margin-left: 0;
	}
	.round label:after {
        content: "";
        left: 7px;
        top: 13px;
        height: 12px;
        width: 23px;
    }
	.contact_form .flex_container.mt-40{
		margin-top: 0;
	}
	.contact_form_cm .cell_1_3:nth-child(1){
		margin-bottom: 0;
	}















	.interese .flex_container{
		justify-content: flex-end;
	}
	.select_appointment.cell_2_5{
		min-width: 100%;
		max-width: 100%;
	}
	.calendar_icon_cont.cell_1_5{
		min-width: 25%;
		max-width: 25%;
		margin-top: 30px;
	}
	.weeks_calendar.cell_2_5{
		min-width: 230px;
		max-width: 230px;
		margin-top: 30px;
	}
	.days_group {
	    gap: 2px;
	}
	.aktuelles_section .cell_1_4 {
		min-width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}

	.hide_on_desktop {
		display: none !important;
	}

	.tdh_img .cell_1_2 {
		min-width: 100%;
		max-width: 100%;
	}

	.absolute_img.tdh_img .img_cont img {
		position: relative;
		top: 0%;
		transform: translateY(0%);
		margin: 0 auto;
	}

	.max-width-1360 .cell_2_3,
	.max-width-1360 .cell_1_3 {
		min-width: 100%;
		max-width: 100%;
	}

	.schoenburg_thing .cell_1_2 {
		min-width: 100%;
		max-width: 100%;
	}

	.schoenburg_thing.absolute_img .img_cont img {
		position: relative;
		transform: translateY(0%);
		margin: 15%;
	}

	.full_content {
		min-width: 99%;
		max-width: 99%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.sidebar {
		min-width: 50%;
		max-width: 50%;
		margin-left: 20%;
	}

	.absolute_img .img_cont {
		margin-left: 0;
	}

	#helpline .img_cont img {
		width: 100%;
	}

	.group_files .item {
		min-width: 99.9%;
		max-width: 99.9%;
	}

	.group_files h2,
	.group_files h3 {
		margin: 10px 0;
	}

	.group_files h1 p,
	.group_files h2 p {
		font-size: 20px;
	}

	.group_files h3 p {
		font-size: 18px;
	}

	.dld_item a {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.dld_item .img_cont {
		min-width: 50px;
		max-width: 50px;
		padding: 30px 0;
	}

	.dld_item .text_cont {
		min-width: calc(100% - 50px);
		max-width: calc(100% - 50px);
	}

	.group_files h2,
	.group_files h3 {
		margin: 10px 0;
	}

	.group_files h1 p,
	.group_files h2 p {
		font-size: 18px;
	}

	.group_files h3 p {
		font-size: 14px;
	}

	.helpline-info .cell_1_3 {
		min-width: 99.9%;
		max-width: 99.9%;
	}

	.options .cell_1_2 {
		min-width: 99.9%;
		max-width: 99.9%;
		margin-bottom: 20px;
	}

	.helpline-info .small_box_title h1 p,
	.helpline-info .small_box_title h2 p,
	.helpline-info .small_box_title .description_content p {
		padding-left: 0;
		padding-right: 0;
	}

	.tech-support .flex_container {
		flex-direction: column;
	}

	.tech-support .cell_1_2 {
		min-width: 99.9%;
		max-width: 99.9%;
		padding-bottom: 10px;
	}

	.blue_contact_info h2:before {
		width: 30px;
		height: 45px;
		left: -45px;
		top: 0px;
	}

	.blue_contact_info .cell_1_3 {
		padding-left: 60px;
		padding-right: 5px;
	}

	.blue_contact_info h1 p,
	.blue_contact_info h2 p {
		font-size: 25px;
	}

	.footer_sticky_icons {
		-webkit-background-size: contain;
		background-size: contain;
	}
}

@media (max-width: 480px) {
	.show_calendar {
	    top: 60px;
	    left: 167px;
	}

	.radio_killer+label .hour_container {
	    height: 40px;
	    line-height: 40px;
	}
	.two_boxes .cell_1_2,
	.aktuelles_section .cell_1_3,
	.aktuelles_section .cell_1_2 {
		min-width: 99.9%;
		max-width: 99.9%;
		margin-bottom: 20px;
	}

	.absolute_img .img_cont img {
		position: static;
		max-width: 100%;
		top: 0px;
		transform: none;
	}

	.full_content {
		min-width: 99%;
		max-width: 99%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.sidebar {
		min-width: 50%;
		max-width: 50%;
		margin-left: 20%;
	}

	.remove_ai-center.ai-center .flex_container {
		align-items: flex-start;
	}

	.kompetenz_container .cell_1_4 .full-height {
		height: 265px;
	}

	.kompetenz_container h1 p,
	.kompetenz_container h2 p {
		font-size: 26px;
		font-weight: bold;
	}

	.kompetenz_container .cell_1_4 {
		max-width: 326px;
		min-width: 326px;
	}

	.kompetenz_container .box_background:after {
		content: '';
		position: absolute;
		background: url(../images/vinyl.png) no-repeat top right;
		top: 50%;
		transform: translateY(-50%);
	}

	.eight_boxes_index .box_caption h3 p {
		font-size: 16px;
	}

	.eight_boxes_index .box_caption h2 p,
	h2 p,
	.eight_boxes_index .box_caption h1 p,
	h1 p {
		font-size: 28px;
	}

	.cell_1_2,
	.cell_1_3,
	.cell_1_4,
	#footer .cell_1_4,
	.cell_1_6,
	.cell_2_3 {
		min-width: 99.9%;
		max-width: 99.9%;
	}

	.gallery video {
		width: 100%;
		/*height: 100%;*/
		position: absolute;
		top: 0%;
		transform: translateY(0%);
		left: 0;
		z-index: 999999;
		background: #000;
	}

	/* .cell_1_2:nth-child(1) .form-control {
		border-right: 1px solid #001932;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.cell_1_2:nth-child(2) .form-control {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	} */

	.newsletter_form input[type='text'] {
		width: 100%;
		float: none;
		border: 0;
		border-radius: 5px;
	}

	#sendnewsletter {
		font-weight: 600;
		float: none;
		border: 0;
		display: block;
		margin: 10px 0;
	}

	#facebook_posts li {
		min-width: 98%;
		max-width: 98%;
	}

	#machine_category_container ul li {
		min-width: 31%;
		max-width: 31%;
		margin-bottom: 15px;
		border-bottom: 2px solid transparent;
	}

	#machine_category_container ul {
		padding: 0 7px 10px 7px;
	}

	#machine_category_container ul li.active {
		border-bottom: 2px solid #012131;
	}

	#machine_category_container ul li.active:after {
		content: '';
		background: transparent;
	}
}

@media (max-width: 380px) {

	.answer_option button {
        font-size: 16px;
	}
	.answer_option {
        min-width: 80%;
        max-width: 80%;
        margin: 0 auto;
    }    
	.answers_white {
        padding-top: 15px;
    }













	.eight_boxes_index .box_caption h3 p {
		font-size: 14px;
	}

	.eight_boxes_index .box_caption h2 p,
	h2 p,
	.eight_boxes_index .box_caption h1 p,
	h1 p {
		font-size: 28px;
	}

	.kompetenz_container .cell_1_4 .full-height {
		height: 215px;
	}

	.kompetenz_container h1 p,
	.kompetenz_container h2 p {
		font-size: 22px;
		font-weight: bold;
	}

	.kompetenz_container .cell_1_4 {
		max-width: 263px;
		min-width: 263px;
	}

	.kompetenz_container .box_background:after {
		content: '';
		position: absolute;
		background: url(../images/vinyl.png) no-repeat top right;
		top: 50%;
		transform: translateY(-50%);
	}

	.footer_sticky_icons a {
		padding-bottom: 5px;
		font-size: 15px;
		line-height: 1.3;
	}

	.footer_sticky_icons {
		background-size: contain;
	}
}

@media (min-width: 992px) and (max-width: 1545px) {
	.oops_404 .box_background {
		padding-top: 45.9% !important;
		height: 719px;
		background-position: center;
		-webkit-background-size: cover !important;
		background-size: cover !important;
	}
}

@media (min-width: 320px) and (max-width: 767px) {

	.boxes_section .cell_1_6,
	.aktuelles_section .cell_1_6,
	.blue_section .cell_1_6 {
		min-width: 50%;
		max-width: 50%;
	}

	.blue_section .simple_content a {
		margin-bottom: 00px;
	}

	.rocket_section .description_content p {
		padding: 20px 10%;
	}

	.page_section h1,
	.page_section h1 span.bold_ipso {
		font-size: 50px !important;
		line-height: 1.3;
		padding-top: 60px;
	}

	.abs_cont {
		font-size: 16px;
		line-height: 1.3;
		padding: 54px 0 24px 0;
	}

	.small_intro {
		font-size: 16px;
		line-height: 1.5;
	}

	.rocket_paragraph,
	.rocket_paragraph p {
		font-family: var(--font1), sans-serif;
		font-size: 16px !important;
		padding: 20px 10%;
	}

	h2.simple_title {
		font-size: 41px;
	}

	.simple_content p {
		font-size: 35px;
	}

	.blue_section .small_simple_content p {
		font-size: 24px;
	}

	.box_lp a,
	.box_aktuelles a {
		font-size: 27px;
	}

	.footer_menu li a {
		font-size: 16px;
	}

	.spacer-top-180 {
		margin-top: 80px;
	}

	.footer {
		margin-top: 80px;
	}

	.green_label span {
		color: #fefefe;
		font-family: var(--font1), sans-serif;
		font-size: 24.31px;
	}

	.rw-1:after {
		content: '';
		top: 21px;
	}

	.rw-3:before {
		content: '';
		bottom: 18px;
	}

	.rw-1.pl-4 {
		padding-left: 1rem !important;
	}

	.rw3.pr-4 {
		padding-right: 1rem !important;
	}
}

@media (min-width: 320px) and (max-width: 575px) {
	.contact_form {
		width: calc(100% - 0px);
	}

	.dropzone {
		width: 100%;
	}

	.unmute_video {
		text-indent: -30000px;
		background: url(../images/sound_off_w.svg) no-repeat center center;
		width: 50px;
		height: 50px;
		bottom: 5px;
		right: 5px;
	}

	.mute_video {
		text-indent: -30000px;
		background: url(../images/sound_on_w.svg) no-repeat center center;
		width: 50px;
		height: 50px;
		bottom: 5px;
		right: 5px;
	}

	.facebook_special {
		margin-bottom: 0;
	}

	.social_wall {
		margin-bottom: 40px;
	}

	.btn-rocket,
	.rocket_section .btn-custom {
		padding: 7px 25px;
		font-size: 23px;
		margin: 10px 0;
	}

	.hide_me_on_mobile {
		display: none;
		margin: 0;
	}

	.hide_me_on_desktop {
		display: block;
	}

	.ipso_gen_container iframe {
		height: 820px !important;
	}

	.page_section h1 p {
		font-size: 27px !important;
	}

	.simple_content p {
		font-size: 20px;
	}

	.boxes_section .cell_1_6,
	.aktuelles_section .cell_1_6,
	.blue_section .cell_1_6 {
		min-width: 50%;
		max-width: 50%;
	}

	.blue_section .simple_content a {
		margin-bottom: 00px;
	}

	.box_lp a,
	.box_aktuelles a {
		font-size: 16px;
	}

	.box_lp a {
		min-height: 15px;
	}

	.boxes_section .justify-content-between,
	.blue_section .justify-content-between,
	.aktuelles_section .justify-content-between {
		justify-content: center !important;
	}

	.blue_section .small_simple_content p {
		font-size: 16px;
		margin-bottom: 15px;
	}

	.blue_section .small_simple_content {
		margin-bottom: 35px;
	}

	.blue_section {
		background-color: #009cc3;
		padding: 38px 0;
	}

	.two_images {
		padding: 50px 0;
		margin-bottom: 50px;
	}

	.rocket_section {
		padding: 50px 0;
		margin: 50px 0;
	}

	.rocket_section .img_cont img {
		max-width: 100px;
	}

	.small_intro {
		margin-bottom: 50px;
	}

	.small_intro p {
		font-size: 16px;
		padding: 00px 0;
	}

	.box_lp h2 p {
		font-size: 16px;
	}

	.page_section {
		margin-bottom: 25px;
	}

	.page_section h1,
	.page_section h1 span.bold_ipso {
		font-size: 27px !important;
		line-height: 1.3;
		padding-top: 00px;
	}

	.abs_cont {
		max-width: 160px;
	}

	.spacer-top-180 {
		margin-top: 50px;
	}

	.page_section h1 {
		margin: 20px 0 0px 0;
	}

	.bg-bot_2,
	.bg-scientist,
	.bg-bot_1 {
		min-width: 65%;
		max-width: 65%;
		margin: 10px auto;
	}

	.bottom_section .simple_content p {
		margin-bottom: 15px;
	}

	.two_images {
		padding: 0;
	}

	.two_images .flex_container {
		flex-direction: column;
	}

	.two_images .cell_1_2 {
		min-width: 75%;
		max-width: 75%;
		margin: 0 auto 20px auto;
	}

	.green_label {
		bottom: 26px;
		padding: 3px;
	}

	.green_label br {
		display: none;
	}

	.green_label span {
		font-size: 14px;
		bottom: 7px;
	}

	.dark_label span {
		font-size: 8px;
	}

	.rw-1,
	.rw-2,
	.rw-3 {
		display: block;
		padding-bottom: 6px;
	}

	.rw-1:after {
		content: '';
		top: 10px;
	}

	.rw-3:before {
		content: '';
		bottom: 13px;
	}

	.simple_title h2 {
		margin-top: 0;
		margin-bottom: 10px;
	}

	h2.simple_title,
	.simple_title h2 p,
	.aktuelles_section .description_content p {
		font-size: 27px;
	}

	.box_aktuelles img {
		width: 43px;
		height: 43px;
		margin-bottom: 6px;
	}

	.box_aktuelles a h2 p {
		font-size: 16px;
		padding-bottom: 0 24px;
	}

	.box_aktuelles a {
		min-height: 135px;
	}

	.blue_section {
		padding: 0;
	}

	.blue_section .simple_title h2 p {
		font-size: 20px;
	}

	.blue_section .simple_title .description_content p {
		font-size: 16px;
		margin-bottom: 30px;
	}

	.blue_section .box_aktuelles a h2 p {
		font-size: 16px;
		padding: 0 0px;
	}

	.blue_section .box_aktuelles a {
		min-height: 65px;
	}

	.blue_section .box_aktuelles a h2 p {
		margin-bottom: 0;
	}

	.inner_spacer_top_115 {
		padding-top: 35px;
	}

	.inner_spacer_bott_115 {
		padding-bottom: 35px;
	}

	.blue_section .cell_1_6 {
		margin-bottom: 15px;
	}

	.bottom_section_title h2 p {
		font-size: 20px;
		line-height: 1.1;
		margin-bottom: 0;
	}

	.bottom_section {
		margin-top: 15px;
	}

	.bottom_section .cell_1_3 {
		min-width: 65%;
		max-width: 65%;
		margin: 15px auto;
	}

	.bottom_section .cell_1_3 {
		margin-bottom: 15px;
	}
}

.addmore {
	color: red;
}

.cell_1_2 iframe {
	padding: 5px;
}

.alerts-border {
	border: 1px #ff0000 solid;

	animation: blink 0.5s;
	animation-iteration-count: 5;
}

@keyframes blink {
	50% {
		border-color: #fff;
	}
}

.mobile-arrow {
	position: absolute;
	background: url('../images/arrow-white.svg') no-repeat;
	bottom: 10px;
	right: -23px;
	height: 25px;
	width: 85px;
	background-size: contain;
	z-index: 1000;
	backface-visibility: hidden;
}

.mobile-arrow-black {
	position: absolute;
	background: url('../images/arrow-black.svg') no-repeat;
	bottom: 10px;
	right: -23px;
	height: 25px;
	width: 85px;
	background-size: contain;
	z-index: 1000;
	backface-visibility: hidden;
}

.four_boxes_img .cell_1_4 .back .description_content p {
	padding: 20px 2px;
}

.multibox_link .description_content {
	width: 100%;
}

.multibox_link .description_content p a {
	border: 2px solid #000;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	color: #000;
	padding: 5px 10px;
	margin: 5px auto;
}

.multibox_link .description_content p a:hover {
	text-decoration: none;
	background: #46443E;
	color: #fff;
	border-color: #46443E;
}

.multibox_link.gray_front .description_content p a {
	border: 2px solid #009CC3;
	border-radius: 0;
	text-align: center;
	display: inline-block;
	color: #fff;
	padding: 5px 10px;
	margin: 5px auto;
	background: #009CC3;
	width: 93%;
}

.multibox_link.gray_front .description_content p a:hover {
	border: 2px solid #009CC3;
	color: #009CC3;
	background: transparent;
}

.multibox_link.four_boxes_img h2 {
	margin: 0;
}

.multibox_link.four_boxes_img h2 p {
	font-size: 28px;
	;
	margin-bottom: 0;
}

.four_boxes_img.multibox_link .front {
	background-color: #009DC6;
	position: relative;
	padding: 60px 0;
	color: #fff;

}

.four_boxes_img.multibox_link.gray_front .front {
	background-color: #46443E;
	position: relative;
	padding: 60px 10px 60px 0;
	color: #fff;
	border-radius: 0;
}

.four_boxes_img.multibox_link.gray_front .front h2 {
	justify-content: flex-start;
	padding-left: 23px;
	text-align: left;
}

.four_boxes_img.multibox_link .back {
	background-color: #ececeb;
	color: #46443E;
	border-radius: 0;
}

.multibox_link.gray_front .mobile-arrow {
	background: url(../images/white_arrow_exp_new.svg) no-repeat;
	bottom: 15px;
	background-size: contain !important;
}

.new_exp_hero .box_background {
	padding-top: 51% !important;
}

.new_exp_hero h1 p,
.new_exp_hero h2 p,
.new_exp_hero h4 p {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 500;
	font-size: 55px;
	line-height: 1;
	text-align: center;
	color: #FFFFFF;

}

.new_exp_hero h1,
.new_exp_hero h2,
.new_exp_hero h4 {
	background: #009cc3;
	min-height: 24px;
	padding: 13px 60px 13px 30px;
	transform: rotate(-3deg) skew(-12deg, 0deg) translateX(-50%);
	display: inline-block;
	margin-left: 50%;
}

.new_exp_hero h1 p,
.new_exp_hero h2 p,
.new_exp_hero h4 p {
	margin-bottom: 0;
}

.new_exp_hero h4 {
	margin-left: 45%;
	;
}

.new_exp_hero .box_caption {
	position: absolute;
	left: 50%;
	top: auto;
	bottom: 0;
	transform: translate(-50%, 00%);
	max-width: 75%;
	/* margin: 0px 17.4%; */
	width: 100%;
	right: 0;
	max-width: 750px;
	/* background: rgba(0,0,0,0.5 ); */
	height: 60%;
}

.new_exp_hero .description_content {
	position: absolute;
	bottom: 80px;
	width: 750px;
	margin: 0 auto;
	left: 0;
	/* transform: translateX(-10%); */
}

.new_exp_hero .description_content p {
	color: #CCD944;
	font-family: 'Barlow', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	line-height: 1.3;
}

.new_exp_hero .description_content:after {
	content: '';
	background: url(../images/yellow_arrow_down.svg) no-repeat center center;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%) rotate(0deg);
	bottom: -73px;
	background-size: contain;
}
/*
.box_background::before {
	content: '';
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}*/

header.exp_new_page {
	padding-bottom: 0px;
	border: 0;
	;
	margin: 0;
}


.prev_button {
	width: 30px;
	pointer-events: all !important;
	margin-left: 1%;
	background: url(../images/back.svg) no-repeat left 12px;
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.5;
	color: #000000;
	padding-right: 25px;
	height: 61px;
	text-align: right;
	float: right;
}

.next_button {
	width: 30px;
	pointer-events: all !important;
	margin-right: 1%;
	background: url(../images/fwd.svg) no-repeat right 12px;
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.5;
	color: #000000;
	padding-right: 25px;
	height: 61px;
	text-align: right;
	float: left;
}







@media(max-width: 1199px) {
	.four_boxes_img .cell_1_4 {
		position: relative;
		min-width: calc(50% - 30px);
		max-width: calc(50% - 30px);
		margin-bottom: 40px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.four_boxes_img {
		margin-bottom: 0;
	}
}

@media(max-width: 640px) {
	.four_boxes_img .cell_1_4 {
		position: relative;
		min-width: calc(100% - 30px);
		max-width: calc(100% - 30px);
		margin-bottom: 40px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.four_boxes_img {
		margin-bottom: 0;
	}

	.four_boxes_img.multibox_link .front {
		padding: 50px 0;
	}

	.four_boxes_img.multibox_link .back {
		padding: 15px 0 15px 0;
	}

}


@media(max-width:991px) {
	.new_exp_hero .box_caption {
		height: 70%;
	}

	.new_exp_hero h1 p,
	.new_exp_hero h2 p,
	.new_exp_hero h4 p {
		font-size: 35px;
	}

	.new_exp_hero .description_content {
		position: absolute;
		bottom: 80px;
		width: 430px;
		margin: 0 auto;
		left: 50%;
		transform: translateX(-50%);
	}

	.new_exp_hero h4 {
		margin-left: 46%;
	}
}

@media(max-width:767px) {
	.new_exp_hero .box_caption {
		height: 80%;
	}

	.new_exp_hero h1 p,
	.new_exp_hero h2 p,
	.new_exp_hero h4 p {
		font-size: 28px;
	}

	.new_exp_hero .description_content {
		position: absolute;
		bottom: 80px;
		width: 240px;
		margin: 0 auto;
		left: 50%;
		transform: translateX(-50%);
	}

	.new_exp_hero .description_content p {
		font-size: 18px;
		;
	}

	.new_exp_hero .box_background {
		/* min-height: 450px; */
		background-size: cover !important;
		background-position: center;
	}
}

@media(max-width: 640px) {
	.new_exp_hero .box_caption {
		height: 60%;
	}

	.new_exp_hero h1 p,
	.new_exp_hero h2 p,
	.new_exp_hero h4 p {
		font-size: 28px;
	}

	.new_exp_hero .description_content {
		position: absolute;
		bottom: 40px;
		width: 240px;
		margin: 0 auto;
		left: 50%;
		transform: translateX(-50%);
	}

	.new_exp_hero .description_content:after {
		content: '';
		background: url(../images/yellow_arrow_down.svg) no-repeat center center;
		width: 40px;
		height: 40px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%) rotate(0deg);
		bottom: -40px;
		background-size: contain;
	}

	.new_exp_hero h4 {
		margin-left: 46%;
	}

	.new_exp_hero h1,
	.new_exp_hero h2,
	.new_exp_hero h4 {
		background: #009cc3;
		min-height: 24px;
		padding: 7px 30px 7px 30px;
	}

	.exp_new_small_box_title h1 p,
	.exp_new_small_box_title h2 p {
		font-size: 25px;
		text-align: left !important;
		padding: 0;

	}

	.exp_new_small_box_title .description_content p {
		text-align: left !important;
		padding: 0;
	}

	.two_boxes_img.new_exp .cell_1_4 {
		min-width: 100%;
		max-width: 100%;
		margin-top: 160px;
	}

	.two_boxes_img.new_exp .cell_1_4:nth-child(1) {
		margin-top: 120px;
	}

	.two_boxes_img.new_exp .cell_1_4:nth-child(2) {
		margin-top: 160px;
	}

	.two_boxes_img.new_exp h4 p {
		font-size: 28px;
		line-height: 1.3;
	}

	.four_boxes_img.multibox_link.gray_front .cell_1_4 {
		min-width: calc(50% - 30px);
		max-width: calc(50% - 30px);
		;
	}

	.multibox_link.gray_front .description_content p a {
		font-size: 14px;
		line-height: 1.3;
	}

	.four_boxes_img.multibox_link.gray_front .front h2 {
		padding-left: 15px;
	}
}

@media (max-width: 480px) {
	.two_boxes_img.new_exp h4 p {
		font-size: 22px;
		line-height: 1.3;
	}

	.two_boxes_img.new_exp .cell_1_4 {
		padding: 0;
	}

	.four_boxes_img.multibox_link.gray_front .cell_1_4 {
		min-width: calc(50% - 20px);
		max-width: calc(50% - 20px);
		margin-left: 10px;
		margin-right: 10px;

	}

	.multibox_link.gray_front h2 p {
		font-size: 20px;
		margin-bottom: 0;
		line-height: 1.2;
	}

	.multibox_link.gray_front .description_content p a {
		font-size: 14px;
		line-height: 1.3;
	}

	.employees.bordered.exp_new h2 p {
		font-size: 24px;
		;
	}
}

@media (max-width: 380px) {

	.four_boxes_img.multibox_link.gray_front .cell_1_4 {
		min-width: calc(100% - 20px);
		max-width: calc(100% - 20px);
		margin-left: 10px;
		margin-right: 10px;

	}

	.multibox_link.gray_front h2 p {
		font-size: 20px;
		margin-bottom: 0;
		line-height: 1.2;
	}

	.multibox_link.gray_front .description_content p a {
		font-size: 14px;
		line-height: 1.3;
	}
}