@font-face {
    font-family: "Continuum-Light";
    src: local("Continuum Light"), local("Continuum-Light"),
        url(../fonts/contl-webfont.woff) format("woff"),
        url(../fonts/contl-webfont.woff2) format("woff2");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Continuum-Medium";
    src: local("Continuum Medium"), local("Continuum-Medium"),
        url(../fonts/contm-webfont.woff) format("woff"),
        url(../fonts/contm-webfont.woff2) format("woff2");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Continuum-Bold";
    src: local("Continuum Bold"), local("Continuum-Bold"),
        url(../fonts/contb-webfont.woff) format("woff"),
        url(../fonts/contb-webfont.woff2) format("woff2");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: "Merriweather Sans";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/merriweather-sans-v10-latin-300.eot);
    src: local("Merriweather Sans Light"), local("MerriweatherSans-Light"),
        url(../fonts/merriweather-sans-v10-latin-300.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/merriweather-sans-v10-latin-300.woff2) format("woff2"),
        url(../fonts/merriweather-sans-v10-latin-300.woff) format("woff"),
        url(../fonts/merriweather-sans-v10-latin-300.ttf) format("truetype"),
        url(../fonts/merriweather-sans-v10-latin-300.svg#MerriweatherSans)
            format("svg");
}

@font-face {
    font-family: "Merriweather Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/merriweather-sans-v10-latin-regular.eot);
    src: local("Merriweather Sans"), local("MerriweatherSans-Regular"),
        url(../fonts/merriweather-sans-v10-latin-regular.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/merriweather-sans-v10-latin-regular.woff2) format("woff2"),
        url(../fonts/merriweather-sans-v10-latin-regular.woff) format("woff"),
        url(../fonts/merriweather-sans-v10-latin-regular.ttf) format("truetype"),
        url(../fonts/merriweather-sans-v10-latin-regular.svg#MerriweatherSans)
            format("svg");
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

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

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

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

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

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

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


h2 {
    font-size: 2.25em;
}

h3 {
    font-size: 1.7em;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

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

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

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

/**
 * Define consistent border, margin, and padding.
 */

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

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
    padding: 5px 15px;
    width: 100%;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    border:none;
    color:#fff;
    background:#333;
    padding:10px 15px;
}

button:hover,
html input[type="button"]:hover, /* 1 */
input[type="reset"]:hover,
input[type="submit"]:hover {
    background:#555;
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    opacity: 1!important;
    padding: 0!important;
    margin: 0!important;
    -webkit-box-pack: start!important;
            justify-content: flex-start!important;
    -webkit-box-align: start!important;
            align-items: flex-start!important;
    height: auto!important;
    width: auto!important;
    -webkit-transform: translate(0,0)!important;
            transform: translate(0,0)!important;
    position: static!important;
    min-height: 0!important;
    max-width: 100%!important;
}
body, h1, h2, h3, ol, ul, div {
    width: auto!important;
    border: 0!important;
    margin: 0%!important;
    padding: 0!important;
    /* float: none!important; */
    position: static!important;
    overflow: visible!important;
}


p {
    font-size: 1.5rem!important;
    color: #000!important;
    margin-top: 1rem!important;
}

li {
    font-size: 1.5rem!important;
    color: #000!important;
}

ul {
    margin: 2rem 0!important;
}

.p-headline {
    margin-top: 3rem!important;
    margin-bottom: 1rem!important;
}

.section-headline,
.box-headline {
    margin-bottom: 1rem!important;
}

.small-content {
    padding-right: 4rem!important;
}

h1 {
    font-size: 5rem!important;
}

.orange-list {
    padding-left: 3rem !important;
}

.service-name {
    font-size: 3rem!important;
}

.page-headline-bg  {
    width: 100%!important;
}

.card-box,
.blue-border-box {
    padding: 2rem 0!important;
}

.list-heading-wrapper {
  padding-left: 4rem!important;
}

.list-heading-wrapper li{
  max-width: 90%!important;
  display: inline-block!important;
}

.orange-list {
  padding-right: 4rem!important;
  font-size: 1.8rem!important;
}


.padding-wrapper,
footer,
.section-padding {
    padding: 1.5rem 4rem!important;
}

.subpage-intro {
    margin: 3rem 0 2rem!important;
    text-align: center!important;
    width: 100%!important;
}

.card-wrapper
section {
    width: 98%!important;
    padding: 0 6rem!important;
    height: auto!important;
    max-height: none!important;
}

.service-name {
    font-size: 2rem!important;
    line-height: 1.6!important;
}

.values-headline{
    -webkit-box-pack: start!important;
            justify-content: flex-start!important;
}

.teaser-link-img-wrapper {
    margin-right: 5rem!important;
}

.box-wrapper .flex,
.location-container,
.slogan,
.company-value-row,
.blue-border-box,
.half-section,
.service-name,
.grid,
.tile-wrapper,
.footer-top-middle,
.footer-content-bottom,
.cooter-content-top,
.footer-container,
.footer-padding,
.footer {
    display: -webkit-box!important;
    display: flex!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
            flex-direction: column!important;
    -webkit-box-pack: start!important;
            justify-content: flex-start!important;
    -webkit-box-align: start!important;
            align-items: flex-start!important;
    line-height: 1.2!important;
}

.wp-block-lazyblock-text-und-bild .text-image,
.location-dot,
.info-hoverbox,
.location-inner-wrapper,
.post-edit-link,
.footer-top-right,
.pagination,
.swiper-container,
header,
form,
.footer-nav,
.cta-wrapper,
.button {
    display: none!important;;
}

.footer-bottom-text-02 p::before {
  content: 'Elevion';
}

.footer-bottom-left {
  display: -webkit-box!important;
  display: flex!important;
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
          flex-direction: column!important;
  -webkit-box-align: start!important;
          align-items: flex-start!important;
  height: 100px!important;
  line-height: 1.2!important;
}

.date {
  color: #fabb00!important;
}

.slogan {
    padding: 5rem!important;
    width: auto!important;
}

.slogan-box {
  width: auto!important;
}

.slogan-box.drawn:after,
.slogan-box.drawn:before {
  content: ''!important;
  display: none!important;
}

/* .col-1-padding,
.text-image-wrapper, */
.wp-block-lazyblock-akkordeon-artikel,
.panel,
.panel div,
.panel ul,
.panel li,
.text-image-wrapper {
  width: 100%!important;
  display: flex!important;
}

.text-image-wrapper div {
  width: 50%!important;
  padding: 5px!important;
}
.text-image-wrapper img {
  width: 100%!important;
  display: inline-block!important;
}

.two-col {
  column-count: 1!important;
  /* column-gap: 2rem;   */
}

.accordion,
.orange-list li,
ul.orange-list {
  position: relative!important;
  display: inline-block!important;
  width: 100%!important;
  /* flex-direction: column!important; */
}

.panel {
  max-height: none;
}

.accordion,
.wp-block-lazyblock-akkordeon-artikel,
.text-image-wrapper,
.panel,
.orange-list {
  /* border: 2px solid red!important; */
}

.text-image-wrapper.blue-border-box div,
.text-image-wrapper.blue-border-box {
  width: 100%!important;
  /* border-color: blue!important; */
}

.values-headline .lowerline{
  font-size: 1.8rem!important;
}

/* .number-type-wrapper p {
  padding-left:
} */

.number-wrapper {
  width: 50%!important;
}

.company-content-left,
.company-content-right {
  width: 50%!important;
  max-width: 50%!important;
}

.number-type-wrapper p {
  white-space: nowrap!important;
}

.number-large {
  font-size: 3rem!important;
  padding-right: 1rem!important;
  display: inline-block!important;
}

.number-wrapper {
  display: flex!important;
  flex-direction: column!important;
  /* align-items: flex-end!important; */
}

.values-headline .upperline {
  font-size: 3rem!important;
}
.text-center {
  text-align: left!important;
}

.list-heading-wrapper {
  margin-bottom: 0!important;
}

.subheading.text-blue {
  margin-bottom: 0!important;
}

/* .text-image-wrapper {
  border: 2px solid blue!important;
} */

.wp-block-lazyblock-text-blocke-mit-bild img,
.wp-block-lazyblock-text-blocke-mit-bild .img-wrapper,
.wp-block-lazyblock-text-und-bild .text-image-wrapper .w-50 {
  width: 100%!important;
}

.wp-block-lazyblock-text-und-bild .text-image-wrapper,
.panel,
.wp-block-lazyblock-akkordeon-punkte,
.wp-block-lazyblock-akkordeon-artikel,
.wp-block-lazyblock-neuer-akkordeon-artikel,
.accordion{
  display: flex!important;
  width: 100%!important;
  position: static!important;
  flex-direction: column!important;
  /* border: 2px solid red!important; */
}

.accordion ul,
.accordion li,
.accordion div,
.accordion p{
  display: none!important;
}

.section-headline .lowerline {
  font-size: 4rem!important;
  margin-top: 0!important;
  line-height: 1!important;
}
.section-headline .upperline {
  font-size: 2.4rem!important;
  line-height: 1!important;
}


.accordion.open div,
.accordion.open ul,
.accordion.open li,
.accordion.open p {
  display: inline-block!important;
}



:root {
    --orange: #fabb00;
    --blue: var(--primary);
}

::-moz-selection {
    background: #fabb00;
}

::selection {
    background: #fabb00;
}

::-moz-selection {
    background: #fabb00;
}

body::-webkit-scrollbar {
    width: 1rem;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: #fabb00;
    outline: 1px solid #708090;
}

body,
html {
    font-size: 62.5%;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Merriweather Sans", sans-serif;
    font-weight: 300;
    color: var(--text);
    /* -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto */
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: 100vw;
    overflow-x: hidden;
}

body.no-scroll {
    height: 100%;
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Merriweather Sans", sans-serif;
    font-weight: 400;
    color: var(--primary);
    margin: 0 0 3rem;
}

h1 {
    font-size: 10rem;
}

h2 {
    font-size: 5rem;
}

h3 {
    font-size: 3rem;
}

h4 {
    font-size: 2rem;
}

p {
    margin-top: 0;
    margin-bottom: 3rem;
}

li,
ol,
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a,
button,
li,
p {
    font-size: 2rem;
    text-decoration: none;
    line-height: 1.5;
    font-family: "Merriweather Sans", sans-serif;
}

article > div {
    max-width: 2540px; /* QHD */
    margin: auto;
}

article > .wp-block-lazyblock-zwischenuberschrift,
article > .wp-block-lazyblock-fliesstext,
article.page > p {
    display: inline-block;
    max-width: 2540px;
    width: 100%;
    padding-left: calc(100% / 12 * 2);
    padding-right: calc(100% / 12 * 2);
}

article.page > ol {
  counter-reset: ol;
}

article.page > ol ol {
  counter-reset: ol2;
	margin-left: 2rem;
}

article.page > ol > li::before {
  counter-increment: ol;
  content: counter(ol) ". ";
}

article.page > ol ol > li::before {
  counter-increment: ol2;
  content: counter(ol) "." counter(ol2) " ";
}

article.page > h2,
article.page > h3,
article.page > ol,
article.page > ul {
	max-width: 2540px;
    width: 100%;
    padding-left: calc(100% / 12 * 2);
    padding-right: calc(100% / 12 * 2);
	margin-bottom: 3rem;
}
article.page > ul li {
	position: relative
}
article.page > ul li::before {
	content: "■";
	font-family: "Merriweather Sans",sans-serif;
	position: absolute;
	top: -.2rem;
	left: -2.5rem;
	color: #fabb00;
}

article.page > ul {
	margin-left: 2.5rem;
}

article.page > h2 {
	font-size: 3rem;
}

article.page > h3 {
	font-size: 2.5rem;
}

article > .wp-block-lazyblock-zwischenuberschrift h3 {
    margin: 2rem 0 1rem;
}

.img-small {
    max-height: 37rem;
    margin-left: 6rem;
}

.text-wrapper ul {
    margin: 0 0 3rem;
}

.text-wrapper li {
    padding-left: 2rem;
    position: relative;
}

.text-wrapper li::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    top: 1rem;
    left: 0;
    background-color: #fabb00;
}

a.link {
    color: #fabb00;
    opacity: 0.8;
}

a.link:hover {
    opacity: 1;
}

.hidden {
    display: none;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

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

.bg-contain {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.text-orange,
h2.text-orange {
    color: var(--secondary);
}
.inner-text p {
    margin-left: 2rem;
}

.text-blue,
h2.text-blue {
    color: var(--primary);
}

.text-grey {
    color: grey;
}

section {
    width: 100%;
    position: relative;
    line-height: 1.5;
}

.basic-block .p-headline {
    margin: 2rem 0 1rem;
    font-size: 2.5rem;
}

.section-padding {
    padding: 10rem calc(100% / 12);
}

.section-padding-small {
    padding: 2rem calc(100% / 12);
}

.col-1-padding {
    padding: 0 calc(100vw / 12);
}

.page-padding {
    padding-top: 2rem;
}

.wrapper {
    width: 100%;
    position: relative;
}

.text-left {
    padding-right: 2rem;
}

.w-50 {
    width: 50%;
}

.w-45 {
    width: 45%;
}

.w-40 {
    width: 40%;
}

.bg-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/struktur.jpg);
}

.white-box {
    padding: 10rem calc(100vw / 12);
    background-color: rgba(255, 255, 255, 0.9);
}

.white-box p {
    margin: 0;
    margin-bottom: 3rem;
}

.small-content {
    max-width: 40rem;
    width: 100%;
}

.wide-content {
    max-width: 800px;
    width: 100%;
    margin-left: 7vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.text-image {
    -webkit-filter: drop-shadow(2px 2px 20px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(2px 2px 20px rgba(0, 0, 0, 0.2));
}

.wide-content img {
    width: 100%;
}

.content-wrapper {
    position: relative;
}

.padding-wrapper {
    padding: 7rem calc(100vw / 12);
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

.space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.two-col {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2rem;
    column-gap: 2rem;
    margin-bottom: 2rem;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.two-col p {
    display: block;
}

.two-col.p-only {
    column-count: 1;
}

.two-col.p-only > p {
    display: inline-block;
    column-count: 2;
    width: 100%;
}

.two-col span.text-orange p {
    display: inline-block;
    margin: 0;
}

.two-col-float .left-float {
	float: left;
	width: 48%;
}
.two-col-float .right-float {
	float: right;
	width: 48%;
}
.two-col-float .clear-both {
	clear: both;
}

.orange-list {
    margin-bottom: 3rem;
    padding-left: 3rem;
    padding-right: 5rem;
}

.orange-list li {
    position: relative;
    font-family: "Merriweather Sans", sans-serif;
    color: var(--text);
    font-weight: 300;
}

.orange-list li:not(.no-point):before {
    content: "■";
    font-family: "Merriweather Sans", sans-serif;
    position: absolute;
    top: -0.2rem;
    left: -2.5rem;
    color: #fabb00;
}

.orange-list li a {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.orange-list li a:hover {
    color: #fabb00;
}

.section-headline {
    margin-top: 0;
    margin-bottom: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.section-headline .upperline {
    color: #fabb00;
    font-family: Continuum-Medium, sans-serif;
    font-size: 3rem;
}

.section-headline .lowerline {
    color: var(--primary);
    font-family: Continuum-Light, sans-serif;
    font-weight: 300;
    font-size: 5rem;
    margin-top: -0.9rem;
    line-height: 0.8;
}

.box-headline {
    color: var(--primary);
    font-family: "Merriweather Sans", sans-serif;
    font-size: 3rem;
    font-weight: 400;
    margin-top: 0;
}

.p-headline {
    margin-top: 6rem;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 3rem;
    font-weight: 400;
}

.subpage-intro {
    height: 50vh;
    padding-top: 10rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

section .page-headline-bg {
    -webkit-transform: none;
    transform: none;
}

section .page-headline-bg {
    background: rgba(255, 255, 255, 0.9);
    margin: auto;
    padding: 0 8rem;
    text-align: center;
    display: table;
}

.page-headline {
    font-family: Continuum-Light, sans-serif;
    text-transform: uppercase;
    font-size: 10rem;
    display: inline-block;
    color: #fabb00;
    text-align: center;
    margin: 0;
}

.page-headline-long {
    font-size: 6rem;
}

.half-block {
    width: 50%;
}

.button {
    position: relative;
    display: inline-block;
    padding: 2rem 3rem 1.9rem;
    text-transform: uppercase;
}

.button-box {
    padding-left: calc((100% / 2) + 2rem);
}

a.button {
    font-weight: 400;
    text-align: center;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.button::after,
.button::before {
    content: "";
    position: absolute;
    width: 40%;
    height: 70%;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.button::before {
    border-top: 2px solid var(--primary);
    border-left: 2px solid var(--primary);
    left: 0;
    top: 0;
}

.button::after {
    bottom: 0;
    right: 0;
    border-bottom: 2px solid #fabb00;
    border-right: 2px solid #fabb00;
}

.button:hover:after,
.button:hover:before {
    width: 90%;
    height: 90%;
}

.half-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    padding: 0;
}

.card-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.info-card {
    max-width: 50rem;
    padding: 5rem 5rem 5rem 7rem;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.info-card .p-headline {
    margin-top: 0;
}

.card-content {
    padding: 2rem 10%;
}

.content-part {
    width: 50%;
    padding: 18rem 5rem 18rem calc(100% / 12 * 2);
}

.image-part {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.form-field {
    margin: 0.2vw 0;
    border: solid 1px;
}

.blue-border-box {
    border: 2px solid var(--primary);
    padding: 5rem 6rem;
}

.blue-border-box ul {
    margin-bottom: 3rem;
}

.intro-section {
    width: 100%;
    height: 100vh;
    background-image: url(../img/rf-intro-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.slogan-box {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6rem 10rem;
}

.slogan-box::after,
.slogan-box::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 0%;
    -webkit-transition: 1.8s ease;
    transition: 1.8s ease;
}

.slogan-box.drawn:after,
.slogan-box.drawn:before {
    width: 90%;
    height: 82%;
}

.slogan-box::before {
    top: 0;
    left: 0;
    border-left: solid;
    border-top: solid;
    border-width: 5px;
    border-color: var(--primary);
}

.slogan-box::after {
    right: 0;
    bottom: 0;
    border-right: solid;
    border-bottom: solid;
    border-width: 5px;
    border-color: #fabb00;
}

.slogan {
    text-transform: uppercase;
    text-align: center;
    font-size: 10rem;
    font-family: Continuum-Medium, sans-serif;
    font-weight: 600;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 1;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.slogan span {
    line-height: 1.2;
    letter-spacing: 0;
}

.slogan .uppertext {
    color: var(--primary);
    letter-spacing: 0.4rem;
}

.slogan .lowertext {
    color: #fabb00;
    letter-spacing: 0.3rem;
}

.service-section h2 {
    text-align: center;
}

/* KACHEL GRID */

.square h3 {
    text-align: center;
}

.square {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    /* position: relative;*/
    display: inline-block;
    vertical-align: top;
    color: #fff;
    overflow: hidden;
}

.square-25 {
    width: 25%;
    padding-bottom: 25%;
}

.square-33 {
    width: 33.333333%;
    padding-bottom: 33.333333%;
}

.square-50 {
    width: 50%;
    padding-bottom: 50%;
}

.square-100 {
    width: 100%;
    padding-bottom: 100%;
}

.square * {
    color: #fff;
}

.grid {
    display: block;
    padding: 0;
    /* margin: 0 0 12px; */
    text-align: left;
    font-size: 0;
    /* max-width: 1000px; */
    margin: auto;
}

.grid.grid-big {
    width: calc(100% / 5 * 2);
    /* margin-right: 6px; */
}
.grid.grid-small {
    width: calc(100% / 5 * 2);
    /* margin-right: 6px; */
}
.grid.grid-tiny {
    width: calc(100% / 5 * 1);
    /* margin-right: 6px; */
}

.grid-cell {
    display: inline-block;
    /* padding: 0 6px 12px; */
    text-align: left;
    vertical-align: top;
    width: 100%;
    font-size: 16px;
    background-image: url(../img/rf-intro-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 4px solid #fff;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    color: #fff;
}
.grid-25 {
    width: 25%;
}
.grid-33 {
    width: 33.333333%;
}
.grid-50 {
    width: 50%;
}

.grid-cell a {
    color: #fff;
    height: 100%;
    width: 100%;
    padding: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.grid-cell h3 {
    top: 50%;
    position: absolute;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

/* */

.tile-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tile {
    width: 25%;
    height: 330px;
    background-image: url(../img/rf-intro-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 4px solid #fff;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    color: #fff;
}

.service-tile {
    background-position: center;
    background-size: cover;
}
/* .service-tile-2 {
    background-image: url(../img/schaltanlage.jpg);
    background-position: center;
    background-size: cover;
}
.service-tile-3 {
    background-image: url(../img/luftfahrttechnik.jpg);
    background-position: center;
    background-size: cover;
}
.service-tile-4 {
    background-image: url(../img/antriebstechnik.jpg);
    background-position: center;
    background-size: cover;
}

.service-tile-5 {
    background-image: url(../img/pruef-und-messtechnik.jpg);
    background-position: center;
    background-size: cover;
}
.service-tile-6 {
    background-image: url(../img/foerdertechnik.jpg);
    background-position: center;
    background-size: cover;
} */

.tile:hover {
    border-color: #fabb00;
    cursor: pointer;
}

.tile a {
    color: #fff;
    display: inline-block;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10%;
}

.overlay {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--primary);
    color: #fff;
    opacity: 0;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.overlay:hover {
    opacity: 1;
}

.overlay .service-name {
    color: #fff;
    margin: 0;
    width: 80%;
    display: inline-block;
}

div.wpcf7 {
    width: 100%;
}

input[type^="text"] {
    width: 100%;
    border: 1px solid var(--primary);
}

label,
label a {
    font-size: 1.5rem;
}

input,
textarea {
    font-size: 1.5rem;
    padding: 1.4rem 1.6rem;
    border: 1px solid var(--primary);
    background: 0 0;
}

.two-col-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.two-col-wrapper > span {
    width: calc(50% - 0.5rem);
}

form span,
form textarea {
    margin-bottom: 1rem;
    display: inline-block;
    width: 100%;
}

.contact-form .wpcf7-checkbox .last {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.contact-form {
    color: var(--primary);
}

.label-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.label-wrapper a {
    margin: 0 0.5rem;
}

.checkbox-540, .data-security {
    width: auto;
}

.checkbox-540, .data-security,
.wpcf7-checkbox {
    margin: 0;
}

.wpcf7-not-valid input,
div.wpcf7-validation-errors,
input.wpcf7-not-valid {
    color: red;
    border-color: none;
}

textarea.wpcf7-not-valid {
    border-color: red;
}

.wpcf7-not-valid input,
div.wpcf7-validation-errors,
input.wpcf7-not-valid {
    border-color: red;
}

span.wpcf7-not-valid-tip {
    display: none;
}

.wpcf7-not-valid .wpcf7-list-item label input[type="checkbox"] + span:before {
    border-color: red;
}

.wpcf7-list-item-label,
div[role^="alert"] {
    font-size: 1.5rem;
}

div.wpcf7-response-output {
    margin-top: 7rem;
}

span.wpcf7-list-item {
    margin-left: 0;
}

.acceptance-wrapper,
.wpcf7-form .wpcf7-checkbox label {
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.your-consent {
    width: auto;
}

.wpcf7-form .wpcf7-acceptance input[type="checkbox"],
.wpcf7-form .wpcf7-checkbox input[type="checkbox"],
.wpcf7-form input[type="checkbox"].wpcf7-acceptance {
    position: relative;
    visibility: hidden;
    width: 20px;
    height: 20px;
    margin-right: 2rem;
}

.wpcf7-form .wpcf7-acceptance input[type="checkbox"] + span:before,
.wpcf7-form .wpcf7-checkbox input[type="checkbox"] + span:before,
.wpcf7-form input[type="checkbox"].wpcf7-acceptance + span:before {
    display: block;
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    top: 0;
    left: 0;
    border: 2px solid var(--primary);
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.wpcf7-form .wpcf7-acceptance input[type="checkbox"]:checked + span:before,
.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked + span:before,
.wpcf7-form input[type="checkbox"].wpcf7-acceptance:checked + span:before {
    background-color: #fabb00;
}

input[name="data-security"] + span {
  display: inline;
}

.wpcf7-acceptance {
  margin-bottom: 0;
}

::-webkit-input-placeholder {
    color: var(--primary);
    opacity: 0.5;
}

::-moz-placeholder {
    color: var(--primary);
    opacity: 0.5;
}

:-ms-input-placeholder {
    color: var(--primary);
    opacity: 0.5;
}

:-moz-placeholder {
    color: var(--primary);
    opacity: 0.5;
}

.submit-button {
    float: right;
    margin-top: 2rem;
}

#submit-form {
    background: 0 0;
    color: var(--primary);
    padding: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 1.5rem 2.5rem;
    text-transform: uppercase;
}

div.wpcf7 .ajax-loader {
    display: none;
}

.contact-form .button {
    padding: 0;
}

.contact-form .button::after,
.contact-form .button::before {
    pointer-events: none;
}

.contact-form p:last-of-type {
    position: relative;
    display: inline-block;
    margin: 1vw 0 0 0;
    text-transform: uppercase;
}

.contact-form p:last-of-type::after,
.contact-form p:last-of-type::before {
    content: "";
    position: absolute;
    width: 40%;
    height: 70%;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    pointer-events: none;
}

.contact-form p:last-of-type:before {
    border-top: 2px solid var(--primary);
    border-left: 2px solid var(--primary);
    left: 0;
    top: 0;
}

.contact-form p:last-of-type::after {
    bottom: 0;
    right: 0;
    border-bottom: 2px solid #fabb00;
    border-right: 2px solid #fabb00;
}

.contact-form p:last-of-type:hover:after,
.contact-form p:last-of-type:hover:before {
    width: 90%;
    height: 90%;
}

.slider-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.swiper-container {
    max-width: 1200px;
    width: 100%;
    height: 300px;
}

.swiper-subheadline {
    margin-bottom: 0;
}

.slider-wrapper h4 {
    margin-bottom: 0;
}

.left:hover {
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
}

.right:hover {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0);
}

.client-logo {
    width: 30rem;
}

.referenz-logo {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.swiper-button-next {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/arrow-right.svg);
}

.swiper-button-prev {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/arrow-left.svg);
}

.swiper-slide {
    padding: 0 10%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.swiper-textbox {
    padding: 10rem 0;
    margin: 0 2rem;
}

.swiper-slide img {
    height: auto;
    width: 60%;
    padding: 0 2rem;
}

.slider-left {
    width: 50rem;
    max-width: 100%;
}

.swiper-textbox h2 {
    font-size: 3rem;
    margin: 0;
}

.swiper-textbox p {
    font-size: 2rem;
    margin: 0;
}

.swiper-textbox a {
    font-size: 1.5em;
    color: rgba(255, 255, 255, 0.6);
    padding: 5px 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: 0.25s linear;
    transition: 0.25s linear;
}

.swiper-textbox a:hover {
    color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, 1);
}

.main {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.content .full-content,
.left-content,
.special-content {
    padding-right: 50px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    float: left;
    min-height: 425px;
}

.left-content {
    width: 70%;
    padding-right: 50px;
}

.full-content {
    width: 100%;
}

.contact-content,
.contact-field {
    width: 50%;
}

.sidebar {
    width: 30%;
    margin: 0.67em 0;
}

.sidebar-widget {
    margin-bottom: 20px;
}

.accordion {
    padding: 0.7rem 1.5rem;
}

.accordion-toggler {
    border-bottom: 2px solid rgba(68, 68, 68, 1);
}

.accordion-toggler:before {
    content: "";
    display: block;
    background: url(../img/icons/accordion-arrow.svg) no-repeat;
    width: 25px;
    height: 25px;
    float: right;
    margin: 5px 20px 0 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}

.open .accordion-toggler:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordion-content {
    margin-bottom: 50px;
}

.galerie-img {
    height: 250px;
    cursor: pointer;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.8s ease;
    transition: 0.8s ease;
}

.galerie-img:hover {
    background-size: 120%;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}

.company-value-row {
    width: 100%;
    padding: 0.5rem 0;
}

.company-value-row .value-icon {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 12rem;
    height: 12rem;
}

.values-headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    font-family: Continuum-Medium, sans-serif;
    margin: 0 2rem;
}

.values-headline .upperline {
    font-size: 5rem;
    color: #fabb00;
}

.values-headline .lowerline {
    font-size: 3rem;
    color: var(--primary);
    margin-top: -1rem;
}

.row-reverse .values-headline {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.location-container .wp-block-lazyblock-blauer-kasten-mit-aufklappfunktion {
    display: none;
}

.box-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.card-box {
    width: calc(50% - 2rem);
    padding: 5rem 7rem;
}

.box-border {
    border: 0.2rem solid var(--primary);
}

.your-career-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10rem;
}

.block-text-content {
    padding-right: 4rem;
}

.career-img {
    width: 100%;
    max-height: 40rem;
}

.location-text {
    width: 50%;
    margin-right: 4rem;
}

.leader_name,
#leader_name {
    margin-bottom: 0.5rem;
}

li + .leader {
    margin-top: 1rem;
}

.leader_image {
    max-width: 300px;
    height: auto;
}

.leader > * {
    margin-bottom: 1rem;
}

.location-container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.location-container .map-germany {
    margin-top: 10rem;
}

.map-germany {
    position: relative;
}

.location-dot {
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 30px;
    background-color: #fabb00;
}

.location-dot::after {
    pointer-events: none;
    content: "";
    opacity: 0;
    width: 150%;
    height: 150%;
    position: absolute;
    background: 0 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
    border: 2px dashed #fabb00;
    border-radius: 0;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.location-dot.active {
    background-color: #fabb00;
    z-index: 10;
}

.foto-active {
    display: inline-block !important;
}

.location-dot.active::after {
    opacity: 1;
}

.location-dot.active::before {
    content: "" !important;
}

#city-dot-1 {
    left: 43%;
    top: 16.3%;
}

#city-dot-2 {
    left: 43%;
    top: 26%;
}

#city-dot-3 {
    left: 29.7%;
    top: 30.5%;
}

#city-dot-4 {
    left: 14.8%;
    top: 60%;
}

#city-dot-5 {
    top: 63%;
    left: 26%;
}

#city-dot-6 {
    left: 48%;
    top: 57%;
}

#city-dot-7 {
    top: 81.4%;
    left: 24.9%;
}

#city-dot-8 {
    left: 22%;
    top: 84.3%;
}

#city-dot-9 {
    left: 39.3%;
    top: 83.4%;
}

#city-dot-10 {
    top: 1.6%;
    left: 82%;
}

#city-dot-11 {
    top: 61.3%;
    left: 63.5%;
}

#city-dot-12 {
    top: 59.7%;
    left: 32.6%;
}

#city-dot-13 {
	left: 16.5%;
	top: 80.5%;
}

.location-inner-wrapper {
    min-height: 45rem;
}

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

.company-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.company-numbers-wrapper {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.number-type-wrapper {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.number-type-wrapper p {
    width: 45%;
    padding-left: 2rem;
}

.number-large {
    padding-right: 0;
    margin: 0 0;
    text-align: right;
    width: 60%;
    font-size: 5rem;
}

.number-wrapper {
    padding-top: 0;
    width: 100%;
}

.company-content-left {
    padding-right: calc(100% / 24);
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.company-content-right {
    width: 49%;
}

.info-hoverbox {
    border: 1.5px solid #fabb00;
    background-color: #fff;
    width: 40rem;
    padding: 1rem 2rem;
    position: absolute;
    bottom: 19%;
    left: 30%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    z-index: 10;
}

.info-box-small {
    border: 1.5px solid #fabb00;
    height: 1.8rem;
    width: 1.8rem;
    position: absolute;
    background-color: #fff;
    left: -20px;
    top: 3px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transition: 0.75s;
    transition: 0.75s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-property: opacity, left, -webkit-transform;
    transition-property: opacity, left, -webkit-transform;
    transition-property: opacity, transform, left;
    transition-property: opacity, transform, left, -webkit-transform;
}

.list-heading-wrapper {
    position: relative;
    font-size: 2rem;
}
.list-heading-wrapper:nth-child(2) {
    height: 38rem;
}

.list-heading-wrapper:hover .info-hoverbox {
    cursor: pointer;
    visibility: visible;
    opacity: 1;
    left: 34.5%;
}

.list-heading-wrapper:hover .info-box-small {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -10px;
    visibility: visible;
    opacity: 1;
}

.wp-block-lazyblock-artikel-teaser:first-of-type .article-teaser:first-of-type {
    margin-top: 8rem;
}

.teaser-block {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.teaser-link-img-wrapper {
    min-width: 25%;
    margin-right: 5rem;
    min-height: 180px;
    display: inline-block;

    width: 315px;
    max-width: 315px;
    height: auto;
}

.blog-teaser-img img,
.blog-teaser-img {
    display: inline-block;
    max-width: 100%;
}

.blog-teaser-img img {
    margin-bottom: 1rem;
}

.teaser-block article.post {
    width: 100%;
    margin-bottom: 4rem;
}

.teaser-wrapper {
    padding: 2rem 0;
    height: 100%;
    max-width: 1260px;
}

.teaser-uppertext {
    width: 100%;
}

.teaser-headline {
    margin: 0;
    margin-bottom: 1rem;
    font-size: 2rem;
}

.teaser-text-bottom p {
    font-size: 1.5rem;
    margin: 0;
    margin-bottom: 1rem;
}

.teaser-date {
    font-size: 1.5rem;
    margin: 0;
}

.teaser-wrapper .button-wrapper {
    margin-top: 1.5rem;
}

.teaser-wrapper .button-wrapper a {
    font-size: 1.5rem;
}

.view-article {
    display: none;
}

.pagination {
    position: relative;
    padding: 0 calc(100% / 12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-numbers.current {
    font-size: 3rem;
    color: var(--primary);
}

.page-numbers.next {
    right: calc(100% / 12);
    position: absolute;
}

.page-numbers.prev {
    left: calc(100% / 12);
    position: absolute;
}

.page-numbers {
    /* display: none; */
    text-align: center;
    font-size: 2rem;
    padding: 0 0.2rem;
}

.accordion {
    background-color: #fff;
    color: var(--text);
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    position: relative;
}

.accordion:hover,
.active {
    background-color: #fff;
}

img.error {
    display: none;
}

.panel {
    display: none;
    overflow: hidden;
    color: var(--text);
}

.panel {
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out;
}

.panel p {
    color: var(--text);
    font-weight: 300;
}

.accordion h4 {
    margin-bottom: 1rem;
    margin-left: 2rem;
    display: inline-block;
}

.accordion::before {
    content: "";
    position: absolute;
    left: 0;
    background-image: url(../img/accordion-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 2rem;
    height: 2rem;
    top: 1.2rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.accordion.open::before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.active:before {
    content: "\2796";
}

.blog-headline {
    font-size: 4rem;
    color: var(--primary);
}

.thumb-image {
    float: right;
    display: inline-block;
    padding: 0 0 4rem 4rem;
    max-width: 50%;
    width: 100%;
}

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

.back-button {
    margin-top: 4rem;
}

.teaser-block .fly-in {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0;
    -webkit-transition: 1s ease;
    transition: 1s ease;
}

.teaser-block .fly-done {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.mobile-only {
    display: none;
}

.headline {
    font-size: 2rem;
    margin: 0;
}

.download-description {
    font-size: 1.8rem;
    margin: 0;
}

.download-button a {
    font-size: 1.5rem;
}

.search-results .teaser-link-img-wrapper {
    display: none;
}

.search .teaser-text {
    color: var(--text);
}

.post .wp-block-lazyblock-zwischenuberschrift{
	padding: unset
}

.slidein-ladestation{
    position: absolute;
    left: 0;
    bottom: 1rem;
    display: flex;
    justify-content: space-between;
    flex-direction: row;


}
.slidein-ladestation .icon img{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 60%;
    min-width: 90px;
}
.slidein-ladestation .button-wrapper .button{
    /* display: none; */
    text-transform: unset;
    font-size: 2.5rem;
    margin: 0 1rem ;
}

.slidein-ladestation .button-wrapper .button:before {
    border-top: 4px solid var(--primary);
    border-left: 4px solid var(--primary);
    left: 0;
    top: 0;
}
.slidein-ladestation .button-wrapper .button:after {
    bottom: 0;
    right: 0;
    border-bottom: 4px solid var(--secondary);
    border-right: 4px solid var(--secondary);
}

input[type="search"]::-webkit-input-placeholder,
input[type="search"]::-moz-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="search"]:-moz-placeholder {
    color: #FFF!important;
}


.footer-content-bottom {
  /* flex-wrap: wrap; */
}

.footer-content-bottom > * {
  margin-bottom: 2rem;
}

.footer-social-media {
  margin-left: auto;
  margin-right: auto;
  flex-grow: 1;
  flex-shrink: 1;
}

.footer-social-media img {
   width: 100%;
}

.footer-social-media li {
  width: calc(25% - 1rem);
  max-width: 3rem;
  margin: 0 .5rem;
}

.footer-social-media .footer-nav {
  display: flex;
  justify-content: center;
  width: 100%;
}

.footer-social-media .footer-nav li::before {
	content: none;
}

 @media (min-width: 1081px) and (max-width: 1280px) {
   .footer-content-bottom {
     flex-wrap: wrap;
   }
 }

@media (max-width: 1280px) {

   .footer-social-media {
     width: 100%;
   }

   .footer-social-media .footer-nav {
     justify-content: flex-start;
   }

   .footer-social-media li:first-child {
     margin-left: 0;
   }
 }


#post-3015 .section-padding-small{

}

/*change id on live*/
#post-295 .section-padding-small{
  margin-left: 2rem;
	padding: 2rem 0;
}
#post-295 .col-1-padding{
    padding: 0;
}


#post-295 .left:hover {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

/*  GRID COLUMN */
.col {
	display: block;
	float:left;
}

.col:first-child { margin-left: 0; } /* alle browser ausser IE6 und älter */

.main .lg_6, .main .lg_4, .main .lg_3
.content .lg_6,.full-content .lg_6,.special-content .lg_6,.left-content .lg_6,
.content .lg_4,.full-content .lg_4,.special-content .lg_4,.left-content .lg_4,
.content .lg_3,.full-content .lg_3,.special-content .lg_3,.left-content .lg_3,{
	-ms-flex-order: 0;
	-webkit-box-ordinal-group: 1;
	        order: 0;
	-ms-flex: 1 1 auto;
	-webkit-box-flex: 1;
	        flex: 1 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	padding-right: 25px;
	margin-bottom:20px;
}

.grid{
	width:100%;
}

.grid:after {
	content: " "; /* Older browser do not support empty content */
    clear: both;
}


/* DESKTOP */
.lg_12 {
	width: 100%;
}

.lg_11 {
	width: 91.66666667%;
}

.lg_10 {
	width: 83.33333333%;
}

.lg_9 {
	width: 75%;
}

.lg_8 {
	width: 66.66666667%;
}

.lg_7 {
	width: 58.33333333%;
}

.lg_6 {
	width: 50%;
}

.lg_5 {
	width: 41.66666667%;
}

.lg_4 {
	width: 33.33333333%;
}

.lg_3 {
	width: 25%;
}

.lg_2 {
	width: 16.66666667%;
}

.lg_1 {
	width: 8.33333333%;
}

/* DESKTOP SKIP */
.lg_skip_12 {
	margin-left: 100%;
}

.lg_skip_11 {
	margin-left: 91.66666667%;
}

.lg_skip_10 {
	margin-left: 83.33333333%;
}

.lg_skip_9 {
	margin-left: 75%;
}

.lg_skip_8 {
	margin-left: 66.66666667%;
}

.lg_skip_7 {
	margin-left: 58.33333333%;
}

.lg_skip_6 {
	margin-left: 50%;
}

.lg_skip_5 {
	margin-left: 41.66666667%;
}

.lg_skip_4 {
	margin-left: 33.33333333%;
}

.lg_skip_3 {
	margin-left: 25%;
}

.lg_skip_2 {
	margin-left: 16.66666667%;
}

.lg_skip_1 {
	margin-left: 8.33333333%;
}