/*

Theme Name: Mayoris Website
Theme URI: http://themes.required.ch/
Author: required+ Team
Author URI: http://required.ch/
Description: Child Theme (Mayoris) for the required+ Foundation parent theme.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.4
Template: required-foundation
Text Domain: mayoris

*/

@import url("stylesheets/fonts.css");

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(fonts/Roboto-Black.ttf) format('truetype');
}
/* Reset */
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -o-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    vertical-align: baseline;
    background: transparent;
}
article,aside,figure,footer,header,hgroup,nav,section {
    display: block;
}
nav ul, .no-list {
    list-style: none;
    list-style-image: none;
    margin: 0;
}
nav li, .no-list li {
    list-style: none;
    list-style-image: none;
    margin: 0;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
html,
body {
    min-height: 100%;
    overflow-x: hidden;
}
/* General */
body,
input,
select,
textarea,
button {
    margin: 0;
    font-family: 'Roboto';
    font-size: 100%;
    font-weight: 300;
    color: #53534C;
}
body {
    background: #FFF;
    font-size: 1.06em;
    /* 18px */
    line-height: 1.6666666667;
    /* 30px */
}
/* Font-Family Definitions */
h1,
#footer h3 {
    font-family: 'Roboto';
    font-weight: 500;
}
h2,
#side h4,
.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description,
.gform_wrapper .instruction,
.service-link strong {
    font-family: 'Roboto';
}
h3,.medien-wrap h2,.breadcrumbs-wrap h2,strong,th,.button,.read-more,.toggle,.nav-sub .active,
.single-post:not(.blog) .nav-sub .menu-item-188 a,
.single-post.blog .nav-sub a[href*="blog"],
.gform_wrapper .left_label .gfield_label,
.gform_wrapper div.validation_error {
    font-family: 'Roboto';
}
.helper-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin: -1px;
    padding: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
}
h1,h2,h3 {
    line-height: 1.2em;
}
h1 {
    font-size: 1.5555555556em;
    color: #FFF;
    line-height: 1;
    font-weight: 300;
}
h1 span {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    color: #1e1e1b;
}
h2,
#side h4 {
    margin: 0 0 .5em 0;
    font-size: 1.33em;
    font-weight: 300;
}
h2:empty {
    display: none;
}
.columns h2:first-child {
    margin-top: 0;
}
h3,
.medien-wrap h2,
.breadcrumbs-wrap h2 {
    margin: 0 0 0.4545454545em 0;
    font-size: 1.2222222222em;
    font-weight: 500;
}
strong {
    font-weight: 500;
}
p {
    max-width: 680px;
    margin: 0 0 1em 0;
}
p:last-child {
    margin-bottom: 0;
}
ul,
ol {
    margin: 0 0 1em 1em;
}
a {
    color: #0069A6;
    -webkit-transition: color 0.1s linear, background-color 0.1s linear, opacity 0.1s linear;
    -moz-transition: color 0.1s linear, background-color 0.1s linear, opacity 0.1s linear;
    transition: color 0.1s linear, background-color 0.1s linear, opacity 0.1s linear;
}
a img,
a:before {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
a:hover {
    color: #53534C;
    text-decoration: none;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
iframe,
.fb_iframe_widget span {
    max-width: 100%;
}
.fb_iframe_widget,
.fb_iframe_widget span {
    display: block !important;
}

.flex-video.vimeo iframe {
    height: auto !important;
}
div#player {
    max-width: 100% !important;
}

hr {
    clear: both;
    position: relative;
    display: block;
    height: 1px;
    margin: 3em 0 3em 0;
    background: #c0e0f4;
    border: none;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="number"],
textarea {
    width: 100%;
    padding: 7px 10px;
    background: #f6f8f8;
    border: 1px solid #c0e0f4;
    border-radius: 2px;
    appearance: none;
    outline: none;
}
/* General */
.button,
button,
input[type="submit"] {
    display: inline-block;
    padding: 7px 1em;
    background-color: #0069a6;
    color: #FFF;
    border: 0px solid #0069a6;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 120ms ease-in-out;
    -moz-transition: all 120ms ease-in-out;
    transition: all 120ms ease-in-out;
}
.button:hover,
button:hover,
input[type="submit"]:hover {
    background-color: #FFC600;
    color: #FFF;
}
.button:active,
button:active,
input[type="submit"]:active {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
.hide,
.assistive-text {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute;
}

/* Base */
.wrap {
    position: relative;
    max-width: 1140px;
    margin: auto;
    padding: 0 15px;
}
.wrap .wrap {
    padding: 0;
}
.gr:after,
.row:after,
.wrap:after,
nav:after,
#side aside:after,
#main:after,
#side:after,
.frontpage-section:after {
    clear: both;
    display: table;
    content: " ";
}
.gc,
.columns {
    margin-bottom: 1em;
}
/* Header */
#header {
    min-height: 70px;
    padding: 0.8333333333em 0;
    box-sizing: border-box;
}
#logo {
    display: block;
    width: 80px;
}
#logo img {}
/* Search */
#searchform {
    position: relative;
    padding: 0 30px 20px 0;
    font-size: 0.8888888889em;
}
#searchform button[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 36px;
    padding: 0;
    text-align: center;
    font-size: 20px;
    border-radius: 0 2px 2px 0;
    background-color: #0069a6;
    border-color: #FFC600;
}
#searchform button[type="submit"]:hover {
    background-color: #FFC600;
    ;
    border-color: #FFC600;
}
/* E-Letter Subscription */
#subsc-eletter {
    position: absolute;
    z-index: 10;
    margin: 0 -15px;
    left: - 1000px;
}

#subsc-eletter h3 {
    display: none;
}

 #subsc-eletter .overlay p {
     background: url('https://www.mayoris.com/wp-content/uploads/2019/10/newsletter_subscribe.svg');
     background-repeat: repeat;
     background-size: auto;
     background-repeat: repeat;
     background-size: auto;
     background-repeat: no-repeat;
     background-size: 70px auto;
     padding: 0 20px 0 100px;
     font-size: 1.2em;
 }

 #subsc-eletter .overlay h2 {
     font-size: 36px;
 }

#subsc-eletter h3 {
    position: relative;
    z-index: 2;
    height: 36px;
    margin: 0;
    line-height: 30px;
    padding: 10px;
    white-space: nowrap;
    text-indent: 0;
    cursor: pointer;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
#subsc-eletter.open h3 {
    color: #FFF;
}
#subsc-eletter.open h3:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#subsc-eletter.open h3:after {
    left: 50%;
    margin-left: -6px;
}
#subsc-eletter h3 span:before {
    float: left;
    margin: 0 10px 0 2px;
    font-size: 27px;
    color: #D60036;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
#subsc-eletter h3:hover span:before {
    color: #FFC600;
}
#subsc-eletter.open h3 span:before {
    color: #FFF;
}
/* E-Letter Subscription Box */
#subsc-eletter .overlay {
    position: relative;
    z-index: 1;
    margin-top: -1px;
    padding: 1.25em;
    font-size: 0.8888888889em;
    background: #b9d228;
    border-radius: 3px;
    color: #ffffff;
    background: rgb(185,210,40);
    background: -webkit-linear-gradient(337deg, rgba(185,210,40,1) 0%, rgba(153,179,3,1) 100%);
    background: -o-linear-gradient(337deg, rgba(185,210,40,1) 0%, rgba(153,179,3,1) 100%);
    background: linear-gradient(67deg, rgba(185,210,40,1) 0%, rgba(153,179,3,1) 100%);

}
#subsc-eletter .overlay > div {
    content: "\00d7" !important;
    display: inline-block;
    height: 33px;
}
#subsc-eletter .overlay > div:before {
    transform: rotate(45deg);
}

#subsc-eletter form {
    position: relative;
    padding: 0 50px 0 0;
}
#subsc-eletter input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    border-radius: 0 2px 2px 0;
}
/* Nav Main */
#access {
    clear: both;
    font-size: 1.1111111111em;
}
#access li {
    float: left;
    margin: 0 1.5em 0 0;
}
#access li:last-child {
    margin-right: 0;
}
#access a {
    display: block;
    color: #53534C;
    text-decoration: none;
}
#access a:hover {
    color: #FFC600;
}
#access li.active > a,
.single.fachartikel #access .menu-item-17 a,
.single.blog #access a[href*="/blog/"] {
    padding: 0 10px;
    position: relative;
    background: #FFC600;
    color: #FFF;
}
/* Nav Sub */
.nav-sub {
    clear: both;
    margin: 0.9375em 0 -0.9375em 0;
    font-size: 0.8888888889em;
    background: #f6f8f8;
    border-width: 1px 0 0 0;
}
.nav-sub li {
    float: left;
}
.nav-sub a {
    display: block;
    padding: 7px 15px 9px 15px;
    color: #53534C;
    text-decoration: none;
}
.nav-sub .active a,
.single-post:not(.blog) .nav-sub .menu-item-188 a,
.single-post.blog .nav-sub a[href*="blog"] {
    position: relative;
    padding-bottom: 10px;
    margin: 0 0 -1px 0;
    background: #FFF;
    border: solid #c0e0f4;
    border-width: 0 1px;
    background: #c0e0f4;
}
.nav-sub a:hover {
    background: #c0e0f4;
}
.nav-sub.level-2 {
    clear: both;
    background: #FFF;
    border-width: 0 0 1px 0;
}
.nav-sub.level-2 .active a {
    border-width: 0 0 2px 0;
    border-color: #FFC600;
}
#content {
    min-height: 200px;
    padding: 1.6666666667em 0 7em 0;
    box-shadow: inset 0 1px 0 rgba(197, 218, 231, 1);
}
.home #content {
    min-height: 200px;
    padding: 0 0 6em 0;
    box-shadow: inset 0 1px 0 rgba(197, 218, 231, 1);
}
.entry-header {
    margin: 0 0 1em 0;
}
.entry-meta-inner {
    font-size: 0.7em;
}

.home .entry-meta-inner {
    display: none;
}

.author:after {
    content: " /";
}
#main,
.main-col {
    margin-bottom: 1.6666666667em;
}
.home .category-blog:last-of-type .entry-summary {
    border-bottom: none;
}

.frontpage-section.blog:last-of-type article div.entry-summary {
    padding-bottom: 0 !important;
}

.blog .entry-header.has-image .attachment-blog-header-image {
    display: none;
}

/* WP Styles */
h1.entry-title {
    font-size: 1.6em;
}
.entry-title a {
    text-decoration: none;
}
.entry-summary,
.medien-wrap .entry-content {
    overflow: hidden;
    padding-bottom: 1.5em;
}
.page-template-blogpage .entry-summary {
    padding-bottom: 3em;
}
.alignright {
    float: right;
    margin: 0 0 1.5em 2em;
}
.alignleft {
    float: left;
    margin: 0 2em 1.5em 0;
}
.main-col {
    margin-bottom: 2em;
}
/* Social Sharing */
#main .mr_social_sharing_wrapper {
    margin: 0 0 1em 0;
}
#main .mr_social_sharing_wrapper:last-of-type {
    margin: 2.5em 0 0 0;
    padding-top: 1em;
    border-top: 1px solid #c0e0f4;
}
#main .mr_social_sharing_wrapper #___plusone_0 {
    width: 70px !important;
}
#main .mr_social_sharing_wrapper .IN-widget {
    position: relative;
    top: 2px;
    margin-right: 10px;
}
/* Gravity Forms */
.gform_wrapper ul.right_label li,
.gform_wrapper form ul.right_label li,
.gform_wrapper ul.left_label li,
.gform_wrapper form ul.left_label li {
    margin-bottom: 1.25em;
}
.gform_wrapper .left_label .gfield_label {
    font-weight: 300;
    font-size: 100%;
}
.gform_wrapper .ginput_complex label,
.gform_wrapper .gfield_time_hour label,
.gform_wrapper .gfield_time_minute label,
.gform_wrapper .gfield_date_month label,
.gform_wrapper .gfield_date_day label,
.gform_wrapper .gfield_date_year label,
.gform_wrapper .instruction {
    letter-spacing: 0;
    font-size: 100%;
}
.gform_wrapper .ginput_left input:focus + label,
.gform_wrapper .ginput_right input:focus + label,
.gform_wrapper .ginput_full input:focus + label {
    font-weight: 500;
}
.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password] {
    padding: 5px 8px;
    font-size: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    padding: 0 !important;
    background-color: #f6f8f8;
    border-top-color: #CCC;
    border-bottom-color: #CCC;
}
.gform_wrapper div.validation_error {
    font-weight: 500;
    font-size: 100%;
}
.gform_wrapper div.validation_error,
.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper .validation_message {
    color: #C00;
}
.gform_wrapper li.gfield_error input[type=text],
.gform_wrapper li.gfield_error input[type=url],
.gform_wrapper li.gfield_error input[type=email],
.gform_wrapper li.gfield_error input[type=tel],
.gform_wrapper li.gfield_error input[type=number],
.gform_wrapper li.gfield_error input[type=password],
.gform_wrapper li.gfield_error textarea {
    border-color: #C00;
}
.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description,
.gform_wrapper .instruction {
    font-weight: 500;
}
#content .gform_wrapper div.validation_error,
#content .gform_wrapper .gfield_error .gfield_label,
#content .gform_wrapper .validation_message {
    color: #C62242;
}
#content .gform_wrapper div.validation_error {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
#content .gform_wrapper li.gfield.gfield_error,
#content .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    color: #C62242;
    background-color: #f6f8f8;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
#content .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#content .gform_wrapper li.gfield_error textarea {
    border: 1px solid #C62242;
}
#content .gform_wrapper .gfield_error .gfield_label {
    padding-left: 10px;
}
#content .gform_wrapper .field_description_below .gfield_description.validation_message {
    padding-top: 0;
    padding-bottom: 5px;
}
/* Logos/team */
.logos,
.team {
    text-align: center;
}
.logos ul,
.team ul {
    max-width: 1180px;
    margin: 0 auto;
}
.logos li,
.team li {
    display: inline-block;
    vertical-align: top;
    width: 110px;
    margin: 0 -4px 1.1111111111em 0;
}
.logos a,
.logos figure,
.team a,
.team figure {
    display: block;
    padding: 0 0.6666666667em;
}
.logos img,
.team img {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #c0e0f4;
}
/* Breadcrumbs */
.page .category-breadcrumbs {
    border-bottom: 1px solid #c0e0f4;
}
.page .category-breadcrumbs:first-child {
    margin-top: 2em;
}
.page .category-breadcrumbs:last-child {
    border-bottom: none;
}
.page .category-breadcrumbs header {
    margin: 0;
    padding: 1em 0;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.page .category-breadcrumbs header:hover {
    padding-left: 10px;
    background: #f6f8f8;
}
.page .category-breadcrumbs .entry-title {
    margin-bottom: 0;
    padding-left: 25px;
}
.page .category-breadcrumbs .entry-title:before {
    float: left;
    margin: 3px 0 0 -25px;
    color: #AAA;
    font-size: 20px;
    content: "\e00f";
}
.page .category-breadcrumbs.open .entry-title:before {
    content: "\e904";
}
.page #content .category-breadcrumbs .entry-content {
    padding: .5em 0 1.5em 25px;
}
/* Comments */
#comments {
    display: none;
}
.blog-comments #comments {
    display: block;
}
#allowed_tags {
    display: none;
}
#commentform textarea {
    height: 150px;
}
#main .comment:target:before,
#main #respond:target:before {
    display: none;
}
.commentlist,
.commentlist .children {
    margin: 0;
    padding: 0;
    list-style: none;
}
.commentlist .children {
    margin-left: 25px;
}
.commentlist .comment {
    margin-bottom: 1em;
}
.comment-author img {
    display: none;
}
/* Blog Styles */
.blog-post {
    overflow: hidden;
}
.blog-posts .wp-post-image {
    float: left;
    width: 20.134228188%;
    margin: 4px 1em 1em 0;
}

