@font-face {font-family:"Expansiva-Bold";src:url("/files/STM4-Expert/fonts/Expansiva_bold.eot?") format("eot"),url("/files/STM4-Expert/fonts/Expansiva_bold.woff") format("woff"),url("/files/STM4-Expert/fonts/Expansiva_bold.ttf") format("truetype"),url("/files/STM4-Expert/fonts/Expansiva_bold.svg#Expansiva-Bold") format("svg");font-weight:normal;font-style:normal;}

/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'Metropolis Regular';
font-style: normal;
font-weight: normal;
src: local('Metropolis Regular'), url('/files/STM4-Expert/fonts/Metropolis-Regular.woff') format('woff');
}

@font-face {
font-family: 'Metropolis Medium';
font-style: normal;
font-weight: normal;
src: local('Metropolis Medium'), url('/files/STM4-Expert/fonts/Metropolis-Medium.woff') format('woff');
}

@font-face {
font-family: 'Metropolis Bold';
font-style: normal;
font-weight: normal;
src: local('Metropolis Bold'), url('/files/STM4-Expert/fonts/Metropolis-Bold.woff') format('woff');
}

@font-face {
font-family: 'Metropolis Semi Bold';
font-style: normal;
font-weight: normal;
src: local('Metropolis Semi Bold'), url('/files/STM4-Expert/fonts/Metropolis-SemiBold.woff') format('woff');
}
@font-face {font-family:"Source Code Pro";src:url("/files/STM4-Expert/fonts/SourceCodePro-Regular.ttf") format("truetype");font-weight:normal;font-style:normal;}

.CTAlink {
    color: #397B46;
}
.formbody input.text, .formbody textarea {
	display: block;
	width: calc(100% - 20px);
	max-width: 560px;
    padding: 7px 10px;
    margin: 10px 0px;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
/* tech.commons.css */
.warning{color:#c95212}.nogo{text-decoration:line-through;color:#f70000}
/* stm4.expert.css */
#container .pagePanorama{width:100%}
#container .pagePanorama figure{margin:0}
#container .pagePanorama img{width: 100%;height: auto;max-width: 1200px;margin: 0 auto;display: inherit}
html,body{margin:0;padding:0;font:1.0rem/1.4rem 'Metropolis Regular',Helvetica,Arial;font-weight:normal;color:#000}
#header,#container,#footer{position:relative}
#header .inside,#footer .inside,.custom .inside{max-width:860px;margin-right:auto;margin-left:auto;padding-right:1.3rem;padding-left:1.3rem;width: calc(100% - 2.6rem)}
#container .mod_article .content-headline, #container .mod_article .content-text, #topBar .content-text,#container .mod_article .ce_form{max-width:860px;margin-right:auto;margin-left:auto;padding-right:1.3rem;padding-left:1.3rem;width: calc(100% - 2.6rem)}
a{text-decoration:underline;color:#000}
a:hover{text-decoration:underline;color:#861B1B}
#header{min-height:1rem;padding-top:2.8rem;padding-bottom:2.5rem;font-size:.8rem;line-height:1rem}
#footer{min-height:1rem;padding-top:1rem;padding-bottom:1rem;background-color:#efefef;font-size:.8rem;line-height:1rem}
#topBar{min-height:1rem;padding-top:1rem;padding-bottom:1rem;background-color:#efefef;font-size:.8rem;line-height:1rem}
#stm4Logo{width:100%;max-width:522px;font-size:2rem;line-height:2.5rem;font-weight:normal;color:#000;text-decoration: none}
.STM4LogoText{font-family:Expansiva-Bold,Helvetica,Arial}
.STM4LogoText sup{font-size:60%}
#topLanguageSwitch{right:20px;top:10px;position:absolute;font-size:80%}
h1,h2,h3,h4,b,strong{font-family:'Metropolis Medium',Helvetica,Arial;}
h1{font-size:1.6rem;line-height:2.1rem}
h2,.cta{font-size:1.4rem;line-height:1.9rem}
h3{font-size:1.2rem}h4{font-size:1.0rem}
ul,ol{padding-right:1.5rem;padding-left:1.2rem}
.content-text ul li,.content-text ol li{margin-bottom:1rem}
.highlightBlock1{padding-top:2rem;padding-bottom:2rem}
.highlightBlock2{position:relative;padding-top:2rem;padding-bottom:2rem;background-color:#f7f7f7}
.highlightBlock3{min-height:1rem;padding-top:1rem;padding-bottom:1rem;background-color:#efefef;font-size:.8rem;line-height:1rem}
.highlightBlock4{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}
.highlightBlock5{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;background-color:#f7f7f7}
#contactBlock{}.highlightBlock5,.highlightBlock5 b,.highlightBlock5 strong{Font-Family: 'Source Code Pro', Arial !important}
.highlightBlock1 .divider,.highlightBlock2 .divider,.highlightBlock3 .divider,.highlightBlock4 .divider{width:45px;height:1px;margin:1.6rem auto;background-color:#861B1B}
#topContactLeftName,#topContactLeftNameDelimiter{position:relative;float:left;display:inline}
#topContactLeft{position:relative;float:left}
#topContactRight{width:24%;position:relative;float:right;text-align:right}
#footerLeft{width:34%;position:relative;float:left;font-size:.6rem}
#footerRight{width:65%;position:relative;float:right;text-align:right}
.highlightBlock2 .content-text{position:relative}
.mvSlogan{font-family:'Source Code Pro',Arial}
#DEKRABadge{width:100%;max-width:100px;right:0;top:0;position:absolute}
@media (max-width: 480px){
/* stm4.expert.480.css */
.mvSlogan{font-size:.75rem}
#stm4Logo{font-size:1.3rem;line-height:1.5rem;text-decoration: none}
}
@media (max-width: 1024px){
/* stm4.expert.1024.css */
#topBar{min-height:2rem}
#topContactLeftName{width:100%}
#topContactLeftNameDelimiter{display:none}
#DEKRABadge{position:relative}
}

