body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/* figtree-300 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Figtree";
    font-style: normal;
    font-weight: 300;
    src: url("../../files/theme/plan4/fonts/figtree-v4-latin-300.eot");
    /* IE9 Compat Modes */
    src: url("../../files/theme/plan4/fonts/figtree-v4-latin-300.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../../files/theme/plan4/fonts/figtree-v4-latin-300.woff2") format("woff2"), /* Super Modern Browsers */ url("../../files/theme/plan4/fonts/figtree-v4-latin-300.woff") format("woff"), /* Modern Browsers */ url("../../files/theme/plan4/fonts/figtree-v4-latin-300.ttf") format("truetype"), /* Safari, Android, iOS */ url("../../files/theme/plan4/fonts/figtree-v4-latin-300.svg#Figtree") format("svg");
    /* Legacy iOS */
}
/* figtree-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Figtree";
    font-style: normal;
    font-weight: 400;
    src: url("../../files/theme/plan4/fonts/figtree-v4-latin-regular.eot");
    /* IE9 Compat Modes */
    src: url("../../files/theme/plan4/fonts/figtree-v4-latin-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../../files/theme/plan4/fonts/figtree-v4-latin-regular.woff2") format("woff2"), /* Super Modern Browsers */ url("../../files/theme/plan4/fonts/figtree-v4-latin-regular.woff") format("woff"), /* Modern Browsers */ url("../../files/theme/plan4/fonts/figtree-v4-latin-regular.ttf") format("truetype"), /* Safari, Android, iOS */ url("../../files/theme/plan4/fonts/figtree-v4-latin-regular.svg#Figtree") format("svg");
    /* Legacy iOS */
}
/* figtree-500 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Figtree";
    font-style: normal;
    font-weight: 500;
    src: url("../../files/theme/plan4/fonts/figtree-v4-latin-500.eot");
    /* IE9 Compat Modes */
    src: url("../../files/theme/plan4/fonts/figtree-v4-latin-500.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../../files/theme/plan4/fonts/figtree-v4-latin-500.woff2") format("woff2"), /* Super Modern Browsers */ url("../../files/theme/plan4/fonts/figtree-v4-latin-500.woff") format("woff"), /* Modern Browsers */ url("../../files/theme/plan4/fonts/figtree-v4-latin-500.ttf") format("truetype"), /* Safari, Android, iOS */ url("../../files/theme/plan4/fonts/figtree-v4-latin-500.svg#Figtree") format("svg");
    /* Legacy iOS */
}
/* figtree-600 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Figtree";
    font-style: normal;
    font-weight: 600;
    src: url("../../files/theme/plan4/fonts/figtree-v4-latin-600.eot");
    /* IE9 Compat Modes */
    src: url("../../files/theme/plan4/fonts/figtree-v4-latin-600.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../../files/theme/plan4/fonts/figtree-v4-latin-600.woff2") format("woff2"), /* Super Modern Browsers */ url("../../files/theme/plan4/fonts/figtree-v4-latin-600.woff") format("woff"), /* Modern Browsers */ url("../../files/theme/plan4/fonts/figtree-v4-latin-600.ttf") format("truetype"), /* Safari, Android, iOS */ url("../../files/theme/plan4/fonts/figtree-v4-latin-600.svg#Figtree") format("svg");
    /* Legacy iOS */
}
* {
    box-sizing: border-box;
}
html {
    max-width: 100vw;
    position: relative;
    width: 100%;
}
body {
    color: #3e3f3e;
    font-family: "Figtree";
    font-size: 18px;
    font-weight: 300;
    line-height: 150%;
    max-width: 100vw;
    overflow-x: hidden;
    -webkit-tap-highlight-color: rgba(147, 194, 30, 0.2);
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    width: 100%;
}
iframe {
    border: none;
}
.blog-container h1 {
    margin: 114px auto 61px;
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
}
.blog-reader h1,
.news-reader h1 {
    font-size: 1.389em;
    margin: -7px 0 17px;
}
h1,
h2 {
    font-size: 2.5em;
    font-weight: 500;
    line-height: 130%;
    margin: 24px 0 0;
}
.blog-list h2,
.blog-reader-list h2,
.news-reader h2,
.blog-startseite h3 {
    font-size: 1.389em;
    text-align: left;
}
h2 {
    text-align: center;
}
h3 {
    font-size: 1.25em;
    font-weight: 500;
    line-height: 150%;
    margin: 20px 0;
}
a {
    transition: all 0.2s ease 0s;
}
.ce_text ul:not(.enclosure),
.content-text ul:not(.enclosure),
.ce_list ul,
.content-list ul{
    margin: 10px 0;
    padding-left: 20px;
}
.ce_text ul > li:not(.download-element),
.content-text ul > li:not(.download-element),
.ce_list ul > li,
.content-list ul > li {
    background: rgba(0, 0, 0, 0) url("../../files/theme/plan4/img/ok-green.svg") no-repeat scroll 0 6px / 20px auto;
    padding-left: 30px;
}
.page_tt .ce_text ul > li:not(.download-element),
.page_tt .content-text ul > li:not(.download-element) {
    background-image: url("../../files/theme/plan4/img/ok-blue.svg");
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.green-txt {
    color: #93c21e;
}
.blue-txt {
    color: #9bb4c3;
}
header {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #eae5e3;
    height: 110px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
header ul,
footer ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
header a,
footer a {
    color: inherit;
    text-decoration: none;
}
header .inside {
    background: rgba(0, 0, 0, 0) url("../../files/redaktion/images/allgemein/bg-header.jpg") no-repeat scroll right -1px / auto 110px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1440px;
    padding: 36px 20px 20px;
    width: 100%;
}
header .inside > a {
    display: block;
    width: 173px;
    z-index: 1;
}
header .inside > a img {
    width: 100%;
}
.navigation-d {
    line-height: 130%;
    margin-top: 14px;
}
.navigation-d .level_1 {
    display: flex;
    font-size: 1.111em;
    font-weight: 400;
    justify-content: space-between;
    width: 440px;
}
.navigation-d .level_1 > li {
    height: 25px;
}
.navigation-d .level_1 > li > strong.inactive {
    color: inherit;
}
.navigation-d .level_1 > li:hover > a {
    color: #93c21e;
}
.navigation-d a.trail,
.navigation-d strong.trail,
.navigation-d strong.active {
    color: #93c21e;
}
.navigation-d strong {
    cursor: default;
    font-weight: 400;
}
.navigation-d .level_2-container::after {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    bottom: -5px;
    content: "";
    height: 5px;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.navigation-d .level_1 li:hover .level_2-container::after {
    opacity: 1;
}
.navigation-d .level_2-container {
    background-color: #ffffff;
    height: 90px;
    left: 0;
    opacity: 0;
    position: fixed;
    top: -10000px;
    transition: opacity 0.3s ease 0s;
    width: 100%;
}
.navigation-d .level_1 li:hover .level_2-container {
    height: auto;
    opacity: 1;
    top: 73px;
}
.navigation-d .level_1 .level_2 {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
}
.navigation-d .level_1 > li:nth-of-type(1) .level_2 {
    max-width: 1440px;
    padding: 37px 0 0;
}
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li {
    position: relative;
    width: 100%;
}
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) {
    display: flex;
    justify-content: center;
}
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) a,
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) strong,
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2) a,
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2) strong {
    color: inherit;
    display: flex;
    font-weight: 300;
    height: 100%;
    justify-content: flex-start;
    padding: 50px 0 40px 50px;
    -webkit-tap-highlight-color: transparent;
    width: 540px;
}
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) a:hover::after,
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) strong::after {
    background-color: rgba(147, 194, 30, 0.5);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2) a:hover::after,
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2) strong::after {
    background-color: rgba(155, 180, 195, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50vw;
    z-index: -1;
}
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) div::before,
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2) div::before {
    display: block;
    font-size: 0.8em;
    height: 58px;
    line-height: 130%;
    width: 320px;
}
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) div::before {
    content: "Die Lösung für ressourcensparende Bestandsbewertung von Gebäuden";
}
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2) div::before {
    content: "Agiles Projektmanagement für die Baubranche – transparent und effizient";
}
.navigation-d .level_1 > li:nth-of-type(1) .level_2 div {
    border-radius: 10px;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    padding: 20px 0 21px 174px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) div:nth-of-type(1) {
    background: transparent url("../../files/redaktion/images/allgemein/gebaeudecheck-logo.svg") no-repeat scroll 0 16px / auto 83px;
}
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2) div {
    background: transparent url("../../files/redaktion/images/allgemein/tick-at-time-logo.svg") no-repeat scroll 0 16px / auto 83px;
}
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) div > span > span,
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2) div > span > span {
    bottom: 29px;
    display: inline-flex;
    height: 15px;
    margin: 1px 0 0 6px;
    width: 13px;
}
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) div > span > span {
    background: transparent url("../../files/theme/plan4/img/link-green.svg") no-repeat scroll 0 0 / 100% auto;
}
.navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2) div > span > span {
    background: transparent url("../../files/theme/plan4/img/link-blue.svg") no-repeat scroll 0 0 / 100% auto;
}
.navigation-d .level_1 > li:nth-of-type(2) .level_2 {
    max-width: 980px;
    padding: 32px 0 0;
}
.navigation-d .level_1 > li:nth-of-type(2) .level_2 li {
    display: flex;
    justify-content: center;
    width: 20%;
}
.navigation-d .level_1 > li:nth-of-type(2) .level_2 div::before {
    content: "";
    display: block;
    height: 47px;
    padding-bottom: 16px;
    width: 50px;
}
.navigation-d .level_1 > li:nth-of-type(2) .level_2 > li:nth-of-type(1) div::before {
    background: transparent url("../../files/redaktion/images/icons/gc-icon-gruppe.svg") no-repeat scroll 0 0 / 100% auto;
}
.navigation-d .level_1 > li:nth-of-type(2) .level_2 > li:nth-of-type(2) div::before {
    background: transparent url("../../files/redaktion/images/icons/gc-icon-events.svg") no-repeat scroll 0 0 / 100% auto;
}
.navigation-d .level_1 > li:nth-of-type(2) .level_2 > li:nth-of-type(3) div::before {
    background: transparent url("../../files/redaktion/images/icons/gc-icon-blog.svg") no-repeat scroll 0 0 / 100% auto;
}
.navigation-d .level_1 > li:nth-of-type(2) .level_2 > li:nth-of-type(4) div::before {
    background: transparent url("../../files/redaktion/images/icons/gc-icon-presse.svg") no-repeat scroll 0 0 / 100% auto;
}
.navigation-d .level_1 > li:nth-of-type(2) .level_2 > li:nth-of-type(5) div::before {
    background: transparent url("../../files/redaktion/images/icons/gc-icon-pressekit.svg") no-repeat scroll 0 0 / 100% auto;
}
.navigation-d .level_1 > li:nth-of-type(2) .level_2 div {
    align-items: center;
    display: flex;
    flex-flow: column;
    padding: 50px 0 30px;
    /*transition: all 0s;*/
    text-align: center;
    width: 100%;
}
.navigation-d .level_1 > li:nth-of-type(2) .level_2 a:hover,
.navigation-d .level_1 > li:nth-of-type(2) .level_2 strong {
    /*background-color:rgba(155,180,195,.5);*/
    color: #93c21e;
    /*transform-origin: center;
		transform: scale(1.05);*/
}
.navigation-m,
.hamburger {
    display: none;
}
#container {
    padding-top: 110px;
}
.mod_article {
    margin: 0 auto;
    max-width: 1440px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.hero .ce_image,
.hero .content-image,
.hero .image-container {
    line-height: 0;
}
.hero {
    max-width: 1440px;
    padding-left: 0;
    padding-right: 0;
}
.hero-1 {
    padding-bottom: calc(56px - 20 * ((100vw - 768px) / 672));
}
.hero-1 > .ce_image:nth-of-type(2),
.hero-1 > .content-image:nth-of-type(2) {
    bottom: calc(56px - 20 * ((100vw - 768px) / 672));
    height: auto;
    left: 0;
    position: absolute;
    width: 100%;
}
.hero-1 > .ce_text,
.hero-1 > .content-text {
    bottom: calc(-20px + 20 * ((100vw - 768px) / 672));
    bottom: 0;
    height: auto;
    position: absolute;
    right: 120px;
    right: calc(20px + 100 * ((100vw - 768px) / 672));
    text-align: right;
}
@media (max-width: 768px) {
    .hero-1 {
        padding-bottom: 56px;
    }
    .hero-1 > .ce_image:nth-of-type(2),
    .hero-1 > .content-image:nth-of-type(2) {
        bottom: 36px;
    }
    .hero-1 > .ce_text,
    .hero-1 > .content-text {
        right: 20px;
    }
}
@media (min-width: 1440px) {
    .hero-1 {
        padding-bottom: 36px;
    }
    .hero-1 > .ce_image:nth-of-type(2),
    .hero-1 > .content-image:nth-of-type(2) {
        bottom: 36px;
    }
    .hero-1 > .ce_text,
    .hero-1 > .content-text {
        right: 120px;
    }
}
.hero-2 {
    margin-bottom: 113px;
}
.hero > .ce_image figure,
.hero > .content-image figure {
    line-height: 0;
    overflow: hidden;
    position: relative;
}
.hero > .ce_image figure > img:nth-of-type(2),
.hero > .content-image figure > img:nth-of-type(2) {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.hero > .ce_image figure > img:nth-of-type(3),
.hero > .content-image figure > img:nth-of-type(3) {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
.hero-2 > .ce_text,
.hero-2 > .content-text,
.hero-3 > .ce_text,
.hero-3 > .content-text,
.hero-4 > .ce_text,
.hero-4 > .content-text {
    display: flex;
    flex-flow: column nowrap;
    text-align: center;
}
.hero-2 > .ce_text,
.hero-2 > .content-text {
    margin: 0 auto;
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
.hero-3 > .ce_text,
.hero-3 > .content-text,
.hero-4 > .ce_text,
.hero-4 > .content-text {
    margin: -50px auto 0;
    max-width: 980px;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}
.unternehmen.hero h1 {
    margin: 50px auto 62px;
    max-width: 1020px;
    padding: 0 20px;
}
.hero-2 h1,
.hero-3 h1 {
    margin: 47px 0 10px;
    order: 2;
    text-align: center;
}
.hero-2 .content-text .rte {
    order: 2;
    display: flex;
    flex-direction: column;
}
.hero-4 h1 {
    margin: 10px 0;
    order: 3;
    text-align: center;
}
.hero-2 > .ce_text .image_container,
.hero-2 > .content-text .image_container,
.hero-2 > .content-text.media--above > figure {
    margin-top: 42px;
    order: 1;
}
.hero-3 > .ce_text .image_container,
.hero-3 > .content-text .image_container,
.hero-4 > .ce_text .image_container,
.hero-4 > .content-text .image_container {
    margin-top: 0;
    order: 1;
}
.hero-2 p {
    order: 3;
}
.hero-2 p:last-of-type {
    margin-bottom: 46px;
    margin-top: 0;
}
.hero-3 p {
    margin: 15px auto 0;
    order: 3;
}
.hero-4 p {
    margin: 36px 0 0;
    max-width: 440px;
    order: 2;
}
.bg-green {
    background-color: #d1e685;
}
.bg-green-30 {
    background-color: rgba(208, 229, 134, 0.3);
}
.bg-green-60 {
    background-color: rgba(208, 229, 134, 0.6);
}
.bg-blue-15 {
    background-color: rgba(155, 180, 195, 0.15);
}
.bg-blue-30 {
    background-color: rgba(155, 180, 195, 0.3);
}
.bg-blue-60 {
    background-color: rgba(155, 180, 195, 0.6);
}
.bg-grey-70 {
    background-color: rgba(244, 244, 244, 0.7);
}
.bg-grey-4 {
    background-color: rgba(0, 0, 0, 0.04);
}
.bottom-white-101 > div > div:last-of-type {
    background-color: transparent;
    line-height: 0;
    padding-top: 20px;
    width: 100%;
}
.ok-top::before {
    content: url("../../files/theme/plan4/img/ok-green.svg");
    left: calc(50% - 25px);
    position: absolute;
    top: -20px;
    z-index: 2;
}
.ok-top {
    overflow: visible;
}
.bottom-white-101 h2 {
    margin: 0;
    padding: 60px 0 0;
}
.bottom-white-101 .ce_text,
.bottom-white-101 .content-text {
    padding: 0 20px;
}
.bottom-white-101 p {
    font-size: 1.111em;
    font-weight: 400;
    margin: 20px 0 0 0;
}
.center {
    text-align: center;
}
.w-660 > div {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
.w-780 > div {
    margin-left: auto;
    margin-right: auto;
    max-width: 820px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
.w-940 > div {
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}
.tiles-3.tiles-3-tt {
    margin-top: 15px;
}
.serviceteam {
    margin-top: 0;
}
.tiles-2 > div,
.tiles-3 > div,
.tiles-4 > div,
.tiles-5 > div {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-top: 120px;
}
.tiles-2 > div,
.tiles-3 > div,
.tiles-4 > div {
    padding-left: 10px;
    padding-right: 10px;
}
.tiles-3.tiles-3-tt > div {
    margin-top: 0;
}
.page_kontakt .kontakt-cta-2 > div {
    margin-top: 30px;
}
.tiles-5 > div {
    margin-left: -10px;
    margin-right: -10px;
    padding: 0;
}
.tiles-2.row > div > div {
    margin-bottom: 35px;
    max-width: 480px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    width: 50%;
}
.tiles-3.col > div > div {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    padding: 35px 10px;
    text-align: center;
    width: 33.3333%;
}
.tiles-4.col > div > div {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    padding: 30px 10px;
    text-align: center;
    width: 25%;
}
.tiles-5.col > div > div {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    padding: 30px 30px;
    text-align: center;
    width: 20%;
}
.benefits.tiles-3 > div > h2 {
    margin-bottom: 55px;
}
.tiles-3 > div > h2,
.tiles-4 > div > h2,
.tiles-5 > div > h2,
.et > div > div:first-of-type {
    margin-top: 0;
    width: 100%;
}
.tiles-3 > div > h2 {
    margin-bottom: 50px;
}
.serviceteam h2 {
    margin-bottom: 50px;
    padding: 0;
}
.tiles-3.col > div > div.ce_text > figure,
.tiles-3.col > div > div.content-text > figure,
.tiles-4.col > div > div.ce_text > figure,
.tiles-4.col > div > div.content-text > figure,
.tiles-5.col > div > div.ce_text > figure,
.tiles-5.col > div > div.content-text > figure {
    order: 1;
}
.et.col > div > div:first-of-type > h2 {
    font-size: 2.25em;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 15px;
    margin-top: 0;
    width: 100%;
}
.tiles-3.col > div > div > h2,
.tiles-3.col > div > div > h3,
.tiles-4.col > div > div > h3,
.tiles-5.col > div > div > h3 {
    font-size: 1.25em;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 0;
    order: 2;
}
.tiles-3.col > div > div > p,
.tiles-3.col > div > div > .rte,
.tiles-4.col > div > div > p,
.tiles-4.col > div > div > .rte,
.tiles-5.col > div > div > p,
.tiles-5.col > div > div > .rte {
    margin-top: 12px;
    order: 3;
}
.tiles-3.col > div > div > .rte > p,
.tiles-4.col > div > div > .rte > p,
.tiles-5.col > div > div > .rte > p {
    margin-top: 0;
}
.tiles-4.col > div > div > p a {
    color: inherit;
    text-decoration: none;
}
.tiles-4.col > div > div > p a:hover {
    color: #93c21e;
}
.gc-tt-chooser {
    background: rgba(228, 224, 224, 0.3) url("../../files/redaktion/images/allgemein/bg-start-2.jpg") no-repeat scroll 0 0 / 360px auto;
}
.gc-tt-chooser > div {
    display: flex;
    flex-flow: row wrap;
    margin: 60px auto 0;
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
}
.gc-tt-chooser > div > div:nth-of-type(1) {
    margin: 66px auto 45px;
    text-align: center;
    width: 100%;
}
.gc-tt-chooser > div > div:nth-of-type(2),
.gc-tt-chooser > div > div:nth-of-type(3) {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    margin: 45px 0 144px;
    overflow: visible;
    padding-bottom: 80px;
    position: relative;
    width: 50%;
}
.gc-tt-chooser > div > div:nth-of-type(2) {
    border-right: 1px solid #a5a5a5;
    padding-right: 40px;
}
.gc-tt-chooser > div > div:nth-of-type(3) {
    padding-left: 40px;
}
.gc-tt-chooser > div > div:nth-of-type(2) > p:last-of-type,
.gc-tt-chooser > div > div:nth-of-type(3) > p:last-of-type {
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    margin: 0;
    position: absolute;
    width: 100%;
}
.gc-tt-chooser > div > div:nth-of-type(2) > p:last-of-type {
    padding-right: 40px;
}
.gc-tt-chooser > div > div:nth-of-type(3) > p:last-of-type {
    padding-left: 40px;
}
.gc-tt-chooser > div > div:nth-of-type(2) > p:last-of-type a,
.gc-tt-chooser > div > div:nth-of-type(3) > p:last-of-type a,
.teaser-2 > div > div > p:last-of-type a,
.teaser-2 > div > div > .rte > p:last-of-type a,
.teaser-3 > div > div > p:last-of-type a,
.teaser-3 > div > div > .rte > p:last-of-type a,
.teaser-4 > div > div > p:last-of-type a,
.teaser-4 > div > div > .rte > p:last-of-type a,
.gc-teaser > div > div > p:last-of-type a,
.gc-teaser > div > div > .rte > p:last-of-type a,
.timeline-container-3 > div > div:nth-last-of-type(2) a,
.demo-teaser > div > div:nth-of-type(2) a,
.testen-teaser > div > div:nth-of-type(1) a,
.kontakt-cta-2 > div > div > p:last-of-type a,
.kontakt-cta-2 > div > div > .rte > p:last-of-type a,
#pressekit a,
.aktuelle-jobs a,
.download-element a,
.page_download .accordion .hyperlink_txt,
.page_download .accordion .content-hyperlink a {
    align-items: center;
    border: 1px solid #2e2e2e;
    border-radius: 8px;
    color: inherit;
    display: inline-flex;
    font-weight: 400;
    height: 53px;
    line-height: 120%;
    padding: 0 50px 0 10px;
    text-decoration: none;
}
.page_download .accordion .content-download a {
    margin-block: 18px;
}
.gc-tt-chooser > div > div:nth-of-type(2) > p:last-of-type a,
.teaser-2.bg-green-60 > div > div > p:last-of-type a,
.teaser-3.bg-green-60 > div > div > p:last-of-type a,
.teaser-3.bg-green-60 > div > div > .rte > p:last-of-type a,
.teaser-4.bg-green-60 > div > div > p:last-of-type a,
.teaser-4.bg-green-60 > div > div > .rte > p:last-of-type a,
.gc-teaser > div > div > p:last-of-type a,
.gc-teaser > div > div > .rte > p:last-of-type a,
.kontakt-cta-2 > div > div > p:last-of-type a,
.kontakt-cta-2 > div > div > .rte > p:last-of-type a,
.aktuelle-jobs .ce_hyperlink a,
.aktuelle-jobs .content-hyperlink a {
    background: #fff url("../../files/theme/plan4/img/link-green.svg") no-repeat scroll calc(100% - 10px) center / auto 29px;
    box-shadow: 3px 3px 0px rgba(147, 193, 35, 1);
}
.gc-tt-chooser > div > div:nth-of-type(3) > p:last-of-type a,
.teaser-2.bg-blue-30 > div > div > p:last-of-type a,
.teaser-2.bg-blue-30 > div > div > .rte > p:last-of-type a,
.teaser-3.bg-blue-30 > div > div > p:last-of-type a,
.teaser-4.bg-blue-30 > div > div > p:last-of-type a,
.teaser-2.bg-blue-60 > div > div > p:last-of-type a,
.teaser-3.bg-blue-60 > div > div > p:last-of-type a,
.teaser-4.bg-blue-60 > div > div > p:last-of-type a,
.timeline-container-3 > div > div:nth-last-of-type(2) a,
.demo-teaser > div > div:nth-of-type(2) a,
.testen-teaser > div > div:nth-of-type(1) a {
    background: #fff url("../../files/theme/plan4/img/link-blue.svg") no-repeat scroll calc(100% - 10px) center / auto 29px;
    box-shadow: 3px 3px 0px rgba(88, 121, 145, 1);
}
.gc-tt-chooser > div > div:nth-of-type(2) > p:last-of-type a:hover,
.teaser-2 > div > div > p:last-of-type a:hover,
.teaser-2 > div > div > .rte > p:last-of-type a:hover,
.teaser-3.bg-green-60 > div > div > p:last-of-type a:hover,
.teaser-4.bg-green-60 > div > div > p:last-of-type a:hover,
.teaser-4.bg-green-60 > div > div > .rte > p:last-of-type a:hover,
.gc-teaser > div > div > p:last-of-type a:hover,
.kontakt-cta-2 > div > div > p:last-of-type a:hover,
.kontakt-cta-2 > div > div > .rte > p:last-of-type a:hover,
.aktuelle-jobs .ce_hyperlink a:hover,
.aktuelle-jobs .content-hyperlink a:hover {
    background: #fff url("../../files/theme/plan4/img/link-green.svg") no-repeat scroll calc(100% - 8px) center / auto 29px;
    box-shadow: -3px 3px 0px rgba(147, 193, 35, 1);
}
.gc-tt-chooser > div > div:nth-of-type(3) > p:last-of-type a:hover,
.teaser-2.bg-blue-30 > div > div > p:last-of-type a:hover,
.teaser-3.bg-blue-30 > div > div > p:last-of-type a:hover,
.teaser-4.bg-blue-30 > div > div > p:last-of-type a:hover,
.teaser-2.bg-blue-60 > div > div > p:last-of-type a:hover,
.teaser-3.bg-blue-60 > div > div > p:last-of-type a:hover,
.teaser-4.bg-blue-60 > div > div > p:last-of-type a:hover,
.timeline-container-3 > div > div:nth-last-of-type(2) a:hover,
.demo-teaser > div > div:nth-of-type(2) a:hover,
.testen-teaser > div > div:nth-of-type(1) a:hover {
    background: #fff url("../../files/theme/plan4/img/link-blue.svg") no-repeat scroll calc(100% - 8px) center / auto 29px;
    box-shadow: -3px 3px 0px rgba(88, 121, 145, 1);
}
#pressekit a {
    margin-top: 20px;
}
#pressekit a,
.download-element a,
.page_download .accordion .hyperlink_txt,
.page_download .accordion .content-hyperlink a {
    background: #fff url("../../files/theme/plan4/img/gc-icon-pressekit.svg") no-repeat scroll calc(100% - 10px) center / 40px auto;
    box-shadow: 3px 3px 0px rgba(147, 193, 35, 1);
    padding: 0 60px 0 10px;
}
#pressekit a:hover,
.download-element a:hover,
.page_download .accordion .hyperlink_txt:hover,
.page_download .accordion .content-hyperlink a:hover {
    background: #fff url("../../files/theme/plan4/img/gc-icon-pressekit-2.svg") no-repeat scroll calc(100% - 10px) center / 40px auto;
    box-shadow: -3px 3px 0px rgba(147, 193, 35, 1);
}
.unsere-loesungen-fuer {
    line-height: 0;
    margin: 0 auto -40px;
    max-width: 980px;
}
.unsere-loesungen-fuer > div {
    position: relative;
}
.unsere-loesungen-fuer > div h3 {
    color: #ffffff;
    font-size: 1.2em;
    font-weight: 400;
    left: 6%;
    line-height: 120%;
    position: absolute;
    text-transform: uppercase;
    top: 5.5%;
    z-index: 2;
}
.unsere-loesungen-fuer a {
    border: 1px solid #ffffff;
    border-radius: 10px;
    display: block;
    overflow: hidden;
}
.unsere-loesungen-fuer a:hover img {
    opacity: 0;
}
.unsere-loesungen-fuer a img {
    transition: all 0.2s;
}
.kommende-veranstaltungen::after {
    background-color: rgba(228, 224, 224, 0.3);
    content: "";
    display: inline-block;
    height: 100%;
    left: calc(50% - 720px);
    position: absolute;
    top: 0;
    width: 1440px;
    z-index: -1;
}
.page_start .kommende-veranstaltungen {
    margin-top: 230px;
}
.kommende-veranstaltungen {
    margin-top: 30px;
    max-width: 980px;
    padding: 140px 20px 91px;
    z-index: 1;
}
.kommende-veranstaltungen h2 {
    border-bottom: 1px solid #a6a6a6;
    margin: 0 auto 35px;
    max-width: 940px;
    padding-bottom: 16px;
    text-align: left;
}
.cal-container {
    border-radius: 15px;
    display: flex;
    margin: 0 auto 20px;
    max-width: 940px;
    overflow: hidden;
}
.cal-gc {
    border: 2px solid #93c123;
}
.cal-tt {
    border: 2px solid #587991;
}
.cal-container .date {
    color: #ffffff;
    display: flex;
    flex-flow: column nowrap;
    font-weight: 500;
    justify-content: center;
    text-align: center;
    width: 130px;
}
.cal-gc .date {
    background-color: #93c123;
    font-size: 0.9em;
}
.cal-tt .date {
    background-color: #587991;
    font-size: 0.9em;
    line-height: 160%;
}
.cal-container .date div span {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 120%;
}
.cal-container .event {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    padding: 0 30px 0 20px;
    width: calc(100% - 130px);
}
.cal-container .event h3 {
    font-size: 1em;
    font-weight: 500;
    margin: 20px 0 0;
}
.cal-container .event p:not(:last-of-type) {
    flex-grow: 1;
}
.cal-container .event p:last-of-type {
    margin-top: 0;
}
.cal-container .event p:last-of-type a {
    color: inherit;
    float: right;
    padding-right: 20px;
    text-decoration: none;
}
.cal-gc .event p:last-of-type a {
    background: transparent url("../../files/theme/plan4/img/link-green.svg") no-repeat scroll 100% center / auto 16px;
}
.cal-tt .event p:last-of-type a {
    background: transparent url("../../files/theme/plan4/img/link-blue.svg") no-repeat scroll 100% center / auto 16px;
}
.cal-gc .event p:last-of-type a:hover {
    color: #93c123;
}
.cal-tt .event p:last-of-type a:hover {
    color: #9bb4c3;
}
.mitgliedschaften-container {
    padding: 137px 0 60px;
}
.mitgliedschaften-container h2 {
    margin: 0;
}
.mitgliedschaften-container .single-slide img,
.partner-container .single-slide img {
    height: 80px;
    width: 200px;
}
.kundenstatements-container {
    background-color: #d1e685;
    margin-top: 70px;
    padding: 78px 0 0;
}
.mitarbeiterstatements-container {
    background-color: rgba(244, 244, 244, 0.7);
    padding: 78px 0;
}
.text-slider > div > h2 {
    margin: 0 auto 57px;
    max-width: 980px;
    padding: 0 20px;
    text-align: left;
}
.text-slider > .ce_image,
.text-slider > .content-image {
    line-height: 0;
}
.mitgliedschaften-container .jssor-container .partner-container .jssor-container {
    max-width: 1440px;
    padding-left: 30px;
}
.text-slider .jssor-container {
    margin: 0 auto;
    max-width: 980px;
    padding: 0 20px;
}
.jssor-container {
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
}
#jssor_1,
#jssor_2 {
    margin: 0 !important;
}
#jssor_3 {
    overflow: hidden;
    position: relative;
}
.slides-container {
    overflow: visible !important;
}
#jssor_1 .slides-container > div,
#jssor_2 .slides-container > div {
    align-items: center;
    display: flex;
    justify-content: center;
}
#jssor_1 figure img,
#jssor_1 figure img,
#jssor_2 figure img,
#jssor_2 figure img {
    width: 100%;
}
#jssor_1 > div:nth-of-type(2),
#jssor_2 > div:nth-of-type(2) {
    z-index: -1;
}
#jssor_1 > div,
#jssor_2 > div {
    position: unset !important;
}
#jssor_3 > div {
    overflow: hidden;
    transform-origin: left top 0 !important;
}
#jssor_3 .ce_text,
#jssor_3 .content-text {
    display: flex;
    font-size: calc(51px - 31 * ((100vw - 303px) / 637));
    line-height: 150%;
}
#jssor_3 .ce_text > div,
#jssor_3 .content-text > div {
    padding-left: calc(40px - 20 * ((100vw - 479px) / 461));
    width: calc(100% - 145px);
}
#jssor_3 .ce_text > figure,
#jssor_3 .content-text > figure {
    width: calc(345px - 200 * ((100vw - 303px) / 637));
}
#jssor_3 .ce_text > figure img,
#jssor_3 .content-text > figure img {
    border-radius: 200px;
    width: 100%;
}
@media (min-width: 940px) {
    #jssor_3 .ce_text,
    #jssor_3 .content-text {
        font-size: 1em;
    }
    #jssor_3 .ce_text > figure,
    #jssor_3 .content-text > figure {
        width: 145px;
    }
    #jssor_3 .ce_text > div,
    #jssor_3 .content-text > div {
        padding-left: 20px;
    }
}
@media (max-width: 479px) {
    #jssor_3 .ce_text,
    #jssor_3 .content-text {
        flex-flow: row wrap;
    }
    #jssor_3 .ce_text > div,
    #jssor_3 .content-text > div {
        padding: 40px 0 0 0;
        width: 100%;
    }
}
#jssor_3 .ce_text > div > p:last-of-type,
#jssor_3 .content-text > div > p:last-of-type {
    font-size: 0.85em;
    font-weight: 500;
}
#jssor_3 .ce_text > div > p:last-of-type em,
#jssor_3 .content-text > div > p:last-of-type em {
    font-weight: 400;
}
#jssor_3 .ce_text > div > p:first-of-type,
#jssor_3 .content-text > div > .rte > p:first-of-type {
    font-weight: 500;
    margin-top: 0;
}
.jssorb051 {
    bottom: unset !important;
    display: flex;
    justify-content: center;
    left: unset !important;
    position: relative !important;
    right: unset !important;
    text-align: center;
    width: 100% !important;
}
.jssorb051 .i:hover {
    background-color: #93c123;
    border: 1px solid #93c123;
}
.jssorb051 .iav,
.jssorb051 .iav:hover {
    background-color: #3e3f3e;
    border: 1px solid #3e3f3e;
}
.jssorb051 .i {
    border: 1px solid #3e3f3e;
    border-radius: 20px;
    height: 10px !important;
    left: unset !important;
    margin: 0 3px;
    position: relative !important;
    transition: all 0.2s;
    width: 10px !important;
}
.mitgliedschaften-container .arrow::before {
    background-color: #ffffff;
    content: "";
    height: 200px;
    left: -20px;
    position: absolute;
    top: -80px;
    width: 70px;
    z-index: -1;
}
.partner-container .arrow::before {
    background-color: #ffffff;
    content: "";
    height: 480px;
    left: -20px;
    position: absolute;
    top: -220px;
    width: 70px;
    z-index: -1;
}
.arrow.right {
    height: 35px;
    left: 20px;
    position: absolute;
    width: 30px;
    z-index: 2;
}
.arrow.left {
    height: 35px;
    left: calc(100% - 50px);
    position: absolute;
    width: 30px;
    z-index: 2;
}
.mitgliedschaften-container .arrow.right,
.mitgliedschaften-container .arrow.left {
    top: 43%;
}
.partner-container .arrow.right,
.partner-container .arrow.left {
    top: 50%;
}
.arrow .a {
    fill: none;
    stroke: #ccc;
    stroke-miterlimit: 10;
    stroke-width: 2200;
    transition: all 0.2s;
}
.arrow:hover .a,
.partner-container .arrow-container > div:hover .a {
    stroke: #93c123;
}
.kundenstatements-container .a,
.mitarbeiterstatements-container .arrow-container .a {
    stroke: #93c123;
}
.kundenstatements-container .arrow-container > div:hover .a,
.mitarbeiterstatements-container .arrow-container > div:hover .a {
    stroke: #81aa1f;
}
.partner-container {
    padding-bottom: 135px;
    padding-top: 50px;
}
.partner-jssor-container {
    height: 360px;
    margin-top: 40px;
    max-width: 1440px;
    overflow: hidden;
    padding-left: 20px;
    width: 100%;
}
#jssor_2 .slides-container > .single-slide {
    flex-flow: column nowrap;
}
#jssor_2 .single-slide > div {
    margin: 40px 0;
}
.blog-startseite.ok-top::after {
    background-color: rgba(228, 224, 224, 0.3);
    content: "";
    display: inline-block;
    height: 100%;
    left: calc(50% - 720px);
    position: absolute;
    top: 0;
    width: 1440px;
    z-index: -1;
}
.blog-startseite {
    margin-top: 93px;
    padding: 137px 0 91px;
}
.page_news #main .inside {
    background: rgba(0, 0, 0, 0) url("../../files/redaktion/images/allgemein/bg-news.jpg") no-repeat scroll right 0 / 1440px auto;
    margin: 0 auto;
    max-width: 1440px;
    padding-top: 60px;
}
.news-newsseite {
    margin-top: 104px;
    max-width: 980px;
    padding: 0 20px 90px;
}
.was-uns-bewegt {
    margin-top: 93px;
    padding: 0 20px;
}
.news-newsseite h1,
.was-uns-bewegt h2,
.blog-startseite > div > h2 {
    font-size: 2.5em;
    font-weight: 500;
    line-height: 130%;
    margin: 0 auto;
    max-width: 980px;
    text-align: left;
}
.blog-startseite > div > h2 {
    padding: 0px 10px 50px;
}
.news-newsseite h1,
.was-uns-bewegt h2 {
    border-bottom: 1px solid #a6a6a6;
    padding: 0 0 16px;
}
.news-reader-list > .news.layout_latest:last-of-type,
.was-uns-bewegt .mod_newslist > div:last-of-type {
    margin-bottom: 77px;
}
.news.layout_latest,
.was-uns-bewegt h2 {
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto;
    max-width: 980px;
}
.downloads-container h2 {
    font-size: 1.777em;
    margin-top: 60px;
    text-align: left;
}
.page_download .accordion > div {
    border-bottom: 1px solid #a6a6a6;
    display: flex;
    flex-flow: row wrap;
    margin: 30px 0 23px;
    max-width: 980px;
}
.page_download .accordion figure {
    width: 300px;
}
.page_download .accordion .ce_text,
.page_download .accordion .content-text {
    display: flex;
    flex-flow: column nowrap;
    overflow: visible;
    padding: 0 30px 0 20px;
    width: calc(100% - 300px);
}
.page_download .accordion h3 {
    font-size: 1em;
    font-weight: 400;
    margin: 0;
    text-align: left;
}
.page_download .accordion .ce_download,
.page_download .accordion .content-download,
.page_download .accordion .ce_hyperlink,
.page_download .accordion .content-hyperlink {
    align-items: flex-end;
    align-self: flex-end;
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
    justify-content: flex-end;
    margin: 0 30px 36px 0;
    overflow: visible;
}
.news.layout_latest,
.was-uns-bewegt h2 {
    border-bottom: 1px solid #a6a6a6;
}
.was-uns-bewegt h2 {
    padding: 20px 20px 12px;
}
.news.layout_latest {
    padding: 20px 0 12px;
}
.news.layout_latest figure {
    width: 300px;
}
.news.layout_latest figure img,
.blog-list figure img,
.page_download .accordion img {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}
.news.layout_latest .ce_text,
.news.layout_latest .content-text {
    display: flex;
    flex-flow: column nowrap;
    overflow: visible;
    padding: 0 30px 0 20px;
    width: calc(100% - 300px);
}
.news.layout_latest .ce_text,
.news.layout_latest .content-text {
    justify-content: space-between;
}
.news.layout_latest .ce_text .info,
.news.layout_latest .content-text .info {
    color: #a5a5a5;
    margin: 0;
}
.news.layout_latest h3 {
    font-size: 1em;
    font-weight: 400;
    margin: 15px 0 0;
}
.news.layout_latest .ce_text > p:last-of-type,
.news.layout_latest .content-text > p:last-of-type {
    align-items: flex-end;
    align-self: flex-end;
    display: flex;
    flex-grow: 1;
    margin: 0;
}
.news.layout_latest .ce_text a,
.news.layout_latest .content-text a {
    float: right;
}
.blog-list .tc .more a,
.blog-reader-list .tc p a,
.blog-startseite .tc p a {
    background: rgba(0, 0, 0, 0) url("../../files/theme/plan4/img/link-blue.svg") no-repeat scroll 100% center / auto 16px;
}
.news.layout_latest .ce_text a,
.news.layout_latest .content-text a,
.blog-list .more a,
.blog-reader-list p a,
.blog-startseite p a {
    background: rgba(0, 0, 0, 0) url("../../files/theme/plan4/img/link-green.svg") no-repeat scroll 100% center / auto 16px;
    color: inherit;
    padding-right: 20px;
    text-decoration: none;
}
.blog-reader p.back a,
.event-reader p.back a,
.news-reader p.back a {
    background: rgba(0, 0, 0, 0) url("../../files/theme/plan4/img/link-green-2.svg") no-repeat scroll 0 center / auto 16px;
    color: inherit;
    padding-left: 20px;
    text-decoration: none;
}
p a,
.ce_text li a,
.content-text li a,
.ce_list li a,
.content-list li a {
    color: inherit;
    text-decoration: underline;
}
.blog-list .tc .more a:hover,
.blog-startseite .tc p a:hover {
    color: #587991;
}
.news.layout_latest .ce_text a:hover,
.news.layout_latest .content-text a:hover,
.blog-list .more a:hover,
.news-reader p.back a:hover,
.blog-startseite p a:hover,
p a:hover,
li a:hover,
.page_download .accordion .hyperlink_txt:hover {
    color: #93c123;
}
.aktuelle-jobs {
    padding-left: 20px;
    padding-right: 20px;
}
.aktuelle-jobs h2 {
    margin-bottom: 60px;
}
.aktuelle-jobs > div > div:last-of-type {
    line-height: 0;
    margin: 20px -20px 0;
}
.aktuelle-jobs .accordion > div {
    display: flex;
    flex-flow: row wrap;
    padding-bottom: 24px;
}
.aktuelle-jobs .accordion .ce_text,
.aktuelle-jobs .accordion .content-text {
    margin-bottom: 30px;
    width: 100%;
}
.aktuelle-jobs .ce_download,
.aktuelle-jobs .content-download,
.aktuelle-jobs .ce_hyperlink,
.aktuelle-jobs .content-hyperlink {
    display: inline-flex;
    padding: 0 50px 6px 3px;
}
.aktuelle-jobs .download-element {
    margin: 0;
}
.mod_newslist,
.mod_newsreader {
    margin: 0 auto;
    max-width: 980px;
    width: 100%;
}
.news-reader-list {
    padding-left: 20px;
    padding-right: 20px;
}
.blog-list {
    max-width: 1440px;
    padding-left: 0;
    padding-right: 0;
}
.blog-startseite-list,
.blog-list > div,
.blog-reader-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    max-width: 1440px;
    padding-left: 0;
    padding-right: 0;
}
.blog-oben > div > div:first-of-type::after {
    background-color: rgba(208, 229, 134, 0.6);
    content: "";
    height: calc(100% - 110px);
    position: absolute;
    top: 110px;
    width: 100%;
    z-index: -1;
}
.page_blog .blog-oben > div > div:first-of-type {
    margin: 0 0 77px;
    max-width: 100%;
    padding-bottom: 97px;
    width: 100%;
}
.blog-startseite-list > div,
.blog-list > div > div:nth-of-type(odd),
.blog-reader-list > div:nth-of-type(odd) {
    margin-left: 14px;
    margin-right: 20px;
    max-width: 460px;
    width: 100%;
}
.blog-list > div > div:nth-of-type(even),
.blog-reader-list > div:nth-of-type(even) {
    margin-left: 20px;
    margin-right: 14px;
    max-width: 460px;
    width: 100%;
}
.blog-oben > div > div:first-of-type > *,
.blog-list > div > div:nth-of-type(8) > * {
    margin: 0 auto;
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
}
.blog-oben > div > div:first-of-type > figure a,
.blog-list > div > div:nth-of-type(8) > figure a,
.blog-startseite > div > div > div:first-of-type > figure a,
.blog-reader-list > div:last-of-type > figure a {
    border-radius: 10px;
    display: block;
    max-height: 328px;
    overflow: hidden;
    position: relative;
}
.page_blog .blog-oben > div figure a {
    height: auto;
}
.blog-list > div figure a,
.blog-startseite .layout_latest figure a {
    border-radius: 10px;
    display: block;
    height: 268px;
    overflow: hidden;
}
.blog-reader figure img,
.blog-reader-list figure img {
    border-radius: 10px;
}
.blog-startseite > div > div > div > figure a img {
    border-radius: 10px;
    position: relative;
}
.blog-oben > div > div:first-of-type > figure a img {
    border-radius: 10px;
    /*margin-top: calc(0px - 120 * ((100vw - 768px) / 229));*/
    position: relative;
}
/*
@media (min-width: 997px) {
    .blog-oben > div > div:first-of-type > figure a img {
        margin-top: -120px;
    }
}
@media (max-width: 768px) {
    .blog-oben > div > div:first-of-type > figure a img {
        margin-top: 0;
    }
}
*/
.blog-list > div > div,
.blog-reader-list > div {
    padding-bottom: 183px;
    position: relative;
}
.blog-oben > div > div:first-of-type > .move-to-first {
    bottom: 0;
    left: 0;
    max-width: 100%;
    padding: 0;
    position: absolute;
}
.blog-list > div > div > div:first-of-type,
.blog-reader-list > div > div:first-of-type,
.blog-startseite > div > div > div > div:first-of-type {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.blog-startseite-list > div > div.ce_text,
.blog-startseite-list > div > div.content-text,
.blog-list > div > div:not(:first-of-type):not(:nth-of-type(8)) > div.ce_text,
.blog-list > div > div:not(:first-of-type):not(:nth-of-type(8)) > div.content-text {
    display: none;
}
.blog-list .info,
.blog-reader-list .info,
.blog-startseite .info {
    color: #a5a5a5;
    font-weight: 500;
    margin: 25px 0 10px;
}
.blog-list .tc .archive,
.blog-reader-list .tc .archive,
.blog-startseite .tc .archive {
    color: #587991;
}
.blog-list .archive,
.blog-reader-list .archive,
.blog-startseite .archive {
    color: #93c123;
    font-weight: 500;
    margin: 25px 0 10px;
}
.blog-oben > div > div:first-of-type .more {
    border: medium none;
}
.blog-oben > div > div:first-of-type .more {
    bottom: 0;
    margin-top: 12px;
    position: relative;
    text-align: right;
}
.blog-list .more,
.blog-reader-list .more {
    border-bottom: 1px solid #bbb;
    bottom: 77px;
    margin: 0;
    padding-bottom: 25px;
    position: absolute;
    text-align: right;
    width: 100%;
}
.blog-list .pagination {
    padding-bottom: 90px;
}
.blog-startseite > div > div:last-of-type .more {
    border-bottom: 1px solid #bbb;
    padding-bottom: 25px;
}
.blog-reader-breadcrump {
    background-color: rgba(208, 229, 134, 0.6);
    font-size: 0.6em;
    line-height: 150%;
    max-width: 1440px;
    padding-top: 20px;
}
.blog-reader-breadcrump .breadcrump {
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
}
.blog-reader-breadcrump ul {
    list-style: none;
}
.blog-reader-breadcrump a {
    color: inherit;
    text-decoration: none;
}
.blog-reader,
.news-reader {
    max-width: 1440px;
    padding-left: 0;
    padding-right: 0;
}
.blog-reader > div,
.news-reader > div {
    width: 100%;
}
.blog-reader > div > div:first-of-type {
    background: rgba(208, 229, 134, 0.6) url("../../files/redaktion/images/allgemein/bg-blog-reader.jpg") no-repeat scroll 0 0 / 100% auto;
    padding-top: 22px;
}
.news-reader > div > div:first-of-type {
    background: rgba(244, 244, 244, 0.7) url("../../files/redaktion/images/allgemein/bg-news-reader.jpg") no-repeat scroll 0 0 / 100% auto;
    padding-top: 22px;
}
.blog-reader > div > div:first-of-type > div:last-of-type,
.news-reader > div > div > div.bottom-white-101 {
    line-height: 0;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.blog-reader > div > div:first-of-type > div:last-of-type {
    padding-top: 100px;
}
.news-reader > div > div > div.bottom-white-101 {
    padding-top: 50px;
}
.blog-reader > div > div:first-of-type > *,
.blog-reader > div > figure,
.blog-reader > div > div:last-of-type,
.blog-reader .back,
.event-reader,
.news-reader > div > div:first-of-type > *,
.news-reader > div > figure,
.news-reader > div > div:last-of-type,
.news-reader .back,
.downloads-container > div {
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
}
.blog-reader .info,
.event-reader .info,
.news-reader .info {
    color: #878787;
}
.blog-reader > div > div:first-of-type > div:first-of-type::after,
.news-reader > div > div:first-of-type > div:first-of-type::after {
    background-color: #bbb;
    content: "";
    height: 1px;
    position: relative;
    width: 100%;
}
.blog-reader > div > div:first-of-type > div:first-of-type,
.news-reader > div > div:first-of-type > div:first-of-type {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 68px;
}
.blog-reader .author,
.news-reader .author {
    background: rgba(0, 0, 0, 0) url("../../files/redaktion/images/icons/gc-icon-person.svg") no-repeat scroll 0 0 / auto 42px;
    margin-bottom: 10px;
    margin-right: 30px;
    padding: 8px 0 10px 50px;
}
.blog-reader .archive,
.news-reader .archive {
    background: transparent url("../../files/redaktion/images/icons/gc-icon-lautsprecher.svg") no-repeat scroll 0 0 / auto 42px;
    margin-bottom: 10px;
    padding: 8px 0 10px 55px;
}
.blog-reader > div > figure {
    margin-top: calc(-100px - 86 * ((100vw - 320px) / 1120));
}
.blog-reader > div > figure a {
    pointer-events: none;
}
@media (min-width: 1440px) {
    .blog-reader > div > figure {
        margin-top: -186px;
    }
}
@media (max-width: 320px) {
    .blog-reader > div > figure {
        margin-top: -100px;
    }
}
.news-reader > div:first-of-type > div:first-of-type figure {
    margin: 0 auto;
    max-width: 820px;
}
.news-reader img {
    border-radius: 10px;
}
.blog-reader .back::before,
.event-reader .back::before,
.news-reader .back::before {
    border-top: 1px solid #bbb;
    content: "";
    height: 1px;
    left: 20px;
    position: absolute;
    top: 70px;
    width: calc(100% - 40px);
}
.blog-reader .back,
.event-reader .back,
.news-reader .back {
    margin: 0 auto 100px;
    padding-top: 20px;
    position: relative;
}
.event-reader > div {
    padding: 30px 0 90px;
}
.faq-container.bg-grey-70 {
    padding: 100px 20px 260px;
}
.faq-container {
    margin: 0 auto;
    padding: 100px 20px;
    width: 100%;
}
.faq-container > div > * {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px;
    width: 100%;
}
.faq-container.bg-grey-70 > div > *:last-child {
    max-width: 100%;
}
.faq-container h2 {
    text-align: left;
}
.nav-faq {
    border-top: 1px solid #cbcbcb;
    padding-top: 10px;
}
.nav-faq > span,
.nav-faq > button {
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin-right: 40px;
    padding: 0;
    transition: all 0.2s;
}
.gc .nav-faq > span:hover,
.gq .nav-faq > button:hover {
    color: #93c21e;
}
.tt .nav-faq > span:hover,
.tt .nav-faq > button:hover {
    color: #587991;
}
.faq-container.bg-grey-70 > div > div:last-of-type {
    bottom: 0;
    line-height: 0;
    margin: 0 -20px;
    position: absolute;
}
.mod_faqpage h3 {
    padding-top: 50px;
}
.aktuelle-jobs.accordion-container section {
    margin: 0 auto -2px;
    max-width: 940px;
}
.accordion-container section {
    border-bottom: 2px solid #cbcbcb;
    border-top: 2px solid #cbcbcb;
    display: flex;
    flex-flow: column nowrap;
    height: auto;
    margin-bottom: -2px;
    overflow: hidden;
    transition: all 0.3s;
    width: 100%;
}
.gc .accordion-container section:hover,
.gc .accordion-container section.aktiv,
.accordion-container.gc section:hover,
.accordion-container.gc section.aktiv {
    border-bottom: 2px solid #93c123;
    border-top: 2px solid #93c123;
    position: relative;
    z-index: 2;
}
.tt .accordion-container section:hover,
.tt .accordion-container section.aktiv,
.accordion-container.tt section:hover,
.accordion-container.tt section.aktiv {
    border-bottom: 2px solid #587991;
    border-top: 2px solid #587991;
    position: relative;
    z-index: 2;
}
.gc .accordion-container section > .toggler::after,
.accordion-container.gc section > .toggler::after {
    background: rgba(0, 0, 0, 0) url("../../files/theme/plan4/img/accordion-green.svg") no-repeat scroll 0 center / 27px auto;
}
.tt .accordion-container section > .toggler::after,
.accordion-container.tt section > .toggler::after {
    background: rgba(0, 0, 0, 0) url("../../files/theme/plan4/img/accordion-blue.svg") no-repeat scroll 0 center / 27px auto;
}
.accordion-container section > .toggler::after {
    content: "";
    cursor: pointer;
    display: block;
    height: 19.5px;
    position: absolute;
    right: 20px;
    top: 14px;
    width: 27px;
}
.accordion-container section > .toggler {
    cursor: pointer;
    font-size: 1em;
    font-weight: 300;
    line-height: 150%;
    margin: 0;
    padding: 10px 60px 10px 20px;
    position: relative;
    transition: all 0.3s;
}
.accordion-container:not(.produktfeatures-container) section > div:last-of-type {
    padding: 0 20px;
}
.accordion-container section > div:last-of-type {
    height: auto;
    max-height: 0;
    position: relative;
    transition: all 0.7s ease 0s;
}
.aktuelle-jobs .ce_download,
.aktuelle-jobs .content-download,
.aktuelle-jobs .ce_hyperlink,
.aktuelle-jobs .content-hyperlink {
    display: inline-flex;
    margin-bottom: 30px;
}
.aktuelle-jobs .ce_download,
.aktuelle-jobs .content-download {
    margin-right: 50px;
}
.unsere-ceo {
    padding-bottom: 100px;
    padding-top: 166px;
}
.unsere-ceo h2 {
    margin-bottom: 64px;
}
.unsere-ceo img {
    border-radius: 10px;
}
.teaser-2 > div {
    display: flex;
    flex-flow: row wrap;
    padding: 110px 20px;
}
.teaser-2 > div > div {
    width: 50%;
}
.teaser-2 .ce_text,
.teaser-2 .content-text {
    align-items: flex-end;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}
.teaser-2 .content-text .rte {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}
.teaser-2 .ce_text > * ,
.teaser-2 .content-text > * {
    max-width: 470px;
    padding-right: 20px;
    width: 100%;
}
.teaser-2 .ce_image img,
.teaser-2 .content-image img {
    border-radius: 10px;
    max-width: 100%;
    width: 480px;
}
.teaser-2 h2 {
    margin: 0;
    text-align: left;
}
.teaser-2 > div > div > p:last-of-type {
    display: inline-flex;
}
.gls-banner.teaser-3.bg-blue-30 {
    margin-top: 0;
}
.teaser-3.bg-blue-30 {
    margin-top: 66px;
}
.teaser-3 > div {
    display: flex;
    padding: 90px 20px 110px;
}
.teaser-3 > div > div:nth-of-type(1) {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding-right: 56px;
    width: 33.3333%;
}
.teaser-3 > div > div:nth-of-type(2) {
    width: 66.6666%;
}
.teaser-3 .ce_text,
.teaser-3 .content-text {
    display: flex;
    flex-flow: column nowrap;
    overflow: visible;
}
.teaser-3 .ce_text > * ,
.teaser-3 .content-text > * {
    max-width: 470px;
    padding-right: 20px;
    width: 100%;
}
.teaser-3 h2 {
    margin: 0;
    text-align: left;
}
.teaser-3 .ce_text > p:nth-of-type(1),
.teaser-3 .content-text > .rte > p:nth-of-type(1) {
    margin-top: 0;
}
.teaser-3 > div > div > p:last-of-type,
.teaser-3 > div > div > .rte > p:last-of-type{
    display: inline-flex;
    margin-bottom: 0;
}
.teaser-4 > div {
    display: flex;
    padding: 45px 20px 55px;
}
.teaser-4 > div > div:nth-of-type(1) {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-right: 56px;
    width: 33.3333%;
}
.teaser-4 .image_container img,
.teaser-4 figure img {
    min-width: 120px;
}
.teaser-4 > div > div:nth-of-type(2) {
    width: 66.6666%;
}
.teaser-4 .ce_text,
.teaser-4 .content-text {
    display: flex;
    flex-flow: column nowrap;
    overflow: visible;
}
.teaser-4 .content-text .rte {
    display: flex;
    flex-flow: column nowrap;
    overflow: visible;
}
.teaser-4 .ce_text > * ,
.teaser-4 .content-text > * {
    max-width: 566px;
    width: 100%;
}
.teaser-4 h2 {
    margin: 0;
    text-align: left;
}
.teaser-4 .ce_text > p:nth-of-type(1),
.teaser-4 .content-text > p:nth-of-type(1),
.teaser-4 .content-text > .rte > p:nth-of-type(1) {
    margin-top: 0;
}
.teaser-4 > div > div > p:last-of-type,
.teaser-4 > div > div > .rte > p:last-of-type {
    display: inline-flex;
    margin-bottom: 0;
}
.gc-teaser {
    z-index: 2;
}
.gc-teaser > div {
    display: flex;
    margin-top: 60px;
    z-index: 2;
}
.gc-teaser .ce_gallery,
.gc-teaser .content-gallery {
    align-items: flex-end;
    display: flex;
    line-height: 0;
}
.gc-teaser .ce_text,
.gc-teaser .content-text {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    padding-left: 30px;
    padding-right: 20px;
}
.gc-teaser .content-text .rte {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
}
.gc-teaser .ce_text > p:last-of-type,
.gc-teaser .content-text > .rte > p:last-of-type {
    display: inline-flex;
    margin-bottom: 7px;
}
.video-container .ce_image,
.video-container .content-image,
.demo-teaser > div > div:last-of-type {
    bottom: 0;
    line-height: 0;
    position: absolute;
    right: 0;
    width: 40.7%;
    z-index: -1;
}
.ce_youtube,
.content-youtube {
    margin: 0 auto;
    max-width: 840px;
    padding: 9.75% 20px 10.8%;
}
.ce_youtube figure,
.content-youtube figure {
    border-radius: 15px;
    overflow: hidden;
}
.produktfeatures-container {
    padding: 140px 10px;
}
.produktfeatures-container .ce_image:last-of-type,
.produktfeatures-container .content-image:last-of-type,
.testen-teaser > div > div:last-of-type {
    left: 0;
    position: absolute;
    top: 0;
    width: 59.3%;
    z-index: -1;
}
.accordion-container .produktfeatures {
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto;
    max-width: 960px;
}
.produktfeatures-container h2 {
    margin-bottom: 50px;
    padding: 0 10px;
}
.accordion-container .produktfeatures section {
    border-bottom: medium none;
    border-top: medium none;
    margin-bottom: 0;
    overflow: visible;
    padding: 15px 10px 10px;
    position: relative;
    width: 33.3333%;
}
.accordion-container .produktfeatures .toggler::after {
    background: transparent url("../../files/theme/plan4/img/link-green.svg") no-repeat scroll center center / 100% auto;
    bottom: 25px;
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    right: 25px;
    top: unset;
    transform: rotate(90deg);
    transform-origin: center center 0;
    transition: all 0.2s;
    width: 18px;
}
.produktfeatures .toggler:hover::after {
    bottom: 23px;
}
.produktfeatures .toggler {
    align-items: center;
    background-color: #ffffff;
    border: 1px solid;
    border-radius: 15px;
    box-shadow: 3px 3px 0 #93c123;
    cursor: pointer;
    display: flex;
    height: 180px;
    justify-content: center;
    padding: 15px 10px;
    position: relative;
    text-align: center;
    transition: all 0.2s;
    width: 100%;
}
.produktfeatures .inaktiv .toggler {
    background-color: #f1f7da;
}
.produktfeatures .toggler:hover,
.produktfeatures .inaktiv .toggler:hover {
    background-color: #ffffff;
    box-shadow: -3px 3px 0 #93c123;
}
.produktfeatures .accordion {
    height: auto;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    position: relative;
    top: 15px;
    transition: all 0.7s;
    width: calc(300% + 40px);
    z-index: 3;
}
.produktfeatures .aktiv .accordion {
    opacity: 1;
}
.produktfeatures .accordion > div {
    background-color: #ffffff;
    border: 1px solid;
    border-radius: 15px;
    padding: 0 20px;
}
.produktfeatures section:nth-of-type(3n + 2) .accordion {
    left: calc(-100% - 20px);
}
.produktfeatures section:nth-of-type(3n + 3) .accordion {
    left: calc(-200% - 40px);
}
.timeline-container-1.bg-grey-70 {
    margin-top: 90px;
    padding-top: 115px;
}
.timeline-container-1 > div > h2 {
    margin: 0 0 86px;
}
.timeline-container-2 .timeline {
    margin-top: 93px;
}
.timeline-container-1 .ce_text,
.timeline-container-1 .content-text {
    padding: 0 20px;
}
.timeline-container-1.bg-grey-70 .timeline .ce_text:nth-of-type(2n + 1) > figure::after,
.timeline-container-1.bg-grey-70 .timeline .content-text:nth-of-type(2n + 1) > figure::after,
.timeline-container-1.bg-grey-70 .timeline .ce_text:nth-of-type(2n + 2) > div::after,
.timeline-container-1.bg-grey-70 .timeline .content-text:nth-of-type(2n + 2) > div::after {
    background: #f7f7f7 url("../../files/theme/plan4/img/ok-green.svg") no-repeat scroll 0 0 / 100% auto;
}
.timeline-container-1.blue-checkmark .timeline .ce_text:nth-of-type(2n + 1) > figure::after,
.timeline-container-1.blue-checkmark .timeline .content-text:nth-of-type(2n + 1) > figure::after,
.timeline-container-1.blue-checkmark .timeline .ce_text:nth-of-type(2n + 2) > div::after,
.timeline-container-1.blue-checkmark .timeline .content-text:nth-of-type(2n + 2) > div::after {
    background: #f7f7f7 url("../../files/theme/plan4/img/ok-blue.svg") no-repeat scroll 0 0 / 100% auto;
}
.timeline-container-1 .timeline .ce_text:nth-of-type(2n + 1) > figure::after,
.timeline-container-1 .timeline .content-text:nth-of-type(2n + 1) > figure::after,
.timeline-container-1 .timeline .ce_text:nth-of-type(2n + 2) > div::after,
.timeline-container-1 .timeline .content-text:nth-of-type(2n + 2) > div::after {
    background: #fff url("../../files/theme/plan4/img/ok-green.svg") no-repeat scroll 0 0 / 100% auto;
    content: "";
    height: 45px;
    /*opacity: 0;*/
    position: absolute;
    right: -28px;
    top: -12px;
    width: 45px;
    z-index: 2;
}
.timeline-container-1 .timeline .ce_text:nth-of-type(2n + 1) > figure,
.timeline-container-1 .timeline .content-text:nth-of-type(2n + 1) > figure,
.timeline-container-1 .timeline .ce_text:nth-of-type(2n + 2) > div,
.timeline-container-1 .timeline .content-text:nth-of-type(2n + 2) > div {
    border-right: 1px solid #000;
    padding-right: 50px;
}
.timeline-container-1 .timeline .ce_text:nth-of-type(2n + 1) > figure,
.timeline-container-1 .timeline .content-text:nth-of-type(2n + 1) > figure {
    padding-right: 50px;
    text-align: right;
}
.timeline-container-1 .timeline .ce_text:nth-of-type(2n + 1) > div,
.timeline-container-1 .timeline .content-text:nth-of-type(2n + 1) > div {
    padding-left: 50px;
}
.timeline-container-1 .timeline .ce_text:nth-of-type(2n + 2) > div,
.timeline-container-1 .timeline .content-text:nth-of-type(2n + 2) > div {
    order: 1;
    padding-right: 50px;
    text-align: right;
}
.timeline-container-1 .timeline .ce_text:nth-of-type(2n + 2) > figure,
.timeline-container-1 .timeline .content-text:nth-of-type(2n + 2) > figure {
    order: 2;
    padding-left: 50px;
}
.timeline-container-1 .timeline .ce_text h3,
.timeline-container-1 .timeline .content-text h3 {
    margin: -7px 0 0;
}
.timeline-container-1 .timeline .ce_text > *,
.timeline-container-1 .timeline .content-text > * {
    padding-bottom: 148px;
    position: relative;
    width: 50%;
}
.timeline-container-2 {
    margin-top: -15px;
    padding-bottom: 144px;
    padding-top: 132px;
}
.timeline-container-2 .ce_text,
.timeline-container-2 .content-text {
    margin: 0 auto;
    max-width: 980px;
    padding: 0 20px;
}
.timeline-container-2 .timeline .ce_text > *:first-child::after,
.timeline-container-2 .timeline .content-text > *:first-child::after {
    background: #f1f7da url("../../files/theme/plan4/img/ok-green.svg") no-repeat scroll 0 0 / 100% auto;
    content: "";
    height: 45px;
    /*opacity: 0;*/
    position: absolute;
    right: -28px;
    top: -12px;
    width: 45px;
    z-index: 2;
}
.timeline-container-2 .timeline .ce_text > :first-child,
.timeline-container-2 .timeline .content-text > :first-child {
    border-right: 1px solid #000;
    padding-right: 50px;
}
.timeline-container-2 .timeline .ce_text > *:last-child,
.timeline-container-2 .timeline .content-text > *:last-child {
    padding-left: 50px;
}
.timeline-container-2 .timeline .ce_text h3,
.timeline-container-2 .timeline .content-text h3 {
    margin: -7px 0 0;
}
.timeline-container-2 .timeline .ce_text > *:last-child,
.timeline-container-2 .timeline .content-text > *:last-child {
    padding-left: 50px;
}
.timeline-container-2 .timeline .ce_text > *,
.timeline-container-2 .timeline .content-text > * {
    padding-bottom: 144px;
    position: relative;
    width: 50%;
}
.timeline-container-3 {
    margin-top: 0px;
    padding-top: 55px;
}
.timeline-container-3 h2 {
    margin: 0 0 20px;
}
.timeline-container-3 > div > .ce_text > h3,
.timeline-container-3 > div > .content-text > h3 {
    margin-top: 90px;
}
.timeline-container-3 > div > h3 {
    margin: 90px 0 50px;
    text-align: center;
}
.timeline-container-3 > div > div:not(.timeline):not(:last-of-type) {
    font-weight: 600;
    margin-top: 90px;
    max-width: 760px;
}
.timeline-container-3 > div:first-of-type > div:first-of-type {
    max-width: 980px;
    padding: 0 20px;
}
.timeline-container > div > .ce_text,
.timeline-container > div > .content-text {
    text-align: center;
}
.timeline-container > div > .content-text {
    overflow: hidden;
}
.timeline-container-3 .ce_text,
.timeline-container-3 .content-text {
    margin: 0 auto;
    max-width: 980px;
    padding: 0 20px;
}
.timeline-container-3 .ce_text > p,
.timeline-container-3 .content-text > p {
    font-weight: 300;
}
.timeline-container-3 .timeline {
    padding-top: 30px;
}
.timeline-container-3 .timeline .ce_text:nth-of-type(2n + 1) > figure::after,
.timeline-container-3 .timeline .content-text:nth-of-type(2n + 1) > figure::after,
.timeline-container-3 .timeline .ce_text:nth-of-type(2n + 2) > div::after,
.timeline-container-3 .timeline .content-text:nth-of-type(2n + 2) > div::after {
    background: #f5f5f5 url("../../files/theme/plan4/img/ok-blue.svg") no-repeat scroll 0 0 / 100% auto;
    content: "";
    height: 45px;
    /*opacity: 0;*/
    position: absolute;
    right: -28px;
    top: -12px;
    width: 45px;
    z-index: 2;
}
.timeline-container-3 .timeline .ce_text:nth-of-type(2n + 1) > figure,
.timeline-container-3 .timeline .content-text:nth-of-type(2n + 1) > figure,
.timeline-container-3 .timeline .ce_text:nth-of-type(2n + 2) > div,
.timeline-container-3 .timeline .content-text:nth-of-type(2n + 2) > div {
    border-right: 1px solid #000;
    padding-right: 50px;
}
.timeline-container-3 .timeline .ce_text:nth-of-type(2n + 1) > figure,
.timeline-container-3 .timeline .content-text:nth-of-type(2n + 1) > figure {
    padding-right: 50px;
    text-align: right;
}
.timeline-container-3 .timeline .ce_text:nth-of-type(2n + 1) > div,
.timeline-container-3 .timeline .content-text:nth-of-type(2n + 1) > div {
    padding-left: 50px;
}
.timeline-container-3 .timeline .ce_text:nth-of-type(2n + 2) > div,
.timeline-container-3 .timeline .content-text:nth-of-type(2n + 2) > div {
    order: 1;
    padding-right: 50px;
    text-align: right;
}
.timeline-container-3 .timeline .ce_text:nth-of-type(2n + 2) > figure,
.timeline-container-3 .timeline .content-text:nth-of-type(2n + 2) > figure {
    order: 2;
    padding-left: 50px;
}
.timeline-container-3 .timeline .ce_text h4,
.timeline-container-3 .timeline .content-text h4 {
    font-size: 1.25em;
    line-height: 150%;
    margin: 20px 0;
    margin: -7px 0 0;
}
.timeline-container-3 .timeline .ce_text:last-of-type > *,
.timeline-container-3 .timeline .content-text:last-of-type > * {
    padding-bottom: 50px;
}
.timeline-container-3 .timeline .ce_text > *,
.timeline-container-3 .timeline .content-text > * {
    padding-bottom: 148px;
    position: relative;
    width: 50%;
}
.timeline-container-3 > div > div:nth-of-type(4) > p {
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
}
.timeline-container-3 > div > div:nth-last-of-type(2) a {
    margin-top: 25px;
}
.timeline-container-3 > div > .ce_image,
.timeline-container-3 > div > .content-image {
    line-height: 0;
}
.timeline .ce_text,
.timeline .content-text {
    display: flex;
    overflow: visible;
}
.timeline .ce_text img,
.timeline .content-text img {
    border-radius: 10px;
}
.timeline .ce_text > * > *,
.timeline .content-text > * > * {
    opacity: 0;
}
.timeline .ce_text p,
.timeline .content-text p {
    display: inline-block;
    max-width: 480px;
}
.timeline .ce_text.da > *:first-child > *,
.timeline .content-text.da > *:first-child > * {
    opacity: 1;
    transition: all 0.6s;
}
.timeline .ce_text.da > *:last-child > *,
.timeline .content-text.da > *:last-child > * {
    opacity: 1;
    transition: all 0.6s 0.3s;
}
.timeline-container-1:not(.blue-checkmark) > div > div:last-of-type::after {
    background-color: #000000;
    content: "";
    display: block;
    height: calc(100% - 1px);
    left: calc(50% - 1px);
    position: absolute;
    top: 0;
    width: 1px;
}
.bottom-green-line-101 > div > div:last-of-type {
    line-height: 0;
    position: relative;
}
.timeline-container-1 > div > div:last-of-type figure,
.timeline-container-2 > div > div:last-of-type figure {
    position: relative;
    z-index: 2;
}
.demo-teaser > div {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-top: 94px;
    padding-bottom: 115px;
}
.demo-teaser > div > h2 {
    margin-bottom: -28px;
    max-width: 800px;
    padding: 0 20px;
    width: 100%;
    z-index: 2;
}
.demo-teaser > div > div:nth-of-type(1) {
    width: 53.6%;
}
.demo-teaser > div > div:nth-of-type(2) {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    padding-bottom: 30px;
    padding-left: 50px;
    width: 46.3%;
}
.demo-teaser > div > div:nth-of-type(2) > figure:nth-of-type(1) img {
    margin: 0 0 0 -20px;
}
.demo-teaser .ce_text > p,
.demo-teaser .content-text > p {
    max-width: 340px;
}
.testen-teaser > div {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding-bottom: 60px;
    padding-top: 100px;
}
.testen-teaser > div > h2 {
    margin-bottom: -28px;
    width: 100%;
    z-index: 2;
}
.testen-teaser > div > div:nth-of-type(1) {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    padding-bottom: 40px;
    text-align: center;
    width: 100%;
}
.testen-teaser > div > div:nth-of-type(1) h2 {
    margin-bottom: 42px;
    max-width: 760px;
}
.testen-teaser > div > div:nth-of-type(2),
.testen-teaser > div > div:nth-of-type(3),
.testen-teaser > div > div:nth-of-type(4) {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    max-width: 400px;
    overflow: visible;
    width: 33.3333%;
}
.testen-teaser h3 {
    color: #587991;
    font-size: 1.1em;
    text-align: center;
}
.testen-teaser > div > div:nth-of-type(2) p,
.testen-teaser > div > div:nth-of-type(3) p,
.testen-teaser > div > div:nth-of-type(4) p {
    border-radius: 10px 10px 0 0;
    font-size: 1.2em;
    line-height: 180%;
    margin: 0 20px;
    padding: 70px 35px 46px;
    transition: all 0.2s;
}
.testen-teaser > div > div.ce_text ul,
.testen-teaser > div > div.content-text ul {
    border-radius: 0 0 10px 10px;
    list-style: none;
    margin: -10px 20px 0;
    min-height: 148px;
    padding: 0 35px;
}
.testen-teaser > div > div.ce_text li,
.testen-teaser > div > div.content-text li {
    background: rgba(0, 0, 0, 0) url("../../files/redaktion/images/allgemein/ok-blue.svg") no-repeat scroll 0 10px / 30px auto;
    font-size: 1.2em;
    line-height: 180%;
    margin: 0 20px 0;
    padding-left: 40px;
    transition: all 0.2s;
}
.testen-teaser > div > div li:last-of-type {
}
.testen-teaser > div > div:nth-of-type(2) p,
.testen-teaser > div > div:nth-of-type(2) ul {
    background-color: #e1e8ed;
    box-shadow: 5px 5px 0 #4a677b;
}
.testen-teaser > div > div:nth-of-type(3) p,
.testen-teaser > div > div:nth-of-type(3) ul {
    background-color: #c3d2db;
    box-shadow: 5px 5px 0 #445e70;
}
.testen-teaser > div > div:nth-of-type(4) p,
.testen-teaser > div > div:nth-of-type(4) ul {
    background-color: #a5bbc9;
    box-shadow: 5px 5px 0 #2d3f4c;
}
.testen-teaser strong {
    display: block;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 140%;
    text-align: center;
}
.testen-teaser > div > div img {
    margin-right: 10px;
    vertical-align: middle;
}
.pakete-info {
    overflow: visible;
}
.pakete-info > div {
    background-color: rgba(155, 180, 195, 0.15);
    border-radius: 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 1160px;
    width: 100%;
}
.pakete-info > div > div:first-of-type {
    max-width: 693px;
    padding: 50px 20px 50px 55px;
    width: 57.75%;
}
.pakete-info .ce_text ul,
.pakete-info .content-text ul {
    list-style: outside none none;
    margin: 20px 0;
    padding: 0;
}
.pakete-info .ce_text ul li,
.pakete-info .content-text ul li {
    background: rgba(0, 0, 0, 0) url("../../files/redaktion/images/allgemein/ok-blue.svg") no-repeat scroll 0 13px / 30px auto;
    padding: 10px 0 10px 45px;
}
.pakete-info > div > div:last-of-type {
    max-width: 507px;
    overflow: visible;
    position: relative;
    width: 42.25%;
}
.pakete-info > div > div:last-of-type img {
    bottom: -23px;
    position: absolute;
    right: -30px;
}
.ok-kacheln {
    justify-content: center;
}
.ok-kacheln > div {
    font-size: 1.111em;
    font-weight: 400;
    line-height: 150%;
}
.ok-kacheln > div > p:first-of-type {
    margin-top: 0;
}
.bewerbungsprozess-container {
    margin-bottom: 128px;
}
.bewerbungsprozess-container > div > p:first-of-type {
    margin: 0 auto;
    max-width: 740px;
}
.bewerbungsprozess-container figure {
    background-color: #deeda8;
    border-radius: 100px;
    padding: 36px;
}
.bewerbungsprozess-container img {
    max-width: 64px;
}
.kontakt-cta {
    padding: 60px 20px;
    text-align: center;
}
.kontakt-cta > div > div > p:first-of-type a,
.kontakt-cta > div > div > .rte > p:first-of-type a {
    color: inherit;
    font-weight: 400;
    text-decoration: none;
}
.kontakt-cta.tt > div > div > p:first-of-type a:hover {
    color: #587991;
}
.kontakt-cta > div > div > p:first-of-type a:hover,
.kontakt-cta > div > div > .rte > p:first-of-type a:hover {
    color: #93c21e;
}
.kontakt-cta > div > div > p:last-of-type,
.kontakt-cta > div > div > .rte > p:last-of-type{
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 20px auto;
    max-width: 150px;
}
.kontakt-cta > div > div > p:last-of-type a,
.kontakt-cta > div > div > .rte > p:last-of-type a{
    font-weight: 400;
    transition: all 0s;
}
.kontakt-cta > div > div > p:last-of-type a:hover,
.kontakt-cta > div > div > .rte > p:last-of-type a:hover {
    transform: scale(1.02);
}
.kontakt-cta > div > div > p:last-of-type a img,
.kontakt-cta > div > div > .rte > p:last-of-type a img {
    height: auto;
    width: 56px;
}
.kontakt-cta-2 {
    margin-top: 40px;
}
.kontakt-cta-2.tiles-3.col > div > div {
    padding-bottom: 90px;
    position: relative;
}
.kontakt-cta-2 > div > div > p:last-of-type,
.kontakt-cta-2 > div > div > .rte > p:last-of-type {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
.serviceteam {
    margin-top: 90px;
}
.serviceteam > div > div:last-of-type {
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px 0 0;
    width: calc(100% + 40px);
}
.serviceteam > div > div.ce_text img,
.serviceteam > div > div.content-text img {
    border-radius: 10px;
}
.kontaktformular-container > div {
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto;
    max-width: 980px;
    padding: 90px 20px 60px;
}
.kontaktformular-container > div > div {
    width: 50%;
}
.kontaktformular-container h2 {
    margin-top: 10px;
    padding-top: 0;
    text-align: left;
}
.form-container {
    align-items: center;
    display: flex;
    font-size: 1.5em;
    justify-content: center;
    max-width: 540px;
    min-height: 480px;
    padding-left: 40px;
}
.form-container > div {
    width: 100%;
}
.google-maps-container .ce_text,
.google-maps-container .content-text {
    margin: calc(-13px + 45 * ((100vw - 1023px) / 434)) 0 0 calc(190px + 94 * ((100vw - 1023px) / 434));
    position: absolute;
    z-index: 3;
}
@media (min-width: 1457px) {
    .google-maps-container .ce_text,
    .google-maps-container .content-text {
        margin: 32px 0 0 284px;
    }
}
@media (max-width: 767px) {
    .google-maps-container .ce_text,
    .google-maps-container .content-text {
        margin: -13px 0 0 190px;
    }
}
#google-maps {
    height: 712px;
}
#google-maps > div > div {
    background-color: #fff !important;
}
.google-maps-container > div > .ce_image,
.google-maps-container > div > .content-image {
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 2;
}
.pagination {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    margin-bottom: -30px;
    width: 100%;
}
.pagination ul {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.pagination li {
    margin: 0 10px 30px;
}
.pagination li a.first,
.pagination li a.previous,
.pagination li a.next,
.pagination li a.last {
    font-size: 0;
    overflow: hidden;
    position: relative;
    text-indent: -100px;
}
.pagination li a.first::before,
.pagination li a.previous::before,
.pagination li a.next::before,
.pagination li a.last::before {
    content: "";
    display: block;
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.pagination li a.first::before {
    background: rgba(0, 0, 0, 0) url("../../files/theme/plan4/img/last.svg") no-repeat scroll 0 0 / 50px auto;
    transform: scale(-1, 1);
}
.pagination li a.previous::before {
    background: rgba(0, 0, 0, 0) url("../../files/theme/plan4/img/next.svg") no-repeat scroll 0 0 / 50px auto;
    transform: scale(-1, 1);
}
.pagination li a.next::before {
    background: rgba(0, 0, 0, 0) url("../../files/theme/plan4/img/next.svg") no-repeat scroll 0 0 / 50px auto;
}
.pagination li a.last::before {
    background: rgba(0, 0, 0, 0) url("../../files/theme/plan4/img/last.svg") no-repeat scroll 0 0 / 50px auto;
}
.pagination li a {
    align-items: center;
    background-color: #d1e785;
    border-radius: 100px;
    color: #fff;
    display: flex;
    height: 50px;
    justify-content: center;
    text-decoration: none;
    width: 50px;
}
.pagination li a:hover,
.pagination li strong.active,
.pagination li a.active {
    align-items: center;
    background-color: #93c123;
    border-radius: 100px;
    color: #fff;
    display: flex;
    height: 50px;
    justify-content: center;
    text-decoration: none;
    width: 50px;
}
#pressekit {
    padding: 60px 20px 90px;
    text-align: center;
}
#pressekit a span,
.download-element a span {
    color: #777777;
    font-size: 0.7em;
    margin-left: 5px;
    padding-top: 3px;
}
.testen-formular-container > div {
    display: flex;
    flex-flow: wrap;
    margin-top: 38px;
    padding: 0 20px 124px;
}
.testen-formular-container > div > div {
    width: 50%;
}
.grid-container {
    margin-top: 140px;
    max-width: 1400px;
    padding: 0 10px 90px;
}
.grid {
    margin: 0 auto;
    max-width: 960px;
}
.grid:after {
    clear: both;
    content: "";
    display: block;
}
.grid-sizer,
.grid-item {
    width: 33.333%;
}
.grid-item {
    float: left;
    padding: 10px;
}
.grid-click {
    cursor: pointer;
}
.grid-item img {
    border-radius: 10px;
    display: block;
    max-width: 100%;
    width: 100%;
}
.grid-item figcaption {
    display: none;
    margin-bottom: -5px;
    text-align: center;
}
.slider-container {
    background-color: #fff;
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: -5000px;
    transition: opacity 0.3s 0s, top 0s 0.4s;
    width: 100vw;
    z-index: 10;
}
.slider-aktiv .slider-container {
    opacity: 1;
    top: 0;
    transition: opacity 0.3s 0s, top 0s 0s;
}
#jssor_10 .slide > img {
    height: 6000px;
    max-height: calc(100vh - 20px);
    max-height: calc(100vh - 0px);
    max-width: calc(100vw - 0px);
    object-fit: contain;
    width: 6000px;
}
#jssor_10 .slide figcaption {
    font-size: 0.8em;
    height: 20px;
    line-height: 130%;
    opacity: 0.85;
    text-align: center;
    width: 100vw;
}
#jssor_10 > div:nth-of-type(2),
#jssor_10 > div:nth-of-type(3),
#jssor_10 > div:nth-of-type(4) {
    opacity: 0.54;
    transition: opacity 0.2s;
}
#jssor_10 > div:nth-of-type(2):hover,
#jssor_10 > div:nth-of-type(3):hover,
#jssor_10 > div:nth-of-type(4):hover {
    opacity: 1 !important;
}
#jssor_10 > div:nth-of-type(2),
#jssor_10 > div:nth-of-type(3) {
    cursor: pointer;
    display: block !important;
    height: 30px !important;
    position: absolute !important;
    top: calc(50vh - 28px) !important;
    width: 25px !important;
    z-index: 11 !important;
}
#jssor_10 > div:nth-of-type(2) {
    left: 10px !important;
}
#jssor_10 > div:nth-of-type(3) {
    left: calc(100% - 35px) !important;
}
.pfeil-rechts > img,
.pfeil-links > img {
    width: 100%;
}
#jssor_10 > div:nth-of-type(4) {
    border: 2px solid;
    border-radius: 50px;
    color: #93c21e;
    cursor: pointer;
    display: block !important;
    font-size: 41px;
    height: 30px !important;
    left: calc(100% - 38px) !important;
    line-height: 22px;
    position: absolute !important;
    text-align: center;
    top: 12px !important;
    transform: rotate(45deg);
    width: 30px !important;
    z-index: 11 !important;
}
.slider-aktiv #jssor_10 > div:nth-of-type(2),
.slider-aktiv #jssor_10 > div:nth-of-type(3),
.slider-aktiv #jssor_10 > div:nth-of-type(4) {
    position: fixed !important;
}
.page_download #main .inside > div:first-of-type {
    padding-top: 30px;
}
.page_download #main .inside > div:last-of-type {
    margin-bottom: 60px;
}
.impressum-container,
.datenschutz-container,
.sitemap-container {
    max-width: 980px;
    padding: 0 20px 60px;
}
.impressum-container h1,
.datenschutz-container h1,
.sitemap-container h1 {
    font-size: 2em;
    margin: 30px 0 60px;
    text-align: center;
}
.impressum-container > div,
.datenschutz-container > div,
.sitemap-container > div,
.impressum-container > div > h1 {
    width: 100%;
}
.impressum-container > div {
    display: flex;
    flex-flow: row wrap;
}
.impressum-container > div > div {
    width: 50%;
}
.datenschutz-container ol > li {
    margin-bottom: 24px;
}
.impressum-container .ce_text a,
.impressum-container .content-text a,
.datenschutz-container .ce_text a,
.datenschutz-container .content-text a,
.sitemap-container .ce_text a,
.sitemap-container .content-text a {
    color: #93c21e;
}
footer {
    border-top: 1px solid #eae5e3;
    display: flex;
    justify-content: center;
}
footer .inside {
    background: rgba(0, 0, 0, 0) url("../../files/redaktion/images/allgemein/bg-footer.jpg") no-repeat scroll 0 0px;
    display: flex;
    max-width: 1440px;
    padding: 18px 20px 42px;
    width: 100%;
}
footer .newsletter-link {
    padding: 0 20px;
    width: 272px;
}
footer .newsletter-link > p:first-of-type {
    font-size: 1.75em;
    line-height: 150%;
    margin: 0;
}
.newsletter-link > p:nth-of-type(2) {
    margin-top: 30px;
}
footer .newsletter-link a {
    align-items: center;
    display: flex;
}
footer .newsletter-link a:hover {
    color: #93c123;
}
footer .newsletter-link img {
    margin-right: 11px;
    width: 41px;
}
footer .navigation-container {
    display: flex;
    flex-grow: 1;
    justify-content: space-around;
    max-width: 800px;
    padding: 16px 20px 0;
}
footer .mod_customnav li {
    padding-bottom: 11px;
}
footer .mod_customnav > ul li:first-of-type a,
footer .mod_customnav > ul li:first-of-type strong {
    font-weight: 500;
}
footer .mod_customnav > ul li:not(:first-of-type) a,
footer .mod_customnav > ul li:not(:first-of-type) strong {
    color: #878787;
}
footer .mod_customnav > ul li:not(:first-of-type) a:hover {
    color: #93c123;
}
footer .navigation-container > .mod_customnav:first-of-type ul > li:nth-of-type(3) a:hover,
footer .navigation-container > .mod_customnav:first-of-type ul > li:nth-of-type(4) a:hover {
    color: #587991;
}
footer .social-logo-container {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    padding: 16px 20px 0;
    width: 210px;
}
footer .social-container {
    display: flex;
    justify-content: space-between;
}
footer .social-container a img {
    transition: all 0.2s;
}
footer .social-container a:hover img {
    opacity: 0;
}
footer .logo-container a {
    line-height: 0;
}
.overlay.open {
    background-color: rgba(0, 0, 0, 0.05);
    height: 100%;
    transition: background-color 0.6s, height 0s, width 0s;
    visibility: visible;
    width: 100%;
}
.overlay {
    background-color: rgba(0, 0, 0, 0);
    height: 0;
    left: 0;
    position: fixed;
    top: 0;
    transition: background-color 0.6s, height 0s 0.6s, width 0s 0.6s;
    visibility: hidden;
    width: 0;
    z-index: 20;
}
.overlay.open > div {
    opacity: 1;
}
.close-outside {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.overlay-tt .close:hover {
    background-color: #93abb9;
    color: #fff;
}
.overlay-tt .close {
    color: #93abb9;
}
.close:hover {
    background-color: #93c21e;
    color: #fff;
}
.slider-container .close {
    background-color: #fff;
    right: 26px;
    top: 115px;
    z-index: 5;
}
.close {
    align-items: center;
    border: 2px solid;
    border-radius: 20px;
    color: #93c21e;
    cursor: pointer;
    display: flex;
    font-size: 2em;
    height: 28px;
    justify-content: center;
    line-height: 100%;
    padding: 0 0px 4px 0px;
    position: absolute;
    right: 12px;
    -webkit-tap-highlight-color: transparent;
    top: 8px;
    transform: rotate(45deg) scale(0.8);
    transition: all 0.2s;
    width: 28px;
}
.overlay h2 {
    font-size: 1.75em;
    font-weight: 300;
    margin: 0 0 15px 0;
}
.overlay.open .content {
    opacity: 1;
}
.overlay.overlay-tt .content {
    border: 2px solid #93abb9;
    max-width: 940px;
}
.overlay .content {
    background-color: #fff;
    border: 2px solid #93c21e;
    height: calc(100vh - 40px);
    margin: 20px auto;
    max-width: 780px;
    opacity: 0;
    overflow-y: auto;
    padding: 40px;
    position: relative;
    transition: all 0.6s;
    width: calc(100% - 40px);
}
.page_gc #main .inside {
    background: rgba(0, 0, 0, 0) url("../../files/redaktion/images/allgemein/bg-gc.jpg") no-repeat scroll right 536px / 720px auto;
    margin: 0 auto;
    max-width: 1440px;
}
.page_404 #container {
    background: rgba(0, 0, 0, 0) url("../../files/redaktion/images/allgemein/bg-gc.jpg") no-repeat scroll right 50px / 720px auto;
    margin: 0 auto;
    max-width: 1440px;
}
.gc-hilft {
    background: rgba(0, 0, 0, 0) url("../../files/redaktion/images/allgemein/bg-gc-2.jpg") no-repeat scroll 0 0 / 480px auto;
}
.testen-teaser {
    background: rgba(0, 0, 0, 0) url("../../files/redaktion/images/allgemein/bg-tt-pakete.svg") no-repeat scroll calc(100% + 5px) 281px / 260px auto;
}
.pakete-info {
    background: rgba(0, 0, 0, 0) url("../../files/redaktion/images/allgemein/bg-tt-pakete-2.svg") no-repeat scroll -10px 0 / 140px auto;
}
.page_events #main .inside {
    background: rgba(0, 0, 0, 0) url("../../files/redaktion/images/allgemein/bg-events.jpg") no-repeat scroll right 0 / 1440px auto;
    margin: 0 auto;
    max-width: 1440px;
    padding-top: 60px;
}
.page_unternehmen .timeline-container-1 {
    background: rgba(0, 0, 0, 0) url("../../files/redaktion/images/allgemein/bg-unternehmen.jpg") no-repeat scroll right 0 / 520px auto;
}
.unsere-ceo {
    background: rgba(0, 0, 0, 0) url("../../files/redaktion/images/allgemein/bg-unternehmen-2.jpg") no-repeat scroll 0 0 / 420px auto;
}
.teaser-2.bg-green-60 {
    background: rgba(208, 229, 134, 0.6) url("../../files/redaktion/images/allgemein/bg-teaser-2-green.jpg") no-repeat scroll right 0 / 1000px auto;
}
.teaser-2.bg-blue-30 {
    background: rgba(155, 180, 195, 0.3) url("../../files/redaktion/images/allgemein/bg-teaser-2-blue.jpg") no-repeat scroll right 0 / 1000px auto;
}
.page_karriere .timeline-container-1 {
    background: rgba(244, 244, 244, 0.7) url("../../files/redaktion/images/allgemein/bg-karriere.jpg") no-repeat scroll right 0 / 320px auto;
}
.mitarbeiterstatements-container {
    background: rgba(244, 244, 244, 0.7) url("../../files/redaktion/images/allgemein/bg-karriere-2.jpg") no-repeat scroll 0 0 / 320px auto;
}
.kontaktformular-container {
    background: rgba(0, 0, 0, 0) url("../../files/redaktion/images/allgemein/bg-kontakt.jpg") no-repeat scroll 0 0 / 320px auto;
    padding-bottom: 60px;
}
.mod_eventreader .content-text {
    overflow: hidden;
}
@media (max-width: 1457px) {
    .blog-startseite.ok-top::after,
    .kommende-veranstaltungen::after {
        left: calc(50% - 50vw);
        width: 100vw;
    }
}
@media (max-width: 1240px) {
    .pakete-info > div > div:last-of-type img {
        right: 0;
    }
}
@media (max-width: 1200px) {
    .tiles-4.col > div > div:not(:last-of-type) {
        width: 33.3333%;
    }
    .blog-container h1 {
        margin: 50px auto 61px;
    }
    .news-newsseite {
        margin-top: -10px;
    }
}
@media (max-width: 1100px) {
    .testen-teaser > div > div:nth-of-type(2) p,
    .testen-teaser > div > div:nth-of-type(3) p,
    .testen-teaser > div > div:nth-of-type(4) p {
        min-height: 250px;
    }
    .testen-teaser > div > div ul {
        min-height: 190px;
    }
    .mitgliedschaften-container .arrow.right,
    .mitgliedschaften-container .arrow.left {
        top: 36%;
    }
}
@media (max-width: 1023px) {
    #container {
        padding-top: 70px;
    }
    header {
        height: 70px;
    }
    header .inside {
        padding: 0;
    }
    header .inside > a {
        left: 20px;
        position: absolute;
        top: 10px;
        width: 150px;
    }
    .hamburger {
        cursor: pointer;
        display: block;
        height: 25px;
        position: absolute;
        right: 20px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        top: 20px;
        width: 40px;
    }
    .hamburger .bar {
        background-color: #93c21e;
        border-radius: 4px;
        display: block;
        height: 4px;
        padding: 0;
        position: absolute;
        transition: all 0.4s ease-in-out 0s;
        width: 40px;
    }
    .bar1 {
        top: 0;
    }
    .bar2,
    .bar3 {
        top: 10.5px;
    }
    .bar3 {
        right: 0;
    }
    .bar4 {
        bottom: 0;
    }
    .hamburger .bar4 {
        top: 10.5px;
        transition: all 0.4s ease-in-out, transform 0.4s ease-in-out 0.4s;
    }
    .hamburger .bar2 {
        left: 18.5px;
        transform: rotate(90deg);
        width: 1px;
    }
    .hamburger .bar3 {
        left: 18.5px;
        width: 1px;
    }
    .hamburger .bar5 {
        bottom: 0px;
    }
    .navi-mobile .hamburger > .bar1 {
        background-color: transparent;
        top: 10.5px;
    }
    .navi-mobile .hamburger > .bar2 {
        left: 5px;
        transform: rotate(45deg);
        width: 30px;
    }
    .navi-mobile .hamburger > .bar3 {
        left: 5px;
        transform: rotate(-45deg);
        width: 30px;
    }
    .navi-mobile .hamburger > .bar4 {
        background-color: transparent;
    }
    .navi-mobile .hamburger > .bar5 {
        background-color: transparent;
        bottom: 10.5px;
    }
    .navi-mobile .navigation-d {
        left: 0;
        opacity: 1;
    }
    .navigation-d {
        left: 101%;
        margin: 0;
        opacity: 0;
        position: absolute;
        top: 69px;
        transition: all 0.7s;
        width: 100%;
    }
    .navigation-d::after {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
        bottom: -5px;
        content: "";
        height: 5px;
        position: absolute;
        transition: all 0.3s ease 0s;
        width: 100%;
    }
    .navigation-d .mod_navigation {
        background-color: #ffffff;
        max-height: calc(100vh - 70px);
        overflow-y: auto;
        padding-top: 30px;
    }
    .navigation-d .level_1 {
        flex-flow: column nowrap;
        width: 100%;
    }
    .navigation-d .level_2-container,
    .navigation-d .level_1 li:hover .level_2-container {
        height: auto;
        opacity: 1;
        position: relative;
        top: 0;
    }
    .navigation-d .level_1 > li {
        border-bottom: 1px solid #587991;
        height: auto;
        overflow: hidden;
        padding-bottom: 30px;
    }
    .navigation-d .level_1 > li:not(:last-of-type) {
        margin-bottom: 30px;
    }
    .navigation-d .level_1 > li:nth-of-type(n) > a,
    .navigation-d .level_1 > li:nth-of-type(n) > strong {
        padding: 0;
    }
    .navigation-d .level_1 > li > a span,
    .navigation-d .level_1 > li > strong span {
        padding-left: 20px;
    }
    .navigation-d .level_2-container::after {
        display: none;
    }
    .navigation-d .open .level_2-container {
        max-height: 1000px;
    }
    .navigation-d .level_2-container {
        height: auto;
        max-height: 0;
        transition: all 1s linear;
    }
    .navigation-d .level_2-container {
        height: auto;
        max-height: 0;
    }
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 {
        flex-flow: column nowrap;
        padding: 30px 0 0;
    }
    .navigation-d .level_1 > li:nth-of-type(2) .level_2 {
        flex-flow: row wrap;
        padding: 10px 20px 30px;
    }
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) {
        justify-content: flex-start;
    }
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2)::after {
        bottom: -30px;
        content: "";
        height: 30px;
        left: 0;
        position: absolute;
        transition: all 0.2s;
        width: 100%;
    }
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2):hover::after,
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2).active::after {
        background-color: rgba(155, 180, 195, 0.5);
    }
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li {
        padding: 0;
        width: 100%;
    }
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2) div {
        padding: 20px 0 1px 174px;
    }
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) div::before,
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2) div::before {
        max-width: 360px;
        width: 100%;
    }
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) a,
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) strong {
        justify-content: flex-start;
        padding: 10px 0 10px 20px;
        width: 100%;
    }
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2) a,
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2) strong {
        justify-content: flex-start;
        padding: 10px 0 0 20px;
        width: 100%;
    }
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) a:hover,
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) strong {
        background-color: rgba(147, 194, 30, 0.5);
    }
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2) a:hover,
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2) strong {
        background-color: rgba(155, 180, 195, 0.5);
    }
    .hero-1 {
        padding-bottom: 0;
    }
    .hero-1 > .ce_text,
    .hero-1 > .content-text {
        margin-top: -5%;
        padding: 0 20px;
        position: relative;
        right: inherit;
        text-align: left;
        width: 100%;
    }
    .hero-3 > .ce_text,
    .hero-3 > .content-text,
    .hero-4 > .ce_text,
    .hero-4 > .content-text {
        margin: 0 auto;
    }
    .unsere-loesungen-fuer > div h3 {
        font-size: 1em;
        top: 6.1%;
    }
    .tiles-3.col > div > div {
        width: 50%;
    }
    .mitgliedschaften-container .arrow.right,
    .mitgliedschaften-container .arrow.left {
        top: 63%;
    }
    .nav-faq {
        display: flex;
        flex-flow: column nowrap;
        margin-top: 20px;
        padding-top: 20px;
    }
    .nav-faq > span,
    .nav-faq > button {
        display: inline-block;
        padding-bottom: 10px;
    }
    .demo-teaser > div > h2 {
        margin-bottom: 10px;
    }
    .slider-container .close {
        right: 20px;
        top: 80px;
    }
    footer .inside {
        flex-flow: column nowrap;
        padding: 18px 20px 40px;
    }
    footer .newsletter-link,
    footer .navigation-container {
        max-width: 100%;
    }
    footer .social-logo-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 600px;
    }
    footer .newsletter-link,
    footer .navigation-container,
    footer .social-logo-container {
        padding: 0;
        width: 100%;
    }
    footer .navigation-container {
        margin: 30px 0 50px;
    }
    footer .logo-container {
        text-align: center;
    }
    footer .logo-container a {
        display: inline-block;
        margin-top: 30px;
        width: 160px;
    }
}
@media (max-width: 1004px) {
    .blog-startseite > div > h2 {
        text-align: center;
    }
}
@media (max-width: 960px) {
    .testen-teaser > div > div:nth-of-type(2),
    .testen-teaser > div > div:nth-of-type(3),
    .testen-teaser > div > div:nth-of-type(4) {
        width: 50%;
    }
    .testen-teaser > div > div:nth-of-type(4) {
        margin-top: 30px;
    }
    .testen-teaser > div > div:nth-of-type(2) p,
    .testen-teaser > div > div:nth-of-type(3) p,
    .testen-teaser > div > div:nth-of-type(4) p,
    .testen-teaser > div > div:nth-of-type(2) ul,
    .testen-teaser > div > div:nth-of-type(3) ul,
    .testen-teaser > div > div:nth-of-type(4) ul {
        min-height: 0;
    }
    .testen-teaser > div > div:nth-of-type(2) ul,
    .testen-teaser > div > div:nth-of-type(3) ul,
    .testen-teaser > div > div:nth-of-type(4) ul {
        padding-bottom: 70px;
    }
    .tiles-4.col > div > div:not(:last-of-type) {
        width: 50%;
    }
    .tiles-5.col > div > div:not(:first-of-type) {
        width: 30%;
    }
    .kontaktformular-container h2,
    .testen-formular-container h2 {
        text-align: center;
    }
    .kontaktformular-container > div > div:first-of-type,
    .testen-formular-container > div > div:first-of-type {
        max-width: 100%;
    }
    .kontaktformular-container > div > div:last-of-type,
    .testen-formular-container > div > div:last-of-type {
        max-width: 600px;
    }
    .kontaktformular-container > div > div,
    .testen-formular-container > div > div {
        margin: 30px auto 0;
        text-align: center;
        width: 100%;
    }
    .form-container {
        margin: 0 auto;
        padding-left: 0;
    }
    .google-maps-container .ce_text,
    .google-maps-container .content-text {
        margin-left: 16%;
    }
    .google-maps-container .ce_text > h2,
    .google-maps-container .content-text > h2 {
        font-size: 1.5em;
        margin: 47px 0 -15px;
        text-align: left;
    }
}
@media (max-width: 820px) {
    .mitgliedschaften-container .arrow.right,
    .mitgliedschaften-container .arrow.left {
        top: 24%;
    }
    .google-maps-container {
        background-color: #e3efb5;
        padding-top: 30px;
    }
    .google-maps-container .ce_text,
    .google-maps-container .content-text {
        margin: -64px 0 0 12%;
        padding: 0 20px;
        width: 100%;
    }
    .google-maps-container > div > .ce_image,
    .google-maps-container > div > .content-image {
        top: 30px;
    }
}
@media (max-width: 767px) {
    h1,
    h2,
    .news-newsseite h1,
    .was-uns-bewegt h2,
    .blog-startseite > div > h2 {
        font-size: 1.7em;
    }
    .navigation-d .level_1 > li:nth-of-type(2) .level_2 li {
        width: 166px;
    }
    .navigation-d .level_1 > li:nth-of-type(2) .level_2 li:last-of-type::after {
        content: "";
        display: block;
        height: 10px;
        width: 166px;
    }
    .single-slide > div {
        margin: 30px 0;
    }
    .unsere-loesungen-fuer {
        margin: 0 auto -40px;
        max-width: 980px;
    }
    .accordion-container .produktfeatures section {
        width: 50%;
    }
    .produktfeatures section:nth-of-type(2n + 1) .accordion {
        left: 0;
        width: calc(200% + 20px);
    }
    .produktfeatures section:nth-of-type(2n) .accordion {
        left: calc(-100% - 20px);
        width: calc(200% + 20px);
    }
    .demo-teaser > div > h2 {
        margin-bottom: -100px;
    }
    .demo-teaser > div > div:nth-of-type(1) {
        width: 100%;
    }
    .demo-teaser > div > div:nth-of-type(2) {
        align-items: center;
        margin-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
        width: 100%;
    }
    .demo-teaser > div > div:nth-of-type(2) > figure:nth-of-type(1) img {
        margin: 0;
    }
    .live-demo.demo-teaser .ce_image,
    .live-demo.demo-teaser .content-image {
        margin-bottom: 20px;
        padding-right: 20px;
    }
    .testen-teaser {
        overflow: visible;
        padding-left: 20px;
        padding-right: 20px;
    }
    .testen-teaser .ce_text,
    .testen-teaser .content-text {
        overflow: visible;
    }
    .testen-teaser > div > div:nth-of-type(1) a {
        text-align: left;
    }
    .tiles-2 > div,
    .tiles-3 > div,
    .tiles-4 > div,
    .tiles-5 > div {
        margin-top: 60px;
    }
    .tiles-5.col > div > div:not(:first-of-type) {
        width: 50%;
    }
    .tiles-3 h3 {
        height: auto !important;
        margin-bottom: 12px !important;
    }
    .bottom-white-101 h2 {
        padding: 30px 0 0;
    }
    .timeline-container-2 {
        padding-top: 111px;
    }
    .timeline-container-3 {
        padding-top: 21px;
    }
    .unsere-ceo {
        padding-bottom: 50px;
        padding-top: 83px;
    }
    .blog-container h1 {
        margin: 50px auto 0;
    }
    .blog-oben > div > div:first-of-type > * {
        margin: 50px auto 0;
    }
    .kontakt-cta-2.tiles-3.col > div > div {
        margin: 20px 0 40px;
    }
    .testen-formular-container {
        margin-top: -10%;
        z-index: 0;
    }
    .impressum-container > div > div {
        width: 100%;
    }
    .google-maps-container {
        background-color: #e3efb5;
        padding-top: 60px;
    }
    .google-maps-container .ce_text,
    .google-maps-container .content-text {
        margin: -94px 0 0 12%;
    }
    .google-maps-container > div > .ce_image,
    .google-maps-container > div > .content-image {
        top: 60px;
    }
}
@media (max-width: 660px) {
    .news.layout_latest figure,
    .news.layout_latest .ce_text,
    .news.layout_latest .content-text,
    .page_download .accordion figure,
    .page_download .accordion .ce_text,
    .page_download .accordion .content-text {
        width: 100%;
    }
    .news.layout_latest .ce_text,
    .news.layout_latest .content-text {
        padding: 10px 0 0;
    }
    .page_download .ce_accordion,
    .page_download .content-accordion {
        overflow: visible;
    }
    .page_download .accordion > div {
        margin: 30px 0 13px;
    }
    .page_download .accordion .ce_text,
    .page_download .accordion .content-text {
        padding: 20px 0 0;
    }
    .page_download .accordion .ce_hyperlink,
    .page_download .accordion .content-hyperlink,
    .page_download .accordion .ce_download,
    .page_download .accordion .content-download {
        margin: 0 0 36px 0;
    }
}
@media (max-width: 600px) {
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(1) div {
        padding: 120px 20px 30px 0;
    }
    .navigation-d .level_1 > li:nth-of-type(1) .level_2 > li:nth-of-type(2) div {
        padding: 120px 20px 10px 0;
    }
    .page_unternehmen .hero,
    .page_karriere .hero {
        display: flex;
        flex-flow: column nowrap;
    }
    .page_unternehmen .hero {
        margin-bottom: 30px;
    }
    .page_unternehmen .hero .ce_text,
    .page_unternehmen .hero .content-text,
    .page_karriere .hero .ce_text,
    .page_karriere .hero .content-text {
        order: 2;
    }
    .page_unternehmen .hero .ce_image,
    .page_unternehmen .hero .content-image,
    .page_karriere .hero .ce_image,
    .page_karriere .hero .content-image {
        order: 1;
    }
    .tiles-3.col > div > div {
        width: 100%;
    }
    .gc-tt-chooser > div > div:nth-of-type(2),
    .gc-tt-chooser > div > div:nth-of-type(3) {
        border-right: none;
        padding: 0 20px 80px;
        width: 100%;
    }
    .gc-tt-chooser > div > div:nth-of-type(2) {
        margin-bottom: 80px;
    }
    .gc-tt-chooser > div > div:nth-of-type(2) > p:last-of-type,
    .gc-tt-chooser > div > div:nth-of-type(3) > p:last-of-type {
        padding: 0;
    }
    .tiles-2.row > div > div {
        width: 100%;
    }
    .kommende-veranstaltungen h2 {
        hyphens: auto;
    }
    .cal-container {
        flex-flow: column nowrap;
    }
    .cal-container .date {
        padding: 13px 0;
        width: 100%;
    }
    .date br {
        display: none;
    }
    .cal-container .date div span {
        margin-right: 3px;
    }
    .cal-container .event {
        width: 100%;
    }
    .timeline .ce_text,
    .timeline .content-text {
        flex-flow: column nowrap;
    }
    .timeline-container-1 .timeline .ce_text:nth-of-type(2n + 2) > figure,
    .timeline-container-1 .timeline .content-text:nth-of-type(2n + 2) > figure {
        order: 1;
    }
    .timeline-container-1 .timeline .ce_text:nth-of-type(2n + 2) > div,
    .timeline-container-1 .timeline .content-text:nth-of-type(2n + 2) > div {
        order: 2;
    }
    .timeline-container-1 .timeline .ce_text:nth-of-type(2n + 1) > figure,
    .timeline-container-1 .timeline .content-text:nth-of-type(2n + 1) > figure,
    .timeline-container-1 .timeline .ce_text:nth-of-type(2n + 2) > div,
    .timeline-container-1 .timeline .content-text:nth-of-type(2n + 2) > div {
        border-right: none;
        padding-right: 0;
    }
    .timeline-container-1.blue-checkmark .timeline .ce_text:nth-of-type(2n + 2) > figure::after,
    .timeline-container-1.blue-checkmark .timeline .content-text:nth-of-type(2n + 2) > figure::after {
        background: #f7f7f7 url("../../files/theme/plan4/img/ok-blue.svg") no-repeat scroll 0 0 / 100% auto;
    }
    .timeline-container-1 .timeline .ce_text:nth-of-type(2n + 2) > figure::after,
    .timeline-container-1 .timeline .content-text:nth-of-type(2n + 2) > figure::after {
        background: #fff url("../../files/theme/plan4/img/ok-green.svg") no-repeat scroll 0 0 / 100% auto;
        content: "";
        height: 45px;
        position: absolute;
        right: -28px;
        top: -12px;
        width: 45px;
        z-index: 2;
    }
    .timeline-container-1 .timeline .ce_text:nth-of-type(2n + 2) > div::after,
    .timeline-container-1 .timeline .content-text:nth-of-type(2n + 2) > div::after {
        display: none;
    }
    .timeline-container-1 .timeline .ce_text > *:first-child::after,
    .timeline-container-1 .timeline .content-text > *:first-child::after,
    .timeline-container-1 .timeline .ce_text > *:last-child::after,
    .timeline-container-1 .timeline .content-text > *:last-child::after {
        left: -18px;
        right: inherit;
    }
    .timeline-container-1 .timeline .ce_text:nth-of-type(2n + 2) > div,
    .timeline-container-1 .timeline .content-text:nth-of-type(2n + 2) > div {
        text-align: left;
    }
    .timeline-container-1 .timeline .ce_text > *:first-child,
    .timeline-container-1 .timeline .content-text > *:first-child,
    .timeline-container-1 .timeline .ce_text > *:last-child,
    .timeline-container-1 .timeline .content-text > *:last-child {
        border-left: 1px solid #000000;
        border-right: none;
        padding-right: 0;
    }
    .timeline-container-1 .timeline .ce_text > *,
    .timeline-container-1 .timeline .content-text > * {
        padding-bottom: 0;
        position: relative;
        width: 100%;
    }
    .timeline-container-1 .timeline .ce_text > figure,
    .timeline-container-1 .timeline .content-text > figure {
        padding-bottom: 30px;
    }
    .timeline-container-1 .timeline .ce_text > div,
    .timeline-container-1 .timeline .content-text > div {
        padding-bottom: 120px;
    }
    .timeline-container-1 .timeline > div:last-of-type > div:last-of-type {
        margin-bottom: 90px;
        padding-bottom: 30px;
    }
    .timeline-container-1:not(.blue-checkmark) > div > div:last-of-type::after {
        display: none;
    }
    .timeline-container-2 {
        padding-bottom: 60px;
    }
    .timeline-container-2 .timeline .ce_text > *:first-child::after,
    .timeline-container-2 .timeline .content-text > *:first-child::after {
        left: -18px;
        right: inherit;
    }
    .timeline-container-2 .timeline .ce_text > *:first-child,
    .timeline-container-2 .timeline .content-text > *:first-child,
    .timeline-container-2 .timeline .ce_text > *:last-child,
    .timeline-container-2 .timeline .content-text > *:last-child {
        border-left: 1px solid #000000;
        border-right: none;
        padding-right: 0;
    }
    .timeline-container-2 .timeline .ce_text > *,
    .timeline-container-2 .timeline .content-text > * {
        padding-bottom: 0;
        position: relative;
        width: 100%;
    }
    .timeline-container-2 .timeline .ce_text > figure,
    .timeline-container-2 .timeline .content-text > figure {
        padding-bottom: 30px;
    }
    .timeline-container-2 .timeline .ce_text > div,
    .timeline-container-2 .timeline .content-text > div {
        padding-bottom: 120px;
    }
    .timeline-container-3 .timeline .ce_text:nth-of-type(2n + 2) > figure,
    .timeline-container-3 .timeline .content-text:nth-of-type(2n + 2) > figure {
        order: 1;
    }
    .timeline-container-3 .timeline .ce_text:nth-of-type(2n + 2) > div,
    .timeline-container-3 .timeline .content-text:nth-of-type(2n + 2) > div {
        order: 2;
    }
    .timeline-container-3 .timeline .ce_text:nth-of-type(2n + 1) > figure,
    .timeline-container-3 .timeline .content-text:nth-of-type(2n + 1) > figure,
    .timeline-container-3 .timeline .ce_text:nth-of-type(2n + 2) > div,
    .timeline-container-3 .timeline .content-text:nth-of-type(2n + 2) > div {
        border-right: none;
        padding-right: 0;
    }
    .timeline-container-3 .timeline .ce_text:nth-of-type(2n + 2) > figure::after,
    .timeline-container-3 .timeline .content-text:nth-of-type(2n + 2) > figure::after {
        background: #f5f5f5 url("../../files/theme/plan4/img/ok-blue.svg") no-repeat scroll 0 0 / 100% auto;
        content: "";
        height: 45px;
        position: absolute;
        right: -28px;
        top: -12px;
        width: 45px;
        z-index: 2;
    }
    .timeline-container-3 .timeline .ce_text:nth-of-type(2n + 2) > div::after,
    .timeline-container-3 .timeline .content-text:nth-of-type(2n + 2) > div::after {
        display: none;
    }
    .timeline-container-3 .timeline .ce_text > *:first-child::after,
    .timeline-container-3 .timeline .content-text > *:first-child::after,
    .timeline-container-3 .timeline .ce_text > *:last-child::after,
    .timeline-container-3 .timeline .content-text > *:last-child::after {
        left: -18px;
        right: inherit;
    }
    .timeline-container-3 .timeline .ce_text:nth-of-type(2n + 2) > div,
    .timeline-container-3 .timeline .content-text:nth-of-type(2n + 2) > div {
        text-align: left;
    }
    .timeline-container-3 .timeline .ce_text > *:first-child,
    .timeline-container-3 .timeline .content-text > *:first-child,
    .timeline-container-3 .timeline .ce_text > *:last-child,
    .timeline-container-3 .timeline .content-text > *:last-child {
        border-left: 1px solid #000000;
        border-right: none;
        padding-right: 0;
    }
    .timeline-container-3 .timeline .ce_text > *,
    .timeline-container-3 .timeline .content-text > * {
        padding-bottom: 0;
        position: relative;
        width: 100%;
    }
    .timeline-container-3 .timeline .ce_text > figure,
    .timeline-container-3 .timeline .content-text > figure {
        padding-bottom: 30px;
    }
    .timeline-container-3 .timeline .ce_text > div,
    .timeline-container-3 .timeline .content-text > div {
        padding-bottom: 120px;
    }
    .timeline-container-1 .timeline .ce_text > *:first-child,
    .timeline-container-1 .timeline .content-text > *:first-child,
    .timeline-container-1 .timeline .ce_text > *:last-child,
    .timeline-container-1 .timeline .content-text > *:last-child,
    .timeline-container-1 .timeline .ce_text:nth-of-type(2n + 1) > div,
    .timeline-container-1 .timeline .content-text:nth-of-type(2n + 1) > div,
    .timeline-container-1 .timeline .ce_text:nth-of-type(2n + 2) > figure,
    .timeline-container-1 .timeline .content-text:nth-of-type(2n + 2) > figure,
    .timeline-container-1 .timeline .ce_text > figure,
    .timeline-container-1 .timeline .content-text > figure,
    .timeline-container-2 .timeline .ce_text > *:first-child,
    .timeline-container-2 .timeline .content-text > *:first-child,
    .timeline-container-2 .timeline .ce_text > *:last-child,
    .timeline-container-2 .timeline .content-text > *:last-child,
    .timeline-container-3 .timeline .ce_text > *:first-child,
    .timeline-container-3 .timeline .content-text > *:first-child,
    .timeline-container-3 .timeline .ce_text > *:last-child,
    .timeline-container-3 .timeline .content-text > *:last-child,
    .timeline-container-3 .timeline .ce_text:nth-of-type(2n + 1) > div,
    .timeline-container-3 .timeline .content-text:nth-of-type(2n + 1) > div,
    .timeline-container-3 .timeline .ce_text:nth-of-type(2n + 2) > figure,
    .timeline-container-3 .timeline .content-text:nth-of-type(2n + 2) > figure {
        padding-left: 35px;
    }
    .accordion-container .produktfeatures section {
        width: 100%;
    }
    .produktfeatures section:nth-of-type(2n + 1) .accordion,
    .produktfeatures section:nth-of-type(2n) .accordion {
        left: 0;
        width: 100%;
    }
    .teaser-3 > div {
        flex-flow: column nowrap;
    }
    .teaser-3 > div > div:nth-of-type(n) {
        justify-content: center;
        padding: 0 0 30px;
        width: 100%;
    }
    .teaser-3 .ce_text > *,
    .teaser-3 .content-text > * {
        justify-content: center;
        max-width: 100%;
        padding: 0;
        text-align: center;
    }
    .teaser-3 br {
        display: none;
    }
    .teaser-4 > div {
        flex-flow: column nowrap;
    }
    .teaser-4 > div > div:nth-of-type(n) {
        justify-content: center;
        padding: 0 0 30px;
        width: 100%;
    }
    .teaser-4 .ce_text > *,
    .teaser-4 .content-text > * {
        justify-content: center;
        max-width: 100%;
        padding: 0;
        text-align: center;
    }
    .teaser-4 br {
        display: none;
    }
    .mitgliedschaften-container .arrow.right,
    .mitgliedschaften-container .arrow.left {
        top: 65%;
    }
    .testen-teaser > div > div:nth-of-type(2),
    .testen-teaser > div > div:nth-of-type(3),
    .testen-teaser > div > div:nth-of-type(4) {
        margin-top: 30px;
        width: 100%;
    }
    footer .navigation-container {
        justify-content: space-between;
    }
    .demo-teaser > div > h2 {
        margin-bottom: -50px;
    }
    .pakete-info > div > div:first-of-type,
    .pakete-info > div > div:last-of-type {
        width: 100%;
    }
    .pakete-info > div > div:last-of-type img {
        margin-top: -56px;
        position: relative;
        right: 0;
    }
    .teaser-2 > div > div {
        width: 100%;
    }
    .teaser-2 > div > div:last-of-type {
        margin-top: 30px;
    }
    .teaser-2 .ce_image img,
    .teaser-2 .content-image img {
        width: 100%;
    }
    .tiles-4.col > div > div:not(:last-of-type) {
        width: 100%;
    }
    .google-maps-container {
        background-color: #e3efb5;
        padding-top: 100px;
    }
    .google-maps-container .ce_text,
    .google-maps-container .content-text {
        margin: -126px 0 0 7%;
        padding: 0 20px;
        width: 100%;
    }
    .google-maps-container > div > .ce_image,
    .google-maps-container > div > .content-image {
        top: 100px;
    }
    .gc-teaser > div {
        flex-flow: row wrap;
    }
    .gc-teaser .ce_gallery,
    .gc-teaser .content-gallery {
        margin-bottom: 30px;
    }
    .blog-list .info,
    .blog-reader-list .info,
    .blog-startseite .info,
    .blog-list .archive,
    .blog-reader-list .archive,
    .blog-startseite .archive {
        margin: 5px 0 0;
    }
    .kontakt-cta-2 > div {
        margin-top: 30px;
    }
    .page_karriere .hero-2 {
        margin-bottom: 60px;
    }
    ol {
        padding-left: 25px;
    }
}
@media (max-width: 560px) {
    .gc-tt-chooser h2,
    .kontakt-cta-2 h2 {
        -moz-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
    }
    h1,
    h2 {
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .blog-reader .archive,
    .news-reader .archive {
        margin-top: 0;
        width: 100%;
    }
    .tiles-5.col > div > div:not(:first-of-type) {
        width: 100%;
    }
    .blog-container h1 {
        margin: 50px auto -40px;
    }
    .blog-oben > div > div:first-of-type > * {
        margin: 70px auto 0;
    }
}
@media (max-width: 480px) {
    .mitgliedschaften-container .arrow.right,
    .mitgliedschaften-container .arrow.left {
        top: 61%;
    }
    .partner-container .arrow.right,
    .partner-container .arrow.left {
        top: 50%;
    }
    .mitgliedschaften-container .arrow.right,
    .mitgliedschaften-container .arrow.left {
        top: 40%;
    }
    .testen-teaser > div > div:nth-of-type(1) h2 {
        hyphens: auto;
    }
    .google-maps-container {
        background-color: #e3efb5;
        padding-top: 112px;
    }
    .google-maps-container .ce_text,
    .google-maps-container .content-text {
        margin: -142px 0 0;
        padding: 0 20px;
        width: 100%;
    }
    .google-maps-container > div > .ce_image,
    .google-maps-container > div > .content-image {
        top: 112px;
    }
    footer .navigation-container {
        flex-flow: column;
    }
    footer .navigation-container > nav:last-of-type .level_1 li:first-of-type {
        display: none;
    }
    footer .mod_customnav li {
        padding-bottom: 31px;
    }
}
@media (max-width: 374px) {
    .blog-list .archive,
    .blog-reader-list .archive,
    .blog-startseite .archive {
        margin-top: 1px;
        width: 100%;
    }
}