/*
Theme Name: MAAG
Description: MAAG
Author: MAAG
Author URI: https://maag.com
Template: Avada
Version: 1.1.3
Text Domain:  Avada
*/


/*
CONTENT:
---------------------------------
essentials

AVADA OVERRIDE
maag-anchor
navi: topnavi
navi: secondary header
navi: maag-sidelogonavi
navi: subnavi
navi: breadcrumb
navi: bottom button bar
navi: competencetab
navi: anchors
navi: productbrands

layout: maag products
layout: home
layout: downloads (example: quality-management)
layout: news (overview)
layout: single-news
layout: search

jobs downloadbutton

footer
footer: privacy notice

helpers: flexgrid
helpers: maag helpers



navi: productdetail subnavi

media queries
---------------------------------

landscape sized ca. 640px
mid size browser windows ca. 960px
big size browser windows ca. 1440px

---------------------------------
*/


/* essentials START */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
}

#wrapper .fusion-title h1 {
    line-height: 1.2 !important;
}

a:hover {
    text-decoration: none;
}

ul {
    margin-bottom: 20px;
}

.single .post {
    margin-bottom: 0;
}


/* essentials END */


/* AVADA OVERRIDE START */

.tfs-slider .background-image {
    margin-bottom: 0.7em;
    background-size: 100% !important;
}

#wrapper #main .fusion-post-content>.blog-shortcode-post-title {
    line-height: 1.5;
}


/* AVADA OVERRIDE END */


/* navi: topnavi START */

.fusion-secondary-menu {
    font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
}

.fusion-secondary-menu>ul>li {
    border: none;
}

.fusion-secondary-menu>ul>li>a {
    margin: 0 0.5em;
    padding: 0;
}


/* navi: topnavi END */


/* navi: secondary header START */

.fusion-secondary-header .fusion-row .fusion-alignleft {
    -ms-flex-order: 1;
    float: none;
    -webkit-order: 1;
    order: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: center;
}

.fusion-secondary-header .fusion-row .fusion-alignright {
    -ms-flex-order: 1;
    float: none;
    -webkit-order: 1;
    order: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: center;
}


/* navi: secondary header END */


/* navi: maag-sidelogonavi START */

.maag-sidelogonavi {
    display: none;
}


/* navi: maag-sidelogonavi END */


/* navi: subnavi START */

#wrapper .maag-subnavigation {
    display: none;
}

#content {
    margin-top: 3em;
}


/* navi: subnavi END */


/* navi: breadcrumb START */

.maag-breadcrumb {
    display: -webkit-flex;
    display: flex;
}

.maag-breadcrumb a {
    font-size: 0.9em;
    font-style: italic;
}

.maag-breadcrumb a:not(:first-child)::before {
    margin: 0 0.8em;
    content: ">";
    font-style: normal;
}


/* .maag-breadcrumb.notsmalldevices {
	display: none;
}

.maag-breadcrumb.smalldevicesonly {
	margin-bottom: 1em;
} */


/* navi: breadcrumb END */


/* navi: bottom button bar START */

.maag-bottombuttonbar {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.maag-bottombuttonbar .fusion-column-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.maag-bottombuttonbar .fusion-button-wrapper {
    display: block;
    width: 100%;
    margin: 4px;
}

.maag-bottombuttonbar .fusion-button-wrapper a {
    width: 100%;
    font-size: 1rem;
}


/* navi: bottom button bar END */


/* navi: competencetab START */

.maag-competencetab {
    display: none;
}


/* navi: competencetab END */


/* navi: productbrands START */

body #wrapper .maag-productbrandsnavi {
    position: relative;
    margin-bottom: 3em;
}

.maag-productbrandsnavi>.fusion-column-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    max-width: 60em;
    margin-right: auto;
    margin-left: auto;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.maag-productbrandsnavi .fusion-imageframe {
    display: block;
    height: 40px;
}

.maag-productbrandsnavi .fusion-imageframe a {
    display: block;
    height: 100%;
}

.maag-productbrandsnavi .fusion-imageframe img {
    width: auto;
    height: 100%;
}


/* navi: productbrands END */


/* layout: maag products START */

.maag-products .fusion-layout-column {
    padding: 1em 1em 1em 1em;
}

.maag-products .fusion-layout-column .fusion-column-wrapper {
    border-top: 1px solid #cdcdcd;
}

#wrapper .maag-products .fusion-button {
    width: 100%;
}


/* layout: maag products END */


/* layout: testimonials START */

#wrapper .fusion-testimonials blockquote q {
    font-style: normal;
    letter-spacing: 0;
    font-size: 1em;
    line-height: 1.5;
}

#wrapper .fusion-testimonials blockquote {
    position: relative;
    display: block;
    padding: 0 3.5em;
}