.home .wp-post-image {
    display: none;
}
/* Post Nav */
.nav-single a {
    display: block;
    position: relative;
    padding: 10px 0;
}
.nav-single .nav-previous a:before,
.nav-single .nav-next a:before {
    margin-top: 4px;
}
.nav-single .nav-previous,
.nav-single .nav-previous a:before {
    float: left;
}
.nav-single .nav-next,
.nav-single .nav-next a:before {
    float: right;
}
/* Pagination */
.required-pagination ul {
    margin: 2em 0 0 0;
    padding: 0;
    list-style: none;
}
.page-numbers li {
    float: left;
    margin: 0 -1px 0 0;
    border: 1px solid #c0e0f4;
}
.page-numbers a,
.page-numbers .current,
.page-numbers .dots {
    display: block;
    text-decoration: none;
    padding: 4px 15px 6px 15px;
}
.page-numbers a:hover {
    background: url(images/design/nav-main-noise.png);
}
.page-numbers .current {
    position: relative;
    margin: -1px;
    padding: 5px 16px 7px 16px;
    background: #FFC600;
    color: #FFF;
}
.page-numbers .dots {
    background: #FFF;
    margin-top: -1px;
    margin-bottom: -1px;
}
/* Footnotes */
#main :target {
    position: relative;
}
#main :target:before {
    display: block;
    position: absolute;
    left: -25px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-top: 4px;
    background: #FFC600;
    color: #FFF;
    border-radius: 2px;
}
/* Cards */
.casestudy h1 + h2 {
    margin: 0 0 30px 10px;
    color: #FFF;
}
h2.title-bg {
    color: #FFF;
    font-size: 1em;
    margin: 0 0 0 10px;
}
.casestudy h1 + h2 span,
h2.title-bg span {
    font-weight: 400;
    background: #666;
    line-height: 2;
    padding: 10px 0;
    box-shadow: -10px 0px 0 #666, 10px 0 0 #666;
}
.casestudy .side-box.featured h2,
.casestudy .card-box.featured h2 {
    background-color: #FFC600;
    border-color: #FFC600;
}
.casestudy .side-box.featured ul,
.casestudy .card-box.featured ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.more-case-studies .card-box:nth-child(4) {
    display: none;
}

.side-box.featured ul li,
.card-box.featured ul li,
ul.checklist li,
.solution-checklist li {
    padding-left: 40px;
    margin: 10px 0;
    line-height: 1.3888888889;
    margin: 10px 0;
}
.side-box.featured ul li:before,
.card-box.featured ul li:before,
ul.checklist li:before,
.solution-checklist li:before {
    content: "\e901";
    float: left;
    margin: 1px 0 0 -40px;
    font-size: 22px;
    color: #FFC600;
}
.card-box .solution-logo {
    width: 144px;
    max-width: 100%;
}
.card-box .solution-checklist {
    margin: -20px;
    padding: 20px;
}
.card-box .solution-logo + .solution-checklist {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #CCC;
}
.simple-list {
    line-height: 1.3333333333;
    margin: 0;
    padding: 0;
    list-style: none;
}
.simple-list li {
    position: relative;
    margin-bottom: 0.5555555556em;
    padding-left: 20px;
}
.simple-list li:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 12px;
    width: 8px;
    height: 2px;
    background: #CCC;
}
.card-box.toggle-contents {
    padding-bottom: 0;
}
.card-box.toggle-contents h2 {
    cursor: pointer;
    margin-bottom: -1px;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}
.card-box.toggle-contents h2:before {
    float: left;
    width: 24px;
    height: 24px;
    margin: 4px 6px 0 -33px;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 50%;
    content: "\e903";
}
.card-box.toggle-contents.open {
    padding-bottom: 20px;
}
.card-box.toggle-contents.open h2 {
    margin-bottom: 20px;
}
.card-box.toggle-contents.open h2:before {
    line-height: 22px;
    content: "\e904";
}
.card-box .powered-by {
    position: relative;
}
.card-wrap-33 .solution-powered-by-logo {
    display: table;
    width: 100%;
}
.card-wrap-33 .solution-powered-by-logo .logo-wrap {
    display: table-cell;
    height: 80px;
    vertical-align: middle;
}
.powered-by h3 {
    margin: 0 -20px 30px -20px;
    padding: 0 20px 10px 60px;
    font-size: 1em;
    border-bottom: 1px solid #CCC;
}
.card-box .icon-arrow-powered-by {
    position: absolute;
    left: 0;
    z-index: 9;
    font-size: 2.7777777778em;
    background: #FFF;
}
.solution-powered-by-logo img {
    margin: auto;
}
.single .powered-by h3 {
    padding: 0 60px 10px 20px;
    text-align: right;
}
.single .card-box .icon-arrow-powered-by {
    left: auto;
    right: 0;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
}
.card-box.campaignmonitor h2,
.card-box.artegic h2,
.card-box.selligent h2,
.card-box.salesforce h2,
.card-box.apteco h2 {
    margin: -21px -21px 20px -21px;
    border-bottom: none;
}
.campaignmonitor .solution-checklist li:before,
.campaignmonitor .icon-arrow-powered-by {
    color: #2a2941;
}
.card-box.campaignmonitor h2 {
    color: #FFF;
    background: #2a2941;
    border-color: #2a2941;
}
.artegic .solution-checklist li:before,
.artegic .icon-arrow-powered-by {
    color: #9AC63E;
}
.card-box.artegic h2 {
    color: #FFF;
    background: #9AC63E;
    border-color: #9AC63E;
}
.selligent .solution-checklist li:before,
.selligent .icon-arrow-powered-by {
    color: #4db2e6;
}
.card-box.selligent h2 {
    color: #FFF;
    background: #4db2e6;
    border-color: #4db2e6;
}
.salesforce .solution-checklist li:before,
.salesforce .icon-arrow-powered-by {
    color: #00A1E0;
}
.card-box.salesforce h2 {
    color: #FFF;
    background: #00A1E0;
    border-color: #00A1E0;
}
.apteco .solution-checklist li:before,
.apteco .icon-arrow-powered-by {
    color: #52BCBB;
}
.card-box.apteco h2 {
    color: #FFF;
    background: #52BCBB;
    border-color: #52BCBB;
}
/* Team */
.team-list {
    margin-top: 2em;
    overflow: hidden;
}
.team-member .person-info {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    border-radius: 3px;
    -webkit-transition: all 120ms ease-in-out;
    -moz-transition: all 120ms ease-in-out;
    transition: all 120ms ease-in-out;
    display: flex;
    flex-direction: column-reverse;
}
.team-member .person-info h2 {
    margin: 0;
    color: #FFF;
    background: rgba(0, 0, 0, 0.65);
    border-radius: 3px 3px 0 0;
    border: none;
    -webkit-transition: all 120ms ease-in-out;
    -moz-transition: all 120ms ease-in-out;
    transition: all 120ms ease-in-out;
    font-size: 0.96em;
    padding: 15px 7px 15px 7px;
    height: 49px;
    box-sizing: border-box;
}
.team-member .person-portrait {
    margin: -21px;
    overflow: hidden;
    background: rgba(43,47,53,0.6);
}
.side-col .card-box .person-portrait,
.side-col .widget_text .person-portrait {
    position: relative;
    z-index: 4;
    float: right;
    width: 100px;
    margin: 0 0 0 20px;
}

.side-col .card-box .person-portrait:before,
.side-col .widget_text .person-portrait:before {
    top: -10px;
    right: -10px;
}
.side-col .card-box .person-portrait:after,
.side-col .widget_text .person-portrait:after {
    bottom: -10px;
    left: -10px;
}
.team-member img {
    width: 100%;
    border-radius: 3px;
    transform: translate(0%,-49px);
}
.team-member a {
    color: #FFF;
}
.team-member p {
    opacity: 0;
    color: #FFF;
    padding: 0 15px;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
    font-size: 0.8em;
}
.team-member p:nth-child(3n) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.team-member:hover .person-info {
    background: rgba(0, 0, 0, 0.65);
    color: #FFF;
}
.team-member:hover h2 {
    background: none;
}
.team-member:hover p {
    opacity: 1;
}
.person-info p {
    margin: 0 0 8px 0;
}
.person-info .icon-mail,
.person-info .icon-phone {
    float: left;
    font-size: 1.1111111111em;
    margin: 0.2777777778em 0.2777777778em 0 0;
}
.side-col .person-info .icon-mail,
.side-col .person-info .icon-phone {
    margin: 0.2222222222em 0.2222222222em 0 0;
}
/* Frontpage */
.home h2.frontpage-title:nth-child(1) {
    margin-top: 30px;
}
h2.frontpage-title {
    margin: 0;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    padding: 30px 15px 30px 15px;
    font-size: 30px;
}
h2.frontpage-title:nth-child(1) {
    padding: 0 15px 0px 15px;
}
h4.frontpage-subtitle {
    color: #ffffff;
    margin: 0;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 300;
}
.frontpage-intro h2.frontpage-title {
    font-size: 42px;
    font-family: 'Roboto Black', sans-serif !important;
    font-weight: 900;
}
.frontpage-section {
    position: relative;
    padding: 0 0 3.3111111111em 0;
    border-width: 1px 0;
}
.frontpage-section.blog {
    margin: 0 0 1.1111111111em 0;
    padding: 0 0 1.1111111111em 0;
}
.frontpage-section.team {
    padding-bottom: 6em;
}
.team-wrap-link {
    display: block;
    white-space: nowrap;
    overflow: auto;
    text-align: center;
    text-decoration: none;
    -webkit-overflow-scrolling: touch;
}
.frontpage-section.team .person-portrait {
    display: inline-block;
    width: 100px;
    max-width: 100%;
}
.frontpage-section.intro {
    margin-top: 0;
    padding: 2.2222222222em 0 0 0;
    border-width: 0 0 1px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 0 1px 0 rgba(197, 218, 231, 1);
}
/*.frontpage-section.news {
    background: #FFF;
    padding-top: 0;
    padding-bottom: 2.2222222222em;
    border-top: none;
} */
/*.frontpage-section.news .news-inner {
    max-width: 640px;
    margin: 0 auto;
    padding: 0 1.25em;
} */
@media screen and (min-width: 600px) {
    .frontpage-section.intro {
        margin-top: -1.6666666667em;
    }
    .frontpage-section.team .person-portrait {
        width: 160px;
        margin-top: -25px;
    }
}
.frontpage-section.intro:after {
    display: none;
}
.frontpage-section.intro h1 {
    text-align: center;
}
.intro-section {
    min-height: 400px;
    margin: 2.2222222222em 0 0 0;
    padding: 2.2222222222em 0;
    background: rgba(0, 0, 0, 0.35);
}
.intro-section h2 {
    color: #FFF;
    margin-bottom: 1.4285714286em;
}
.intro-section .card-link {
    border: none;
}
.intro-box-icon {
    width: 80px;
}
#kompetenzen .intro-box-icon {
width: 140px;
-webkit-filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.1));
filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.1));
}
/* Gallery */
.gallery {
    background: #f6f8f8;
}
.gallery .gallery-item {
    margin-top: 0 !important;
    padding: 10px;
    box-sizing: border-box;
}
.gallery img {
    border: none;
}
/* Side */
#side {
    font-size: 1em;
    /*0.8888888889em;   */
}
#side aside,
.side-box,
.card-box {
    position: relative;
    margin: 0 0 2em 0;
    padding: 20px;
    background: #FFF;
    border-radius: 3px;
    box-sizing: border-box;
}
#side h2,
#side h4,
.side-box h2,
.card-box h2 {
    margin-top: 0;
}
#side aside h2,
#side aside h4,
.side-box h2,
.card-box h2 {
    background: #FFC600;
    position: relative;
    margin: -21px -21px 20px -21px;
    padding: 12px 20px 15px 20px;
    border-radius: 3px 3px 0 0;
    color: white;
}
#side aside.featured h2,
#side aside.featured h4,
.side-box.featured h2,
.card-box.featured h2 {
    color: #FFF;
    background: #C3C3B9;
    border-color: #C3C3B9;
}
#side aside.featured span {
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 44px;
}
.solution.selligent #side aside h2,
.solution.selligent #side aside h4,
.solution.selligent .side-box h2,
.solution.selligent .card-box h2 {
    background: #4db2e6;
}
.solution.apteco #side aside h2,
.solution.apteco #side aside h4,
.solution.apteco .side-box h2,
.solution.apteco .card-box h2 {
    background: #52BCBB;
}
.solution.artegic #side aside h2,
.solution.artegic #side aside h4,
.solution.artegic .side-box h2,
.solution.artegic .card-box h2 {
    background: #9AC63E;
}
.solution.campaignmonitor #side aside h2,
.solution.campaignmonitor #side aside h4,
.solution.campaignmonitor .side-box h2,
.solution.campaignmonitor .card-box h2 {
    background: #2a2941;
}
.solution.salesforce #side aside h2,
.solution.salesforce #side aside h4,
.solution.salesforce .side-box h2,
.solution.salesforce .card-box h2 {
    background: #139cd8;
}
/* Card Boxes */
.card-box {
    text-align: center;
    width: calc(50% - 13px);
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px;
    vertical-align: top;
    border: 1px solid white;
}
article[class^="post"] .entry-content .card-box {
    height: 283px;
    display: inline-block;
}

.post-5983 table {
    background: #ffffff;
    padding: 20px;
}

.tax-mayoris_case_studies_category .card-box, .mayoris_case_studies-template-default .card-box {
    text-align: left;
}
.side-col .card-box {
    width: calc(100% - 13px);
    text-align: left;
}
.card-box .entry-header {
    margin: 0;
}
.card-box-link {
    padding: 0;
    border: none;
    box-shadow: none;
}

.page-id-13 .card-box-link h3 {
    margin: 0.45em 0 0.4545454545em 0;
}

.solution .side-col .card-box:nth-child(2) {
    display: none;
}
.card-link {
    display: block;
    padding: 20px;
    text-decoration: none;
    background: linear-gradient(to top, #f2faff, #ffffff);
    color: #53534C;
    border-radius: 3px;
    transition: all 120ms ease-in-out;
    height: 100%;
    border: 1px solid white;
    box-sizing: border-box;
}

.frontpage-section.use-cases .card-link {
    height: 130px;
    border-radius: 3px;
}
.card-link.has-icon img {
    width: 48px;
    left: calc(50% - 24px);
    position: relative;
}
.card-link.from-editor {
    margin: 0 0 1.6666666667em 0;
}
.card-link.from-editor strong {
    display: block;
    margin: 0 0 .4545454545em 0;
    font-size: 1.2222222222em;
    line-height: 1.25;
    font-weight: 300;
}
.card-link:hover {
    background: #ffffff;
}
.page-id-13 .card-link, .tax-mayoris_case_studies_category .card-link {
   background-image: url('/wp-content/uploads/2019/10/plus_black.svg');
   background-repeat: no-repeat;
   background-position: calc(50% - 0px) calc(100% - 15px);
   background-size: 30px auto;
   height: 100%;
   padding-bottom: 75px !important;
}

 .page-id-13 .card-link:hover, .tax-mayoris_case_studies_category .card-link:hover {
   background: url('/wp-content/uploads/2019/10/plus_black.svg'), linear-gradient(to top, #f2faff, #ffffff) ;
   background-repeat: no-repeat, repeat;
   background-position: calc(50% - 0px) calc(100% - 15px), bottom center;
   background-size: 30px auto, 100% 100%;
   height: 100%;
}
.card-box .company-logo {
    width: 200px;
    max-width: 100%;
    margin: 0 0 1em 0;
}
/* Function Table */
.function-overview {
    width: 100%;
    margin: 0 0 1.5em 0;
    border-spacing: 0;
    border-collapse: collapse;
}
.function-overview th {
    font-weight: 500;
}
.function-overview th,
.function-overview td {
    text-align: left;
    padding: 5px 0;
    border-bottom: 1px solid #c0e0f4;
}fc0e0f4
.function-overview .system {
    width: 60px;
    text-align: center;
}
.function-overview .has,
.function-overview .option,
.function-overview .empty {
    text-align: center;
}
.function-overview .has span,
.function-overview .option span {
    display: none;
}
.function-overview td:nth-child(3) {
    border-left: 1px solid #c0e0f4;
}
.function-overview .has:before {
    content: "\e012";
    color: #B9D228;
}
.function-overview .has.with-condition:before {
    color: #BBB;
}
.function-overview .option:before {
    content: "\e013";
}
.function-overview .option.with-condition:before {
    color: #BBB;
    display: none;
}
.function-overview .empty:before {
    position: relative;
    top: 1px;
    font-size: 20px;
    content: "\e014";
    color: #BBB;
}
/* Docs */
.page-template-docs {}
#breadcrumbs {
    margin: -1.875em 0 1.875em 0;
    padding: 0.5em 0;
    font-size: 0.8888888889em;
    background: #f6f8f8;
    border-width: 1px 0;
}
.widget_nav_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget_nav_menu ul ul {
    margin: 0.2777777778em 0 0 0;
}
.widget_nav_menu a {
    display: block;
    padding: 0.125em 0.3125em;
    border-radius: 3px;
}
.widget_nav_menu ul ul a {
    padding-left: 0.9375em;
}
.widget_nav_menu .current-menu-item > a {
    color: #53534C;
    background: #f6f8f8;
    font-weight: bold;
    text-decoration: none;
}
.hm-content-toc-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.hm-content-toc-item-h3 {
    margin-left: 0.75em;
}
.hm-content-toc-item-h4 {
    margin-left: 2.15em;
}
@media screen and (min-width: 600px) {
    .page-template-docs .main-col {
        float: right;
    }
    .page-template-docs .side-col {
        float: left;
    }
}
/* Timeline */
.parent-pageid-7 #post-24 .entry-content div.meilenstein {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 120px;
    padding: 25px 0;
}
.parent-pageid-7 #post-24 .entry-content div.meilenstein:nth-child(-n+4) {
    padding: 5px 0px;
}
.parent-pageid-7 #post-24 .entry-content div.meilenstein div.ereignis {
    display: block;
}
.parent-pageid-7 #post-24 .entry-content .meilenstein .image p {
    width: 100px;
    display: block;
    line-height: 0.9em;
    font-size: 0.9em;
}
.parent-pageid-7 #post-24 .entry-content div.meilenstein:nth-child(1) .image p {
    color: #0069a6;
}
.parent-pageid-7 #post-24 .entry-content .meilenstein .image {
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2019/09/timeline_circle_blue_light.svg);
    -webkit-filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.1));
    background-position: left center;
    background-size: 100% 100%;
    height: 100px;
    width: 100px;
    text-align: center;
    color: #ffffff;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: all 120ms ease-in-out;
}
.parent-pageid-7 #post-24 .entry-content div.meilenstein:nth-child(1) .image {
    background-image: url(/wp-content/uploads/2019/09/timeline_circle_white.svg);
}
.parent-pageid-7 #post-24 .entry-content div.meilenstein:hover .image {
    transition: all 120ms ease-in-out;
}

