:root {
--blue: #1e355c;
--greenblue: #306479;
--orange: #ff9600;
--insidepadding: 5vw;
	}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/template/template_fonts/montserrat-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
	font-display: swap;
	font-family: 'Linearicons-Free';
	src:url('../../files/template/template_fonts/Linearicons-Free.eot?w118d');
	src:url('../../files/template/template_fonts/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'),
		url('../../files/template/template_fonts/Linearicons-Free.woff2?w118d') format('woff2'),
		url('../../files/template/template_fonts/Linearicons-Free.woff?w118d') format('woff'),
		url('../../files/template/template_fonts/Linearicons-Free.ttf?w118d') format('truetype'),
		url('../../files/template/template_fonts/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../../files/template/template_fonts/montserrat-v25-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
	
body {margin:0;padding:0;background:var(--blue);overflow:hidden;color:#000;font-family: 'Montserrat';font-weight:400;font-size:.9rem;line-height:140%;}
p {padding:0;margin:1rem 0;}
strong {font-weight:bold;}
a {text-decoration:none;color:var(--orange);font-weight:bold;}
a.button {display:inline-block;color:#000;background:var(--orange);padding:.25rem;transition:all .5s ease-in-out;font-weight:normal;}
a.button span.iconfont{font-family:"Linearicons-Free";color:#000;margin-right:.25rem;font-size:.9rem;}
a.button:hover {color:#FFF;}
figure {margin:0;padding:0;vertical-align:middle;}
img {margin:0;padding:0;display:inline-block;max-width:100%;height:auto;vertical-align:bottom;}
h1,h2,h3,h4,h5 {margin:0 0 1rem 0;line-height:100%;}
h1 {text-transform:uppercase;font-size:4rem;}
h2 {font-size:2.3rem;}
h3 {font-size:1.3rem;font-weight:normal;}
h4 {font-size:1.2rem;font-weight:normal;}
h5 {font-size:1.1rem;font-weight:normal;}
table {border:0;margin:0;padding:0;}
td  {padding:1rem;vertical-align:top;}
.startseite h2 {text-transform:uppercase;font-size:3rem;}
.startseite h3 {font-size:1.3rem;}
span.iconfont.insidetext{font-family:"Linearicons-Free";color:var(--orange);font-size:2rem;margin:0 0 0 -2.5rem;position:absolute;}
ul {margin:0;padding:0 1rem;font-size:.9rem;max-width:100%;}
#preheader {display:none;font-size: .8rem;
  margin: .25rem 3vw .25rem 2vw;
  text-align: left;
  color: #FFF;}
#wrapper {margin: 0 3vw 0 2vw;background:#FFF;height:100vh;max-width:1800px;display:flex;justify-content: space-between;}
#wrapper .inside {box-sizing:border-box;}
#wrapper .mainmenu {transition:top 1s ease-in-out;position:fixed;left:0;box-sizing:border-box;top:-120vh;z-index:1000;width:100%;height:100%;filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.8));}
#wrapper .mainmenu a{font-weight:normal;}
#wrapper .mainmenu ul {overflow-Y:auto;transition:all 2s ease-in-out;transform:scale(0);filter:blur(20px);}
#wrapper .mainmenu.active ul {transform:none;filter:none;}
#wrapper .mainmenu.active {top:0;}
#wrapper .mainmenu .inside {overflow-Y:auto;box-sizing:border-box;width:100%;height:100%;clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%); background: rgb(30,53,92);
background: linear-gradient(80deg, rgba(30,53,92,1) 0%, rgba(71,116,157,1) 28%, rgba(48,100,121,1) 69%, rgba(30,53,92,1) 100%); }
#header {position:relative;hyphens:none;box-shadow: 1vw 0 1vw rgba(0,0,0,0.1);background: #FFF; }
#header .slidemenuopenclose{cursor:pointer;position: absolute;
position: absolute;
right: -1.3rem;
top: 0;
bottom: 0;
background: #FFF;
width: 1.3rem;
height: 3rem;
margin: auto 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0 .25rem .25rem 0;
font-size: 1.3rem;box-shadow: .5vw 0 .5vw rgba(0,0,0,0.2);z-index:200;}
#header .slidemenuopenclose.closed{background:var(--orange);color:#FFF;}
#header .inside {transition:all .5s ease-in-out;width:300px;min-width:300px;display: flex;
flex-direction: column;
justify-content: space-between;
height:100%;padding:0;}
#header .inside.hidden {overflow:hidden;min-width:0;width:0;}
#header img {display:inherit;}
#header #logo {padding:var(--paddinginside);background:#FFF;}
#header #logo,#header #menubuttoncontainer,#header .shoplogos,#header .sociallogos,#header .sidemenu,#header .mod_navigation {padding:2rem;flex: 1 1 0;color:#333;}
#header #menubuttoncontainer,#header .shoplogos {background:#EEE;}
#header #menubuttoncontainer {cursor:pointer;color:#000;}
#header .shoplogos {display:flex;justify-content:space-between;align-items:baseline;}
#header .shoplogos a{max-width:30%;}
#header #logo img{width:100%;}
#header .sidemenu a {color:#333;font-size:.9rem;font-weight:normal;}
#header .mod_navigation ul{list-style:none;margin:0;padding:0;}
#header .mod_navigation li{margin-bottom:.25rem;}
#header .mod_navigation a{font-weight:normal;color:#333;}
#header .mod_navigation li.active,#header .mod_navigation a.trail{color:var(--orange);}
#container {width:100%;overflow-y:auto;background:var(--blue);}
#main .mainmenu .inside{padding:var(--insidepadding);}
#main .mainmenu .closebutton {
	cursor:pointer;
position: absolute;
right: 0;
top: 0;
margin: 2rem;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 2rem;
font-weight: bold;
color: #FFF;}
#main .mainmenu a{color:#FFF;font-weight:bold;}
#main .mainmenu ul li ul a{color:#FFF;font-weight:normal;}
#main .mainmenu ul{margin:-1rem;display:flex;justify-content:flex-start;align-items:top;padding:0;list-style:none;color:#FFF;font-size:1.3rem;font-weight:bold;text-transform:uppercase;flex-wrap:wrap;}
#main .mainmenu ul li{flex: 1 1 220px;margin:1rem;}
#main .mainmenu ul li ul{margin:1rem -1rem;display:block;font-size:1rem;font-weight:normal;text-transform:none;}
#main {background:#FFF;}
#main .mainmenu ul li ul li{margin: .5rem 1rem;
line-height: 100%;}
#main .mod_article {padding:var(--insidepadding);}
#main .mod_article.nopadding {padding:0;}
@keyframes hue {
	0% {filter:hue-rotate(0);}
	100%{filter:hue-rotate(360deg);}}
@keyframes wave {
	0% {transform: translate(0, 0);}
	50% {transform: translate(-.5vw,.5vw) skew(-3deg,-3deg);}
	100% {transform: translate(0, 0);}
}
#main .content-text {display:flex;align-items:center;}
#main .layout_full .content-text {display:block;}
#main .content-text .inside{width:100%;}
#main #theme {position:relative;padding:0;overflow:hidden;clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 10vw), 0% 100%);}
#main #themecontainer {position:relative;}
#main #themecontainer .mod_breadcrumb {position:absolute;margin: 2rem 5vw; z-index:100;font-size:.8rem;}
#main #themecontainer .mod_breadcrumb ul{color:rgba(255,255,255,.5);display:flex;flex-wrap:wrap;list-style:none;font-size:.8rem;padding:0;}
#main #themecontainer .mod_breadcrumb span.iconfont{color:rgba(255,255,255,.5);font-family:"Linearicons-Free";font-size:.8rem;}
#main #themecontainer .mod_breadcrumb a{color:rgba(255,255,255,.5);}
#main #themecontainer .mod_breadcrumb li::after{content:"\00BB";margin:0 .5rem;}
#main #themecontainer .mod_breadcrumb li.last::after{display:none;}
#main #theme .content-image.huechanger{top:0;animation: 10s hue 0s infinite linear;;height:100%;background:var(--blue);}
#main #theme .content-image.huechanger figure{height:100%;box-shadow: 0 0 10vw #000 inset;}
#main #theme .content-image.huechanger img{opacity:.4;object-fit:cover;object-position:center;height:100%;}

#main #theme .content-text {position:absolute;z-index:100;color: #FFF;
padding: calc(2rem + var(--insidepadding)) var(--insidepadding);}
#main #theme ul {list-style:none;padding:0;}
#main #theme ul::before {content:"";position:absolute;left:-1rem;font-family:"Linearicons-Free";color:var(--orange);font-size:2rem;}
#main #bauteil {position:relative;padding:0;bottom:-5vw;overflow:visible;}
#main #bauteil .content-image{position:absolute;bottom:0;right:0;margin: 0 5vw 2vw 5vw;max-width:45vw;cursor:url('../../files/template/template_images/cursor_pulverpistole.svg') 20 50,auto;}
#main #bauteil .content-image.pulverlackhaufen {cursor:auto;  margin: 0;
    margin-bottom: 0px;
  max-width: 20vw;
  overflow: hidden;
  margin-bottom: -2vw;
}
#main #bauteil .content-image.pulverlackhaufen figure {
margin: 0 -5vw 0 0;
overflow: visible;}
#main #wettbewerbsvorteil {color:#FFF;background:var(--greenblue);clip-path: polygon(0 0, 100% 10vw, 100% 100%, 0% 100%);padding:0;display:flex;justify-content:space-between;flex-wrap:wrap;}
#main #wettbewerbsvorteil > div {flex: 1 1 280px;}
#main #wettbewerbsvorteil .content-text {padding:var(--insidepadding);box-sizing:border-box;padding-top:8vw;}
#main #wettbewerbsvorteil .content-image figure {height:100%;}
#main #wettbewerbsvorteil .content-image img {object-fit:cover;object-position:bottom;height:100%;}
#main #unternehmensdaten {padding:0;position:relative;overflow:hidden;align-items:center;}
#main #unternehmensdaten .content-image{height:100%;background:var(--blue);}
#main #unternehmensdaten .content-image figure{height:100%;box-shadow: 0 0 10vw #000 inset;}
#main #unternehmensdaten .content-image img{opacity:.4;object-fit:cover;object-position:center;height:100%;}
#main #unternehmensdaten .content-text{z-index:100;position:absolute;width:100%;box-sizing:border-box;color:#FFF;padding:var(--insidepadding);}
#main .content-text .rte {width:100%;}
#main #referenzen {overflow:hidden;color:#FFF;background:#333;display:flex;justify-content:space-between;flex-wrap:wrap; padding:0;}
#main #referenzen > div{flex: 1 1 280px;padding:var(--insidepadding) var(--insidepadding) 2vw var(--insidepadding);box-sizing:border-box;}
#main #referenzen h3 {margin-bottom:.5rem;}
#main #referenzen .mod_newslist {flex:2 1 280px;display:flex;justify-content:space-between;flex-wrap:wrap;margin:-1rem;}
#main #referenzen .mod_newslist > div{flex:1 1 280px;margin:1rem;}
#main #referenzen .mod_newslist .content-text {font-style:italic;}
#main #referenzen .mod_newslist .layout_latest {position:relative;}
#main #referenzen .mod_newslist .layout_latest h3::before {content:"\2605\2605\2605\2605\2605";display:block;font-size:1.3rem;color:var(--orange);margin-bottom:1rem;}
#main #referenzprodukte {background:#333;padding:0 var(--insidepadding) var(--insidepadding) var(--insidepadding);display:flex;justify-content:space-between;align-items:bottom;}
#main #referenzprodukte .content-image{margin:1rem;animation: wave 10s infinite linear;}
#main #referenzprodukte .content-image:nth-child(2){animation: 10s wave 2s infinite linear;}
#main #referenzprodukte .content-image:nth-child(3){animation: 7s wave 4s infinite linear;}
#main #referenzprodukte .content-image:nth-child(4){animation: 10s wave 6s infinite linear;}
#main #referenzprodukte .content-image:nth-child(5){animation: 5s wave 8s infinite linear;}
#main #jobsausbildung {background:var(--orange);padding:0;display:flex;justify-content:space-between;flex-wrap:wrap;}
#main #jobsausbildung > div{flex: 1 1 280px;box-sizing:border-box;}
#main #jobsausbildung .content-image figure {height:100%;overflow:hidden;}
#main #jobsausbildung .content-image img {object-fit:cover;object-position:bottom;height:100%;}
#main #jobsausbildung .content-text.intro{color:#000;background:var(--orange);padding:var(--insidepadding); }
#main #jobsausbildung .content-text.intro h2{color:#FFF;}
#main #jobsausbildung .content-text.intro a.button{background:#FFF;color:#000;}
#main p.highlightblack{padding:.25rem;font-size:.9rem;background:#000;color:#FFF;display:inline-block;}
#main p.highlightorange{padding:.25rem;font-size:.9rem;background:var(--orange);color:#000;display:inline-block;}
#main #jobsausbildungstellenangebote {padding:0;display:flex;justify-content:space-between;flex-wrap:wrap;}
#main #jobsausbildungstellenangebote .mod_newslist h3{font-weight:bold;font-size:1.5rem;}
#main #jobsausbildungstellenangebote .mod_newslist{position:relative;padding:calc(var(--insidepadding)/2);display:flex;justify-content:space-between;flex-wrap:wrap;}
#main #jobsausbildungstellenangebote .mod_newslist .layout_latest{flex:1 1 280px;padding:calc(var(--insidepadding)/2)}
#main #jobsausbildungstellenangebote .mod_newslist .layout_latest:before{content:"\e82a";display:inline-block;font-family:"Linearicons-Free";font-size:2rem;color:var(--orange);margin-bottom:1rem;transition: all .5s ease-in-out;}
#main #jobsausbildungstellenangebote .mod_newslist .layout_latest:hover:before{color:#000;}
#main #jobsausbildungstellenangebote .mod_newslist:before{position:absolute;left:5vw;top:0;content:"";width: 0px;
height: 0px;
border-left: 2vw solid transparent;
border-right: 2vw solid transparent;
border-top: 2vw solid var(--orange);}
#main #jobsausbildungstellenangebote .layout_full {padding:var(--insidepadding);}
#main #jobsausbildungstellenangebote .layout_full .newsflex{display: flex;
margin: -1rem;
justify-content: space-between;
flex-wrap: wrap;margin-bottom:var(--insidepadding);}
#main #jobsausbildungstellenangebote .layout_full .newsflex .content-text{padding:2rem;margin: 1rem;background:#EEE;flex: 1 1 240px;}
#main .content-gallery ul{border-top:2px solid var(--orange);border-bottom:2px solid var(--orange);display:flex;justify-content:flex-start;padding:0;margin:0;flex-wrap:wrap;list-style:none;}
#main .content-gallery li{margin:0;padding:0;flex:1 1 180px;}
#main .content-gallery.projektgallery li{flex:1 1 320px;}
#main .content-gallery figure{overflow:hidden;}
#main .content-gallery a img:hover{transform: scale(1.2);transition:all .5s ease-in-out;}
#main ul.keyfacts {margin:-1rem;padding:5vw 0;display:flex;flex-wrap:wrap;justify-content:center;text-align:center;list-style:none;width:100%;box-sizing:border-box;}
#main ul.keyfacts.leftalign {display:grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));justify-content:flex-start;text-align:left;padding: 2vw 0;}
#main ul.keyfacts.leftfullwidth {text-align:left;}
#main ul.keyfacts li{margin:1rem;flex:1 1 120px;}
#main ul.keyfacts span.iconfont{font-family:"Linearicons-Free";color:var(--orange);font-size:2rem;}
#main ul.keyfacts a span.iconfont{font-weight:normal;}
#main ul.keyfacts span.bigger{font-weight:bold;font-size:2rem;}
#main ul.keyfacts.onlineshops figure{height:100px;}
#main .onlineshops {display:block;}
#main #colorspace {color:#FFF; background: rgb(2,0,36);
background: linear-gradient(70deg, rgba(2,0,36,1) 0%, rgba(230,85,189,1) 22%, rgba(238,66,110,1) 52%, rgba(135,206,47,1) 79%, rgba(255,255,255,1) 100%);animation: hue 3s linear infinite; }
#footer {background:#333;color:#FFF;}
#footer .mod_navigation {padding:var(--insidepadding);}
#footer .mod_navigation a{color:#FFF;}
#footer .mod_navigation ul{margin:-1rem;display:flex;justify-content:flex-start;align-items:top;padding:0;list-style:none;color:#FFF;font-size:.9rem;flex-wrap:wrap;}
#footer .mod_navigation ul li{flex: 1 1 auto;margin:1rem;}
#footer .mod_navigation ul li ul{margin:1rem -1rem;display:block;font-size:.8rem;font-weight:normal;text-transform:none;}
#footer .mod_navigation ul li ul a{font-weight:normal;}
#footer .mod_navigation ul li ul li{margin: .5rem 1rem;
line-height: 100%;}
#footer .sidebar_footer {background:#EEE;color:#333;padding: 2vw var(--insidepadding);display:none;justify-content:space-between;flex-wrap:wrap;align-items:center;}
#footer .shoplogos {display:flex;justify-content:flex-start;align-items:baseline;margin:0 -1rem;}
#footer .shoplogos a{margin:1rem;}
#footer .sociallogos {display:flex;justify-content:center;align-items:baseline;}
#footer .sociallogos a{margin:1rem;}
#footer #copyright {padding: 2vw var(--insidepadding);text-align:center;}
.fadein {transition:transform 1s ease-in-out,opacity 1s ease-in-out,filter 1s ease-in-out;filter:blur(20px);opacity:0;transform:scale(0);transform-origin:center center;}
.fadein.active {opacity:1;transform:scale(1);filter:none;}
#bauteil .content-image.fadein {transition:transform 1s ease-in-out,opacity 1s ease-in-out;}
.rotatein {overflow:hidden;}
.rotatein img{transition:all 5s ease-in-out;}
.rotatein.active img{transform:scale(1.2) rotateZ(-5deg);}
#main #jobsausbildung .mod_newslist.slidein::before {transition:all .5s ease-in-out;top:-2vw;}
#main #jobsausbildung .mod_newslist.slidein.active::before {top:0;}
.invisible {display:none;visibility:hidden;}
#cursor {
  $size: 2px;
  z-index:2000;
  display: block;
  position: absolute;
  height: $size;
  width: $size;
  border-radius: ceil($size / 2);
  background-color: transparent;
  
  
  // hide on init
  top: -100px;
  left: -100px;
}
.ce_form .formbody {display:flex;justify-content:space-between;flex-wrap:wrap;margin:-1rem;}
.ce_form .formbody > div{flex: 1 1 240px;margin:1rem;}
.ce_form .formbody > div.widget-textarea{flex: 1 1 100%;}
.ce_form input,.ce_form textarea,.ce_form select,.ce_form .submit{font-family: 'Montserrat';font-size:1rem; }
.ce_form .text,.ce_form .textarea{background:#EEE;padding:.5rem;border:none;width:100%;box-sizing:border-box;}
.ce_form .text.mandatory,.ce_form .textarea.mandatory{background:#CCC;}
.ce_form .widget-checkbox fieldset{border:none;}
.ce_form .submit{background:var(--orange);color:#000;font-size:1.3rem;padding:.5rem;border:none;cursor:pointer;}
p.back {margin: var(--insidepadding);border-top: 2px solid var(--orange);}
::placeholder {
  color: #333;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #333;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #333;
}
@media only screen and (max-width: 1600px) {
#main #theme .content-text {max-width:100%;}
}
@media only screen and (max-width: 960px) {
:root {
--insidepadding: 5vw;
	}	
body {overflow:auto;}
h1 {font-size:2.3rem;}
h2 {font-size:1.8rem;}
h3 {font-size:1.3rem;}
h4 {font-size:1.2rem;}
h5 {font-size:1.1rem;}
tr {display:block !important;}
.startseite h1 {font-size:2.3rem;}
.startseite h2 {font-size:1.8rem;}
.startseite h3 {font-size:1.1rem;}
.startseite h4 {font-size:1rem;}
.startseite h5 {font-size:.9rem;}
#preheader {display:block;}
#wrapper {display:block;}
#header .slidemenuopenclose{display:none;}
#header .inside {
flex-direction: row;width:auto;
}
#header #logo {padding:1rem 5vw;}
#header #logo img{max-width:200px;}
#header #menubuttoncontainer {display:flex;justify-content:center;align-items:center;padding:1rem 5vw;}
#header .shoplogos,#header .sociallogos,#header .sidemenu {display:none;}
#header #sidebarheader {display:flex;width:100%;}
#wrapper .mainmenu .inside {clip-path: none;}
span.iconfont.insidetext{margin:0;position:static;}
#main #theme .content-text {max-width:none;}
#main #jobsausbildung .mod_newslist:before{
border-left: 5vw solid transparent;
border-right: 5vw solid transparent;
border-top: 5vw solid var(--orange);}
#main ul.keyfacts.leftalign {grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));}
#main #wettbewerbsvorteil .content-text {padding-top:14vw;}
#main .content-gallery li{flex:1 1 100px;}
#footer .sidebar_footer {display:flex;}
#copyright {font-size:.8rem;}
#copyright a{white-space:nowrap;}
}
 @media print {
	 h1 {font-size:2.3rem !important;}
h2 {font-size:1.8rem !important;}
h3 {font-size:1.3rem !important;}
h4 {font-size:1.2rem !important;}
h5 {font-size:1.1rem !important;}
div{display:block !important;padding:0 0 2mm 0 !important;clip-path:none !important;color:#333 !important;
  }
#theme {color:#FFF !important;}
#header {box-shadow:none !important;}
#header #menubuttoncontainer,#header .sidebar_footer,#theme .content-image,.slidemenuopenclose,#footer .mod_navigation,#bauteil,#footer .sociallogos,#main #jobsausbildungstellenangebote .mod_newslist::before,#preheader {display:none !important;box-shadow:none !important;padding:none;}
.fadein,.rotatein,.slidein {transform:none !important;opacity:1 !important;filter:none !important;}
span.iconfont.insidetext {position:static !important;margin:0 !important;}
#copyright {text-align:left !important;}
.mod_breadcrumb {position:static !important;margin:0 !important;}
#referenzprodukte {display:flex !important;}
#referenzprodukte .content-image{flex:auto !important;}
#footer .shoplogos{margin:1mm;}
}