.fusion-testimonials blockquote::before {
    display: block;
    position: absolute;
    width: 1.5em;
    top: 50%;
    left: 1em;
    content: url(images/quote-arrow.svg);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.fusion-testimonials blockquote::after {
    display: block;
    position: absolute;
    width: 1.5em;
    right: 1em;
    top: 50%;
    content: url(images/quote-arrow.svg);
    -webkit-transform: translateY(-50%) rotateZ(180deg);
    transform: translateY(-50%) rotateZ(180deg);
}

#wrapper .fusion-testimonials.clean .author {
    letter-spacing: 0;
    font-size: 0.875em;
}


/* #wrapper .fusion-testimonials.clean blockquote q {
	letter-spacing: 0;
	font-size: 1em;
	line-height: 1.5;
}

.fusion-testimonials.clean .author {
	letter-spacing: 0 !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
} */


/* layout: testimonials END */


/* layout: home START */

.avada-has-rev-slider-styles .avada-skin-rev {
    border: none !important;
}

.home .maag-mainheadlinebox {
    padding: 40px !important;
}

.home h1 {
    margin-bottom: 0.4em;
    font-size: 2.5rem;
}

.home h3 {
    margin-top: 0;
}

.home .like-h3,
.home .like-h3 p {
    font-size: 1.8rem;
}

.home h2 p,
.home h3 p {
    margin: 0;
}

.home .maag-fullborderedbox {
    border: 1px solid #dadada;
}

.home .maag-fullborderedbox h2 {
    margin: 0;
}

.home .maag-home-datessubtitle h3 {
    margin: 1em 0 0.8em 0;
    font-size: 1.2rem;
}

.home .maag-fields-of-competence .fusion-column-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.home .maag-fields-of-competence .fusion-column-wrapper>.fusion-imageframe {
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
}

.home .maag-fields-of-competence img {
    width: auto;
    max-height: 110px;
}

.maag-sectors .fusion-layout-column {
    padding: 1em 1em 1em 1em;
}

.maag-sectors .fusion-layout-column .fusion-column-wrapper {
    border-top: 1px solid #cdcdcd;
}

.maag-sectors .fusion-imageframe {
    float: left;
    max-width: 35%;
    margin: 0 1.4em 0.7em 0;
}

#wrapper .maag-sectors .fusion-button {
    width: 100%;
}

.maag-news .news {
    padding: 0 1em;
}

body #wrapper #main .fusion-blog-shortcode .entry-title a,
body #wrapper #main .fusion-blog-shortcode .fusion-meta-info a{
    color:#e6a400;
}

body #wrapper #main .maag-news .entry-title {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 1em;
    font-family: "Open Sans Light", Arial, Helvetica, sans-serif;
}

body #wrapper #main .maag-news .entry-title a {
    color: #000 !important;
}



/* layout: home END */


/* layouts: downloads (example: quality-management) START */

.maag-downloadbox-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin-bottom: 1.6em;
    border-bottom: 1px solid #ccc;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.maag-downloadbox-container .maag-downloadbox-content {
    padding-right: 2em;
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    -webkit-align-self: auto;
    align-self: auto;
}

.maag-downloadbox-container .maag-downloadbox-button {
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: flex-end;
    align-self: flex-end;
}

.dlm-downloads {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    list-style-type: none;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}

.maag-presse .dlm-downloads li {
    width: 100%;
}

.dlm-downloads .download-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 120px;
    height: 170px;
    margin: 0 3.214em 0.6em 0;
    border: 1px solid #ccc;
    text-align: center;
    font-weight: 400;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.download-box .download-box-content {
    position: absolute;
    top: 100%;
    left: 50%;
    padding: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.post-content h5.download {
    width: 120px;
    margin: 0.6em 0 3em;
    text-align: center;
    text-align: left;
    font-weight: 400;
    font-size: 0.8em;
}


/* layout: downloads END */


/* layout: news (overview) START */

#wrapper .fusion-blog-shortcode .fusion-read-more {
    visibility: hidden;
}

#wrapper .fusion-blog-shortcode .fusion-read-more::after {
    visibility: visible;
    width: 2em;
    content: "\f0da";
}

.maag-presse {
    margin-top: 3em;
}

.maag-presse h1 {
    margin-bottom: 3rem;
}


/* layout: news END */


/* layout: single-news START */

.single-news .news {
    max-width: 60em;
    margin: 0 auto;
}


/* layout: single-news END */


/* layout: search START */

.search .post:not(:first-child) {
    border-top: 1px solid #cdcdcd;
}

.search .post {
    margin-bottom: 0;
    padding-top: 2em;
    padding-bottom: 2em;
}

#wrapper .search-page-search-form .fusion-search-form {
    text-align: left;
}

.fusion-date-and-formats {
    display: none;
}


/* layout: search END */


/* jobs downloadbutton START */

.dkpdf-jobsbutton {
    display: inline-block;
    width: 12em;
    margin: 20px 0 0 0;
    padding: 12px;
    background-color: #565656;
}