.parent-pageid-7 #post-24 .entry-content .meilenstein .ereignis {
    font-size: 15px;
    padding: 0 0 0 20px;
}

.parent-pageid-7 #post-24 .entry-content {
    background-image: url(/wp-content/uploads/2019/10/line_vert.png);
    background-repeat: repeat-y;;
    background-position: 50px 130px;
}

div.weare-intro { background: #f3f6f7; padding-bottom: 20px; display: block; }

.parent-pageid-7 #post-24 .entry-content div.meilenstein:hover .image {
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
}

.parent-pageid-7 #post-24 .entry-content .meilenstein .ereignis {
    font-size: 15px;
    padding: 0 0 0 20px;
}
/* Footer */
#footer {
    padding: 1.875em 0 0 0;
    font-size: 0.8888888889em;
    font-family: 'Roboto';
    background: #ffffff;
    line-height: 1.5em;
}
#footer a {
    display: block;
    color: #53534C;
    text-decoration: none;
}
#footer a:hover {
    color: #FFC600;
}
#footer h3 {
    margin-bottom: 1em;
    font-size: 142.85714286%;
    /* 20px */
}
#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer .newsletter h3:before {
    float: left;
    margin: -5px 10px 0 0;
    font-size: 27px;
}
#footer form {
    position: relative;
    padding: 0 50px 0 0;
}
#footer input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    border-radius: 0 2px 2px 0;
    background-color: #0069A6;
    border-color: #0069A6;
}
#footer input[type="submit"]:hover {
    background-color: #FFC600;
    border-color: #FFC600;
}
#footer .address .textwidget {
    overflow: hidden;
}
#footer .address .textwidget p {
    float: left;
    width: 50%;
}
#footer .address .textwidget a {
    margin-top: 20px;
}
#footer .menu-legal-container li,
#footer .menu-legal-container a {
    display: inline;
}
#footer .menu-legal-container li:after {
    content: "|";
    margin: 0 5px;
}
#footer .menu-legal-container li:last-child:after {
    display: none;
}
#footer .social li {
    overflow: hidden;
    line-height: 36px;
    margin-bottom: 1em;
}
#footer .social span[class*="icon-"] {
    float: left;
    width: 40px;
    height: 36px;
    line-height: 28px;
    margin-right: 10px;
    padding: 6px 0 0 0;
    font-size: 24px;
    text-align: center;
    background: #53534C;
    color: #FFF;
    border-radius: 20px;
}
#footer .social span.icon-youtube {
    text-indent: 4px;
}
#footer .member li {
    float: left;
    width: 48%;
    margin-bottom: 1em;
}
#footer .member img {
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
}
#footer .member a:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
}
#footer .member li:nth-child(2n+1) {
    clear: left;
    margin-right: 2%;
}
#footer .member li:nth-child(2n+2) {
    margin-left: 2%;
}
#footer #wds-container {
    font-size: 100%;
    background: none;
    border: none;
    border-radius: 0;
}
#footer #wds-container a {
    display: inline;
}
#footer .wds-tweet-container {
    margin-bottom: 1em;
    padding: 0;
    border-bottom: none;
}
#footer .wds-tweet-container.wds-last {
    margin-bottom: 0;
}
#copyright {
    padding: .5em 0 .625em 0;
    font-size: 0.8888888889em;
    font-family: 'Roboto';
    color: #FFF;
    background: #53534C;
}
/* Image Lightbox */
#imagelightbox {
    position: fixed;
    z-index: 20;
    box-shadow: 0 0 20px RGBa(0, 0, 0, 0.25);
}
#imagelightbox-overlay {
    position: fixed;
    z-index: 12;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: RGBa(255, 255, 255, 0.9);
}
#imagelightbox-close {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.8);
    z-index: 13;
    color: #FFF;
    text-decoration: none;
    border-radius: 3px;
}
#imagelightbox-close:hover {
    background: #FFC600;
}
#imagelightbox-close span {
    display: none;
}
#imagelightbox-close:before,
#imagelightbox-close:after {
    display: block;
    position: absolute;
    top: 18px;
    left: 10px;
    content: " ";
    width: 20px;
    height: 2px;
    background: #FFF;
}
#imagelightbox-close:before {
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
}
#imagelightbox-close:after {
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    -moz-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform: translate3d(0, 0, 0) rotate(-45deg);
}
#imagelightbox-nav {
    position: fixed;
    z-index: 21;
    bottom: 20px;
    left: 50%;
    padding: 0 5px;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    border-radius: 3px;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
#imagelightbox-nav a {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 3px;
    background: #FFF;
    border-radius: 50%;
}
#imagelightbox-nav a.active {
    background: #FFC600;
}
#imagelightbox-loading {
    position: fixed;
    z-index: 23;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    background: url(images/loading.gif) no-repeat center #FFF;
    margin: -18px 0 0 -18px;
    border-radius: 3px;
    box-shadow: 0 0 10px RGBa(0, 0, 0, 0.25);
}

.claims-box {
    font-family: 'Roboto';
    color: #1e1e1b;
    width: 80%;
    background: white;
    height: 100px;
    text-align: center;
    padding: 20px 20px 15px 20px;
    left: 5%;
    position: relative;
    border-radius: 3px;
    border: 1px solid white;
    font-size: 22px;
    line-height: 1.2em;
    background: -moz-linear-gradient(top, #ffffff 20%, #d5e6f2 58%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 20%, #d5e6f2 58%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 20%, #d5e6f2 58%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e6f2', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    opacity: 0.89;
}

.claims-box:hover {
    color: #f3b229;
    border: 1px solid #f2de6e;
    background: -webkit-linear-gradient(top, #ffe363 0%, #e5a953 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffe363 0%, #e5a953 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5a953', endColorstr='#f1d371', GradientType=0);
    /* IE6-9 */
    background: -moz-linear-gradient(top, #ffe363 0%, #e5a953 100%);
    /* FF3.6-15 */
}
.claims-box a {
    color: #1e1e1b;
    text-decoration: none;
}

@media screen and (min-width: 600px) {
    .gc,
    .columns {
        float: left;
        margin-left: 1.9231%;
        margin-right: 1.9231%;
    }
    .main-col {
        float: left;
    }
    .side-col {
        float: right;
    }
    .gcr {
        float: right;
    }
    .gc:first-child,
    .gc .gc:first-child,
    .columns:first-child,
    .gc .columns:first-child {
        margin-left: 0;
    }
    .gc:last-child,
    .gc .gc:last-child,
    .columns:last-child,
    .gc .columns:last-child {
        margin-right: 0;
    }
    .gc.first,
    .gc .gc.first,
    .columns.first {
        margin-left: 0;
    }
    .gc.last,
    .gc .gc.last,
    .columns.last {
        margin-right: 0;
    }
    .gc1,
    .columns.two {
        width: 13.4535%;
    }
    .gc2,
    .columns.four,
    .side-col {
        width: 30.7532%;
    }
    .gc3,
    .columns.six {
        width: 48.0529%;
    }
    .gc4,
    .columns.eight,
    .main-col {
        width: 65.3526%;
    }
    .gc5,
    .columns.ten {
        width: 82.6522%;
    }
    .gc6,
    .columns.twelve {
        width: 100%;
    }
    .gc4 .gc,
    .gc4 .columns {
        margin-left: 2.9411764706%;
        margin-right: 2.9411764706%;
    }
    .gc4 .gc1,
    .gc4 .columns.one,
    .gc4 .columns.two,
    .gc4 .columns.three,
    .gc4 .columns.four {
        width: 20.588235294%;
    }
    .gc4 .gc2,
    .gc4 .columns.five,
    .gc4 .columns.six,
    .gc4 .columns.seven {
        width: 47.058823529%;
    }
    .gc4 .gc3,
    .gc4 .columns.eight,
    .gc4 .columns.nine,
    .gc4 .columns.ten,
    .gc4 .columns.eleven {
        width: 73.529411765%;
    }
    .gc4 .gc4,
    .gc4 .columns.four,
    .gc4 .columns.twelve {
        width: 100%;
    }
    .card-box.gc2:nth-child(3n+1) {
        clear: left;
        margin-left: 0;
    }
    .card-box.gc2:nth-child(3n) {
        margin-right: 0;
    }
    .logos li {
        width: 195px;
    }
    h1 {
        font-size: 2.2222222222em;
    }
    h1 span {
        line-height: 1.2;
    }
    #header {
        padding: 1.6666666667em 0 0.8333333333em 0;
    }
    #logo {
        float: left;
        width: 159px;
        margin: 0 0 1.1111111111em 0;
    }
    #searchform {
        float: right;
        width: 200px;
    }
    #subsc-eletter {
        position: absolute;
        bottom: -10px;
        right: 15px;
    }
    #subsc-eletter .label {
        display: none;
    }
    #subsc-eletter h3 {
        width: 36px;
        margin: 0;
    }

    #subsc-eletter input[type="text"] {
        border: 1px solid #ffffff !important;
    }
    border: 1px solid #c0e0f4;
    .card-wrap-50 .card-box {
        float: left;
        width: 48.0529%;
        margin-left: 1.9231%;
        margin-right: 1.9231%;
    }
    .card-wrap-50 .card-box:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }
    .card-wrap-50 .card-box:nth-child(2n) {
        margin-right: 0;
    }
    .card-wrap-50 .card-box:nth-child(2n+1):last-child {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (min-width: 500px) and (max-width: 799px) {

    .card-wrap-33 .card-box {
        float: left;
        width: 48.0529%;
        margin-left: 1.9231%;
        margin-right: 1.9231%;
    }
    .card-wrap-33 .card-box:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }
    .card-wrap-33 .card-box:nth-child(2n) {
        margin-right: 0;
    }
    .card-wrap-33 .card-box:nth-child(2n+1):last-child {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .frontpage-section.blog article {
        display: block;
        width: calc(100% - 3px);
    }
}




@media screen and (min-width: 600px) and (max-width: 799px) {
    .frontpage-section.claims .claims-box {
        font-family: 'Roboto Condensed';
        padding: 20px 17px !important;
        font-size: 20px !important;
        width: 80% !important;
        left: 5% !important;
        height: 100px !important;
        background: url('/wp-content/uploads/2019/08/technology_icon_lighting.png;'), rgba(0,93,172,0.1) !important;
        background-position: top left, top left;
        border: 1px solid #369bd0 !important;
        background-position-x: 100%, 100% !important;
        background-position-y: 90%, 100% !important;
        opacity: 0.8;
    }
    .claims-box span {
        padding: 0 !important;
        background-image: url('/wp-content/uploads/2019/10/plus_white.svg') !important;
        background-size: 20px auto !important;
    }
    .claims-box a {
        color: #ffffff !important;
    }

    .card-link {
     padding: 10px !important;
    }

    #main,
    .entry-content > .row > .columns.eight {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    #side,
    .entry-content > .row > .columns.four {
        margin: 0;
        width: 100%;
    }
    #side aside,
    #side a[href$=".jpg"],
    #side a[href$=".png"],
    #side a[href$=".gif"] {
        float: left;
        width: 48.0529%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #ffffff;
    }
    #side aside:nth-child(2n+1) {
        clear: left;
        margin-left: -2px;
        margin-right: 1.9231%;
    }
    #side aside:nth-child(2n+2) {
        margin-right: -2px;
        margin-left: 1.9231%;
    }
    #footer .gc {
        width: 48.0529%;
    }
    #footer .gc:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
        margin-right: 1.9231%;
    }
    #footer .gc:nth-child(2n+2) {
        margin-right: 0;
        margin-left: 1.9231%;
    }
    .frontpage-section.technologies div.technology-box  {
    width: 14%;
    margin-right: 5px !important;
    }
    /* technologien medium devices*/
    body.page-template-technologien #content #main > div {
    width: 100% !important;
    display: block;
    }
    body.page-template-technologien #content #main {
    margin-bottom: 7em !important;
    }
    .body.page-template-technologien #content .entry-header {
    margin-bottom: 0px !important;
    }
    #tech_hexagon {
    margin-bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    background-size: 100% 100% !important;
    text-align: center;
    padding: 10px 0;
    }
    #tech_hexagon .technology-box {
    position: relative !important;
    width: 15.5%;
    }
    #tech_hexagon div[id^=technology] {
    top: 0 !important;
    left: 0 !important;
    }
    #tech_list li[id^="description"] a {
    color: #333333 !important;
    }
    #tech_hexagon #technology-4  {
    display: none;
    }
    #tech_list li[id^="description"], #tech_list li.hover, #tech_list li[id^="description"]:hover, #tech_list li[id^="description"]:nth-child(6):hover {
    background-color: rgba(255,255,255, 0.95) !important;
    padding: 7px 22px 7px 7px !important;
    margin-top: 7px;
    border-radius: 3px;
    background-image: url('/wp-content/uploads/2019/08/arrow_to_right.svg') !important;
    background-repeat: no-repeat !important;
    background-position: 98% 50% !important;
    background-size: 10px auto !important;
    font-size: 0.9em;
    }

    #tech_list #description-1, #tech_list #description-2 {
    border-left: 10px solid #139cd8;
    }
    #tech_list #description-3 {
    border-left: 10px solid #00a6aa;
    }
    #tech_list #description-4 {
    display: none !important;
    }
    #tech_list #description-5 {
    border-left: 10px solid #7856ff;
    }
    #tech_list #description-6 {
    border-left: 10px solid #9cc326;
    }
    #tech_list #description-7 {
    border-left: 10px solid #4db2e6;
    }
    #tech_list #description-6 a br:nth-child(1) {
    display: none;
    }
    ul#tech_list, ol#tech_list
    {
    margin: 0 !important;
    }
    /* technologien medium device */

    /* kompetenzen medium device */
    #kompetenzen .accordion-row div.right {
     width: 50px !important;
    }
    #kompetenzen .accordion-row div.title {
    font-size: 1em !important;
    }
    /* kompetenzen medium device */
}


