@charset "utf-8";
/* CSS Document */

/* Direct GMG-Overrides */

/* Normalizer for H1 */
.ce_header .hyphenate-header {overflow-wrap:normal !important; word-wrap:normal !important; -webkit-hyphens:none !important; -ms-hyphens:none !important; hyphens:none !important;}
/* for Subheadings */
.ce_header .description p {color:#999999 !important;}

/* Normalizer for Demo-Buttons with Link */
div.addl_link {margin-bottom:1.5em;}
div.addl_link > div {margin-bottom:-0.7em;}
@media only screen and (max-width:48em)  /* ~768px */ 
{
div.addl_link + br + a {margin-bottom:2em;}
}

/* Normalizer for Hover effect of CTA-Buttons in PopUp Forms */
div.cf_submit_popup > button.cf_submit_popup:hover {background-color:#ee2d68 !important; border:.05em solid #ee2d68 !important;}

/* For Search input [placeholder text] */
input.input_dt::placeholder, input.input_dt::-webkit-input-placeholder {
font-family:'Lato', sans-serif !important; 
font-size:1.05em; font-weight:400; 
font-style:normal !important; 
color:#333333 !important; 
opacity:1;
margin-top:-0.15em;  
} 

/* Normalizer & Rich Text Editor */
.show_bullet {list-style-type:disc !important;}

/* Normalizer for black body text */
ul, ol, p, th.trainings, td.trainings, .accordion, th.download_area, td.download_area, .tl1, .tl1a, .tl2, .tl2a, div.cf_checkbox_text, 
.select-items div, .select-selected, div.form > div.icon_label, div.form > div.icon_label a, .gmg-form .formtag .small {color:#333333 !important;}

/* Global constraints for main Dividers */
hr.divider_layout, hr.divider_layout_inner {max-width:79em; margin-right:auto; margin-left:auto;}
@media only screen and (max-width:85em)  /* ~1360px */ 
{
hr.divider_layout, hr.divider_layout_inner {margin-right:2.5em; margin-left:2.5em;}
}
@media only screen and (max-width:48em)  /* ~768px */ 
{
hr.divider_layout, hr.divider_layout_inner {margin-right:1.5em; margin-left:1.5em;}
}
@media only screen and (max-width:48em)  /* ~768px */ 
{
hr.divider_layout, hr.divider_layout_inner {margin:1.2em 1.5em 4em 1.5em;}
}

/* Adjustment for Product Icons */ 
.icon_container_lg {min-width:11em !important;}
img.product_icon:hover {box-shadow:0.1em 0.1em 1em #cccccc !important;}
img.product_icon_sm:hover {box-shadow:0.1em 0.1em 0.4em #999999 !important;}
/* Icons for Solutions [Company Details] */
.box_stubbi + #ce_modul_03 > .icon_container_lg {min-width:5.5em !important;}

/* For News Pages */
div.tx-smedia-news > main > div.center > div.centerfix.slimline {padding-top:2%;}
main > div.spacer_layout + div.center > div.centerfix.slimline > h2 {padding-top:5%; padding-bottom:4%;}

/* For Upscroll-Button */
#uptown_btn {
display:none;
position:fixed;
bottom:19em;
right:1.5em;
z-index:99;	
width:3em;
height:3em;		
background-image: url('https://gmgcolor.com/fileadmin/gmg_icons/upscroll.svg');		
background-position:center;
background-repeat:no-repeat;
background-color:rgba(192,192,192,0.65);		
border:0.02em solid transparent; 	
background-size:50%;	
border-radius:12%;
-moz-border-radius:12%;
-webkit-border-radius:12%;
}	
#uptown_btn:hover {
background-color:rgba(192,192,192,0.8);
border:0.02em solid transparent;
} 
@media only screen and (max-width:42.5em)  /* ~ 680px */
{
#uptown_btn {right:1em;}
}

/* ================================================================================== */

/* DOWNLOAD-Area subheading */
@media only screen and (max-width:97.5em)  /* ~1560px */ 
{
div.tx-smedia-product > div.description > h1 + p {padding:0 0 1% 0 !important;}
}
@media only screen and (max-width:70em)  /* ~1120px */ 
{
div.tx-smedia-product > div.description > h1 + p {padding:0 4% 2% 4% !important;}
}

/* DOWNLOAD-Area: left product container */
.mdl_container_2 {max-width:17em; margin:0 3% 0 3% !important;}

@media only screen and (max-width:81em)  /* ~1300px */ 
{
.mdl_container_2 {max-width:13em; margin:0 3% 0 1% !important;  }
}
@media only screen and (max-width:70em)  /* ~1120px */ 
{
.mdl_container_1 {width:38.5em;}
.mdl_container_2 {max-width:100% !important; margin:0 4% 0 1% !important;}
}
@media only screen and (max-width:48em) /* ~768px */ 
{
.mdl_container_1 {width:100%;}
.mdl_container_2 {max-width:14em !important; margin:0.55em 1.3em 0 0 !important;  }
}
@media only screen and (max-width:33em)  /* ~530px */
{
.mdl_container_2 {max-width:8.5em !important;}
div.toggle {padding:0; margin:0.7em 0 0 0.7em;}
}

/* DOWNLOAD-Area: CTA Buttons [fine adjustments] */
@media only screen and (max-width:70em) /* ~1120px */ 
{
/*a.hero_button.big {font-size:1.43em !important; padding:0.9em 2.5em !important; border-width:0.07em; margin-top:0.8em;}*/
a.hero_button.square {font-size:1.43em !important; padding:0; border-width:0.07em; margin-top:0.8em !important;}
}
@media only screen and (max-width:48em) /* ~768px */ 
{
a.hero_button.big {font-size:1.12em !important; padding:0.9em 2.8em !important; margin-top:0.35em;}
a.hero_button.square {font-size:1.13em !important; margin-top:0.35em !important;}
}
@media only screen and (max-width:33em) /* ~530px */ 
{
a.hero_button.big {font-size:1.1em !important; margin-top:0.8em;}
a.hero_button.square {margin-top:0.8em !important;}
}

/* DOWNLOAD-Area: Technische Daten / Item 3 */
.tx-smedia-product .product_download version:nth-child(3) {margin-top:0.5em;}


/* ================================================================================== */

/* START Adjustments for <<Gruppe Contentboxen>> */

@media only screen and (min-width:90.01em)   /* +1440px */
{
div.box {min-height:30em !important;}
}

@media only screen and (max-width:90em)   /* ~1440px */
{
div.box { 
min-height:23em !important; 
max-height:23em !important; 
}

/* Adjust headings and Stubbi lines */
h2.gray_box {font-size:1.3em !important; margin-top:1em; margin-bottom:0.4em;}
#ce_modul_01 .gray_box::after {display:none !important;} 
	
#ce_modul_01 > .wrapper > .box > .content {padding:1.1em 3.1em 0em 3.1em !important;}
.modul_04_override > .wrapper_ext > .wrapper_int > .box_content > .box > .content {padding:1.1em 1.1em 0em 3.1em !important;}
}

@media only screen and (max-width:81em) /* ~1290px */
{
div.box {max-width:24em !important;}
.box > .content > div.primary_text, .box > .content > div.primary_text > p {font-size:0.95em !important;}
.modul_04_override > .wrapper_ext > .wrapper_int > .box_content > .box > .content {padding:1.1em 3.1em 0em 3.1em !important;} 
}

@media only screen and (max-width:56em)   /* ~900px */
{
div.box:nth-child(1) {margin-left:0%; margin-right:3.5%;}
div.box:nth-child(2) {margin-left:0%;}
div.box:nth-child(3) {float:none !important; margin-right:3.5%;}
}

@media only screen and (max-width:53em)   /* ~860px */
{
.centergroup {display:inline-block !important;}
#ce_modul_01 > div.box:nth-child(1), div.box:nth-child(2), div.box:nth-child(3) {margin-left:1em !important; margin-right:0;}
#divider_top_adj {margin-bottom:2.5em;}
}

@media only screen and (max-width:48em)   /* ~768px */ 
{
.flex {max-width:23em !important; margin:0 auto;}
div.box:nth-child(1) {margin-left:4% !important;}
.box > .content > div.primary_text > p, div.icon_label > a {font-size:0.9em !important;}
div.support_icon {width:1.2em; margin-top:0.1em;}
div.icon_label {margin-bottom:1.2em; margin-left:0.8em;}

/* for Search page */
div.search_contact_box {max-width:23em !important; margin:0 auto;}
#nofound-search > div.ce_headerrte {margin-bottom:2em !important;}
div.data_item + div.button_square + div.terminator + hr.divider_list {margin-bottom:3em !important; }

}
@media only screen and (max-width:33em)   /* ~530px */
{
div.box:nth-child(1), div.box:nth-child(2), div.box:nth-child(3) {margin-left:0 !important; margin-right:0;}
}

/* END Adjustments for <<Gruppe Contentboxen>> */

/* ================================================================================== */

/* START Adjustments for <<Contentbox weiß mit Bild>> */

div.ce_modul_05 {background-color:white !important;}
.image_box_right, .image_box_left {background-repeat:no-repeat !important;}
div.ce_modul_05 {max-width:84em !important; margin:0 auto !important;} 
div.ce_modul_05.content_box_left > div.box > div.content > h2  + hr {display:none !important;} /* normalizer vspace */

div.ce_modul_05.content_box_left {min-width:30em !important; margin-left:0 !important;}
div.ce_modul_05 > div.image_box_right {margin-right:2.5em !important;}
div.ce_modul_05 > a > div.image_box_right {margin-right:2.5em !important;} /* for images with links */

div.ce_modul_05.content_box_right {min-width:30em !important; margin-right:0 !important;}
div.ce_modul_05 > div.image_box_left {margin-left:2.5em !important;}
div.ce_modul_05 > a > div.image_box_left {margin-left:2.5em !important;} /* for images with links */

@media only screen and (max-width:90.6em)   /* ~1450px */
{
/* Adjust headings */
h2.bounding_box {font-size:1.3em !important; margin-top:1em; margin-bottom:0.4em;}	
}

@media only screen and (max-width:81em)   /* ~1290px */
{
div.ce_modul_05.content_box_left, div.ce_modul_05.content_box_right {min-width:28em !important;}
div.ce_modul_05 > div.box {max-width:28em !important;}
}

@media only screen and (max-width:70em)  /* ~1120px */ 
{
div.ce_modul_05.content_box_left {margin-left:0 !important;}
div.ce_modul_05.content_box_right {margin-right:0 !important;}
}

@media only screen and (max-width:65em)  /* ~1050px */ 
{
div.ce_modul_05.content_box_left, div.ce_modul_05.content_box_right {min-width:24em !important;}
div.box {min-height:24em; max-width:24em !important;}
}

@media only screen and (max-width:58.2em)  /* ~930px */
{
div.image_box_right, div.image_box_left {width:47% !important;}
}

@media only screen and (max-width:53.2em)  /* ~850px */
{
div.ce_modul_05 > div.image_box_left, div.ce_modul_05 > div.image_box_left {width:42% !important;}
div.ce_modul_05 > div.image_box_right, div.ce_modul_05 > div.image_box_right {width:42% !important;}
/* for images with links */
div.ce_modul_05 > div.image_box_left, div.ce_modul_05 > a > div.image_box_left {width:42% !important;}
div.ce_modul_05 > div.image_box_right, div.ce_modul_05 > a > div.image_box_right {width:42% !important;}
div.ce_modul_05.content_box_left > div.box > .content {padding-left:1.5em !important;}
div.ce_modul_05.content_box_right > div.box > .content {padding-left:1.5em !important;}

/* Adjustments for <<Contentbox grau mit Bild>> */
.modul_04_override > .wrapper_ext > .wrapper_int > div.image_box_right {width:42% !important;}
.modul_04_override > .wrapper_ext > .wrapper_int > div.image_box_left {width:42% !important;}
/* for images with links */
.modul_04_override > .wrapper_ext > .wrapper_int > a > div.image_box_right {width:42% !important}
.modul_04_override > .wrapper_ext > .wrapper_int > a > div.image_box_left {width:42% !important;}
}

@media only screen and (max-width:48em)  /* ~768px */ 
{
div.ce_modul_05.content_box_left {min-width:22.5em !important; margin: 0 0 2em 0 !important;}
div.ce_modul_05.content_box_right {min-width:22.5em !important; margin: 0 0 2em 0 !important;}
div.ce_modul_05.content_box_left > div.box > .content {padding-left:1.5em !important;}
div.ce_modul_05.content_box_right > div.box > .content {padding-left:1.5em !important;}
div.ce_modul_05 > div.box > div.content > div.primary_text {margin-top:1.2em !important;}
div.ce_modul_05 > div.image_box_left, div.ce_modul_05 > a > div.image_box_left {margin-left:1.5em !important;}
div.ce_modul_05 > div.image_box_right, div.ce_modul_05 > a > div.image_box_right {margin-right:1.5em !important;}

/* Adjustments for <<Contentbox grau mit Bild>> */
.content_box_left.box_content.single_column_box_prod.scbp_print.cbl_print > div.box {min-width:20em !important; margin-left:0 !important;}
.modul_04_override > .wrapper_ext > .wrapper_int > .content_box_left {min-width:21em !important; margin-left:0 !important;}
.modul_04_override > .wrapper_ext > .wrapper_int > .content_box_right {min-width:21em !important; margin-right:0 !important;}
.content_box_right.box_content.single_column_box_comp.scbp_print.cbr_print > div.box {min-width:20em !important; margin-left:0 !important;}
.modul_04_override > .wrapper_ext > .wrapper_int > .box_content > .box > .content {padding-left:1em !important; margin-left:1em !important;}

.modul_04_override > .wrapper_ext > .wrapper_int > div.image_box_right {width:39% !important;}
.modul_04_override > .wrapper_ext > .wrapper_int > div.image_box_left {width:39% !important;}
/* for images with links */
.modul_04_override > .wrapper_ext > .wrapper_int > a > div.image_box_right {width:39% !important}
.modul_04_override > .wrapper_ext > .wrapper_int > a > div.image_box_left {width:39% !important;}

.box > .content > div.primary_text > p {font-size:0.9em !important;}
}

/* Layout-Adjustments for Fallback-Images */
@media only screen and (max-width:42.5em)  /* ~ 680px */ 
{
div.ce_modul_05 > div.box {min-height:100% !important; margin-left:0.5em !important;} 
div.ce_modul_05.content_box_left, div.ce_modul_05.content_box_right {min-width:22.5em !important; margin:0 !important;}
hr.divider_layout, hr.divider_layout_inner {margin:1.2em 1.5em 3em 1.5em;}
}

@media only screen and (max-width:23.1em) /* ~370px */ 
{
div.ce_modul_05.content_box_left > div.box, div.ce_modul_05.content_box_right > div.box {margin-top:-1.5em !important;}
hr.divider_layout, hr.divider_layout_inner {margin:0 1.5em 1.5em 1.5em !important;}
div.primary_text + p {font-size:0.9em !important;}
}

/* END Adjustments for <<Contentbox weiß mit Bild>> */

/* ================================================================================== */

/* START Adjustments for PopupForms */
#form-close, .modal-close-btn {font-family:'Lato', sans-serif !important; font-weight:300 !important; font-size: 1.5em !important;} /* Close-Button*/
body.form-page:not(#p477):not(#p133):not(#p485):not(#p498) {padding-bottom:40px !important; background-color:#f5f5f5 !important;overflow-y: hidden !important;}
#Contact.form-iframe.Contact {background-color:transparent !important;}
#Kontakt.form-iframe.Kontakt {background-color:transparent !important;}

/* Consulting */
#form.form-iframe.form {background-color:transparent !important;}
div.form > h1.form_heading {margin-bottom:0.8em;}

#Product.form-iframe.Product {background-color:transparent !important;}
#Produkt.form-iframe.Produkt {background-color:transparent !important;}

/* Personal Training */
#Academy.form-iframe.Academy {background-color:transparent !important;} 
  

@media only screen and (max-width:32em)   /* ~530px */
{
/* #workshop.form-iframe.workshop {max-height:105em !important;} */ 
}

#Newsletter.form-iframe.Newsletter {width:100%; max-width:30em !important; max-height:48.75em !important; padding:1.7em 0 0 0 !important;}
/* For Firefox */
iframe#CD_Frame {width:100% !important; min-width:20em !important; max-width:28em !important; margin-left:1em !important;} 
#Newsletter.form-iframe.Newsletter > p {padding:1em 2em 2em 2em !important;} /* For private mode */
@media only screen and (max-width:32em)  /* ~512px */
{
#Newsletter.form-iframe.Newsletter {max-width:25em !important;}
iframe#CD_Frame {width:85% !important; padding-left:1em !important;} /* For Firefox */
}

/* For Contact-Form Heading */
@media only screen and (max-width:53em)  /* ~ 850px */ 
{
.mega_font {font-size:3.5em !important; padding:0 0.2em 0 0;}
.form_heading {font-size:1.3em !important;}
}
@media only screen and (max-width:34.4em)  /* ~ 550px */ 
{
.form_heading {padding-top:0.4em;}
}

/* END Adjustments for PopupForms */ 


/* For Academy-Workshop gray box */
@media only screen and (max-width:91em)  /* 1450px */
{
div.simple_box > h4.s_box + p + hr + h4.s_box {margin-top:1.2em !important;}
}

/* For Locations */
@media only screen and (max-width:48em)  /* ~768px */
{
div.flag > img.flag_icon {display:none;}
}

/* ================================================================================== */

/* For SLICK-Slider */

//* ================================================================================== */

/* No-Cookie-Fallback-Solution for standard Video-Previews */
.videoWrapper {background-color:#f8f8f8;}

/* No-Cookie-Fallback-Solution for Carousel Video-Previews */
div.carousel {min-height: 13.5em; margin-top:0.7em;} 
div.carousel-list div.carousel-item figure {display:block; width:15em; height:8.5em; background-color:#f5f5f5;}


/* ================================================================================== */

/* Responsive Promo Tiles [jobs] */
div.hoverbox > div.blend > div.tile > p {line-height:1.4em; padding:0.8em; margin:0;}

/* For TOOLTIPS [Downloads] */
@media only screen and (max-width:70em)  /* 1120px */
{
#tooltip_download {margin:-1.9em 0 0 19em !important;} 
#tooltip_download_a {margin:-0.2em 0 0 20.7em !important;} 
#tooltip_download_mac {margin:-1.9em 0 0 19em !important;}
#tooltip_download_mac_a {margin:-0.2em 0 0 20.7em !important;}
#tooltip_license {margin:-1.9em 0 0 32.5em !important;}
#tooltip_license_a {margin:-0.2em 0 0 32.8em !important;}
}
@media only screen and (max-width:48em)  /* 768px */
{
#tooltip_download {margin:-2.7em 0 0 13em !important;} 
#tooltip_download_a {margin:-0.9em 0 0 15.5em !important;}
#tooltip_download_mac {margin:-2.7em 0 0 13em !important;} 
#tooltip_download_mac_a {margin:-0.9em 0 0 15.5em !important;}
#tooltip_license {margin:-2.7em 0 0 23.6em !important;}
#tooltip_license_a {margin:-0.9em 0 0 24.9em !important;}
}
@media only screen and (max-width:33em)  /* 530px */
{
#tooltip_download, #tooltip_download_a, #tooltip_download_mac, #tooltip_download_mac_a, #tooltip_license, #tooltip_license_a {display:none !important;} 
}
  

/* FOOTER */

/* Adjustments for Language-Dropdown */
div.dropdown {margin-top:0.2em !important;} 

@media only screen and (max-width:27.5em)  /* 440px */
{
div.dropdown {width:2em !important; margin-top:0.1em !important; margin-left:6% !important;} 
#social_media {max-width: 15em !important; padding:0 !important; margin: 0.3em 0 0 0.5em !important;}
.sm_facebook, .sm_twitter, .sm_youtube, .sm_xing, .sm_linkedin, #sm_print {
background-size:80% !important; 
background-repeat: no-repeat;     
margin:0.4em 0.3em 0  0.3em !important; 
}  

}

/* START Adjustments for Copyright */
#copyright {color:#999999 !important;}
footer #copyright {margin:6% 0 0 0 !important;}
@media only screen and (max-width:91.1em)  /* 1450px */
{
footer #copyright {margin:7% 0 0 0 !important;}
}
@media only screen and (max-width:75.5em)
{
footer #copyright {margin:5% 0 0 0 !important;}
}
@media only screen and (max-width:48em)  /* ~768px */
{
footer #copyright {margin:7% 0 0 0 !important;}
}
@media only screen and (max-width:36.1em)  /* ~570px */ 
{
footer #copyright {margin:4% 0 0 0 !important;}
}
/* END Adjustments for the Copyright */


/* ================================================================================== */

/* Adjustments for LANDING-PAGES */

/* Image left, Textbox right */
div.lp__twocolumns > div.lp__twocolumns-row > div.lp__twocolumns--right {vertical-align:top !important;}
div.lp__twocolumns--right > div.ce_headerrte > div.top_heading {margin: 0 auto 2em 2.5em;}
/* Textbox left, Image right */
div.lp__twocolumns > div.lp__twocolumns-row > div.lp__twocolumns--left {vertical-align:top !important;}
div.lp__twocolumns--left > div.ce_headerrte > div.top_heading {margin: 0 2.5em 2em auto;}

@media only screen and (max-width:48em)  /* ~768px */ 
{
div.lp__twocolumns--right > div.ce_headerrte > div.top_heading {margin: 2em 0 2em 15%;}
div.lp__twocolumns--left > div.ce_headerrte > div.top_heading {margin: 0 0 2em 15%;}
}



/* ================================================================================== */

/** 
 * Schommer Media CSS
 */
.tx_smedia_casestudies_detail #ce_modul_03 {
    display: flex;
}

.tx_smedia_casestudies_detail .box_stubbi + #ce_modul_03 > .icon_container_lg {
    width: 50px !important;
    min-width: 0 !important;
    margin-right: 7.5px;
}

.tx_smedia_casestudies_detail .box_stubbi + #ce_modul_03 > .icon_container_lg .product_icon {
    max-width: unset !important;
    min-width: unset !important;
    max-height: unset !important;
    min-height: unset !important;
}