.dkpdf-jobsbutton,
.dkpdf-jobsbutton:hover,
.dkpdf-jobsbutton:active {
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
    cursor: pointer;
    color: #fff !important;
}

.dkpdf-jobsbutton:hover,
.dkpdf-jobsbutton:active {
    background-color: #333;
}


/* jobs downloadbutton END */


/* footer START */

#wrapper .fusion-footer .fusion-widget-area li a:before {
    margin-left: 0;
    content: "";
}

.fusion-footer .fusion-footer-widget-area .widget_nav_menu ul {
    font-size: 0.8em !important;
}

#wrapper .fusion-footer .fusion-widget-area .current_page_item>a {
    font-weight: normal;
}

.fusion-footer footer .fusion-row .fusion-widget-area {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    -ms-flex-align: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

#wrapper .fusion-footer .fusion-column {
    width: auto;
    max-width: none;
}

#wrapper .fusion-footer .fusion-column:not(.fusion-column-last) {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
}

#wrapper .fusion-footer .fusion-column:nth-child(1),
#wrapper .fusion-footer .fusion-column:nth-child(2) {
    -webkit-align-self: center;
    align-self: center;
}

#wrapper .fusion-footer .fusion-column:nth-child(3) {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 300px !important;
    height: 172px;
    padding-top: 18px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-basis: 300px !important;
    flex-basis: 300px !important;
}

#wrapper .fusion-footer .fusion-column:nth-child(3) section:first-child {
    position: absolute;
    top: -4px;
    left: 1.2rem;
    font-size: 0.8em;
    font-weight: bold;
}

#wrapper .fusion-footer .fusion-column:nth-child(3) section:nth-child(2),
#wrapper .fusion-footer .fusion-column:nth-child(3) section:nth-child(3),
#wrapper .fusion-footer .fusion-column:nth-child(3) section:nth-child(4),
#wrapper .fusion-footer .fusion-column:nth-child(3) section:nth-child(5) {
    margin-bottom: 10px !important;
    margin-right: 10px;
    width: 66px;
}

#wrapper .fusion-footer .fusion-column:nth-child(3) section:nth-child(6),
#media_image-13.fusion-footer-widget-column {
    width: 120px !important;
}

#wrapper .fusion-footer .fusion-column:nth-child(3) section:nth-child(2) img,
#wrapper .fusion-footer .fusion-column:nth-child(3) section:nth-child(3) img,
#wrapper .fusion-footer .fusion-column:nth-child(3) section:nth-child(4) img,
#wrapper .fusion-footer .fusion-column:nth-child(3) section:nth-child(5) img {
    width: 66px;
}

#wrapper .fusion-footer .fusion-column:nth-child(3) section:nth-child(6) img,
#media_image-13.fusion-footer-widget-column img {
    width: 120px !important;
}

.fusion-footer .fusion-column:nth-child(1) {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 170px;
}

#wrapper .fusion-footer .fusion-column-last {
  
    -webkit-flex-basis: auto;
    flex-basis: auto;
    -webkit-align-self: flex-end;
    align-self: flex-end;
}

.fusion-column:nth-child(4) .fusion-footer-widget-column.widget_media_image {
    max-width: 120px;
}

.fusion-column:nth-child(1) .fusion-footer-widget-column.widget_media_image {
    width: 220px;
}

.fusion-footer .fusion-column-last+.fusion-clearfix {
    display: none;
}

.fusion-footer-widget-column {
    margin-bottom: 10px !important;
}

.fusion-social-networks-wrapper {
    display: none;
}

.fusion-footer footer .fusion-row .fusion-widget-area {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}


/* footer END */


/* footer: privacy notice START */

.fusion-privacy-bar {
    line-height: 1.2;
}