@media screen and (min-width: 800px) and (max-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) {
    .claims-box {
    padding: 10px 20px 10px 20px;
    font-size: 20px !important;
    }

    /* technologien Kindle Fire */
    .frontpage-section.technologies div.technology-box  {
    width: 14%;
    margin-right: 5px !important;
    }

    body.page-template-technologien #content #main > div {
    width: 100% !important;
    display: block;
    }
    body.page-template-technologien #content #main {
    margin-bottom: 7em !important;
    }
    .body.page-template-technologien #content .entry-header {
    margin-bottom: 0px !important;
    }
    #tech_hexagon {
    margin-bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    background-size: 100% 100% !important;
    text-align: center;
    padding: 10px 0;
    }
    #tech_hexagon .technology-box {
    position: relative !important;
    width: 15.5%;
    }
    #tech_hexagon div[id^=technology] {
    top: 0 !important;
    left: 0 !important;
    }
    #tech_list li[id^="description"] a {
    color: #333333 !important;
    }
    #tech_hexagon #technology-4  {
    display: none;
    }
    #tech_list li[id^="description"], #tech_list li.hover, #tech_list li[id^="description"]:hover, #tech_list li[id^="description"]:nth-child(6):hover {
    background-color: rgba(255,255,255, 0.95) !important;
    padding: 7px 22px 7px 7px !important;
    margin-top: 7px;
    border-radius: 3px;
    background-image: url('/wp-content/uploads/2019/08/arrow_to_right.svg') !important;
    background-repeat: no-repeat !important;
    background-position: 98% 50% !important;
    background-size: 10px auto !important;
    font-size: 0.9em;
    }

    #tech_list #description-1, #tech_list #description-2 {
    border-left: 10px solid #139cd8;
    }
    #tech_list #description-3 {
    border-left: 10px solid #00a6aa;
    }
    #tech_list #description-4 {
    display: none !important;
    }
    #tech_list #description-5 {
    border-left: 10px solid #7856ff;
    }
    #tech_list #description-6 {
    border-left: 10px solid #9cc326;
    }
    #tech_list #description-7 {
    border-left: 10px solid #4db2e6;
    }
    #tech_list #description-6 a:nth-child(1) {
    padding-bottom: 0.5em;
    }

    ul#tech_list, ol#tech_list
    {
    margin: 0 !important;
    }
    /* technologien Kindle Fire */
}


@media screen and (min-width: 800px)  {
    #access {
        clear: right;
        float: right;
        margin-right: 5px;
    }
    #subsc-eletter {
        bottom: 0;
    }
    #home-intro img {
        margin-top: -4em;
    }
    .card-wrap-33 .card-box {
        float: left;
        width: 30.7532%;
        margin-left: 1.9231%;
        margin-right: 1.9231%;
    }
    .card-wrap-33 .card-box:nth-child(3n+1) {
        clear: left;
        margin-left: 0;
    }
    .card-wrap-33 .card-box:nth-child(3n) {
        margin-right: 0;
    }
    body.page-id-26 .card-wrap-33 .card-box {
        width: 20%;
    }
    body.page-id-26 .card-wrap-33 .card-box:nth-child(3n+1) {
        clear: none;
        margin-left: 1.9231%;
    }
    body.page-id-26 .card-wrap-33 .card-box:nth-child(3n) {
        margin-right: 1.9231%;
    }
    body.page-id-26 .card-wrap-33 .card-box:nth-child(4n+1) {
        clear: left;
        margin-left: 0;
    }
    body.page-id-26 .card-wrap-33 .card-box:nth-child(4n) {
        margin-right: 0;
    }
}


@media screen and (max-width: 599px) {



    #content {
        padding-top: 0.5555555556em;
    }
    .home #content {
        padding-top: 0;
    }
    #breadcrumbs {
        margin-top: -0.625em;
        margin-bottom: 0.625em;
    }
    .frontpage-section.intro {
        padding: 1.1111111111em 0 0 0;
    }
    .home .frontpage-intro .frontpage-section {
    padding-bottom: 2em !important;
    }
    .intro-section {
        margin-top: 1.1111111111em;
    }
    .entry-header {
        margin-bottom: 0.5555555556em;
    }
    .hide-mobile {
    display: none;
    }
    .function-overview {
        font-size: 0.8333333333em;
    }
    .nav-sub li {
        float: none;
        display: inline-block;
    }
    .nav-sub {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .nav-sub .wrap {
        padding: 0;
    }
    .alignleft {
        float: none;
        margin-right: 0;
    }
    .alignright {
        float: none;
        margin-left: 0;
    }
    #mobile-menu {
        position: fixed;
        z-index: 98;
        top: 0;
        right: 0;
        width: 280px;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding: 70px 15px 15px 15px;
        background: #FFF;
        box-shadow: -1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 500px rgba(0, 0, 0, 0);
        box-sizing: border-box;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        -moz-transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    }
    .mobile-menu-open #mobile-menu {
        box-shadow: -1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 500px rgba(0, 0, 0, 0.5);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    #mobile-menu #searchform,
    #mobile-menu #access,
    #mobile-menu #subsc-eletter {
        display: block;
    }
    #access {
        margin-bottom: 1.1111111111em;
    }
    #access li {
        float: none;
        margin: 0 0 0.25em 0;
    }
    #toggle-mobile-menu {
        position: absolute;
        z-index: 99;
        top: 18px;
        right: 15px;
        padding: 8px 15px 6px 15px;
        line-height: 1;
        background: #53534C;
        color: #FFF;
        border: none;
        cursor: pointer;
    }
    #toggle-mobile-menu .lines {
        float: right;
        margin: -2px 0 0 8px;
    }
    #toggle-mobile-menu .line {
        display: block;
        width: 18px;
        height: 2px;
        margin: 4px 0;
        background: #FFF;
        -webkit-transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        -moz-transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    }
    .mobile-menu-open #toggle-mobile-menu .line.first {
        -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
        -moz-transform: translate3d(0, 6px, 0) rotate(45deg);
        transform: translate3d(0, 6px, 0) rotate(45deg);
    }
    .mobile-menu-open #toggle-mobile-menu .line.second {
        -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
        -moz-transform: translate3d(0, 0, 0) rotate(-45deg);
        transform: translate3d(0, 0, 0) rotate(-45deg);
    }
    .mobile-menu-open #toggle-mobile-menu .line.third {
        opacity: 0;
    }
    .mobile-menu-open #toggle-mobile-menu {
        position: fixed;
        right: 0;
        background: #FFF;
        color: #53534C;
    }
    .mobile-menu-open #toggle-mobile-menu .line {
        background: #53534C;
    }
    #subsc-eletter h3:after {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    #subsc-eletter h3:after {
        border-color: rgba(200, 9, 102, 0);
        border-top-color: #C80966;
        border-width: 6px;
        left: 50%;
        margin-left: -6px;
    }
    #subsc-eletter h3 span:before {
        color: #FFF;
    }
    .frontpage-section.blog article {
        display: block !important;
        width: calc(100% - 3px) !important;
    }
    .home div.technology-box img {
        width: 80px;
    }
    .page-template-technologien h1 {
        text-align: left;
        padding: 15px 0 0 0;
    }

    h2.frontpage-title, .page-template-technologien h1, body.page-id-9 h1 {
        text-align: center;
        font-size: 27px !important;
    }
    .home #content {
        padding: 0;
    }
    .frontpage-intro {
         margin-bottom: 1.1111111111em;
    }
    h4.frontpage-subtitle {
        font-size: 18px !important;
        padding: 0 15px 15px 15px;
        line-height: 1.2em;
    }
    .frontpage-section {
        padding-bottom: 2.2222222222em !important;
    }
    .frontpage-section.claims {
        padding-top: 0em !important;
    }
    .card-box {
        height: 100% !important;
        width: calc(100% - 3px);
    }
    .parent-pageid-7 #post-24 .entry-content .meilenstein .ereignis {
        padding: 7px;
    }
    .parent-pageid-7 #post-24 .entry-content div.meilenstein {
        height: auto;
    }
    .parent-pageid-7 #post-24 .entry-content {
        background-position: 40px 0;
    }
    body #content {
        background-position: 40% 100% !important;
    }
    .icon-eletter-icon::before {
    width: 10% !important;
    background-position: 100% 60% !important;
    }
    /* kompetenzen small devices*/
    #kompetenzen .accordion-row div.title  {
        font-size: 100% !important;
        height: auto !important;
        padding: 10px 50px 10px 10px !important;
        background-image: url('') !important;
    }
    #kompetenzen .accordion-row div.right {
     width: 45px !important;
    }

    #kompetenzen .accordion-row div.content {
        padding: 10px !important;
    }
    #kompetenzen .accordion-row img  {
        display: none !important;
    }
    /* kompetenzen small devices*/

    /* technologien small devices*/
    body.page-template-technologien #content #main > div {
    width: 100% !important;
    display: block;
    }
    body.page-template-technologien #content #main {
    margin-bottom: 7em !important;
    }
    .body.page-template-technologien #content .entry-header {
    margin-bottom: 0px !important;
    }
    #tech_hexagon {
    margin-bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    background-size: 100% 100% !important;
    text-align: center;
    padding: 10px 0;
    }
    #tech_hexagon .technology-box {
    position: relative !important;
    width: 15.5%;
    }
    #tech_hexagon div[id^=technology] {
    top: 0 !important;
    left: 0 !important;
    }
    #tech_list li[id^="description"] a {
    color: #333333 !important;
    }
    #tech_hexagon #technology-4  {
    display: none;
    }

    #tech_list li[id^="description"], #tech_list li.hover, #tech_list li[id^="description"]:hover, #tech_list li[id^="description"]:nth-child(6):hover {
    background-color: rgba(255,255,255, 0.95) !important;
    padding: 7px 22px 7px 7px !important;
    margin-top: 7px;
    border-radius: 3px;
    background-image: url('/wp-content/uploads/2019/08/arrow_to_right.svg') !important;
    background-repeat: no-repeat !important;
    background-position: 98% 50% !important;
    background-size: 10px auto !important;
    font-size: 0.9em;
    }

    #tech_list #description-1, #tech_list #description-2 {
    border-left: 10px solid #139cd8;
    }
    #tech_list #description-3 {
    border-left: 10px solid #00a6aa;
    }
    #tech_list #description-4 {
    display: none !important;
    }
    #tech_list #description-5 {
    border-left: 10px solid #7856ff;
    }
    #tech_list #description-6 {
    border-left: 10px solid #9cc326;
    }
    #tech_list #description-7 {
    border-left: 10px solid #4db2e6;
    }
    #tech_list #description-6 a br:nth-child(1) {
    display: none;
    }
    #tech_list #description-6 a br:nth-child(2) {
    margin-bottom: 0.5em;
    }
    ul#tech_list, ol#tech_list
    {
    margin: 0 !important;
    }
    /* technologien small device */
}

/*iPhoneX 8 */
@media only screen and (max-width : 375px)
    and (max-height : 667px)
    and (-webkit-device-pixel-ratio : 2) {
    .claims-box {
        font-family: 'Roboto Condensed';
        font-size: 15px !important;
        padding: 7px 7px !important;
        width: 89% !important;
        left: 0% !important;
        height: 90px !important;
    }
    .frontpage-section.claims {
  
    padding-top: 1.8em; }      
        
}
/*iPhoneX 8 */


/*iPhoneX XS*/
@media only screen and (device-width : 414px)
    and (device-height : 896px)
    and (-webkit-device-pixel-ratio : 3)  {
    .claims-box {
        font-family: 'Roboto Condensed';
        padding: 7px 7px !important;
        width: 89% !important;
        left: 0% !important;
        height: 105px !important;
    }
    .card-link {
     padding: 10px !important;
    }
    .frontpage-section.claims {
    
    padding-top: 1.8em; }        
}
/*iPhoneX XS*/


#grid-help {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
#grid-help .gc {
    height: 2000px;
    background: RGBa(255, 0, 0, 0.2);
}
#cookie-law-info-bar {
    border-top: 2px solid #FFC600 !important;
}
#cookie-law-info-bar span {
    font-family: 'Roboto';
    font-size: 16px;
    color: #53534C;
}
#cookie-law-info-bar a,
#cookie-law-info-bar a:visited {
    color: #53534C;
    text-decoration: none;
}
#cookie-law-info-bar a:active,
#cookie-law-info-bar a:hover {
    color: #FFC600;
    text-decoration: none;
}
.frontpage-section.technologies > div {
    text-align: center;
}
.frontpage-section.technologies div.technology-box {
    display: inline-block;
    -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.7));
    margin-right: 5px;
}
.frontpage-section.technologies div.technology-box:nth-child(4) {
    display: none;
}
#tech_hexagon {
    background-image: url('/wp-content/uploads/2019/08/technology_icon_lighting.png;');
    background-size: 490px 490px;
    background-repeat: no-repeat;
    background-position: top left;
    width: 490px;
    height: 490px;
    position: relative;
    margin-bottom: 255px;
}
#tech_hexagon .technology-box {
    position: absolute;
    display: inline-block;
}
#tech_hexagon .technology-box img.inactive {
    display: block;
}
#tech_hexagon .technology-box img.active {
    display: none;
}
#tech_hexagon .technology-logo img {
    -webkit-filter: drop-shadow(3px 6px 10px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(3px 6px 10px rgba(0, 0, 0, 0.5));
}
#technology-4 .technology-logo img {
    -webkit-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
}
#tech_hexagon .technology-box:hover img.inactive,
#tech_hexagon .technology-box:active img.inactive,
#tech_hexagon .technology-box.hover img.inactive {
    display: none;
}
#tech_hexagon .technology-box:hover img.active,
#tech_hexagon .technology-box:active img.active,
#tech_hexagon .technology-box.hover img.active {
    display: block;
}
#tech_hexagon #technology-1:hover ~ #description-1 {}
#main div:nth-child(3) #tech_list #description-1:hover ~ #main div:nth-child(2) {}
#tech_hexagon #technology-1 {
    top: calc(25% - 88.375px - 20px);
    left: calc(50% - 160px);
}
#tech_hexagon #technology-2 {
    top: calc(25% - 88.375px - 20px);
    right: calc(50% - 160px);
}
#tech_hexagon #technology-3 {
    top: calc(50% - 88.375px);
    right: 0px;
}
#tech_hexagon #technology-4 {
    top: calc(50% - 88.375px);
    right: calc(50% - 75px);
}
#tech_hexagon #technology-5 {
    bottom: calc(25% - 108.375px);
    left: calc(50% - 160px);
}
#tech_hexagon #technology-6 {
    top: calc(50% - 88.375px);
    left: 0px;
}
#tech_hexagon #technology-7 {
    bottom: calc(25% - 108.375px);
    right: calc(50% - 160px);
}
#tech_list li {
    list-style: none;
    padding: 16px 0px;
    color: #ffffff;
}
#tech_list li.hover, #tech_list [id^="description"]:hover {
    background: url('/wp-content/uploads/2019/08/technology_text_lighting.png');
    background-size: calc(100% - 0px) calc(100% - 0px);
    background-repeat: no-repeat;
    background-position: top center;
}

body #content {
    background: url('/wp-content/uploads/2019/08/gitter_bottom.png') no-repeat, linear-gradient(to top, #e2ecf3, #f6f8f8);
    background-size: calc(100% - 0px);
    background-position: bottom center;
}
/* technologien */
body.page-template-technologien #content {
    background: url('/wp-content/uploads/2019/08/background_technology_with_gitter_and_vawe.jpg');
    background-size: cover;
    padding-bottom: 0em;
    margin-bottom: 0em;
    background-repeat: no-repeat;
    background-position: 55% 100% !important;
}
body.page-template-technologien h1 {
    width: 100%;
    text-align: center;
    font-size: 42px;
}
body.page-template-technologien #content h1 span, body.page-template-technologien #content a {
    color: white;
    text-decoration: none;
    display:block;
}
/* kompetenzen */
body.page-id-9 #content {
    background: url('/wp-content/uploads/2019/08/background_technology_with_gitter_and_vawe.jpg');
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 0em;
    margin-bottom: 0em;
    background-repeat: no-repeat;
    background-position: 55% 100% !important;
}
body.page-id-9 h1 {
    width: 100%;
    text-align: center;
    font-size: 42px;
}
body.page-id-9 #content h1 span, body.page-id-9 #content a {
    color: white;
    text-decoration: none;
    display:block;
}