.fusion-privacy-bar .fusion-privacy-bar-main {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.fusion-privacy-bar a.fusion-button,
.fusion-privacy-bar .fusion-privacy-bar-main .fusion-privacy-bar-acceptance {
    margin: 8px;
    padding: 17px 26px;
    font-size: 12px;
    line-height: 14px;
}

.fusion-privacy-bar a:not(.fusion-button) {
    display: inline-block;
    height: 48px;
    margin: 1em;
    line-height: 48px;
}

.maag-privacy-bar-link {
    margin-right: 15px;
    margin-left: 15px;
}

.fusion-privacy-bar-learn-more {
    float: right;
}

.fusion-privacy-bar .fusion-privacy-bar-full .fusion-privacy-choices {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.fusion-privacy-bar-full .fusion-columns .fusion-column:last-child {
    margin: 0;
}

.fusion-privacy-bar .fusion-privacy-bar-full {
    font-size: 12px !important;
    line-height: 1.1;
}


/* footer: privacy notice END */


/* helpers: flexgrid (z.b. products) START */

.maag-flexgrid .fusion-builder-row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.maag-flexgrid h2 {
    font-size: 2rem !important;
    font-family: "Open Sans Light", Arial, Helvetica, sans-serif !important;
}

.maag-flexgrid .fusion-imageframe {
    margin-bottom: 20px;
}


/* helpers: flexgrid END */


/* helpers: maag helpers START */

#wrapper .maag-fullwidthbox {
    margin-right: -30px;
    margin-left: -30px;
}

.wpdatahub-topteaserbox.maag-fullwidthbox {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.maag-standardwidthbox {
    max-width: 90rem;
    margin-right: auto;
    margin-left: auto;
}


/*

#wrapper .maag-smallerwidthbox {
    max-width: 60rem;
    margin-right: auto;
    margin-left: auto;
}
*/

.maag-smallerwidthbox-right {
    max-width: 60rem;
    margin-left: auto;
}

.maag-smallerwidthbox-left {
    max-width: 60rem;
}

.maag-introtext {
    margin-bottom: 1em;
    font-size: 1.8em;
    font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
    line-height: 1.3;
}

.maag-smallerwidthbox-right img {
    float: left;
    padding: 0 20px 20px 0;
}

.maag-smallerwidthbox-left img {
    float: right;
    padding: 0 0 20px 20px;
}

.maag-dividerline-top {
    border-top: 1px solid hsl(0, 0%, 90%);
}

.maag-dividerline-bottom {
    border-bottom: 1px solid hsl(0, 0%, 90%);
}

#wrapper .maag-dividerline-top>.fusion-column-wrapper>.fusion-title>h2,
#wrapper .maag-dividerline-top>.fusion-column-wrapper>.fusion-title>h3 {
    margin-top: 0.8rem;
}

.maag-quote {
    position: relative;
    padding: 2em 3.5em 1em 3.5em;
    border-top: 1px solid hsl(0, 0%, 90%);
    border-bottom: 1px solid hsl(0, 0%, 90%);
    font-size: 1.2em;
}

.maag-quote::before {
    position: absolute;
    display: block;
    width: 1.5em;
    top: 2.4em;
    left: 1em;
    content: url(images/quote-arrow.svg);
}

.maag-quote::after {
    position: absolute;
    display: block;
    width: 1.5em;
    right: 1em;
    bottom: 2.4em;
    content: url(images/quote-arrow.svg);
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.maag-bodytextfont,
#wrapper .maag-bodytextfont h1,
#wrapper .maag-bodytextfont h2,
#wrapper .maag-bodytextfont h3 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}

.maag-white-innerbox {
    padding-bottom: 4.5em !important;
}

#wrapper .maag-white-innerbox>.fusion-row {
    max-width: 60rem !important;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2em !important;
    padding-bottom: 40px;
    padding-left: 2em !important;
}

#wrapper .maag-white-innerbox .maag-10percentgray-background {
    width: unset !important;
    margin-right: -2rem !important;
    margin-bottom: 40px;
    margin-left: -2rem !important;
}

.maag-white-innerbox .fusion-column-wrapper .fusion-title {
    overflow: hidden;
}

.maag-white-innerbox .fusion-column-wrapper .fusion-title h3 {
    margin-bottom: 0;
}

.maag-white-innerbox .fusion-column-wrapper .fusion-title h3 a::after {
    padding-left: 0.6em;
    content: "\f0da";
    font-size: 0.7em;
    font-family: awb-icons;
}

.maag-mainheadlinebox {
    padding: 40px !important;
}

.maag-mainheadlinebox h1 {
    margin-bottom: 0.4em;
    text-transform: uppercase;
    font-size: 3.5rem;
}

#wrapper .maag-button-witharrow .fusion-button {
    position: relative;
    width: 100%;
}

#wrapper .maag-button-witharrow .fusion-button-text::after {
    position: absolute;
    right: 1em;
    content: "\f0da";
    font-size: 1.4em;
    font-family: awb-icons;
}

#wrapper .width-100 .nonhundred-percent-fullwidth,
.width-100 .fusion-fullwidth {
    padding-left: 30px;
    padding-right: 30px;
}

.maag-image-left,
.maag-image-right {
    margin-bottom: 0.7em;
}

#sliders-container rs-fullwidth-wrap,
.maag-banner {
    margin-bottom: 0.7em !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.maag-banner .fusion-imageframe {
    width: 100%;
    max-width: 2550px;
}

.maag-banner img {
    width: 100%;
}

.like-h3.not-condensed,
.like-h3.not-condensed h2,
.like-h3.not-condensed p {
    font-size: 1.5rem !important;
    font-family: "Open Sans Light", Arial, Helvetica, sans-serif !important;
}

.maag_products_button_container .fusion-column-wrapper {
    column-gap: 1em;
}


/* helpers: maag helpers END */


/* Maag Product Accessoir and Up-/Downstream start*/

.maag-cproducts-header,
.maag-ac-header {
    font-size: 28.8px !important;
    color: var(--h3_typography-color) !important;
    padding-bottom: var(--h4_typography-margin-bottom);
}

.maag-cproducts-body,
.maag-ac-body {
    position: relative;
    /*margin-right: 30px;*/
    box-sizing: border-box;
    display: flex;
    padding-left: 27px;
    flex-wrap: wrap;
}

.maag-cproducts-col,
.maag-ac-col {
    position: relative;
    display: block;
    flex-basis: 14%;
    flex-wrap: wrap;
    margin-right: 30px;
    margin-bottom: 30px;
}

.maag-cproducts-col-header,
.maag-ac-col-header {
    display: flex;
    justify-content: center;
    color: var(--h4_typography-color) !important;
    font-weight: bold;
}

.maag-cproducts-col-thumb,
.maag-ac-col-thumb {
    display: flex;
    justify-content: center;
}


/* Maag Product Accessoir and Up-/Downstream start*/


/* media queries START */


/*-------------------------------------------------------------------------------------------*/


/* landscape sized ca. 640px */

@media only screen and (min-width: 40em) {
    /* essentials START */
    #wrapper .fusion-layout-column {
        margin-bottom: 0;
    }
    /* essentials END */
    /* layout: home START */
    .home .maag-fields-of-competence img {
        max-height: 200px;
    }
    /* layout: home END */
    /* navi: bottom button bar START */
    .maag-bottombuttonbar {
        margin-top: 3em;
        padding-top: 0;
        padding-bottom: 3em;
    }
    .maag-bottombuttonbar .fusion-column-wrapper {
        height: 200px;
        -webkit-align-items: center;
        align-items: center;
    }
    .maag-bottombuttonbar .fusion-button-wrapper {
        width: auto;
        margin: 1em;
    }
    .maag-bottombuttonbar .fusion-button-wrapper a {
        width: auto;
    }
    /* navi: bottom button bar END */
    /* navi: productbrands START */
    .maag-productbrandsnavi>.fusion-column-wrapper {
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    /* navi: productbrands END */
    /* footer: privacy notice START */
    .fusion-privacy-bar a.fusion-button {
        margin: 2em 0 1em 0;
    }
    /* footer: privacy notice END */
}


/*-------------------------------------------------------------------------------------------*/


/* mid size browser windows ca. 960px */

@media only screen and (min-width: 60em) {
    /* Maag Product Accessoir and Up-/Downstream  start*/
    .maag-cproducts-col,
    .maag-ac-col {
        flex-basis: 30%;
    }
    /* Maag Product Accessoir and Up-/Downstream  start*/
    /* essentials START */
    #wrapper .fusion-header,
    #wrapper .fusion-secondary-header {
        padding: 0;
    }
    #wrapper .fusion-header .fusion-row {
        padding-left: 0;
    }
    /* essentials END */
    /* navi: top main navi START */
    .fusion-secondary-header {
        padding-right: 2em;
    }
    .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-header .fusion-row {
        padding-bottom: 1.5em;
    }
    .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-logo {
        margin-top: -10px !important;
    }
    .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-logo img {
        height: 90px !important;
        max-height: 90px !important;
    }
    .fusion-header-wrapper.fusion-is-sticky .fusion-logo {
        padding-top: 1.2em;
    }
    .fusion-main-menu>ul>li {
        padding-right: 0;
        text-transform: uppercase;
    }
    .fusion-main-menu>ul>li:not(:last-child) {
        margin-right: 1.2em;
    }
    .fusion-is-sticky .fusion-main-menu>ul>li {
        padding-right: 0;
    }
    /* navi: top main navi END */
    /* navi: secondary header START */
    .menu .menu-item:last-child a {
        margin-right: 0;
    }
    /* navi: secondary header END */
    /* navi: maag-sidelogonavi START */
    .maag-sidelogonavi {
        display: -webkit-flex;
        display: flex;
        position: absolute;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 128px;
        top: 12em;
        right: -85px;
    }
    .maag-sidelogonavi-link {
        position: relative;
        display: block;
        background-color: #fff;
        min-width: 150px;
        transition: all 300ms ease;
    }
    .maag-sidelogonavi-link:hover {
        -webkit-transform: translateX(calc(-100% + 50px));
        transform: translateX(calc(-100% + 50px));
        transition: all 300ms ease-out;
    }
    .maag-sidelogonavi-link:nth-child(2) {
        top: -10px;
    }
    .maag-sidelogonavi-link:nth-child(3) {
        top: -20px;
    }
    .maag-sidelogonavi-link:nth-child(4) {
        top: -20px;
        transition: all 300ms ease-out;
    }
    .maag-sidelogonavi-link:nth-child(4) i:before{
        color: unset !important;
    }
    .maag-sidelogonavi-link:nth-child(4):hover i {
        -webkit-transform: translateX(calc(-100% + 50px));
        width: 0 !important;
        opacity: 0;
        transition: all 300ms ease-out;
    }

    .maag-sidelogonavi-link .fusion-button i {
        color: #e6a400 !important;
    }
    /* navi: maag-sidelogonavi END */
    /* navi: subnavi START */
    .maag-subnavigation-container {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    #wrapper .maag-subnavigation {
        display: block;
    }
    .maag-subnavigation .heading {
        border-right: solid 1px hsl(0, 0%, 90%);
    }
    .maag-subnavigation .widget-title {
        margin: 0;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 0.9rem;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
    }
    .maag-subnavigation a {
        display: block;
        width: 100%;
        padding: 0.6em 0.8em !important;
        line-height: 1.5;
    }
    .maag-subnavigation .menu {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-content: center;
        align-content: center;
        -webkit-align-items: auto;
        align-items: auto;
    }
    body .maag-subnavigation .menu .menu-item {
        font-size: 0.9em;
        -webkit-order: 0;
        order: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    body .maag-subnavigation .widget_nav_menu {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 0;
    }
    body .maag-subnavigation .widget_nav_menu .menu {
        height: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    body .maag-subnavigation .widget_nav_menu .menu>.menu-item {
        padding: 0;
        border: none;
    }
    body .maag-subnavigation .widget_nav_menu .menu>.menu-item a {
        display: block;
    }
    body .maag-subnavigation .widget_nav_menu .menu>.menu-item a::before {
        content: none;
    }
    .maag-subnavigation,
    .maag-subnavigation.fusion-widget-area {
        margin: 0 -30px 3em -30px;
        padding: 0 3em;
        border-top: 1px solid hsl(0, 0%, 90%);
        border-bottom: 1px solid hsl(0, 0%, 90%);
    }
    .maag-subnavigation .widget.menu {
        margin-bottom: 0;
    }
    #wrapper .maag-subnavigation .widget_text {
        margin-bottom: 0;
    }
    #wrapper .maag-subnavigation .textwidget a {
        border-right: solid 1px hsl(0, 0%, 90%);
    }
    /* navi: subnavi END */
    /* navi: competencetab START */
    .single .maag-competencetab {
        display: block;
        position: absolute;
        z-index: 2;
        height: 23px;
        top: 0;
        left: 63px;
    }
    /* if needed all empty space on right side of competence-images has to be removed */
    /* .single .fusion-is-sticky .maag-competencetab {
	box-shadow: #fff 0 -23px 0, rgba(0,0,0,.117647) 0 1px 3px;
	} */
    .single .maag-competencetab img {
        width: auto;
        height: 100%;
    }
    /* navi: competencetab END */
    /* navi: anchors START */
    .maag-anchor {
        width: 100% !important;
        margin-bottom: 1.2em;
        justify-content: flex-start !important;
        padding: 0 !important;
        text-align: left !important;
        text-transform: none !important;
        font-family: "Open Sans Light", Arial, Helvetica, sans-serif !important;
    }
    .maag-anchor .fusion-button-text {
        font-weight: normal;
        font-size: 1rem;
        line-height: 1.5em;
    }
    #content {
        margin-top: 0;
    }
    /* navi: anchors END */
    /* navi: productbrands START */
    .maag-productbrandsnavi::before {
        display: block;
        position: absolute;
        width: 1px;
        height: 30px;
        top: -48px;
        left: 50%;
        background-color: hsl(0, 0%, 90%);
        content: "";
    }
    /* navi: productbrands END */
    /* layout: home START */
    .home .maag-fields-of-competence .fusion-column-wrapper {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .home .maag-fields-of-competence .fusion-column-wrapper span {
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
    }
    .maag-sectors .fusion-layout-column {
        position: relative;
    }
    .maag-sectors .fusion-column-wrapper {
        padding-bottom: 43px !important;
    }
    .maag-sectors .fusion-imageframe {
        max-width: 40%;
    }
    .maag-sectors .fusion-button-wrapper {
        position: absolute;
        width: calc(100% - 2em);
        bottom: 0;
        left: 1em;
    }
    .maag-news .fusion-posts-container {
        display: -webkit-flex;
        display: flex;
        margin-bottom: 2rem;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .maag-news .news {
        -webkit-flex: 0 1 33%;
        flex: 0 1 33%;
    }
    #wrapper #main .maag-jobsbox {
        padding-right: 0;
    }
    /* layout: home END */
    /* layout: news (overview) START */
    .maag-news .news {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    #wrapper .maag-news .fusion-meta-info .fusion-alignleft {
        width: 60%;
    }
    /* layout: news END */
    /* layout: maag products START */
    .maag-products-services-applications .fusion-layout-column {
        padding: 1em 1em 1em 1em;
    }
    #wrapper .maag-products-services-applications .fusion-button {
        width: 100%;
    }
    .maag-products-services-applications .fusion-layout-column .fusion-column-wrapper {
        display: -webkit-flex;
        display: flex;
        -webkit-align-content: space-between;
        align-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        border-top: 1px solid #cdcdcd;
    }
    .maag-products-services-applications .fusion-layout-column {
        position: relative;
    }
    .maag-products-services-applications .fusion-column-wrapper {
        padding-bottom: 43px !important;
    }
    .maag-products-services-applications .fusion-button-wrapper {
        position: absolute;
        width: 100% !important;
        bottom: 0;
        left: 0;
    }
    .maag-products .fusion-layout-column .fusion-column-wrapper {
        -webkit-align-content: space-between;
        align-content: space-between;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    /* layout: maag products END */
    /* footer START */
    .fusion-footer-widget-column {
        margin-bottom: 0 !important;
    }
    #wrapper .fusion-footer .fusion-column:not(.fusion-column-last) {
        -webkit-flex-basis: auto;
        flex-basis: auto;
    }
    /* footer END */
    /* footer: privacy notice START */
    #wrapper~.fusion-privacy-bar {
        padding-bottom: 2em;
    }
    .fusion-privacy-bar .fusion-privacy-bar-main {
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    .fusion-privacy-bar a.fusion-button,
    .fusion-privacy-bar .fusion-privacy-bar-main .fusion-privacy-bar-acceptance {
        margin: 0 0 0 30px;
        padding: 8px 20px;
    }
    .fusion-privacy-bar a:not(.fusion-button) {
        height: auto;
        margin-bottom: 0;
        margin-left: 0;
        line-height: 1.2;
    }
    .fusion-privacy-bar .fusion-privacy-bar-full .fusion-privacy-choices {
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    /* footer: privacy notice END */
    /* helpers: flexgrid START */
    .maag-flexgrid .fusion_builder_column_1_1 {
        width: 50%;
    }
    .maag-flexgrid .fusion_builder_column_1_1 .fusion-column-wrapper {
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        height: 100% !important;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
    }
    .maag-flexgrid .fusion_builder_column_1_1 .fusion-column-wrapper>div {
        width: 100%;
    }
    .maag-flexgrid .fusion_builder_column_1_1 .fusion-column-wrapper .fusion-button-wrappercenter {
        -webkit-align-self: flex-end;
        align-self: flex-end;
    }
    .maag-flexgrid .fusion_builder_column_1_1 .fusion-column-wrapper>.fusion-clearfix {
        display: none;
    }
    /* helpers: flexgrid END */
    /* helpers: maag helpers START */
    /* KG AUSKOMMENTIERT

	.maag-white-innerbox .fusion-column-first.fusion_builder_column_1_2 {
	padding-top: 3em;
	}

	.maag-white-innerbox .fusion-column-first.fusion_builder_column_1_2,
	.maag-white-innerbox .fusion-column-last.fusion_builder_column_1_2 {
	padding-top: 0;
	}

	.maag-white-innerbox .fusion-column-first.fusion_builder_column_1_2:nth-child(2),
	.maag-white-innerbox .fusion-column-last.fusion_builder_column_1_2:nth-child(3) {
	padding-top: 3em;
	}

	.maag-white-innerbox .fusion-column-first.fusion_builder_column_1_2 {
	width: 40%!important;
	margin-right: 0!important;
	padding-right: 2em;
	padding-left: 3em;
	}

	.maag-white-innerbox .fusion-column-last.fusion_builder_column_1_2 {
	width: 60%!important;
	padding-right: 3em;
	padding-left: 0;
	}

	.maag-white-innerbox .fusion_builder_column_1_1 + .fusion_builder_column_1_1 {
	padding-right: 3em;
	padding-left: 3em;
	}
	*/
    #wrapper .maag-fullwidth {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .maag-image-left {
        float: left !important;
        margin-right: 27px;
        margin-bottom: 10px;
    }
    .maag-image-right {
        float: right !important;
        margin-left: 2em;
    }
    /* helpers: maag helpers END */
}