#kompetenzen  {
  margin-bottom: 10em;
  box-shadow: 1px 15px 30px rgba(48, 62, 84, 0.2);
}


#kompetenzen .accordion-row {
    background: white;
    background: -moz-linear-gradient(top, #ffffff 0%, #eff4f8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eff4f8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #eff4f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff4f8', endColorstr='#ffffff', GradientType=0);
    border-bottom: 1px solid #e6eef4;
}

#kompetenzen .accordion-row div.title {
    height: 70px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#kompetenzen .accordion-row:nth-child(1) div.title {
    background: url('https://www.mayoris.com/wp-content/uploads/2019/10/marketing_beratung_bw.svg');
    background-repeat: no-repeat;
    background-position-x: 7px;
}
#kompetenzen .accordion-row:nth-child(2) div.title {
    background: url('https://www.mayoris.com/wp-content/uploads/2019/10/adressanalyse_blau_bw.svg');
    background-repeat: no-repeat;
    background-position-x: 7px;
}
#kompetenzen .accordion-row:nth-child(3) div.title {
    background: url('https://www.mayoris.com/wp-content/uploads/2019/10/kundendatenanalyse_blau_bw.svg');
    background-repeat: no-repeat;
    background-position-x: 7px;
}
#kompetenzen .accordion-row:nth-child(4) div.title {
    background: url('https://www.mayoris.com/wp-content/uploads/2019/10/technologieberatung_blau_bw.svg');
    background-repeat: no-repeat;
    background-position-x: 7px;
}
#kompetenzen .accordion-row:nth-child(5) div.title {
    background: url('https://www.mayoris.com/wp-content/uploads/2019/10/marketingautomation_blau_bw.svg');
    background-repeat: no-repeat;
    background-position-x: 7px;
}
#kompetenzen .accordion-row:nth-child(6) div.title {
    background: url('https://www.mayoris.com/wp-content/uploads/2019/10/interactive_emails_blau_bw.svg');
    background-repeat: no-repeat;
    background-position-x: 7px;

}
#kompetenzen .accordion-row:nth-child(7) div.title {
    background: url('https://www.mayoris.com/wp-content/uploads/2019/10/outsourcing_blau_bw.svg');
    background-repeat: no-repeat;
    background-position-x: 7px;
}

#kompetenzen .accordion-row div.title {
    padding: 0 70px 0 100px;
}

#kompetenzen .description a:before {
    background-image: url('/wp-content/uploads/2019/08/arrow_to_right.svg');
    background-size: 7px 12px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 12px;
    content:"";
}

#kompetenzen .accordion-row div.content {
    padding: 20px 10px 20px 230px;
    position: relative;
    display: none;
}

#kompetenzen .accordion-row.active div.content {
    display: block;
}

#kompetenzen .accordion-row img {
    position: absolute;
    left: 45px;
    top: 25px;
}

#kompetenzen a {
    color: #53534C !important;
    text-decoration: none !important;
}


#kompetenzen .accordion-row.active div.right:nth-child(1) {
    background: rgba(223, 232, 241, 0.4);
    background-image: url('/wp-content/uploads/2019/09/arrow_to_top.svg');
    background-size: 30% 100%;
    background-repeat: no-repeat;
    background-position: top center;
}

#kompetenzen .accordion-row div.right {
    position: absolute;
    width:70px;
    display: block;
    height:100%;
    background: rgba(223, 232, 241, 0.4);
    right: 0px;
    top: 0px;
}

#kompetenzen .accordion-row div.right:nth-child(1) {
    background-image: url('/wp-content/uploads/2019/09/arrow_to_bottom.svg');
    background-size: 30% 100%;
    background-repeat: no-repeat;
    background-position: top center;

}


#kompetenzen .accordion-row.active div.title
{
  background: #f3b229;
  color: #ffffff;
}

.frontpage-intro {
    background: url('/wp-content/uploads/2019/10/background_technology_new_gitter_and_vawe_small.jpg');
    background-size: cover;
    background-repeat: no-repeat, no-repeat;
    padding-top: 1em;
    background-position: bottom center;
    position: relative;
    margin-bottom: 1em;
}

.frontpage-intro h2 {
    color: #ffffff;
}
.frontpage-section.blog article {
    display: inline-block;
    width: calc(50% - 33px);
    vertical-align: top;
    padding-right: 30px;
}
.frontpage-section.blog article div.entry-summary {
    border-bottom: none !important;
}

.home .category-blog:last-of-type .entry-summary {
    padding-bottom: 0 !important;
}


div.entry-content p.show-summary {
    display: none;
}

.home div.entry-summary p.show-summary {
    display: inline-block !important;
}

.frontpage-intro {
  min-height: 560px;
}
.frontpage-section.claims {
    padding-top: 1.8em;
}
.frontpage-intro .claims li {
    text-align: center;
    position: relative;
}

.slick-next {
    right: -75px;
    top: 40%;
    transform: none;
}
.slick-prev {
    left: -75px;
    top: 33%;
    transform: none;
}
.slick-prev,
.slick-next {
    width: 40px;
    height: 40px;
    box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0px inset;
}
.frontpage-section.claims .slick-next::before {
    content: url(/wp-content/uploads/2019/10/arrow_to_right_claim_blue.svg);
}
.slick-next::before {
    content: url(/wp-content/uploads/2019/10/arrow_to_right_claim.svg);
}
.frontpage-section.claims .slick-prev::before {
    content: url(/wp-content/uploads/2019/10/arrow_to_left_claim_blue.svg);
}
.slick-prev::before {
    content: url(/wp-content/uploads/2019/10/arrow_to_left_claim.svg);
}
.logos img {
    border: none;
}

.icon-eletter-icon::before,
#footer .newsletter h3::before {
    background-image: url('/wp-content/uploads/2019/08/header_mail.svg');
    background-repeat: no-repeat;
    content: '\00A0';
    background-size: auto;
    background-position: 100% 100%;
    color: white !important;
}
.newsletter h3::before,
#footer .newsletter h3::before {
    width: 7%;
    background-position: 0% 100%;
}
#footer .widget-title {
    border: 1px solid white !important;
}

.icon-eletter-icon::before {
    width: 85%;
}
#subsc-eletter h3 span::before {
    color: #ffffff;
}

#mobile-menu #subsc-eletter {
  display: none;
}

body.desktop .menu-hauptnavigation-container ul.sub-menu {
  display: none;
}

body.mobile .menu-hauptnavigation-container nav.nav-sub {
  display: none;
}

body.mobile .menu-hauptnavigation-container ul.sub-menu {
  margin-left: 15px;
  margin-top: 5px;
}

body.mobile .menu-hauptnavigation-container ul.sub-menu li {
  font-size: 16px;
  display: none;
}

body.mobile .menu-hauptnavigation-container li.active ul.sub-menu li {
  display: list-item;
}

.x-close {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    transition: transform .25s ease-in-out;
}

.x-close h2 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 30px !important;
}

.x-close:hover {
    transform: rotate(180deg);
}
.x-close:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    height: 0;
    border-top: 1px solid rgba(255,255,255,0.9);
    transform: rotate(45deg);
    transform-origin: center;
}
.x-close:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    height: 0;
    border-top: 1px solid rgba(255,255,255,0.9);
    transform: rotate(-45deg);
    transform-origin: center;
}

.mayoris_case_studies-template-default hr {
    height: 0 !important;
    background: none  !important;
}
    /* 30px */
}
/* Font-Family Definitions */
h1,
#footer h3 {
    font-family: 'Roboto';
    font-weight: 500;
}
h2,
#side h4,
.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description,
.gform_wrapper .instruction,
.service-link strong {
    font-family: 'Roboto';
}
h3,.medien-wrap h2,.breadcrumbs-wrap h2,strong,th,.button,.read-more,.toggle,.nav-sub .active,
.single-post:not(.blog) .nav-sub .menu-item-188 a,
.single-post.blog .nav-sub a[href*="blog"],
.gform_wrapper .left_label .gfield_label,
.gform_wrapper div.validation_error {
    font-family: 'Roboto';
}
.helper-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin: -1px;
    padding: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
}
h1,h2,h3 {
    line-height: 1.2em;
}
h1 {
    font-size: 1.5555555556em;
    color: #FFF;
    line-height: 1;
    font-weight: 300;
}

h2:empty {
    display: none;
}
.columns h2:first-child {
    margin-top: 0;
}
h3,
.medien-wrap h2,
.breadcrumbs-wrap h2 {
    margin: 0 0 0.4545454545em 0;
    font-size: 1.2222222222em;
    font-weight: 500;
}
strong {
    font-weight: 500;
}
p {
    max-width: 680px;
    margin: 0 0 1em 0;
}
p:last-child {
    margin-bottom: 0;
}
ul,
ol {
    margin: 0 0 1em 1em;
}
a {
    color: #0069A6;
    -webkit-transition: color 0.1s linear, background-color 0.1s linear, opacity 0.1s linear;
    -moz-transition: color 0.1s linear, background-color 0.1s linear, opacity 0.1s linear;
    transition: color 0.1s linear, background-color 0.1s linear, opacity 0.1s linear;
}
a img,
a:before {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
a:hover {
    color: #53534C;
    text-decoration: none;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
iframe,
.fb_iframe_widget span {
    max-width: 100%;
}
.fb_iframe_widget,
.fb_iframe_widget span {
    display: block !important;
}
hr {
    clear: both;
    position: relative;
    display: block;
    height: 1px;
    margin: 3em 0 3em 0;
    background: #c0e0f4;
    border: none;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="number"],
textarea {
    width: 100%;
    padding: 7px 10px;
    background: #f6f8f8;
    border: 1px solid #c0e0f4;
    border-radius: 2px;
    appearance: none;
    outline: none;
}

/* WP Styles */
.entry-title a {
    text-decoration: none;
}

.alignright {
    float: right;
    margin: 0 0 1.5em 2em;
}
.alignleft {
    float: left;
    margin: 0 2em 1.5em 0;
}
.main-col {
    margin-bottom: 2em;
}
/* Social Sharing */
#main .mr_social_sharing_wrapper {
    margin: 0 0 1em 0;
}
#main .mr_social_sharing_wrapper:last-of-type {
    margin: 2.5em 0 0 0;
    padding-top: 1em;
    border-top: 1px solid #c0e0f4;
}
#main .mr_social_sharing_wrapper #___plusone_0 {
    width: 70px !important;
}
#main .mr_social_sharing_wrapper .IN-widget {
    position: relative;
    top: 2px;
    margin-right: 10px;
}
/* Gravity Forms */
.gform_wrapper ul.right_label li,
.gform_wrapper form ul.right_label li,
.gform_wrapper ul.left_label li,
.gform_wrapper form ul.left_label li {
    margin-bottom: 1.25em;
}
.gform_wrapper .left_label .gfield_label {
    font-weight: 300;
    font-size: 100%;
}
.gform_wrapper .ginput_complex label,
.gform_wrapper .gfield_time_hour label,
.gform_wrapper .gfield_time_minute label,
.gform_wrapper .gfield_date_month label,
.gform_wrapper .gfield_date_day label,
.gform_wrapper .gfield_date_year label,
.gform_wrapper .instruction {
    letter-spacing: 0;
    font-size: 100%;
}
.gform_wrapper .ginput_left input:focus + label,
.gform_wrapper .ginput_right input:focus + label,
.gform_wrapper .ginput_full input:focus + label {
    font-weight: 500;
}
.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password] {
    padding: 5px 8px;
    font-size: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    padding: 0 !important;
    background-color: #f6f8f8;
    border-top-color: #CCC;
    border-bottom-color: #CCC;
}
.gform_wrapper div.validation_error {
    font-weight: 500;
    font-size: 100%;
}
.gform_wrapper div.validation_error,
.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper .validation_message {
    color: #C00;
}
.gform_wrapper li.gfield_error input[type=text],
.gform_wrapper li.gfield_error input[type=url],
.gform_wrapper li.gfield_error input[type=email],
.gform_wrapper li.gfield_error input[type=tel],
.gform_wrapper li.gfield_error input[type=number],
.gform_wrapper li.gfield_error input[type=password],
.gform_wrapper li.gfield_error textarea {
    border-color: #C00;
}
.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description,
.gform_wrapper .instruction {
    font-weight: 500;
}
#content .gform_wrapper div.validation_error,
#content .gform_wrapper .gfield_error .gfield_label,
#content .gform_wrapper .validation_message {
    color: #C62242;
}
#content .gform_wrapper div.validation_error {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
#content .gform_wrapper li.gfield.gfield_error,
#content .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    color: #C62242;
    background-color: #f6f8f8;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
#content .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#content .gform_wrapper li.gfield_error textarea {
    border: 1px solid #C62242;
}
#content .gform_wrapper .gfield_error .gfield_label {
    padding-left: 10px;
}
#content .gform_wrapper .field_description_below .gfield_description.validation_message {
    padding-top: 0;
    padding-bottom: 5px;
}
/* Logos/team */
.logos,
.team {
    text-align: center;
}
.logos ul,
.team ul {
    max-width: 1180px;
    margin: 0 auto;
}
.logos li {
    display: inline-block;
    vertical-align: top;
    width: 110px;
    margin: 0 -4px 1.1111111111em 0;
}
.team li {
    width: 160px;
}
.logos a,
.logos figure,
.team a,
.team figure {
    display: block;
    padding: 0 0.6666666667em;
}
.logos img,
.team img {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #c0e0f4;
}
/* Breadcrumbs */
.page .category-breadcrumbs {
    border-bottom: 1px solid #c0e0f4;
}
.page .category-breadcrumbs:first-child {
    margin-top: 2em;
}
.page .category-breadcrumbs:last-child {
    border-bottom: none;
}
.page .category-breadcrumbs header {
    margin: 0;
    padding: 1em 0;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.page .category-breadcrumbs header:hover {
    padding-left: 10px;
    background: #f6f8f8;
}
.page .category-breadcrumbs .entry-title {
    margin-bottom: 0;
    padding-left: 25px;
}
.page .category-breadcrumbs .entry-title:before {
    float: left;
    margin: 3px 0 0 -25px;
    color: #AAA;
    font-size: 20px;
    content: "\e00f";
}
.page .category-breadcrumbs.open .entry-title:before {
    content: "\e904";
}
.page #content .category-breadcrumbs .entry-content {
    padding: .5em 0 1.5em 25px;
}
/* Comments */
#comments {
    display: none;
}
.blog-comments #comments {
    display: block;
}
#allowed_tags {
    display: none;
}
#commentform textarea {
    height: 150px;
}
#main .comment:target:before,
#main #respond:target:before {
    display: none;
}
.commentlist,
.commentlist .children {
    margin: 0;
    padding: 0;
    list-style: none;
}
.commentlist .children {
    margin-left: 25px;
}
.commentlist .comment {
    margin-bottom: 1em;
}
.comment-author img {
    display: none;
}
/* Blog Styles */
.blog-post {
    overflow: hidden;
}
.blog-posts .wp-post-image {
    float: left;
    width: 20.134228188%;
    margin: 4px 1em 1em 0;
}

.home .wp-post-image {
    display: none;
}
/* Post Nav */
.nav-single a {
    display: block;
    position: relative;
    padding: 10px 0;
}
.nav-single .nav-previous a:before,
.nav-single .nav-next a:before {
    margin-top: 4px;
}
.nav-single .nav-previous,
.nav-single .nav-previous a:before {
    float: left;
}
.nav-single .nav-next,
.nav-single .nav-next a:before {
    float: right;
}
/* Pagination */
.required-pagination ul {
    margin: 2em 0 0 0;
    padding: 0;
    list-style: none;
}
.page-numbers li {
    float: left;
    margin: 0 -1px 0 0;
    border: 1px solid #c0e0f4;
}
.page-numbers a,
.page-numbers .current,
.page-numbers .dots {
    display: block;
    text-decoration: none;
    padding: 4px 15px 6px 15px;
}
.page-numbers a:hover {
    background: url(images/design/nav-main-noise.png) #f6f8f8;
}
.page-numbers .current {
    position: relative;
    margin: -1px;
    padding: 5px 16px 7px 16px;
    background: #FFC600;
    color: #FFF;
}
.page-numbers .dots {
    background: #FFF;
    margin-top: -1px;
    margin-bottom: -1px;
}
/* Footnotes */
#main :target {
    position: relative;
}
#main :target:before {
    display: block;
    position: absolute;
    left: -25px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-top: 4px;
    background: #FFC600;
    color: #FFF;
    border-radius: 2px;
}
/* Cards */
.casestudy h1 + h2 {
    margin: 0 0 30px 10px;
    color: #FFF;
}
h2.title-bg {
    color: #FFF;
    font-size: 1em;
    margin: 0 0 0 10px;
}
.casestudy h1 + h2 span,
h2.title-bg span {
    font-weight: 400;
    background: #666;
    line-height: 2;
    padding: 10px 0;
    box-shadow: -10px 0px 0 #666, 10px 0 0 #666;
}
.casestudy .side-box.featured h2,
.casestudy .card-box.featured h2 {
    background-color: #FFC600;
    border-color: #FFC600;
}
.casestudy .side-box.featured ul,
.casestudy .card-box.featured ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.more-case-studies .card-box:nth-child(4) {
    display: none;
}

.side-box.featured ul li,
.card-box.featured ul li,
ul.checklist li,
.solution-checklist li {
    padding-left: 40px;
    margin: 10px 0;
    line-height: 1.3888888889;
    margin: 10px 0;
}
.side-box.featured ul li:before,
.card-box.featured ul li:before,
ul.checklist li:before,
.solution-checklist li:before {
    content: "\e901";
    float: left;
    margin: 1px 0 0 -40px;
    font-size: 22px;
    color: #FFC600;
}
.card-box .solution-logo {
    width: 144px;
    max-width: 100%;
}
.card-box .solution-checklist {
    margin: -20px;
    padding: 20px;
}
.card-box .solution-logo + .solution-checklist {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #CCC;
}
.simple-list {
    line-height: 1.3333333333;
    margin: 0;
    padding: 0;
    list-style: none;
}
.simple-list li {
    position: relative;
    margin-bottom: 0.5555555556em;
    padding-left: 20px;
}
.simple-list li:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 12px;
    width: 8px;
    height: 2px;
    background: #CCC;
}
.card-box.toggle-contents {
    padding-bottom: 0;
}
.card-box.toggle-contents h2 {
    cursor: pointer;
    margin-bottom: -1px;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}
.card-box.toggle-contents h2:before {
    float: left;
    width: 24px;
    height: 24px;
    margin: 4px 6px 0 -33px;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 50%;
    content: "\e903";
}
.card-box.toggle-contents.open {
    padding-bottom: 20px;
}
.card-box.toggle-contents.open h2 {
    margin-bottom: 20px;
}
.card-box.toggle-contents.open h2:before {
    line-height: 22px;
    content: "\e904";
}
.card-box .powered-by {
    position: relative;
}
.card-wrap-33 .solution-powered-by-logo {
    display: table;
    width: 100%;
}
.card-wrap-33 .solution-powered-by-logo .logo-wrap {
    display: table-cell;
    height: 80px;
    vertical-align: middle;
}
.powered-by h3 {
    margin: 0 -20px 30px -20px;
    padding: 0 20px 10px 60px;
    font-size: 1em;
    border-bottom: 1px solid #CCC;
}
.card-box .icon-arrow-powered-by {
    position: absolute;
    left: 0;
    z-index: 9;
    font-size: 2.7777777778em;
    background: #FFF;
}
.solution-powered-by-logo img {
    margin: auto;
}
.single .powered-by h3 {
    padding: 0 60px 10px 20px;
    text-align: right;
}
.single .card-box .icon-arrow-powered-by {
    left: auto;
    right: 0;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
}
.card-box.campaignmonitor h2,
.card-box.artegic h2,
.card-box.selligent h2,
.card-box.salesforce h2,
.card-box.apteco h2 {
    margin: -21px -21px 20px -21px;
    border-bottom: none;
}
.campaignmonitor .solution-checklist li:before,
.campaignmonitor .icon-arrow-powered-by {
    color: #2a2941;
}
.card-box.campaignmonitor h2 {
    color: #FFF;
    background: #2a2941;
    border-color: #2a2941;
}
.artegic .solution-checklist li:before,
.artegic .icon-arrow-powered-by {
    color: #9AC63E;
}
.card-box.artegic h2 {
    color: #FFF;
    background: #9AC63E;
    border-color: #9AC63E;
}
.selligent .solution-checklist li:before,
.selligent .icon-arrow-powered-by {
    color: #4db2e6;
}
.card-box.selligent h2 {
    color: #FFF;
    background: #4db2e6;
    border-color: #4db2e6;
}
.salesforce .solution-checklist li:before,
.salesforce .icon-arrow-powered-by {
    color: #00A1E0;
}
.card-box.salesforce h2 {
    color: #FFF;
    background: #00A1E0;
    border-color: #00A1E0;
}
.apteco .solution-checklist li:before,
.apteco .icon-arrow-powered-by {
    color: #52BCBB;
}
.card-box.apteco h2 {
    color: #FFF;
    background: #52BCBB;
    border-color: #52BCBB;
}

@media screen and (min-width: 600px) {
    .frontpage-section.intro {
        margin-top: -1.6666666667em;
    }
    .frontpage-section.team .person-portrait {
        width: 160px;
    }
}
.frontpage-section.intro:after {
    display: none;
}
.frontpage-section.intro h1 {
    text-align: center;
}
.intro-section {
    min-height: 400px;
    margin: 2.2222222222em 0 0 0;
    padding: 2.2222222222em 0;
    background: rgba(0, 0, 0, 0.35);
}
.intro-section h2 {
    color: #FFF;
    margin-bottom: 1.4285714286em;
}
.intro-section .card-link {
    border: none;
}
.intro-box-icon {
    width: 80px;
}
#kompetenzen .intro-box-icon {
width: 140px;
-webkit-filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.1));
filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.1));
}
/* Gallery */
.gallery {
    background: #f6f8f8;
}
.gallery .gallery-item {
    margin-top: 0 !important;
    padding: 10px;
    box-sizing: border-box;
}
.gallery img {
    border: none;
}
/* Side */
#side {
    font-size: 1em;
    /*0.8888888889em; */
}
#side aside,
.side-box,
.card-box {
    position: relative;
    margin: 0 0 2em 0;
    padding: 20px;
    background: #FFF;
    border-radius: 3px;
    box-sizing: border-box;
}
#side h2,
#side h4,
.side-box h2,
.card-box h2 {
    margin-top: 0;
}
#side aside h2,
#side aside h4,
.side-box h2,
.card-box h2 {
    background: #FFC600;
    position: relative;
    margin: -21px -21px 20px -21px;
    padding: 12px 20px 15px 20px;
    border-radius: 3px 3px 0 0;
    color: white;
}
#side aside.featured h2,
#side aside.featured h4,
.side-box.featured h2,
.card-box.featured h2 {
    color: #FFF;
    background: #C3C3B9;
    border-color: #C3C3B9;
}
#side aside.featured span {
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 44px;
}
.solution.selligent #side aside h2,
.solution.selligent #side aside h4,
.solution.selligent .side-box h2,
.solution.selligent .card-box h2 {
    background: #4db2e6;
}
.solution.apteco #side aside h2,
.solution.apteco #side aside h4,
.solution.apteco .side-box h2,
.solution.apteco .card-box h2 {
    background: #52BCBB;
}
.solution.artegic #side aside h2,
.solution.artegic #side aside h4,
.solution.artegic .side-box h2,
.solution.artegic .card-box h2 {
    background: #9AC63E;
}
.solution.campaignmonitor #side aside h2,
.solution.campaignmonitor #side aside h4,
.solution.campaignmonitor .side-box h2,
.solution.campaignmonitor .card-box h2 {
    background: #2a2941;
}
.solution.salesforce #side aside h2,
.solution.salesforce #side aside h4,
.solution.salesforce .side-box h2,
.solution.salesforce .card-box h2 {
    background: #139cd8;
}
/* Card Boxes */
.card-box {
    text-align: center;
    width: calc(50% - 13px);
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px;
    vertical-align: top;
    border: 1px solid white;
}
article[class^="post"] .entry-content .card-box {
    height: 283px;
    display: inline-block;
}
.tax-mayoris_case_studies_category .card-box, .mayoris_case_studies-template-default .card-box {
    text-align: left;
}

.tax-mayoris_case_studies_category .card-box .entry-title, .mayoris_case_studies-template-default .card-box .entry-title {
    text-align: left;
    background: none;
}
.tax-mayoris_case_studies_category .card-box h2.entry-title, .mayoris_case_studies-template-default .card-box h2.entry-title {
   color: #53534C;
   margin-bottom: 0px;
}
.side-col .card-box {
    width: calc(100% - 13px);
    text-align: left;
}
.card-box .entry-header {
    margin: 0;
}
.card-box-link {
    padding: 0;
    border: none;
    box-shadow: none;
}

.page-id-13 .card-box-link h3 {
    margin: 0.45em 0 0.4545454545em 0;
}

.solution .side-col .card-box:nth-child(2) {
    display: none;
}
.card-link {
    display: block;
    padding: 20px;
    text-decoration: none;
    background: linear-gradient(to top, #f2faff, #ffffff);
    color: #53534C;
    border-radius: 3px;
    transition: all 120ms ease-in-out;
    height: 100%;
    border: 1px solid white;
    box-sizing: border-box;
}

.frontpage-section.use-cases .card-link {
    height: 130px;
    border-radius: 3px;
}
.card-link.has-icon img {
    width: 48px;
    left: calc(50% - 24px);
    position: relative;
}
.card-link.from-editor {
    margin: 0 0 1.6666666667em 0;
}
.card-link.from-editor strong {
    display: block;
    margin: 0 0 .4545454545em 0;
    font-size: 1.2222222222em;
    line-height: 1.25;
    font-weight: 300;
}
.card-link:hover {
    background: #FFF;
}
.page-id-13 .card-link, .tax-mayoris_case_studies_category .card-link {
   background-image: url('/wp-content/uploads/2019/10/plus_black.svg');
   background-repeat: no-repeat;
   background-position: calc(50% - 0px) calc(100% - 15px);
   background-size: 30px auto;
   height: 100%;
   padding-bottom: 75px !important;
}

 .page-id-13 .card-link:hover, .tax-mayoris_case_studies_category .card-link:hover {
   background: url('/wp-content/uploads/2019/10/plus_black.svg'), linear-gradient(to top, #f2faff, #ffffff) ;
   background-repeat: no-repeat, repeat;
   background-position: calc(50% - 0px) calc(100% - 15px), bottom center;
   background-size: 30px auto, 100% 100%;
   height: 100%;
}
.card-box .company-logo {
    width: 200px;
    max-width: 100%;
    margin: 0 0 1em 0;
}
/* Function Table */
.function-overview {
    width: 100%;
    margin: 0 0 1.5em 0;
    border-spacing: 0;
    border-collapse: collapse;
}
.function-overview th {
    font-weight: 500;
}
.function-overview th,
.function-overview td {
    text-align: left;
    padding: 5px 0;
    border-bottom: 1px solid #c0e0f4;
}fc0e0f4
.function-overview .system {
    width: 60px;
    text-align: center;
}
.function-overview .has,
.function-overview .option,
.function-overview .empty {
    text-align: center;
}
.function-overview .has span,
.function-overview .option span {
    display: none;
}
.function-overview td:nth-child(3) {
    border-left: 1px solid #c0e0f4;
}
.function-overview .has:before {
    content: "\e012";
    color: #B9D228;
}
.function-overview .has.with-condition:before {
    color: #BBB;
}
.function-overview .option:before {
    content: "\e013";
}
.function-overview .option.with-condition:before {
    color: #BBB;
    display: none;
}
.function-overview .empty:before {
    position: relative;
    top: 1px;
    font-size: 20px;
    content: "\e014";
    color: #BBB;
}
/* Docs */
.page-template-docs {}
#breadcrumbs {
    margin: -1.875em 0 1.875em 0;
    padding: 0.5em 0;
    font-size: 0.8888888889em;
    background: #f6f8f8;
    border-width: 1px 0;
}
.widget_nav_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget_nav_menu ul ul {
    margin: 0.2777777778em 0 0 0;
}
.widget_nav_menu a {
    display: block;
    padding: 0.125em 0.3125em;
    border-radius: 3px;
}
.widget_nav_menu ul ul a {
    padding-left: 0.9375em;
}
.widget_nav_menu .current-menu-item > a {
    color: #53534C;
    background: #f6f8f8;
    font-weight: bold;
    text-decoration: none;
}
.hm-content-toc-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.hm-content-toc-item-h3 {
    margin-left: 0.75em;
}
.hm-content-toc-item-h4 {
    margin-left: 2.15em;
}
@media screen and (min-width: 600px) {
    .page-template-docs .main-col {
        float: right;
    }
    .page-template-docs .side-col {
        float: left;
    }
}

/* Footer */
#footer {
    padding: 1.875em 0 0 0;
    font-size: 0.8888888889em;
    font-family: 'Roboto';
    background: #ffffff;
    line-height: 1.5em;
}
#footer a {
    display: block;
    color: #53534C;
    text-decoration: none;
}
#footer a:hover {
    color: #FFC600;
}
#footer h3 {
    margin-bottom: 1em;
    font-size: 142.85714286%;
    /* 20px */
}
#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer .newsletter h3:before {
    float: left;
    margin: -5px 10px 0 0;
    font-size: 27px;
}
#footer form {
    position: relative;
    padding: 0 50px 0 0;
}
#footer .address .textwidget {
    overflow: hidden;
}
#footer .address .textwidget p {
    float: left;
    width: 50%;
}
#footer .address .textwidget a {
    margin-top: 20px;
}
#footer .menu-legal-container li,
#footer .menu-legal-container a {
    display: inline;
}
#footer .menu-legal-container li:after {
    content: "|";
    margin: 0 5px;
}
#footer .menu-legal-container li:last-child:after {
    display: none;
}
#footer .social li {
    overflow: hidden;
    line-height: 36px;
    margin-bottom: 1em;
}
#footer .social span[class*="icon-"] {
    float: left;
    width: 40px;
    height: 36px;
    line-height: 28px;
    margin-right: 10px;
    padding: 6px 0 0 0;
    font-size: 24px;
    text-align: center;
    background: #53534C;
    color: #FFF;
    border-radius: 20px;
}
#footer .social span.icon-youtube {
    text-indent: 4px;
}
#footer .member li {
    float: left;
    width: 48%;
    margin-bottom: 1em;
}
#footer .member img {
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
}
#footer .member a:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
}
#footer .member li:nth-child(2n+1) {
    clear: left;
    margin-right: 2%;
}
#footer .member li:nth-child(2n+2) {
    margin-left: 2%;
}
#footer #wds-container {
    font-size: 100%;
    background: none;
    border: none;
    border-radius: 0;
}
#footer #wds-container a {
    display: inline;
}
#footer .wds-tweet-container {
    margin-bottom: 1em;
    padding: 0;
    border-bottom: none;
}
#footer .wds-tweet-container.wds-last {
    margin-bottom: 0;
}
#copyright {
    padding: .5em 0 .625em 0;
    font-size: 0.8888888889em;
    font-family: 'Roboto';
    color: #FFF;
    background: #53534C;
}
/* Image Lightbox */
#imagelightbox {
    position: fixed;
    z-index: 20;
    box-shadow: 0 0 20px RGBa(0, 0, 0, 0.25);
}
#imagelightbox-overlay {
    position: fixed;
    z-index: 12;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: RGBa(255, 255, 255, 0.9);
}
#imagelightbox-close {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.8);
    z-index: 13;
    color: #FFF;
    text-decoration: none;
    border-radius: 3px;
}
#imagelightbox-close:hover {
    background: #FFC600;
}
#imagelightbox-close span {
    display: none;
}
#imagelightbox-close:before,
#imagelightbox-close:after {
    display: block;
    position: absolute;
    top: 18px;
    left: 10px;
    content: " ";
    width: 20px;
    height: 2px;
    background: #FFF;
}
#imagelightbox-close:before {
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
}
#imagelightbox-close:after {
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    -moz-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform: translate3d(0, 0, 0) rotate(-45deg);
}
#imagelightbox-nav {
    position: fixed;
    z-index: 21;
    bottom: 20px;
    left: 50%;
    padding: 0 5px;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    border-radius: 3px;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