/*-------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 600px) {
    /* Maag Accessoriers*/
    .maag-cproducts-col,
    .maag-ac-col {
        flex-basis: 25%;
    }
    /* Maag Accessoriers*/
}


}

/*-------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 60em) and (max-width: 63em) {
    .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-logo img {
        height: 77px !important;
        max-height: 77px !important;
    }
}

/*-------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1035px) {
    /* Maag Accessoriers*/
    
    .maag-cproducts-col,
    .maag-ac-col {
        flex-basis: 30%;
    }
    /* Maag Accessoriers*/
    /* helpers: maag helpers START */
    
    .maag-smallerwidthbox-right img {
        margin-left: calc(((100vw - 75px) - 960px) * -1);
    }
    
    .maag-smallerwidthbox-left img {
        margin-right: calc(((100vw - 75px) - 960px) * -1);
    }
    /* helpers: maag helpers END */
}

/*-------------------------------------------------------------------------------------------*/

/* mid size browser windows ca. 1360px */
@media only screen and (min-width: 85em) {
    /* Maag Accessoriers*/
    
    .maag-cproducts-col,
    .maag-ac-col {
        flex-basis: 14%;
    }
    /* Maag Accessoriers*/
    /* essentials START */
    
    #main {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
    
    #wrapper .width-100 .nonhundred-percent-fullwidth,
    .width-100 .fusion-fullwidth {
        margin-left: -80px !important;
        margin-right: -80px !important;
    }
    /* .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-header-v2 {
	max-width: 1360px;
	margin: 0 auto;
	} */
    
    .fusion-header-wrapper .fusion-secondary-header {
        border: none;
    }
    /* #wrapper .fusion-header .fusion-row,
	#wrapper .fusion-secondary-header .fusion-row {
	padding-right: 0;
	} */
    /* essentials END */
    /* AVADA OVERRIDE START */
    
    #main .fusion-row,
    #slidingbar-area .fusion-row,
    .fusion-footer-copyright-area .fusion-row,
    .fusion-footer-widget-area .fusion-row,
    .fusion-page-title-row,
    .tfs-slider .slide-content-container .slide-content {
        max-width: 85em;
    }
    /* AVADA OVERRIDE END */
    /* layout: home START */
    
    .maag-sectors .fusion-imageframe {
        max-width: 200px;
    }
    
    .home .maag-fields-of-competence img {
        max-height: 230px;
    }
    /* layout: home END */
    /* footer START */
    
    .layout-wide-mode.avada-has-100-footer .fusion-footer-widget-area>.fusion-row,
    #wrapper .fusion-footer-widget-area>.fusion-row,
    #wrapper .fusion-footer-copyright-area .fusion-row {
        max-width: 1360px !important;
    }
    
    #wrapper .fusion-footer-widget-area .fusion-row,
    #wrapper .fusion-footer-copyright-area .fusion-row {
        max-width: 1360px !important;
    }
    /* footer END */
    /* footer: privacy notice START */
    
    body .fusion-privacy-bar .fusion-privacy-bar-main,
    .fusion-privacy-bar .fusion-privacy-bar-full {
        max-width: 1360px;
    }
    /* footer: privacy notice END */
    /* helpers: maag helpers START */
    
    #wrapper .width-100 .nonhundred-percent-fullwidth,
    .width-100 .fusion-fullwidth {
        padding-right: 80px;
        padding-left: 80px;
    }
    
    #wrapper .maag-fullwidthbox {
        /* width: 100vw;
        margin-left: calc( (100vw - 85em - 15px) / 2 *-1)!important; */
        margin-right: 0;
    }
    
    .maag-smallerwidthbox-right img {
        margin-left: calc((85em - 60em) * -1);
    }
    
    .maag-smallerwidthbox-left img {
        margin-right: calc((85em - 60em) * -1);
    }
    /* helpers: maag helpers END */
}