#imagelightbox-nav a {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 3px;
    background: #FFF;
    border-radius: 50%;
}
#imagelightbox-nav a.active {
    background: #FFC600;
}
#imagelightbox-loading {
    position: fixed;
    z-index: 23;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    background: url(images/loading.gif) no-repeat center #FFF;
    margin: -18px 0 0 -18px;
    border-radius: 3px;
    box-shadow: 0 0 10px RGBa(0, 0, 0, 0.25);
}
@media screen and (min-width: 600px) {
    .gc,
    .columns {
        float: left;
        margin-left: 1.9231%;
        margin-right: 1.9231%;
    }
    .main-col {
        float: left;
    }
    .side-col {
        float: right;
    }
    .gcr {
        float: right;
    }
    .gc:first-child,
    .gc .gc:first-child,
    .columns:first-child,
    .gc .columns:first-child {
        margin-left: 0;
    }
    .gc:last-child,
    .gc .gc:last-child,
    .columns:last-child,
    .gc .columns:last-child {
        margin-right: 0;
    }
    .gc.first,
    .gc .gc.first,
    .columns.first {
        margin-left: 0;
    }
    .gc.last,
    .gc .gc.last,
    .columns.last {
        margin-right: 0;
    }
    .gc1,
    .columns.two {
        width: 13.4535%;
    }
    .gc2,
    .columns.four,
    .side-col {
        width: 30.7532%;
    }
    .gc3,
    .columns.six {
        width: 48.0529%;
    }
    .gc4,
    .columns.eight,
    .main-col {
        width: 65.3526%;
    }
    .gc5,
    .columns.ten {
        width: 82.6522%;
    }
    .gc6,
    .columns.twelve {
        width: 100%;
    }
    .gc4 .gc,
    .gc4 .columns {
        margin-left: 2.9411764706%;
        margin-right: 2.9411764706%;
    }
    .gc4 .gc1,
    .gc4 .columns.one,
    .gc4 .columns.two,
    .gc4 .columns.three,
    .gc4 .columns.four {
        width: 20.588235294%;
    }
    .gc4 .gc2,
    .gc4 .columns.five,
    .gc4 .columns.six,
    .gc4 .columns.seven {
        width: 47.058823529%;
    }
    .gc4 .gc3,
    .gc4 .columns.eight,
    .gc4 .columns.nine,
    .gc4 .columns.ten,
    .gc4 .columns.eleven {
        width: 73.529411765%;
    }
    .gc4 .gc4,
    .gc4 .columns.four,
    .gc4 .columns.twelve {
        width: 100%;
    }
    .card-box.gc2:nth-child(3n+1) {
        clear: left;
        margin-left: 0;
    }
    .card-box.gc2:nth-child(3n) {
        margin-right: 0;
    }
    .logos li {
        width: 195px;
    }
    h1 {
        font-size: 2.2222222222em;
    }
    h1 span {
        line-height: 1.2;
    }
    #header {
        padding: 1.6666666667em 0 0.8333333333em 0;
    }
    #logo {
        float: left;
        width: 159px;
        margin: 0 0 1.1111111111em 0;
    }
    #searchform {
        float: right;
        width: 200px;
    }
    #subsc-eletter {
        position: absolute;
        bottom: -10px;
        right: 15px;
    }
    #subsc-eletter .label {
        display: none;
    }
    #subsc-eletter h3 {
        width: 36px;
        margin: 0;
    }
    #subsc-eletter h3 span {
        display: none !important;
        position: relative;
        overflow: hidden;
    }
    #subsc-eletter .overlay {
       position: fixed;
       width: 40%;
       bottom: 10%;
       left: 29%;
    }

    border: 1px solid #c0e0f4;
    .card-wrap-50 .card-box {
        float: left;
        width: 48.0529%;
        margin-left: 1.9231%;
        margin-right: 1.9231%;
    }
    .card-wrap-50 .card-box:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }
    .card-wrap-50 .card-box:nth-child(2n) {
        margin-right: 0;
    }
    .card-wrap-50 .card-box:nth-child(2n+1):last-child {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (min-width: 500px) and (max-width: 799px) {

    .card-wrap-33 .card-box {
        float: left;
        width: 48.0529%;
        margin-left: 1.9231%;
        margin-right: 1.9231%;
    }
    .card-wrap-33 .card-box:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }
    .card-wrap-33 .card-box:nth-child(2n) {
        margin-right: 0;
    }
    .card-wrap-33 .card-box:nth-child(2n+1):last-child {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .frontpage-section.blog article {
        display: block;
        width: calc(100% - 3px);
    }
}
@media screen and (max-width: 599px) {

    h1.entry-title {
        font-size: 1.4em;
        display: block;
        padding-bottom: 7px;
    }
    h1 span {
        text-transform: none !important;
    }
    .home h2.frontpage-title:nth-child(1) {
        margin-top: 0px;
    }
    .claims-box {
        font-family: 'Roboto Condensed';
        padding: 7px 7px !important;
        width: 88% !important;
        left: 0% !important;
        height: 100px !important;
        font-size: 16px !important;
        background: url('/wp-content/uploads/2019/08/technology_icon_lighting.png;'), rgba(0,93,172,0.1) !important;
        background-position: top left, top left;
        border: 1px solid #369bd0 !important;
        background-position-x: 100%, 100% !important;
        background-position-y: 60%, 100% !important;
        opacity: 0.8;
        line-height: 127%;
    }
    .claims-box span {
        padding: 0 !important;
        background-image: url('/wp-content/uploads/2019/10/plus_white.svg') !important;

        background-size: 20px auto !important;

    }
    .claims-box a {
        color: #ffffff !important;
    }
    .card-link {
     padding: 10px !important;
    }

    #content {
        padding-top: 0.5555555556em;
    }
    .home #content {
        padding-top: 0;
    }
    #breadcrumbs {
        margin-top: -0.625em;
        margin-bottom: 0.625em;
    }
    .frontpage-section.intro {
        padding: 1.1111111111em 0 0 0;
    }

    .intro-section {
        margin-top: 1.1111111111em;
    }
    .entry-header {
        margin-bottom: 0.5555555556em;
    }
    .hide-mobile {
    display: none;
    }
    .function-overview {
        font-size: 0.8333333333em;
    }
    .nav-sub li {
        float: none;
        display: inline-block;
    }
    .nav-sub {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .nav-sub .wrap {
        padding: 0;
    }
    .alignleft {
        float: none;
        margin-right: 0;
    }
    .alignright {
        float: none;
        margin-left: 0;
    }
    #mobile-menu {
        position: fixed;
        z-index: 98;
        top: 0;
        right: 0;
        width: 280px;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding: 70px 15px 15px 15px;
        background: #FFF;
        box-shadow: -1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 500px rgba(0, 0, 0, 0);
        box-sizing: border-box;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        -moz-transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    }
    .mobile-menu-open #mobile-menu {
        box-shadow: -1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 500px rgba(0, 0, 0, 0.5);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    #searchform,
    #access,
    #subsc-eletter {
        display: block;
    }

    #subsc-eletter .icon-eletter-icon  {
        display: none;
    }

    #mobile-menu #searchform,
    #mobile-menu #access,
    #mobile-menu #subsc-eletter {
        display: block;
    }
    #access {
        margin-bottom: 1.1111111111em;
    }
    #access li {
        float: none;
        margin: 0 0 0.25em 0;
    }
    #toggle-mobile-menu {
        position: absolute;
        z-index: 99;
        top: 18px;
        right: 15px;
        padding: 8px 15px 6px 15px;
        line-height: 1;
        background: #53534C;
        color: #FFF;
        border: none;
        cursor: pointer;
    }
    #toggle-mobile-menu .lines {
        float: right;
        margin: -2px 0 0 8px;
    }
    #toggle-mobile-menu .line {
        display: block;
        width: 18px;
        height: 2px;
        margin: 4px 0;
        background: #FFF;
        -webkit-transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        -moz-transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    }
    .mobile-menu-open #toggle-mobile-menu .line.first {
        -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
        -moz-transform: translate3d(0, 6px, 0) rotate(45deg);
        transform: translate3d(0, 6px, 0) rotate(45deg);
    }
    .mobile-menu-open #toggle-mobile-menu .line.second {
        -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
        -moz-transform: translate3d(0, 0, 0) rotate(-45deg);
        transform: translate3d(0, 0, 0) rotate(-45deg);
    }
    .mobile-menu-open #toggle-mobile-menu .line.third {
        opacity: 0;
    }
    .mobile-menu-open #toggle-mobile-menu {
        position: fixed;
        right: 0;
        background: #FFF;
        color: #53534C;
    }
    .mobile-menu-open #toggle-mobile-menu .line {
        background: #53534C;
    }
    #subsc-eletter h3:after {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    #subsc-eletter h3:after {
        border-color: rgba(200, 9, 102, 0);
        border-top-color: #C80966;
        border-width: 6px;
        left: 50%;
        margin-left: -6px;
    }
    #subsc-eletter h3 span:before {
        color: #FFF;
    }

    .frontpage-section.blog article {
        display: block !important;
        width: calc(100% - 3px) !important;
    }
    .home div.technology-box img {
        width: 80px;
    }
    .page-template-technologien h1 {
        text-align: left;
        padding: 15px 0 0 0;
    }

    h2.frontpage-title, .page-template-technologien h1, body.page-id-9 h1 {
        text-align: center;
        font-size: 27px !important;
    }
    .home #content {
        padding: 0;
    }
    .frontpage-intro {
        padding-top: 30px !important;
         margin-bottom: 1.1111111111em;
    }
    h4.frontpage-subtitle {
        font-size: 18px !important;
        padding: 0 15px 15px 15px;
        line-height: 1.2em;
    }
    .frontpage-section {
        padding-bottom: 2.2222222222em !important;
    }
    .frontpage-section.claims {
        padding-top: 0em !important;
    }
    .card-box {
        height: 100% !important;
        width: calc(100% - 3px);
    }
    .parent-pageid-7 #post-24 .entry-content .meilenstein .ereignis {
        padding: 7px;
    }
    .parent-pageid-7 #post-24 .entry-content div.meilenstein {
        height: auto;
    }
    .parent-pageid-7 #post-24 .entry-content .meilenstein .image p {
        width: 80px;
        font-size: 0.8em;
    }
    .parent-pageid-7 #post-24 .entry-content {
        background-position: 40px 0;
    }
    body #content {
        background-position: 40% 100% !important;
    }
    .icon-eletter-icon::before {
    width: 10% !important;
    background-position: 100% 60% !important;
    }
    /* kompetenzen small devices*/
    #kompetenzen .accordion-row div.title  {
        font-size: 100% !important;
        height: auto !important;
        padding: 10px 50px 10px 10px !important;
    }
    #kompetenzen .accordion-row div.right {
     width: 45px !important;
    }

    #kompetenzen .accordion-row div.content {
        padding: 10px !important;
    }
    #kompetenzen .accordion-row img  {
        display: none !important;
    }
    /* kompetenzen small devices*/

    /* technologien small devices*/
    body.page-template-technologien #content #main > div {
    width: 100% !important;
    display: block;
    }
    body.page-template-technologien #content #main {
    margin-bottom: 7em !important;
    }
    .body.page-template-technologien #content .entry-header {
    margin-bottom: 0px !important;
    }
    #tech_hexagon {
    margin-bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    background-size: 100% 100% !important;
    text-align: center;
    padding: 10px 0;
    }
    #tech_hexagon .technology-box {
    position: relative !important;
    width: 15.5%;
    }
    #tech_hexagon div[id^=technology] {
    top: 0 !important;
    left: 0 !important;
    }
    #tech_list li[id^="description"] a {
    color: #333333 !important;
    }
    #tech_hexagon #technology-4  {
    display: none;
    }

    #tech_list li[id^="description"], #tech_list li.hover, #tech_list li[id^="description"]:hover, #tech_list li[id^="description"]:nth-child(6):hover {
    background-color: rgba(255,255,255, 0.95) !important;
    padding: 7px 22px 7px 7px !important;
    margin-top: 7px;
    border-radius: 3px;
    background-image: url('/wp-content/uploads/2019/08/arrow_to_right.svg') !important;
    background-repeat: no-repeat !important;
    background-position: 98% 50% !important;
    background-size: 10px auto !important;
    font-size: 0.9em;
    }

    #tech_list #description-1, #tech_list #description-2 {
    border-left: 10px solid #139cd8;
    }
    #tech_list #description-3 {
    border-left: 10px solid #00a6aa;
    }
    #tech_list #description-4 {
    display: none !important;
    }
    #tech_list #description-5 {
    border-left: 10px solid #7856ff;
    }
    #tech_list #description-6 {
    border-left: 10px solid #9cc326;
    }
    #tech_list #description-7 {
    border-left: 10px solid #4db2e6;
    }
    #tech_list #description-6 a br:nth-child(1) {
    display: none;
    }
    #tech_list #description-6 a br:nth-child(2) {
    margin-bottom: 0.5em;
    }
    ul#tech_list, ol#tech_list
    {
    margin: 0 !important;
    }
    /* technologien small device */
}
@media screen and (min-width: 600px) and (max-width: 799px) {
    .frontpage-section.claims .claims-box {
        padding: 20px 17px !important;
        font-size: 20px !important;
        width: 80% !important;
        left: 5% !important;
        height: 100px !important;
        background: url('/wp-content/uploads/2019/08/technology_icon_lighting.png;'), rgba(0,93,172,0.1) !important;
        background-position: top left, top left;
        border: 1px solid #369bd0 !important;
        background-position-x: 100%, 100% !important;
        background-position-y: 90%, 100% !important;
        opacity: 0.8;
    }
    .claims-box span {
        padding: 0 !important;
        background-image: url('/wp-content/uploads/2019/10/plus_white.svg') !important;
        background-size: 20px auto !important;
    }
    .claims-box a {
        color: #ffffff !important;
    }

    .card-link {
     padding: 10px !important;
    }

    #main,
    .entry-content > .row > .columns.eight {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    #side,
    .entry-content > .row > .columns.four {
        margin: 0;
        width: 100%;
    }
    #side aside,
    #side a[href$=".jpg"],
    #side a[href$=".png"],
    #side a[href$=".gif"] {
        float: left;
        width: 48.0529%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #side aside:nth-child(2n+1) {
        clear: left;
        margin-left: -2px;
        margin-right: 1.9231%;
    }
    #side aside:nth-child(2n+2) {
        margin-right: -2px;
        margin-left: 1.9231%;
    }
    #footer .gc {
        width: 48.0529%;
    }
    #footer .gc:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
        margin-right: 1.9231%;
    }
    #footer .gc:nth-child(2n+2) {
        margin-right: 0;
        margin-left: 1.9231%;
    }

    .frontpage-section.technologies div.technology-box  {
    width: 14%;
    margin-right: 10px !important;
    }
    .frontpage-section.claims {
  
    padding-top: 1.8em;
    }
    /* technologien medium devices*/
    body.page-template-technologien #content #main > div {
    width: 100% !important;
    display: block;
    }
    body.page-template-technologien #content #main {
    margin-bottom: 7em !important;
    }
    .body.page-template-technologien #content .entry-header {
    margin-bottom: 0px !important;
    }
    #tech_hexagon {
    margin-bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    background-size: 100% 100% !important;
    text-align: center;
    padding: 10px 0;
    }
    #tech_hexagon .technology-box {
    position: relative !important;
    width: 15.5%;
    }
    #tech_hexagon div[id^=technology] {
    top: 0 !important;
    left: 0 !important;
    }
    #tech_list li[id^="description"] a {
    color: #333333 !important;
    }
    #tech_hexagon #technology-4  {
    display: none;
    }
    #tech_list li[id^="description"], #tech_list li.hover, #tech_list li[id^="description"]:hover, #tech_list li[id^="description"]:nth-child(6):hover {
    background-color: rgba(255,255,255, 0.95) !important;
    padding: 7px 22px 7px 7px !important;
    margin-top: 7px;
    border-radius: 3px;
    background-image: url('/wp-content/uploads/2019/08/arrow_to_right.svg') !important;
    background-repeat: no-repeat !important;
    background-position: 98% 50% !important;
    background-size: 10px auto !important;
    font-size: 0.9em;
    }

    #tech_list #description-1, #tech_list #description-2 {
    border-left: 10px solid #139cd8;
    }
    #tech_list #description-3 {
    border-left: 10px solid #00a6aa;
    }
    #tech_list #description-4 {
    display: none !important;
    }
    #tech_list #description-5 {
    border-left: 10px solid #7856ff;
    }
    #tech_list #description-6 {
    border-left: 10px solid #9cc326;
    }
    #tech_list #description-7 {
    border-left: 10px solid #4db2e6;
    }
    #tech_list #description-6 a br:nth-child(1) {
    display: none;
    }
    ul#tech_list, ol#tech_list
    {
    margin: 0 !important;
    }
    /* technologien medium device */

    /* kompetenzen medium device */
    #kompetenzen .accordion-row div.right {
     width: 50px !important;
    }
    #kompetenzen .accordion-row div.title {
    font-size: 1em !important;

    }
    /* kompetenzen medium device */
}


@media screen and (min-width: 800px) and (max-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) {

    /* technologien Kindle Fire */
    .frontpage-section.technologies div.technology-box  {
    width: 14%;
    margin-right: 10px !important;
    }
    .frontpage-section.claims {

    padding-top: 1.8em;
    }

    body.page-template-technologien #content #main > div {
    width: 100% !important;
    display: block;
    }
    body.page-template-technologien #content #main {
    margin-bottom: 7em !important;
    }
    .body.page-template-technologien #content .entry-header {
    margin-bottom: 0px !important;
    }
    #tech_hexagon {
    margin-bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    background-size: 100% 100% !important;
    text-align: center;
    padding: 10px 0;
    }
    #tech_hexagon .technology-box {
    position: relative !important;
    width: 15.5%;
    }
    #tech_hexagon div[id^=technology] {
    top: 0 !important;
    left: 0 !important;
    }
    #tech_list li[id^="description"] a {
    color: #333333 !important;
    }
    #tech_hexagon #technology-4  {
    display: none;
    }
    #tech_list li[id^="description"], #tech_list li.hover, #tech_list li[id^="description"]:hover, #tech_list li[id^="description"]:nth-child(6):hover {
    background-color: rgba(255,255,255, 0.95) !important;
    padding: 7px 22px 7px 7px !important;
    margin-top: 7px;
    border-radius: 3px;
    background-image: url('/wp-content/uploads/2019/08/arrow_to_right.svg') !important;
    background-repeat: no-repeat !important;
    background-position: 98% 50% !important;
    background-size: 10px auto !important;
    font-size: 0.9em;
    }

    #tech_list #description-1, #tech_list #description-2 {
    border-left: 10px solid #139cd8;
    }
    #tech_list #description-3 {
    border-left: 10px solid #00a6aa;
    }
    #tech_list #description-4 {
    display: none !important;
    }
    #tech_list #description-5 {
    border-left: 10px solid #7856ff;
    }
    #tech_list #description-6 {
    border-left: 10px solid #9cc326;
    }
    #tech_list #description-7 {
    border-left: 10px solid #4db2e6;
    }
    #tech_list #description-6 a:nth-child(1) {
    padding-bottom: 0.5em;
    }

    ul#tech_list, ol#tech_list
    {
    margin: 0 !important;
    }
    /* technologien Kindle Fire */
}


@media screen and (min-width: 800px)  {
    #access {
        clear: right;
        float: right;
        margin-right: 5px;
    }
    #subsc-eletter {
        bottom: 0;
    }
    #home-intro img {
        margin-top: -4em;
    }
    .card-wrap-33 .card-box {
        float: left;
        width: 30.7532%;
        margin-left: 1.9231%;
        margin-right: 1.9231%;
    }
    .card-wrap-33 .card-box:nth-child(3n+1) {
        clear: left;
        margin-left: 0;
    }
    .card-wrap-33 .card-box:nth-child(3n) {
        margin-right: 0;
    }
    body.page-id-26 .card-wrap-33 .card-box {
        width: 20%;
    }
    body.page-id-26 .card-wrap-33 .card-box:nth-child(3n+1) {
        clear: none;
        margin-left: 1.9231%;
    }
    body.page-id-26 .card-wrap-33 .card-box:nth-child(3n) {
        margin-right: 1.9231%;
    }
    body.page-id-26 .card-wrap-33 .card-box:nth-child(4n+1) {
        clear: left;
        margin-left: 0;
    }
    body.page-id-26 .card-wrap-33 .card-box:nth-child(4n) {
        margin-right: 0;
    }
}


@media only screen and (min-device-width : 375px) and (max-device-width : 896px) and (-webkit-min-device-pixel-ratio: 3) {
    .claims-box {
        padding: 7px 7px !important;
        font-size: 15px !important;
        width: 89% !important;
        left: 0% !important;
        height: 120px !important;
        background: url('/wp-content/uploads/2019/08/technology_icon_lighting.png;'), rgba(0,93,172,0.1) !important;
        background-position: top left, top left;
        border: 1px solid #369bd0 !important;
        background-position-x: 100%, 100% !important;
        background-position-y: 90%, 100% !important;
        opacity: 0.8;
    }
    .card-link {
     padding: 10px !important;
    }
}

#grid-help {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
#grid-help .gc {
    height: 2000px;
    background: RGBa(255, 0, 0, 0.2);
}
#cookie-law-info-bar {
    border-top: 2px solid #FFC600 !important;
}
#cookie-law-info-bar span {
    font-family: 'Roboto';
    font-size: 16px;
    color: #53534C;
}
#cookie-law-info-bar a,
#cookie-law-info-bar a:visited {
    color: #53534C;
    text-decoration: none;
}
#cookie-law-info-bar a:active,
#cookie-law-info-bar a:hover {
    color: #FFC600;
    text-decoration: none;
}
.frontpage-section.technologies > div {
    text-align: center;
}
.frontpage-section.technologies div.technology-box {
    display: inline-block;
    -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.7));
    margin-right: 10px;
}
.frontpage-section.technologies div.technology-box:nth-child(4) {
    display: none;
}
#tech_hexagon {
    background-image: url('/wp-content/uploads/2019/08/technology_icon_lighting.png;');
    background-size: 490px 490px;
    background-repeat: no-repeat;
    background-position: top left;
    width: 490px;
    height: 490px;
    position: relative;
    margin-bottom: 255px;
}
#tech_hexagon .technology-box {
    position: absolute;
    display: inline-block;
}
#tech_hexagon .technology-box img.inactive {
    display: block;
}
#tech_hexagon .technology-box img.active {
    display: none;
}
#tech_hexagon .technology-logo img {
    -webkit-filter: drop-shadow(3px 6px 10px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(3px 6px 10px rgba(0, 0, 0, 0.5));
}
#technology-4 .technology-logo img {
    -webkit-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
}
#tech_hexagon .technology-box:hover img.inactive,
#tech_hexagon .technology-box:active img.inactive,
#tech_hexagon .technology-box.hover img.inactive {
    display: none;
}
#tech_hexagon .technology-box:hover img.active,
#tech_hexagon .technology-box:active img.active,
#tech_hexagon .technology-box.hover img.active {
    display: block;
}
#tech_hexagon #technology-1:hover ~ #description-1 {}
#main div:nth-child(3) #tech_list #description-1:hover ~ #main div:nth-child(2) {}
#tech_hexagon #technology-1 {
    top: calc(25% - 88.375px - 20px);
    left: calc(50% - 160px);
}
#tech_hexagon #technology-2 {
    top: calc(25% - 88.375px - 20px);
    right: calc(50% - 160px);
}
#tech_hexagon #technology-3 {
    top: calc(50% - 88.375px);
    right: 0px;
}
#tech_hexagon #technology-4 {
    top: calc(50% - 88.375px);
    right: calc(50% - 75px);
}
#tech_hexagon #technology-5 {
    bottom: calc(25% - 108.375px);
    left: calc(50% - 160px);
}
#tech_hexagon #technology-6 {
    top: calc(50% - 88.375px);
    left: 0px;
}
#tech_hexagon #technology-7 {
    bottom: calc(25% - 108.375px);
    right: calc(50% - 160px);
}
#tech_list li {
    list-style: none;
    padding: 16px 0px;
    color: #ffffff;
}
#tech_list li.hover, #tech_list [id^="description"]:hover {
    background: url('/wp-content/uploads/2019/08/technology_text_lighting.png');
    background-size: calc(100% - 0px) calc(100% - 0px);
    background-repeat: no-repeat;
    background-position: top center;
}

body #content {
    background: url('/wp-content/uploads/2019/08/gitter_bottom.png') no-repeat, linear-gradient(to top, #e2ecf3, #f6f8f8);
    background-size: calc(100% - 0px);
    background-position: bottom center;
}
/* technologien */
body.page-template-technologien #content {
    background: url('/wp-content/uploads/2019/08/background_technology_with_gitter_and_vawe.jpg');
    background-size: cover;
    padding-bottom: 0em;
    margin-bottom: 0em;
    background-repeat: no-repeat;
    background-position: 55% 100% !important;
}
body.page-template-technologien h1 {
    width: 100%;
    text-align: center;
    font-size: 42px;
}
body.page-template-technologien #content h1 span, body.page-template-technologien #content a {
    color: white;
    text-decoration: none;
    display:block;
}
/* kompetenzen */
body.page-id-9 #content {
    background: url('/wp-content/uploads/2019/08/background_technology_with_gitter_and_vawe.jpg');
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 0em;
    margin-bottom: 0em;
    background-repeat: no-repeat;
    background-position: 55% 100% !important;
}
body.page-id-9 h1 {
    width: 100%;
    text-align: center;
    font-size: 42px;
}
body.page-id-9 #content h1 span, body.page-id-9 #content a {
    color: white;
    text-decoration: none;
    display:block;
}

#kompetenzen  {
  margin-bottom: 10em;
  box-shadow: 1px 15px 30px rgba(48, 62, 84, 0.2);
}


#kompetenzen .accordion-row {
    background: white;
    background: -moz-linear-gradient(top, #ffffff 0%, #eff4f8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eff4f8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #eff4f8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff4f8', endColorstr='#ffffff', GradientType=0);
    border-bottom: 1px solid #e6eef4;
}

#kompetenzen .accordion-row div.title {
    height: 65px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#kompetenzen .accordion-row div.title {
    padding: 0 70px 0 80px;
}

#kompetenzen .description a:before {
    background-image: url('/wp-content/uploads/2019/08/arrow_to_right.svg');
    background-size: 7px 12px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 12px;
    content:"";
}

#kompetenzen .accordion-row div.content {
    padding: 20px 10px 20px 230px;
    position: relative;
    display: none;
}

#kompetenzen .accordion-row.active div.content {
    display: block;
}

#kompetenzen .accordion-row img {
    position: absolute;
    left: 45px;
    top: 25px;
}

#kompetenzen a {
    color: #53534C !important;
    text-decoration: none !important;
}


#kompetenzen .accordion-row.active div.right:nth-child(1) {
    background: rgba(223, 232, 241, 0.4);
    background-image: url('/wp-content/uploads/2019/09/arrow_to_top.svg');
    background-size: 30% 100%;
    background-repeat: no-repeat;
    background-position: top center;
}

#kompetenzen .accordion-row div.right {
    position: absolute;
    width:70px;
    display: block;
    height:100%;
    background: rgba(223, 232, 241, 0.4);
    right: 0px;
    top: 0px;
}

#kompetenzen .accordion-row div.right:nth-child(1) {
    background-image: url('/wp-content/uploads/2019/09/arrow_to_bottom.svg');
    background-size: 30% 100%;
    background-repeat: no-repeat;
    background-position: top center;
}

#kompetenzen .accordion-row.active div.title
{
  background: #f3b229;
  color: #ffffff;
}

.frontpage-intro {
    background-size: cover;
    background-repeat: no-repeat, no-repeat;
    background-position: bottom center;
}
.frontpage-intro h2 {
    color: #ffffff;
}
.frontpage-section.blog article {
    display: inline-block;
    width: calc(50% - 33px);
    vertical-align: top;
    padding-right: 30px;
}
.frontpage-section.claims {
    padding-top: 1.8em;
}

.frontpage-intro .claims li {
    text-align: center;
    position: relative;
}
.claims-box {
    color: #1e1e1b;
    width: 80%;
    background: white;
    height: 100px;
    text-align: center;
    padding: 20px 20px 15px 20px;
    left: 5%;
    position: relative;
    border-radius: 3px;
    border: 1px solid white;
    font-size: 22px;
    line-height: 1.2em;
    background: -moz-linear-gradient(top, #ffffff 0%, #d5e6f2 58%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #d5e6f2 58%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #d5e6f2 58%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5e6f2', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}
.claims-box span {
    display: block;
    background-image: url('/wp-content/uploads/2019/10/plus_black.svg');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 30px auto;
    height: 100%;
    padding: 0px 20px;
}
.claims-box:hover {
    color: #f3b229;
    border: 1px solid #f2de6e;
    background: -webkit-linear-gradient(top, #ffe363 0%, #e5a953 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffe363 0%, #e5a953 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5a953', endColorstr='#f1d371', GradientType=0);
    /* IE6-9 */
    background: -moz-linear-gradient(top, #ffe363 0%, #e5a953 100%);
    /* FF3.6-15 */
}
.claims-box a {
    color: #1e1e1b;
    text-decoration: none;
}
.slick-next {
    right: -75px;
    top: 40%;
    transform: none;
}
.slick-prev {
    left: -75px;
    top: 30%;
    transform: none;
}
.slick-prev,
.slick-next {
    width: 40px;
    height: 40px;
    box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0px inset;
}
.slick-next::before {
    content: url(/wp-content/uploads/2019/10/arrow_to_right_claim.svg);
}
.slick-prev::before {
    content: url(/wp-content/uploads/2019/10/arrow_to_left_claim.svg);
}
.logos img {
    border: none;
}
.icon-eletter-icon::before,
#footer .newsletter h3::before {
    background-image: url('/wp-content/uploads/2019/08/header_mail.svg');
    background-repeat: no-repeat;
    content: '\00A0';
    background-size: auto;
    background-position: 100% 100%;
    color: white !important;
}
.newsletter h3::before,
#footer .newsletter h3::before {
    width: 7%;
    background-position: 0% 100%;
}
#footer .widget-title {
    border: 1px solid white !important;
}

.icon-eletter-icon::before {
    width: 85%;
}
#subsc-eletter h3 span::before {
    color: #ffffff;
}

#mobile-menu #subsc-eletter {
  display: none;
}

body.desktop .menu-hauptnavigation-container ul.sub-menu {
  display: none;
}

body.mobile .menu-hauptnavigation-container nav.nav-sub {
  display: none;
}

body.mobile .menu-hauptnavigation-container ul.sub-menu {
  margin-left: 15px;
  margin-top: 5px;
}

body.mobile .menu-hauptnavigation-container ul.sub-menu li {
  font-size: 16px;
  display: none;
}

body.mobile .menu-hauptnavigation-container li.active ul.sub-menu li {
  display: list-item;
}

.x-close {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    transition: transform .25s ease-in-out;
}

.x-close h2 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 29px !important;
}

.x-close:hover {
    transform: rotate(180deg);
}
.x-close:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    height: 0;
    border-top: 1px solid rgba(255,255,255,0.9);
    transform: rotate(45deg);
    transform-origin: center;
}
.x-close:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    height: 0;
    border-top: 1px solid rgba(255,255,255,0.9);
    transform: rotate(-45deg);
    transform-origin: center;
}

.mayoris_case_studies-template-default hr {
    height: 0 !important;
    background: none  !important;
}

#imagelightbox {
    background: #e5edf3;    
} 


@media screen and (max-width: 799px) {
  .frontpage-intro {
    min-height: 350px;
  }
}