/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 40em) and (orientation: portrait) {
    /* Maag Product Accessoir and Up-/Downstream  start*/
    
    .maag-cproducts-col,
    .maag-ac-col {
        flex-basis: 40%;
    }
    /* Maag Product Accessoir and Up-/Downstream  start*/
    
    .jobs .flex-active-slide a {
        display: block;
        position: relative;
        width: 100%;
        height: 200px;
    }
    
    .jobs .flex-active-slide a img {
        position: absolute;
        width: 200%;
        max-width: 200%;
    }
.fusion-footer .fusion-column:nth-child(1) {
   
    height: auto;
}

    .maag-anchor {
        width: 100%;
        margin-bottom: 1em;
    }

    .maag_accent_button {
        width: 100% !important;
        margin-bottom: 1em;
    }
    


    .maag_products_button_container div div {
        width: 100%;
    }
}

/*-------------------------------------------------------------------------------------------*/

/* media queries END */
.maag-job-sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.maag-job-sidebar li {
    display: block;
    padding: 10px 10px 10px 12px !important;
    border-bottom: 1px solid #000;
    position: relative;
    margin: 0;
}
.maag-job-sidebar a::before {
    color: #337ab7;
    position: absolute;
    font-family: awb-icons;
    content: "\f105";
    margin-left: -12px;
}

.maag_products_button_container{
    margin-top: 1em;
}

@media only screen and (max-width: 1024px) {
    .maag-application-image-container {
        margin-bottom: 1em !important;
    }

    .order-zero{
        order: 0 !important;
    }
    .order-one{
        order: 1 !important;
    }
    .order-two{
        order: 2 !important;
    }
    .order-three{
        order: 3 !important; 
    }
}

.recyclingwebinar .modal-content .modal-header {
    flex-direction: row-reverse;
} 

.recyclingwebinar .modal-content .modal-header .close {
    margin-top:  -11px !important;
}