@font-face {
  font-family: "635 Font";
  src: url("../fonts/635-font.otf") format("otf");
}

@font-face {
  font-family: "Din Pro";
  src: url("../fonts/DIN-Pro-regular-font.ttf") format("truetype");
}

.link-box {
    width: 450px;
    display: block;
    height: 100%;
    position: absolute;
    max-width: 100%;
    float: left;
    margin-left: 0;
    padding: 0;
    box-sizing: border-box;
    bottom: 0;
    z-index:50;
}
.link-box a {
    display: block;
    height: 100%;
    width: 100%;
}
#captchaBackground {
    height: 220px;
    width: 250px;
    background-color: #2d3748;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#captchaHeading {
    color: white;
}
a {
    text-decoration: none;
    color: #555;
}
.jobs .img-box {
    top: 50px;
    position: relative;
}
.jobs iframe {
    max-height: 600px;
}
.jobs .box-2 .img-box, .jobs .box-4 .img-box {top: 150px;}
.headline {
    display: inline;
}
.m2 #menu1, .m3 #menu1, .m4 #menu1  {
    text-decoration: none;
}
#captcha {
    /* height: 80%; */
    /* width: 80%; */
    font-size: 30px;
    letter-spacing: 3px;
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 250px;
    margin-left: 50%;
    height: 80px;
    border: 1px solid black;
}
.home h3{
	font-size:1.7em;
}
textarea#nachricht {width: 250px;box-sizing: border-box;}
.center {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#submitButton {
    margin-top: 2em;
    margin-bottom: 2em;
    background-color: #08e5ff;
    border: 0px;
    font-weight: bold;
}
.overlay-img {
    position: absolute;
    top: 0;
    max-width: 250px;
}
#loading-bar_box img.dreid {
    display: none !important;
}
#loading-bar_box img.mobile {
    display: none;
}
#loading-bar_box img.desktop {
    display: block;
}
.kontakt button#refreshButton, .angebote-anfordern button#refreshButton {
    background-color: transparent;
    border: 0px;
    font-weight: bold;
    position: relative;
    max-width: 250px;
    margin-left: 50%;
    padding: 0.5em 1.5em;
    position: absolute;
    top: 0.5em;
    left: 3.5em;
    /* margin-left: 1.5em; */
    right: 0;
}
.formular.kontakt .txt-box-c h4 {
    font-size: 2.1em;
    margin-top: 0;
}
.kontakt .right-box .txt-box-c {
    padding: 3.5em 0 3.5em 1.5em;
    width: 80%;
    margin-left: 20%;
    box-sizing: border-box;
    padding-left: 3.75em;
}
#textBox {
    height: 25px;
}
.incorrectCaptcha {
    color: #FF0000;
}
.correctCaptcha {
    color: #7FFF00;
}
h4.mobile{display:none;}
body, html { font-family:"Din Pro";margin: 0;/*min-width:1900px;*/min-width:1600px;/*max-width: 1980px;*/max-width: 2560px;margin:0 auto;color: #555;}
.img-box.mobile {display: none;}
#nav-m {display: none;}
#nav-m-menu{display: none;}
h2 {
    font-size: 2.1em;
    font-weight: normal;
    color:#555;
}
#header {
    border-bottom: 1px solid #919293;color: #333;
}
#mobile-header{display:none;}
h3 {
    font-size: 2.1em;
    font-weight: normal;
    color: #555;
    position: relative;
    overflow: hidden;
    padding-bottom: 1em;
    padding-left: 0;
}
.sub-nav-item ul {
    position: relative;
    width: 100%;
    height: 100%;
    padding-left:0.5em;
}

.sub-nav-item ul#nav-1 {
    padding-left: 1.8em;
}
.sub-nav-item ul li {
    list-style: none;
    line-height: 50px;
    padding-left: 3.5em;
    min-width:220px;
    font-size: 0.95em;
}
.sub-nav-item ul li a {
    text-decoration: none;
    margin: 0;
    color: #555;
}
.sub-nav-item ul#nav-2 li {
    
}
.sub-nav-item ul#nav-3 li {
    font-size: 0.9em;
}
#header {
    position: relative;
    z-index: 50;
    background: #f3f6f9;
    padding: 0 4.5em;
}

#header-bg {
    position: relative;
    z-index: 50;
    background: #f3f6f9;
    padding: 0;
    background: url(../img/22-07-21-Header.png) no-repeat left center;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
}
.header-padding {
    padding: 0;
}
#logo img {
    padding: 0 2.5em 0 1em;
    box-sizing: border-box;
}
.header-subtitle {
    color: #ed1c24;
    box-sizing: border-box;
    font-size: 0.7em;
    text-align: center;
    padding: 0 3em 0 0.5em;
}
.nav-item.active {
    background-image: url(../img/22-07-21-Navibalken.png);
    background-repeat: no-repeat;
    background-size: 100% 5px;
    background-position: bottom;
}
.nav-item:hover {
    background-image: url(../img/22-07-21-Navibalken.png);
    background-repeat: no-repeat;
    background-size: 100% 5px;
    background-position: bottom;
}
.sub-nav-item {
    position: absolute;
    width: 400px;
    left: -75px;
    top: 46px;
    display: none;
    background: #f3f6f9;
    background: url(../img/Navi-Menue.png) no-repeat top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
}
#nav-process .sub-nav-item {
    position: absolute;
    width: 400px;
    left: -75px;
    top: 46px;
    display: none;
    background: #f3f6f9;
    background: url(../img/Navi-Fertigungstechniken.png) no-repeat top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
}
#nav-aboutus .sub-nav-item {
    position: absolute;
    width: 500px;
    left: -75px;
    top: 46px;
    display: none;
    background: #f3f6f9;
    background: url(../img/Navi-Ueber-uns.png) no-repeat top center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: contain;
}
#nav-aboutus .sub-nav-item {
    left: -200px;
    top: 50px;
}
#nav-services .sub-nav-item, #nav-contact .sub-nav-item{
	top: 47px;
}
#nav-aboutus .sub-nav-item ul {
    padding-left: 6em;
}
#nav-aboutus.sub-nav-item ul li {padding-left: 2.5em;}
/*
#nav-aboutus .sub-nav-item ul li:nth-child(1) {margin-left: 15px;}
#nav-aboutus .sub-nav-item ul li:nth-child(2) {margin-left: 13px;}
#nav-aboutus .sub-nav-item ul li:nth-child(3) {margin-left: 3px;}
#nav-aboutus .sub-nav-item ul li:nth-child(4) {margin-left: -7px;}
#nav-aboutus .sub-nav-item ul li:nth-child(5) {margin-left: -17px;}
#nav-aboutus .sub-nav-item ul li:nth-child(6) {margin-left: -27px;}
#nav-aboutus .sub-nav-item ul li:nth-child(7) {margin-left: -37px;}
#nav-aboutus .sub-nav-item ul li:nth-child(8) {margin-left: -47px;}
*/
#nav-services .sub-nav-item, #nav-contact .sub-nav-item {
    background: url(../img/Garfik-Navi-Unser-Service.png) no-repeat top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    max-width: 400px;
    /* margin: 0 auto; */
    left: -108px;
    top: 47px;
    /* height: 100%; */
}

#nav-news .sub-nav-item {
    left: -0.5em;
}
.left-box#logo {
    width: 250px;
    float: left;
    padding-left: 1.5em;
    display: block;
    box-sizing: border-box;
    padding-bottom: 0.5em;
    background-image: url(../img/Parallelogramm-Header.png);
    background-size: 100% 100%;
    /* height: 100%; */
    background-repeat: no-repeat;
    opacity: 0;
}
.right-box#nav {
    position: absolute;
    max-width: 100%;
    float: left;
    margin-left: 450px;
    padding: 2.5em 1.5em 0;
    box-sizing: border-box;
    bottom: -1px;
}
#nav-process .sub-nav-item {
    left: -137px;
    top: 50px;
}
#nav-services .sub-nav-item, #nav-contact .sub-nav-item{
	left: -110px;
}
#nav-contact .sub-nav-item {
    width: 385px;
}
.nav-item {
    display: inline-block;
    padding: 1.5em 0 0.5em;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    margin: 0 2.5em;
}

img {width: auto;max-width: 100%;height: auto;}


.top-box, .bottom-box {
    display: block;
    width: 100%;
    position:relative;
    min-height: 500px;
}
h4 {
    color: #ed1c24;
}

.left-box {
    width: 50%;
    float: left;
}
.mapouter {padding-top:1.5em;}
#footer{	
	/*
	background: url(../img/22-07-21-Fussleiste.png) no-repeat center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  min-height: 500px;*/
}

.home .bg-box{
	background: url(../img/Hintergrundgrafik-Start.png) no-repeat center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.home .box-2 .bottom-box {
    top: -100px;
}
.home .box-3 {
    top: -50px;
}
.downloads .box-3 {
    top: 0;
}

.downloads .banner,
.datenschutz .banner,
.formular .banner,
.impressum .banner,
.chronik .banner{
	border-bottom:0;
}
.kontakt img.desktop.ansprech {
    right: 0;
    position: absolute;
    bottom: 0;
    padding-left: 224px;
    box-sizing: border-box;
}
.downloads .box-1 img {
    position: absolute;
    left: 50%;
    top: 0;
    padding-top: 7.5em;
    width: 480px;
    margin-left: -240px;
}
.home .box-2 .top-box .left-box.txt-box {
    top: -50px;
}
.home .box-2 {
    position: relative;
    top: 0;
}
a.red, p.red {
    color: #ed1c24;
    text-decoration: none;
}
.banner {
    position: relative;
}
.news .banner { border-bottom:0;}

.banner img{margin: 0;padding: 0; display: block;width:100%;}

span.red, .left-box .txt-box-c p.red, .box-1 ul.list-box li.red {
    color: #ed1c24;
}

button.offer a, .inputbox a {
    color: #ed1c24;
    text-decoration: none;
}
.home .box-1 .bottom-box {
    top: -50px;
}
.sponsoring .box-1 .bottom-box {
    top: 0;
}
.ansprechpartner .first.row .right-box .txt-box-c{
	    padding-top: 5.5em;
}
.ansprechpartner .first.row .right-box .top-txt-box-c {
	top: 5.5em;
    padding-left: 23%;
}
.ansprechpartner .box-1 .bottom-box {
    top: 0px;
}
.home .top-box .right-box.img-box img{
	bottom: auto;
    top: -150px;
}
.cyber-sicherheit a.link-overlay {
    width: 50%;
    margin-left: 50%;
    height: 450px;
    position: absolute;
    bottom: 0;
    z-index: 5;
}
.service .bg-box{
	background: url(../img/Grafik-Serviceleistungen.png) no-repeat center center; 
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  padding-top: 10em;
}
.service  .box-4 .top-box { top: 50px;}
.service  .box-4 .bottom-box { top: 0px;}
.service .box-3 .bottom-box {top: 0;}
.service .box-3 .top-box {top: 50px;}

.angebote-anfordern .right-box.txt-box, .angebote-anfordern .box-img .left-box.txt-box {
    top: 0;
    position: absolute;
}
.angebote-anfordern .box-1, .angebote-anfordern .box-2, .angebote-anfordern .box-3, .angebote-anfordern .box-4 {
    min-height: 0;
}
.downloads .box-1, .downloads .downloads .box-2, .downloads .box-3, .downloads .box-4 {
    min-height: 0;
}
.downloads .bg-box .box-1 .top-box{
	background: url(../img/Hintergrundgrafik-Oben.png) no-repeat center center; 
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.angebote-anfordern .bg-box {margin-bottom: 3.5em;}
.kontakt.formular .bg-box .box-1 .top-box, .kontakt.news .bg-box .box-1 .top-box {
	  background:none;
}
.news #content .box-1 .left-box, .news #content .box-1 .right-box{top:0;}
.news #content .right-box  {margin-left: 50%; position: absolute; top: 450px; bottom: auto;}
.news #content .left-box {width: 50%;float: left;position: absolute;top: 450px; bottom: auto;}
.news #content .box-3 .right-box, .news #content .box-4 .right-box {top:650px;}
.news #content .box-3 .left-box, .news #content .box-4 .left-box {top: 650px;}
#loading-overlay{position:absolute;max-width:100%;display:none;z-index:10;}
#overlay-1 {
    position: absolute;
    height: 150px;
    top: 0;
    width: 100%;
    z-index: 10;
}
.upper{
	text-transform:uppercase;
}
.jobs .box-1 img.desktop {
    width: 100%;
    max-width: 960px;
    opacity:0;
}
.box-img .left-box.txt-box {
    top: 0;
}
.jobs .box-1 .box-img .left-box.txt-box {
    position: relative;
}
.jobs .top-box .left-box .txt {
    padding-left: 0;
    margin-left: 95px;
}
#overlay-2.qr-code {
    z-index: 10;
    top: 0;
    height: auto;
    max-height: 850px;
    width: 120px;
    right: 0;
}
#overlay-2.qr-code.l {
    right: auto;
    left: 20px;
}
.qr-code a img {
    max-width: 120px;
    position: absolute;
    right: 20px;
    top: 50%;
    height: 150px;
    margin-top: -75px;
}
#overlay-2 {
    position: absolute;
    height: 150px;
    bottom: 0;
    width: 100%;
    z-index: 10;
}
#overlay-3 {
    position: absolute;
    width: 150px;
    top: 0;
    height: 100%;
    z-index: 10;
    left:0;
}
#overlay-4 {
    position: absolute;
    width: 150px;
    top:0;
    right:0;
    left: auto;
    height: 100%;
    z-index: 10;
}
.referenzen .right-box .txt-box-c {top: 6em;position: relative;}
.referenzen .auszeichnung-block{padding:3.5em;}

/* COOKIE */
#cookieNote #showless, #cookieNote .long{display:none;}
#cookieNote a#showless,#cookieNote a#showmore {color: #ed1c24;font-weight: bold;}
#cookieNote {position: fixed; top: auto;left: 0px; bottom: 0px;width: 100%;z-index: 105;text-align: left;font-weight: normal;font-size: 16px;color: #555;background-color: #fff;padding: 8px 0 8px 0;text-align: center;border-top: 1px solid #919293;display: none;}
#cookieNote span.dismiss {
    cursor:pointer;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 18px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    background: url(../../img/close.png) no-repeat 0 0;
}

.notify {
    padding: 0 1.5em;
    box-sizing: border-box;
    max-width: 1600px;
    margin: 0 auto;
    font-size: 14px;
}

span.cookie-button a {
    padding: 0.25em 1.5em;
    background: #ed1c24;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
}

#cookieNote a {color: #ed1c24;text-decoration:none;}
#cookieNote .cookie-button a {color: #fff;text-decoration:none;}
.cookie-button, .cookie-info {display: inline-block;padding: 0 0.5em;}

#loading-bar_box { max-width: 200px;margin: 0 auto;top: 50%;position: relative;margin-top: -165px;}
.kontakt .bg-box .box-1 .top-box {
    background: url(../img/Grafik-Hintergrund-AGB.png) no-repeat top center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}
.kontakt .right-box .txt h4 {
    padding-top: 1.33em;
}
.kontakt.formular .right-box.txt-box.mobile { display: none;}
.downloads .left-box .txt-box-c ul {
    padding-left: 95px;
    margin-left: 0px;
    right: auto;
    border-top:0;
}
.downloads #content, .kontakt #content{
	padding-bottom:5em;margin-bottom:5em;
}
.downloads .box-2, .kontakt .box-2{
	top:0;
}
.downloads .box-1 ul.list-box li{
	color:#ed1c24;
}
.txt {
    margin-left: 10%;
    width: 80%;
    padding-left: 60px;
    box-sizing: border-box;
}
.center-box.txt {
    margin-left: 95px;
    width: 80%;
    padding-left: 0px;
    box-sizing: border-box;
    max-width: 1200px;
}
.news-subpage .center-box.txt ul {
    padding-left: 0.5em;
}
.downloads .left-box.img-box {
    padding: 3.5em 1.5em 3.5em 0;
    width: 50%;
    padding-left: 95px;
    box-sizing: border-box;
}
.agb{
	display: block;
    clear: both;
    padding: 0.5em 3.5em;
        position: relative;
}
#agb {
    left: 1.5em;
    position: absolute;
    top: 0.5em;
}
.angebote-anfordern .box-2 .top-box .left-box.txt-box{
    top: 0px;
    position:relative;
    padding-left: 2em;
}
.angebote-anfordern .left-box.txt-box {
    position: relative;
}

.kontakt .box-2 .top-box .left-box.txt-box {
    top: 150px;
    padding-left: 2em;
}
.angebote-anfordern button {
    background: none;
    border: 0;
    text-align: right;
    position: absolute;
    right: 0;
    max-width: 300px;
    cursor: pointer;
    top:100px;
}
.kontakt button {
    background: none;
    border: 0;
    text-align: right;
    position: absolute;
    right: 0;
    max-width: 350px;
    cursor: pointer;
}
.kontakt button.send {
    left: 0;
    right: auto;
    bottom: 0;
    max-width: 100%;
    padding-right: 224px;
}
.angebote-anfordern .bottom-box .txt-box .agb label, .kontakt .bottom-box .txt-box .agb label{
	height:100%;
}
.angebote-anfordern  a.senden-button, .kontakt  a.senden-button {
    float: right;
    max-width: 250px
}
.angebote-anfordern .inputbox, .kontakt .inputbox {
    display: block;
    padding: 0.5em 3.5em;
    position:relative;
}
.contact-block {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 250px;
    height: 100px;
    margin-top: -50px;
    margin-left: -125px;
}
.jobs .contact-block {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 250px;
    height: 100px;
    margin-top: -50px;
    margin-left: -250px;
}
.angebote-anfordern .bottom-box .txt-box label, .kontakt .bottom-box .txt-box label {
    float: left;
    height: 40px;
    width: 50%;
    box-sizing: border-box;
}
.verarbeitung .menu-box{display:none;}
.menu-box .menu1 p{margin-left: -10px;}
.laserschweissen .top-box .right-box.img-box img {
    width: auto;
    max-width: 560px;
    position: absolute;
    right: 200px;
    bottom: auto;
    top: 120px;
}
.home .box-4 .top-box .right-box.img-box img{
	bottom: auto;
    top: -150px;
    right: 350px;
    top: -30px;
    max-width: 450px;
}
#content .bg-box {
    margin-bottom: 3.5em;
}
#footer-row-1 {
    border-bottom: 1px solid #919293;
}
.banner {
    border-bottom: 1px solid #919293;
}
.angebote-anfordern input[type="text"], .kontakt input[type="text"] {
    height: 40px;
    width: 250px;
    box-sizing: border-box;
}
.angebote-anfordern input[type="text"], .kontakt input[type="text"]  {
    height: 40px;
}
.bottom-box .txt-box label {
    display: block;
}
.home .box-2 .left-box.img-box img {
    top: -50px;
    position: absolute;
    max-width: 700px;
}
.left-box.img-box img, .right-box.img-box img {
    max-width: 800px;
}
.home .box-4 {
    top: -120px;
    position: relative;
}
.box-4 .bottom-box {
    position: relative;
    top: -50px;
}
.auszeichnung-block {
    max-width: 350px;
    position: absolute;
    right: 0;
    padding: 2.5em;
    box-sizing: border-box;
}
.box-img { position: relative; display: block;}
.chronik .box-img{}
.chronik .box-img.txt-only{padding-bottom:1em;}
.box-img .left-box.txt-box{top:0;}
.verarbeitung .box-3 .bottom-box .right-box {
    position: relative;
}
.verarbeitung .right-box .txt-box-c {
    padding: 3.5em 0 3.5em 1.5em;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box;
    /* position: relative; */
    position: absolute;
    bottom: 0;
}
.verarbeitung .right-box .txt-box-c p {
    width: 80%;
    position: relative;
    bottom: 0;
    padding-left: 13%;
    box-sizing: border-box;
}
.verarbeitung .box-2 {
    top: 0;
    padding-bottom:3.5em;
}
.verarbeitung .box-3 .right-box.txt-box {position: relative;}
.verarbeitung .box-3 .bottom-box {
    top: 0;
    min-height: 150px;
}
.verarbeitung .box-3 .bottom-box .right-box .contact-block {
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
    height: 100px;
    margin-top: 2.5em;
    margin-left: 2.5em;
}
.thankyou .top-box {
    padding: 3.5em;
    text-align: center;
    box-sizing: border-box;
}
.verarbeitung  .auszeichnung-block {
    max-width: 350px;
    position: absolute;
    right: auto;
    padding: 2.5em;
    box-sizing: border-box;
    left: 300px;
}
.verarbeitung  .box-3 .bottom-box {
    top: 0;
}

.verarbeitung .box-1 .top-box, .cnc .box-1 .top-box{
	min-height: 1000px;
}
.ansprechpartner .top-box, .ansprechpartner .bottom-box{
	min-height:0px;
	padding-bottom:3.5em;
}
.job-link {
    position: absolute;
    top: 5.5em;
    left: 0;
    background: url(../img/Stoerer-Jobs.png) no-repeat;
    width: 492px;
    height: 146px;
    background-size: 80%;
    color: #fff;
    padding: 1.5em 95px;
    box-sizing: border-box;
}
.job-link a {
    color: #fff;
    font-size: 1.6em;
}
.start-banner {
    /* overflow: hidden; */
    min-height: 500px;
    width: 100%;
    background: url(../img/Vorschaubild-Showroom.jpg) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% auto;
    display: block;
    position: relative;
}
.auszeichnung-block{display:none;}
.contact-block{display:none;}

.referenzen .auszeichnung-block{display:block;}
.referenzen .contact-block{display:none;}
.referenzen .right-box.txt-box {top: 100px;}
.angebote-anfordern .start-banner {
    /* overflow: hidden; */
    min-height: 500px;
    width: 100%;
    background: url(../img/DSC_7571.JPG) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% auto;
    display: block;
    position: relative;
}
.sponsoring .box-1 .top-box .right-box {
    margin-top: 300px;
}

.kompetenzen .box-1 .top-box .right-box.txt-box,.kompetenzen .box-1 .bottom-box .right-box.txt-box{top:0;}
.referenzen .start-banner {
    min-height: 400px;
    width: 100%;
    background: url(../img/Bild-Header-Referrenzen.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    display: block;
    position: relative;
}
.referenzen .start-banner {
    min-height: 400px;
    width: 100%;
    background: url(../img/Bild-Header-Team.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    display: block;
    position: relative;
}
.maschinen.downloads .start-banner {
    min-height: 400px;
    width: 100%;
    background: url(../img/Bild-Header-Maschinenlisten.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    display: block;
    position: relative;
}
.chronik .top-box .left-box.txt-box {
    position: absolute;
}
.chronik .box-1 .top-box .right-box.txt-box {
    top: 0;
}
.kompetenzen .left-box .txt-box-c {padding: 1.5em 1.5em 3.5em 0;}
.chronik .left-box .txt-box-c {padding: 3.5em 1.5em 3.5em 0; width: 80%;margin-left: 0; border-bottom: 1px solid #555; padding-bottom: 0;}
.chronik .box-1 .left-box .txt-box-c h2 {text-align: left;font-size: 1.7em;color: #555;margin-left: 60px;padding-left: 3.5em;}
.chronik .start-banner { 
	min-height: 400px;
    width: 100%;
    background: url(../img/Bild-Header-Chronik.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    display: block;
    position: relative;
}
.chronik .top-box, .chronik .box-1, .chronik .box-2{min-height:0;top:0;margin-bottom: 3.5em;}
.img-bg-box{position:relative;}
.txt-overlay {position: absolute;top: 0;position: absolute;top: 14%;left: 11%;}
.row {padding-bottom: 3.5em; min-height: 880px;}
.ansprechpartner .row {padding-bottom: 6.5em;min-height:800px;}
.row .left-box.txt-box, .row .right-box.txt-box { position: relative;}
.sponsoring .auszeichnung-block { max-width: 350px;position: relative;right: auto; padding: 2.5em;left: auto; box-sizing: border-box;margin: 0 auto;}
.sponsoring .start-banner {
	min-height: 400px;
    background: url(../img/Bild-Header-Sponsoring.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}
.sponsoring .contact-block {
    position: relative;
    left: 0;
    top: 0;
    width: 250px;
    height: 100px;
    margin-top: 0;
    margin-left: 0;
    margin: 0 auto;
    padding-top: 80px;
}
.ansprechpartner .start-banner {
	min-height: 400px;
    background: url(../img/Headerbild-Ansprechpartner.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}
.home .right-box .txt-box-c p {
    width: 80%;
    position: relative;
    bottom: 0;
    left: 0;
}
.referenzen .right-box .txt-box-c p, .referenzen .auszeichnung-block {
    position: relative;
}
.txt-small {
    padding: 3.5em;
}
.referenzen .aus
.referenzen .right-box .txt-box-c { padding: 3.5em 0 3.5em 1.5em;  width: 80%; margin-left: 20%; box-sizing: border-box; padding-left: 6em; padding-top: 6em;}
.downloads .start-banner {
    /* overflow: hidden; */
    min-height: 400px;
    width: 100%;
    background: url(../img/schoder-downloads.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% auto;
    display: block;
    position: relative;
}
.kontakt .start-banner {
    /* overflow: hidden; */
    min-height: 400px;
    width: 100%;
    background: url(../img/Bild-Header-AGB.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% auto;
    display: block;
    position: relative;
}
.service .start-banner {
    background: url(../img/schoder-service-messtechnik.png) no-repeat center center;
     -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    display: block;
    position: relative;
}

.verarbeitung .start-banner, .cnc .start-banner {
    background: url(../img/DSC_7507.JPG) no-repeat center center;
     -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
     background-size: 100% auto;
    display: block;
    position: relative;
}

.verarbeitung.cnc .start-banner {
    background: url(../img/Bild.png) no-repeat center center;
}

.left-box.img-box{
	/*
	background-image: url(../img/Wireframe-Rahmen-links-Website.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 100% 100%;*/
}
.right-box.img-box{
	/*
	background-image: url(../img/Wireframe-Rahmen-rechts-Website.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 100% 100%;*/
}

.left-box.txt-box{
	/*
	background-image: url(../img/Texthintergrund-links-Website.png);
    background-size: contain;
    background-repeat: no-repeat;*/
    position: absolute;
    height: auto;
    min-height:100%;
    background-size: 100% 100%;
}
.right-box.txt-box{
	/*
	background-image: url(../img/Texthintergrund-rechts-Website.png);
    background-size: contain;
    background-repeat: no-repeat;*/
    position: absolute;
    width: 50%;
    height: auto;
     min-height:100%;
    background-position-x: right;
    background-size: 100% 100%;
}
.right-box {
    margin-left: 50%;
}
.clear{
	clear:both;
}
.txt-box-c {
    padding: 3.5em 1.5em;
}
.chronik .box-1 .left-box .txt-box-c h2{border:none;}
.box-1 .top-box .right-box.txt-box {
   /* background-position-x: 235px;*/
}
.bottom-box .left-box.img-box {
    /* background-position-x: -155px; */
    top: -20px;
    position: relative;
}
.service .bottom-box .left-box.img-box{
	top:0px;
}
.h-line {opacity:0;display:none;}
.top-box .right-box .h-line {
    margin-left: 0;
    position: absolute;
    top: 8em;
    left: 310px;
    right: 0;
}
.right-box .txt-box-c {
    padding: 3.5em 0 3.5em 1.5em;
    width: 80%;
    margin-left: 20%;
    box-sizing: border-box;
}
.left-box .txt-box-c {
    padding: 3.5em 1.5em 3.5em 0;
    width: 80%;
    margin-left: 0;
}
.service .left-box .txt-box-c {
}
.right-box .txt-box-c h3 {
    font-size: 1.7em;
    font-weight: normal;
    color: #555;
    position: relative;
    overflow: hidden;
    padding-bottom: 0.5em;
    padding-left: 0;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #aaa;
    padding-bottom: 0.5em;
}
.right-box .txt-box-c p {
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
}
img.desktop {display: block;}
img.mobile {display: none;}
.h-line {
    position: absolute;
    top: 8em;
    right: 8em;
}
.right-box .h-line {
    margin-left: 0;
    position: absolute;
    top: 8em;
    left: 215px;
    right: 0;
}

.box-1 .left-box .txt-box-c h2 {
    text-align: left;
    font-size: 1.7em;
    color: #555;
    margin-left: 0;
    border-bottom: 1px #aaa solid;
    padding-left: 3.5em;
    padding-bottom: 0.5em;
}
.left-box .txt-box-c p {
    margin-left: 0;
    color: #555;
    padding-right: 60px;
    padding-left: 95px;
}
.bottom-box {
    top: 150px;
    position: relative;
}
.box-2 {
    position: relative;
    top: 150px;
}
.box-1 ul.list-box {
    width: 70%;
    margin-left: 20%;
    padding: 3.5em 0 3.5em 1.5em;
    box-sizing: border-box;
    list-style: none;
    position: absolute;
    top: 5em;
    right: 0;
    border-top: 1px solid #ed1c24;
    padding-top: 1em;
    margin-top: 3.5em;
}
.kontakt .box-1 ul.list-box {
    width: 70%;
    margin-left: 0;
    padding: 1.5em 0 3.5em;
    box-sizing: border-box;
    list-style: none;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    margin-left: 60px;
}
.box-1 ul.list-box li {
    padding: 0.5em 0;
    font-size: 1.2em;
    color: #555;
}
button.offer {
    padding: 1.5em;
    /*
    background: url(../img/Wireframe-Rahmen-links-Website.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position:100% 100%;*/
    border: 1px solid #aaa;
    color: #ed1c24;
    font-size: 1em;
}
p.last-row{
	position: absolute;
    bottom: 150px;
}
.box-1 .bottom-box {
    top: 50px;
}
.box-1 .left-box .h-line {
    top: 7em;
    right: 5.5em;
}

.box-2 .bottom-box {
    top: -100px;
    position: relative;
}

.box-2 .left-box.img-box img {
    max-width: 800px;
}
.box-2 .bottom-box .left-box.img-box {
    /* background-position-x: -155px; */
    top: 0px;
    position: relative;
    left: 60px;
}
.box-3 {
    position: relative;
    top: 50px;
}
.box-3 .bottom-box {
    top: 0;
}
.box-3 .bottom-box .left-box.img-box img {
    max-width: 600px;
    /* right: 0; */
    position: relative;
    left: 200px;
}
.box-3 .top-box .right-box.img-box img {
    max-width: 800px;
    top: 50px;
}

.verarbeitung .box-3 .top-box{
	min-height:800px;
}
.verarbeitung .box-1, .verarbeitung .box-2{
	min-height:0px;
}
.verarbeitung .box-1 .top-box, .cnc .box-1 .top-box {
    min-height: 0px;
}
.verarbeitung .box-3, .cnc .box-3 {
    top: 0;
    min-height: 0px;
}
.news .bg-box{
	background: none;
}

.news .box-3, .news  .box-2 {
    position: relative;
    top: 0px;
}
.news .txt {
    padding-right: 3.5em;
}
.news .box-4 {
    top: 0px;
    position: relative;
}
.kontakt.formular .bg-box {
	/*
    background: url(../img/Grafik-Kontakt-Desktop.png) no-repeat top center;
    background-size: 100% auto;
    background-repeat: no-repeat;*/
    padding-bottom:4.5em;
}
.kontakt .box-2 .right-box {
    top: 150px;
    position: absolute;
    padding-left: 224px;
    width:50%;
    box-sizing: border-box;
}
.kontakt.agb .box-2 .right-box {top: 0; position: absolute;padding-left: 0;}
.kontakt .box-1 .top-box .right-box.txt-box {
    top: 0;
}
.sponsoring .bg-box {
}
.cyber-sicherheit .bg-box {
    padding-bottom:4.5em;
}
.cyber-sicherheit .left-box .txt-box-c{width:100%;}
.cyber-sicherheit  .box-1 .top-box .right-box.txt-box {top: 0;}
.sponsoring .img-box {
    text-align: center;
}
.sponsoring .right-box .txt-box {
    padding-top: 3.5em;
}
.sponsoring .left-box.txt-box, .sponsoring .box-1 .right-box{position: absolute;top: 0;width: 50%;}
.sponsoring .right-box .txt {padding: 3.5em;}
.bottom-box .img-box img {width: 100%;height: auto;padding-right: 3.5em; box-sizing: border-box;}
.referenzen .right-box.txt-box {
    top: 0;
}

.referenzen .box-1, .referenzen .box-2, .referenzen .box-3, .referenzen .box-4 {
    min-height: 0;
}
.ansprechpartner .bg-box {
	/*
    background: url(../img/Grafik-Hintergrund-Ansprechpartner.png) no-repeat top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom:4.5em;*/
}
.ansprechpartner .row .left-box.txt-box, .ansprechpartner .row .right-box.txt-box {
    position: absolute;
    top: 0;
}
.ansprechpartner .row .txt-box-c {
    position: relative;
    top: 0;
    padding: 3.5em 1.5em;
    margin: 0;
    box-sizing: border-box;
}
.ansprechpartner .box-1 .first.row .txt-box-c {padding-left:0;}
.ansprechpartner .row  .txt-box-c, .ansprechpartner .row  .top-txt-box-c, .ansprechpartner .row  .bottom-txt-box-c{
	position: relative;
	top: 0;
	padding:3.5em 1.5em;
	margin:0;
}
.ansprechpartner .row .bottom-txt-box-c{
	 bottom: 0;
    top: auto;
    position: absolute;
    display:none;
}
.ansprechpartner .row .top-txt-box-c {
    top: 0;
    bottom: auto;
    position: absolute;
}
.ansprechpartner .right-box.txt-box {
    padding-left: 5%;
    box-sizing: border-box;
}
.ansprechpartner .row .right-box .top-txt-box-c {
    padding-left: 20%;
    color: #ed1c24;
    padding-top: 0em;
}
.ansprechpartner h4 {
    font-size: 1.6em;
	margin-bottom: 0.25em;
}
.ansprechpartner h5 {
    font-size: 1.33em;
	margin-bottom: 0.25em;
}
.ansprechpartner .row .left-box .top-txt-box-c {
    color: #ed1c24;
    padding-top: 0em;
}
.verarbeitung .box-3 .left-box.txt-box{
	background: none;
    background-size: contain;
    background-repeat: no-repeat;
   /* background-position:100% 100%;*/
}
.verarbeitung .box-3 .left-box.txt-box.m1{

}
.verarbeitung .box-3 .left-box.txt-box.m2{

}
.verarbeitung .box-3 .left-box.txt-box.m3{
	
}
.verarbeitung .box-3 .left-box.txt-box.m4{

}
.chronik .box {position: absolute;top: 1.2em;left: 200px;bottom: 0;height: 100%;}
.chronik-year {font-size: 1.6em;color: #555;}
.verarbeitung.industriegravur .start-banner {
    background: url(../img/IndustrieBild.png);
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 400px;
}
.jobs .start-banner {
    background: url(../img/Bild-Header-Jobs.png);
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 400px;
}
.jobs .box-3 .left-box.txt-box {
    padding: 3.5em;
    box-sizing: border-box;
}
.jobs .box-3 .right-box .txt {
    padding-left: 15%;
}
.cyber-sicherheit .start-banner {
    background: url(../img/Bild-Header-Cyber.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 400px;
}
.cyber-sicherheit .top-box, .cyber-sicherheit .bottom-box {
    min-height: 0px;
}
.cyber-sicherheit .box-2 .top-box .left-box.txt-box {
    top: 0;
    padding: 3.5em;
    padding-left: 10%;
    max-width: 40%;
}
.maschinen .banner{
    border-bottom: 0;
}
.jobs .box-2 .top-box .left-box.txt-box {
    top: 0;
}
p.small{font-size:0.75em;}
.cyber-sicherheit .box-2 .top-box .left-box.txt-box {
    padding-left: 95px;
}
.cyber-sicherheit .box-2 {
    position: relative;
    top: 0px;
}
.cyber-sicherheit .right-box.txt-box {padding: 3.5em 5em; box-sizing: border-box;padding-right: 10%;top:0;}
.jobs .box-2, .jobs .box-2 .bottom-box, .jobs .box-2 .top-box {min-height: 0px;top:0;}
.jobs .top-box .left-box .txt, .jobs .box-3 .right-box .txt, .jobs .left-box .txt-box-c p.red {
    font-size: 2.1em;
}
.jobs .box-1 .left-box .txt-box-c {
    padding: 1.5em 0 0;
}
 .jobs .left-box .txt-box-c p.red {
    font-size: 2.1em;
    text-align: left;
    font-size: 1.7em;
    color:#ed1c24;
    margin-left: 0;
    border-bottom: 1px #aaa solid;
    padding-left: 3.5em;
    padding-bottom: 0.5em;
    margin-bottom:0;
}

.jobs .box-3 .left-box .txt-box-c {
    padding: 3.5em;
    width: 60%;
    margin-left: 0;
}
.jobs .box-3 {
    position: relative;
    top: -50px;
}
.jobs .box-2 .bottom-box {
    min-height: 500px;
}
.jobs .top-box .right-box {
    padding: 3.5em;
    top: 0;
    position: absolute;
    box-sizing: border-box;
}
.jobs .right-box.txt-box {
    position: absolute;
    top: 0;
}
.jobs .right-box.txt-box.mobile{
	display:none;
}
ul{list-style-type: '- ';}
::marker {
    color: #ed1c24;
}
.verarbeitung.blechbearbeitung .box-3 .right-box.txt-box {
    background: url(../img/blechbearbeitung-Hintergrundgrafik-Mitarbeiter.png);
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.verarbeitung.blechbearbeitung .start-banner {
    background: url(../img/blechbearbeitungbild.png);
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 400px;
}

.verarbeitung.siebdruck .box-3 .right-box.txt-box {
    background: none;
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.verarbeitung.siebdruck .start-banner {
    background: url(../img/siebdruck-bild.png);
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 400px;
}


.verarbeitung.erodiertechnik .start-banner {
    background: url(../img/erodiertechnik.png);
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 350px;
}

.verarbeitung.dreidruck .start-banner {
    background: url(../img/dreidruck.png);
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 400px;
}

.txt-box-c li {
    margin-bottom: 0.3em;
    padding-right: 1.5em;
}
ul.list-box {
    width: 60%;
    margin-left: 30%;
    padding: 3.5em 0 3.5em 1.5em;
    box-sizing: border-box;
    list-style: none;
}
ul.list-box li {
    padding: 0.5em 0;
}
.footer-column ul li{
	list-style: none;
}
#footer-row-2 .footer-column#f1{
	background-image: url(../img/Linien-Menue-Spalte-01.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    padding: 2.5em 0;
}
#footer-row-2 .footer-column#f2{
	background-image: url(../img/Linien-Menue-Spalte-02.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    padding: 2.5em 0;
}
#footer-row-2 .footer-column#f3{
	background-image: url(../img/Linien-Menue-Spalte-03.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    padding: 2.5em 0;
}
#footer-row-2 .footer-column#f4{
	background-image: url(../img/Linien-Menue-Spalte-04.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    padding: 2.5em 0;
}
#footer .wrapper{
	/*width:1600px;
	margin:0 auto;*/
}
.footer-column {
    width: 25%;
    float: left;
    position: relative;
}
.footer-column ul{
    margin: 0;
    padding: 0;
}
.footer-column ul li a {
    text-decoration: none;
    color: #555;
}
#footer-row-2 .footer-column{
	height: 450px;
}
#footer .menu {
    position: relative;
    background-image: url(../img/Kasten-Grau-links.png);
    background-size: cover;
    background-repeat: no-repeat;
}
#footer #f2 .menu, #footer #f4 .menu{
	 background-image: none;
}
#footer #f3 .menu{
	 background-image: url(../img/Kasten-Grau-rechts.png);
}
#footer .bgmenu{
	  width:100%;
}
.menu img {
    width: 50%;
    padding-left: 3.5em;
}
ul#footer-1, ul#footer-2, ul#footer-3, ul#footer-4 {
    position: relative;
    z-index: 10;
}
.footer-column ul {
    margin: 0;
    padding: 2.5em 0 0 5em;
}
.footer-column ul li{
	padding-left: 2.5em;
}
.footer-column ul#footer-1 li {
    line-height: 45px;
}
.footer-column ul#footer-2 li {
    line-height: 45px;
}
.footer-column ul#footer-3 li {
    line-height: 41px;
}
.footer-column ul#footer-4 li {
    line-height: 45px;
}
.footer-column ul#footer-1 {
    padding: 2.2em 0 0 0;
}
.footer-column ul#footer-2 {
    padding: 2em 0 0 0;
}
.footer-column ul#footer-3 {
    padding: 1.5em 0 0 0;
    
}
.footer-column ul#footer-4 {
    padding: 1em 0 0 0;
}

.footer-column h4{
	padding-left:7.5em;
	margin-top: 0.5em;
}
.footer-column h4#h2{
	padding-left:7.5em;
}
.footer-column h4#h3{
	padding-left:7.5em;
}
.footer-column h4#h4{
	padding-left:7.5em;
}
.footer-column ul#footer-4 li#address {
    line-height: 25px;
    padding-left: 4.5em;
    padding-top: 1.5em;
}

#footer #f3 .menu {
    background-image: url(../img/Kasten-Grau-rechts.png);
    background-position: top;
    background-size: 100%;
    background-position-x: 0;
        background-position-y: -7px;
}

#footer .wrapper {
    position: relative;
}
.footer-note {
    position: absolute;
    bottom: 3.5em;
    right: 3.5em;
    z-index: 15;
}

.start-banner img {
    width: 100%;
}
.top-box .right-box.img-box img {
	width:auto;
}
.top-box .right-box.img-box img {
    width: auto;
    max-width: 700px;
    position: absolute;
    right: 100px;
    bottom: 60px;
}
.verarbeitung .box-3 .left-box.txt-box{display:block;}
.box-2 .left-box .txt-box-c p{
	
}
.txt-box.left-box .txt-box-c h3 {
    margin-left: 0;
    border-bottom: 1px solid #aaa;
    padding-left: 95px;
    padding-bottom:0.5em;
    margin-bottom:0.5em;
}
.box-2 .top-box .left-box.txt-box {
    top: -120px;
}
.left-box.img-box img, .right-box.img-box img {
    width: 100%;
}
.box-3 .bottom-box .left-box.img-box img {
    max-width: 600px;
}
.example {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    height:800px;
    outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
}
.example:focus-visible {
    outline: none;
}

.nav-item a{
	text-decoration:none;
	color: #555;
}

#content {
    /*max-width: 1980px;*/
    max-width: 2560px;
    width: 100%;
    margin: 0 auto;
}
.left-box ul.left-menu {
    float: left;
    width: 50%;
    padding-top:0;
    padding-left: 0;
}
.left-box ul.right-menu {
    display: inline-block;
    padding-top:0;
}
.sub-nav-item ul li, .footer-column ul li {
	background-image: url(../img/Rote-Linie.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 40px;
}
.sub-nav-item ul li a:hover,.sub-nav-item ul li a.active  {
    color: #ed1c24;
}
.service .box-1 .left-box .h-line {
    top: 10em;
    right: 13em;
}
.service .box-1 .left-box .txt-box-c h2 {
    text-align: left;
    margin-left: 0px;
    padding-left: 95px
}
.service .box-3 .top-box .right-box.img-box img {
    bottom: auto;
    top: 0px;
}
.service .top-box .right-box.img-box img {
    bottom: auto;
    top: -20px;
}
.service .box-2 .top-box .right-box.img-box img {
    bottom: auto;
    top: -100px;
}
.service .box-1 .left-box .txt-box-c h2 {
    font-size: 2.1em;
}
.service .right-box .txt-box-c p,  .kompetenzen .right-box .txt-box-c p{
    width: 80%;
    position: relative;
    bottom: 0;
    left: 0;
}
.kompetenzen .top-box, .kompetenzen .bottom-box {
    min-height: 0px;
}
.kompetenzen .box-1 .right-box .txt-box-c { padding: 3.5em 3.5em; top: 6em;position: relative;}
.kompetenzen .box-1 .bottom-box .left-box .txt-box-c { padding: 3.5em 0; top: 6em;position: relative;}
.kompetenzen .contact-block {position: absolute;left: 50%;top: 6em;width: 250px;height: 100px;margin-top: 0;margin-left: -125px; padding: 3.5em;}
.angebote-anfordern .contact-block, .angebote-anfordern .auszeichnung-block{display:block;}
.service .box-1 .bottom-box {
    top: -50px;
}
.service .box-2 {
    position: relative;
   
}
.service .box-2 .bottom-box {
    top: -170px;
}
.service .box-3 {
    position: relative;
    top:0;
}
.box-3 .bottom-box {
    top: -50px;
}
.service .left-box.img-box img {
    max-width: 700px;
}
.box-1, .box-2, .box-3, .box-4{
	min-height: 500px;
}
.jobs .box-1, .jobs .box-2, .jobs .box-3, .jobs .box-4, .jobs .top-box, .jobs .bottom-box{
	min-height:0;
}
.verarbeitung .box-1 .top-box .right-box.txt-box {
    /* background-position-x: 235px; */
    max-width: 850px;
    /* left: 25%; */
    right: 0;
    /* bottom: 0; */
    top: 0;
}
.service .right-box.img-box img {
    width: 700px;
}
.service .box-2 .right-box.img-box img {
    max-width: 600px;
}
a.link-overlay {
    width: 50%;
    margin-left: 50%;
    height: 450px;
    position: absolute;
    top: 0;
}
.service .box-2 {
    top: 120px;
}
.service .box-3 .bottom-box .left-box.img-box img {
    width: 600px;
}
p.contact {
    font-size: 1.2em;
    color: #555;
    margin-left: 10%;
}
.verarbeitung .box-2 .img-box {

}
.verarbeitung .left-box .txt-box-c p{

}
.verarbeitung .left-box .txt-box-list {
    position: absolute;
    left: 60px;
}

.verarbeitung .left-box .txt-box-list {
    position: absolute;
    left: 0;
    padding: 0;
    width: 100%;
}
.verarbeitung  .box-3 .left-box.txt-box {
    background: none;}
    
.verarbeitung .box-header span {
}
.verarbeitung .box-header {
    display: block;
    width: 100%;
    position: relative;
    z-index: 10;
    color: #ed1c24;
    left: 0;
    top:0;
    padding-right: 1.5em;
    box-sizing: border-box;
}
.verarbeitung .box-c {
    padding: 3.5em 0;
    border-bottom: 1px solid #919293;
        padding-left: 95px;
        position:relative;
}
.box-header {
    display: block;
    width: 100%;
    position: absolute;
    left: 9em;
    top: 1em;
    z-index:10;
    color:#ed1c24;
}
img.arrow {
    position: absolute;
    left: 350px;
}
img.arrow.close {
    display:none;
}
.verarbeitung  .txt-box.m1 span#menu1 img.arrow.close {display: inline-block;}
.verarbeitung  .txt-box.m2 span#menu2 img.arrow.close {display: inline-block;}
.verarbeitung  .txt-box.m3 span#menu3 img.arrow.close {display: inline-block;}
.verarbeitung  .txt-box.m4 span#menu4 img.arrow.close {display: inline-block;}
.verarbeitung  .txt-box.m1 span#menu1 img.arrow.open {display:none;}
.verarbeitung  .txt-box.m2 span#menu2 img.arrow.open {display:none;}
.verarbeitung  .txt-box.m3 span#menu3 img.arrow.open {display:none;}
.verarbeitung  .txt-box.m4 span#menu4 img.arrow.open {display:none;}

.verarbeitung .txt-box.m1 .menu-box.menu1{display:block !important;}
.verarbeitung .txt-box.m2 .menu-box.menu2{display:block !important;}
.verarbeitung .txt-box.m3 .menu-box.menu3{display:block !important;}
.verarbeitung .txt-box.m4 .menu-box.menu4{display:block !important;}
.verarbeitung .menu-box {padding-left: 105px;color: #555;}

.verarbeitung .txt-box.m1 .box-c.m1{border-bottom: 1px solid #fff;}
.verarbeitung .txt-box.m2 .box-c.m2{border-bottom: 1px solid #fff;}
.verarbeitung .txt-box.m3 .box-c.m3{border-bottom: 1px solid #fff;}
.verarbeitung .txt-box.m4 .box-c.m4{border-bottom: 1px solid #fff;}

.verarbeitung .box-c.m1, .verarbeitung .txt-box.m1 .menu-box.menu1 {max-width:100%;}
.verarbeitung .box-c.m2, .verarbeitung .txt-box.m2 .menu-box.menu2 {max-width:85%;}
.verarbeitung .box-c.m3, .verarbeitung .txt-box.m3 .menu-box.menu3 {max-width:82%;}
.verarbeitung .box-c.m4, .verarbeitung .txt-box.m4 .menu-box.menu4 {max-width:78%;}

.box-header span {
    padding: 0;
    width: 100%;
    font-size: 1.2em;
    box-sizing: border-box;
    cursor: pointer;
    
}


.verarbeitung .box-3{
	top:0;
}

.verarbeitung .right-box .txt-box{
	
}
.footer-content {
    max-width: 100%;
    margin: 0 auto;
    position:relative;
    top:-18px;
}
#h1, #f1 {
    width: 20%;
    padding-left: 5%;
}
.footer-column h4 {
    padding-left: 6em;
    margin-top: 0em;
    font-size: 1.2em;
    font-weight: 300;
    color: #555;
        padding-top: 1.5em;
}

.footer-column#h3 h4 {
    padding-left: 4em;
}
.footer-column#h4 h4 {
    padding-left: 2.5em;
}

.footer-column ul#footer-2 li:nth-child(1) {
    margin-left: 82px;
}
.footer-column ul#footer-2 li:nth-child(2) {
    margin-left: 68px;
}
.footer-column ul#footer-2 li:nth-child(3) {
    margin-left: 54px;
}

.footer-column ul#footer-1 li:nth-child(1) {
    margin-left: 5em;
}
.footer-column ul#footer-1 li:nth-child(2) {
    margin-left: 4em;
}
.footer-column ul#footer-1 li:nth-child(3) {
    margin-left: 3em;
}
.footer-column ul#footer-1 li:nth-child(4) {
    margin-left: 2em;
}
.footer-column ul#footer-1 li:nth-child(5) {
    margin-left: 1em;
}

.footer-column ul#footer-3 li:nth-child(1) {
    margin-left: 3em;
}
.footer-column ul#footer-3 li:nth-child(2) {
   margin-left: 35px;
}
.footer-column ul#footer-3 li:nth-child(3) {
    margin-left: 23px;
}
.footer-column ul#footer-3 li:nth-child(4) {
    margin-left: 10px;
}
.footer-column ul#footer-3 li:nth-child(5) {
    margin-left: -2px;
}
.footer-column ul#footer-3 li:nth-child(6) {
    margin-left: -15px;
}

.footer-column ul#footer-3 li:nth-child(7) {
    margin-left: -27px;
}
.footer-column ul#footer-3 li:nth-child(8) {
    margin-left: -39px;
}

.footer-column ul#footer-4 li:nth-child(1) {
    margin-left: 16px;
}
.footer-column ul#footer-4 li:nth-child(2) {
    margin-left: -25px;
}
.footer-column ul#footer-4 li:nth-child(3) {
    margin-left: -40px;
}
.footer-column ul#footer-4 li:nth-child(4) {
    margin-left: -54px;
}
.footer-line {
	/*
    background: url(../img/Linie-Oben.png) no-repeat;
    background-size: 100% 50%;
    background-position-y: 53px;
    width: 250px;
    position: absolute;
    height: 100%;
    left: 100px;*/
}
#h2 .footer-line {
    left: 109px;
}
#h3 .footer-line {
        left: 72px;
}
#h4 .footer-line {
    left: 40px;
}
.sub-nav-item ul#nav-1 li{
	padding-left: 2.5em;
}
#nav-process .sub-nav-item ul li:nth-child(1) {
	margin-left: 44px;
}
#nav-process  .sub-nav-item ul li:nth-child(2) {
	margin-left: 30px;
}
#nav-process  .sub-nav-item ul li:nth-child(3) {
	margin-left: 17px;
}
#nav-process  .sub-nav-item ul li:nth-child(4) {
	margin-left: 3px;
}
#nav-process  .sub-nav-item ul li:nth-child(5) {
 	margin-left: -11px;
}
#nav-process  .sub-nav-item ul li:nth-child(6) {
    margin-left: -25px; 
}
.sub-nav-item ul li:nth-child(1) {
	margin-left: 48px;
}
.sub-nav-item ul li:nth-child(2) {
	margin-left: 34px;
}
.sub-nav-item ul li:nth-child(3) {
	margin-left: 21px;
}
.sub-nav-item ul li:nth-child(4) {
	margin-left: 8px;
}
.sub-nav-item ul li:nth-child(5) {
 	margin-left: -5px;
}
.sub-nav-item ul li:nth-child(6) {
    margin-left: -18px; 
}
.sub-nav-item ul li:nth-child(7) {
    margin-left: -31px;
}
.sub-nav-item ul li:nth-child(8) {
    margin-left: -44px;
}

#nav-services .sub-nav-item ul li:nth-child(1), #nav-contact .sub-nav-item ul li:nth-child(1) {
	margin-left: 28px;
}
#nav-services .sub-nav-item ul li:nth-child(2), #nav-contact .sub-nav-item ul li:nth-child(2) {
	    margin-left: 14px;
}
#nav-services .sub-nav-item ul li:nth-child(3), #nav-contact .sub-nav-item ul li:nth-child(3) {
	    margin-left: -1px;
}
.footer-column ul#footer-4 li:nth-child(1) {
    margin-left: 16px;
}
.footer-column ul#footer-4 li#address {
    line-height: 25px;
    padding-left: 2.5em;
    background-position: top left;
    padding-top: 0;
    margin-top: 17px;
}

.showroom-link span {
    position: absolute;
    right: 2.5em;
    font-size: 1em;
    color: #fff;
    line-height: 4;
    top:0;
}
.showroom-link span a {
	color: #fff;
	text-decoration:none;
}
.showroom-link {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../img/Button.png) no-repeat;
    /* padding: 1.5em 3.5em; */
    width: 337px;
    height: 63px;
}
.right-box  .txt-box-c ul {
    padding-left: 16px;
}
.left-box .txt-box-c.txt-box-list ul {
    padding-left: 8px;
    padding-top: 2.5em;
}
.left-box .txt-box-c ul {
    padding-left: 106px;
}
.verarbeitung .box-3,.cnc .box-3  {
    top: 0px;
}
/* SLIDER */
#slider {
    position: absolute;
    overflow: hidden;
    margin: 20px auto 0 auto;
    border-radius: 4px;
    left: 33.33%;
    top: 20%;
    margin: 0;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 800px;
  height: 500px;
  text-align: center;
  line-height: 300px;
  max-width:100%;
}
#slider ul li img {
	max-height: 500px;
}


a.control_prev, a.control_next {
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    padding: 0 3%;
    width: 25px;
    left: 25%;
    top: 50%;
    height: auto;
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 1;
    cursor: pointer;
    margin-top: -44px;
}
a.control_next {
    border-radius: 0 2px 2px 0;
    left: auto;
    right: 15% !important;
}
a.control_prey {
    width: 5em;
    left: 25% !important;
    right:auto;
    top: 15%;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}
@media only screen and (max-width: 2600px) {
	.news img.mobile {display: block;opacity:0;}
	.news #content .right-box{top: 3em;}
	.news #content .left-box {top: 3em;}
	.news #content .box-3 .left-box, .news #content .box-4 .left-box {top: 3em;}
	.news #content .box-3 .right-box, .news #content .box-4 .right-box {top: 3em;}
}
@media only screen and (max-width: 2100px) {
	.news img.mobile {display: none;opacity:1;}
	.news #content .right-box{top: 500px;}
	.news #content .left-box {top: 500px;}
	.news #content .box-3 .left-box, .news #content .box-4 .left-box {top: 550px;}
	.news #content .box-3 .right-box, .news #content .box-4 .right-box {top: 550px;}
}
@media only screen and (max-width: 2000px) {
	.news #content .right-box{top: 500px;}
	.news #content .left-box {top: 500px;}
	.news #content .box-3 .left-box, .news #content .box-4 .left-box {top: 600px;}
	.news #content .box-3 .right-box, .news #content .box-4 .right-box {top: 600px;}
	.nav-item{margin: 0 2.2em;}
}
@media only screen and (max-width: 1800px) {
	.nav-item { padding: 1.5em 0 0.5em;margin:0 1.4em;}
	.jobs .top-box .left-box .txt, .jobs .box-3 .right-box .txt, .jobs .left-box .txt-box-c p.red {
    	font-size: 1.81em;
	}
}

@media only screen and (max-width: 1600px) {
	.laserschweissen #slider{margin-left: -225px;}
	.laserschweissen #slider ul li{height:400px;width:600px;}
	.home .box-4 .top-box .right-box.img-box img {right: 150px;}
	.jobs .box-2 .img-box, .jobs .box-4 .img-box {top: 0;}
	.jobs .img-box {top: -80px;}
	.verarbeitung .box-c.m1, .verarbeitung .txt-box.m1 .menu-box.menu1 {max-width:100%;}
	.verarbeitung .box-c.m2, .verarbeitung .txt-box.m2 .menu-box.menu2 {max-width:80%;}
	.verarbeitung .box-c.m3, .verarbeitung .txt-box.m3 .menu-box.menu3 {max-width:75%;}
	.verarbeitung .box-c.m4, .verarbeitung .txt-box.m4 .menu-box.menu4 {max-width:69%;}
		
	.nav-item{margin: 0 2.5em;}
	.referenzen .right-box .txt-box-c {top: 8em;position: relative;}
	.news #content .right-box{top: 400px;}
	.news #content .left-box {top: 400px;}
	.news #content .box-3 .left-box, .news #content .box-4 .left-box {top: 450px;}
	.news #content .box-3 .right-box, .news #content .box-4 .right-box {top: 450px;}
	.news .box-1, .news .box-2, .news .box-3, .news .box-4, .news .top-box, .news .bottom-box {min-height:0px;}
	.service .right-box .txt-box-c{padding-top:3.5em;}
	.kompetenzen .left-box .txt-box-c {padding: 0.5em 0 3.5em 0;}
	.chronik .box {top: 1em;}
	.kontakt img.desktop.ansprech {padding-left: 190px;}
	.kontakt .box-2 .right-box {top: 150px;position: absolute;padding-left: 190px;max-width: 100%;box-sizing: border-box;}
	.kontakt .box-1 .bottom-box {top: 0;}
	.sponsoring .contact-block{padding-top:0;}
	.home .box-1 .bottom-box .right-box.txt-box {top: 0px;padding-right: 0;}
	.home .box-1 .right-box .txt-box-c {padding-right: 0;}
	.home .box-3 .bottom-box .right-box.txt-box {top: 0px;padding-right: 0;}
	.home .box-3 .right-box .txt-box-c {padding-right: 0;}
	.referenzen .txt-small {padding: 0 3.5em;}
	.downloads .left-box .txt-box-c ul{left:0;}
	#header {padding: 0;max-width: 100%;}
	body, html{min-width:0;}
	.nav-item {margin: 0 1em;}
    .top-box .right-box .h-line { margin-left: 0; position: absolute;top: 8em; left: 250px; right: 0;}
    .box-1 ul.list-box {width: auto;margin-left: 0;padding: 3.5em 0 0 0;box-sizing: border-box;list-style: none; position: absolute;top: 5em;right: 0;left: 250px;}
    .box-1 .left-box .txt-box-c h2 {text-align: left;font-size: 1.5em;color: #555;padding-right: 1.5em;}
    .left-box .txt-box-c p { margin-left: 0;color: #555;padding-right: 0;}
    .left-box .txt-box-c { padding: 3.5em 0 3.5em 0; width: 90%; margin-left: 0;box-sizing: border-box;}
    .box-1 .left-box .h-line { right: 2em;}
    .right-box .txt-box-c {padding: 0 1.5em 3.5em 1.5em; width: 80%;margin-left: 20%; box-sizing: border-box;}
    .right-box .h-line {margin-left: 0;position: absolute;top: 5em;left: 170px; right: 0;}
    .box-2 .txt-box-c {padding-right: 0em;padding-top:3.5em;}
    .h-line {position: absolute;top: 7em; right: 8em;}
    .txt-box.left-box .txt-box-c h3{margin-top:0em;}
    .top-box .right-box.img-box img{ right: 0; }
    .right-box .txt-box-c h3 {font-size: 1.7em;font-weight: normal;color: #555; position: relative; overflow: hidden; padding-left: 0;margin-bottom: 0.5em;margin-top: 0;}
	.right-box .h-line {margin-left: 0; position: absolute; top: 7em; left: 170px; right: 0;}
	.box-1 .left-box .h-line { top: 5em;}
	.box-1 .bottom-box .right-box .h-line {top: 3em;}
	.box-1 .left-box .txt-box-c h2 {padding-bottom: 1em;}
	.box-3 .left-box .txt-box-c {padding: 3.5em 0 3.5em 0;}
	.box-3 .top-box .right-box.img-box img {max-width: 700px;}
	.box-3 .txt-box.left-box .txt-box-c h3 { margin-top: 0;}
	.box-3 .top-box .left-box.txt-box .h-line {right: 3em;top: 8em;}
	.box-3 .left-box .txt-box-c {padding: 5em 0 3.5em 0;}
	.box-3 .right-box .txt-box-c {padding-top: 3.5em;}
	.box-3 .bottom-box .left-box.img-box img {max-width: 600px;left: 100px;}
	.footer-row #h3 .footer-line {left: 0;}
	.footer-row .footer-column#h3 h4 {padding-left: 0;}
	#h4 .footer-line {left: 7px;}
	.footer-row #h3 .footer-line {left: 56px;}
	.footer-row .footer-column#h3 h4 {padding-left: 56px;}
	.footer-column ul#footer-3 li:nth-child(1) { margin-left: 2.25em;}
	.footer-column ul#footer-3 li:nth-child(2) {margin-left: 25px;}
	.footer-column ul#footer-3 li:nth-child(3) {margin-left: 16px;}
	.footer-column ul#footer-3 li:nth-child(4) {margin-left: 6px;}
	.footer-column ul#footer-3 li:nth-child(5) { margin-left: -3px;}
	.footer-column ul#footer-3 li:nth-child(6) { margin-left: -13px;}
	.footer-column ul#footer-3 li:nth-child(7) {margin-left: -22px;}
	.footer-column ul#footer-3 li:nth-child(8) {margin-left: -32px;}
	.footer-row #h2 .footer-line {left: 113px;}
	.footer-column ul#footer-2 li:nth-child(1) { margin-left: 89px;}
	.footer-column ul#footer-2 li:nth-child(2) { margin-left: 78px;}
	.footer-column ul#footer-2 li:nth-child(3) { margin-left: 68px;}
	.footer-column ul#footer-4 li:nth-child(1) {margin-left: -6px;}
	.footer-column ul#footer-4 li:nth-child(2) { margin-left: -28px;}
	.footer-column ul#footer-4 li:nth-child(3) {margin-left: -38px;}
	.footer-column ul#footer-4 li:nth-child(4) { margin-left: -50px;}
	.footer-column ul li {padding-left: 2.2em;}
	.box-3 .left-box .txt-box-c {padding-right: 3.5em;}
	.home .box-1 .bottom-box {top: 0;}
	.home .box-2 .top-box .left-box.txt-box {top: -100px;}
	.home .box-2 {position: relative; top: 100px;}
	.home .box-2 .bottom-box {top: -175px;}
	.home .box-4 {top: -80px;}
	.home .top-box .right-box.img-box img {bottom: auto;top: -150px; max-width: 600px;}
	.home  .box-4 .top-box .right-box.img-box img{top: -50px;}
	.home .box-3 .top-box .right-box.img-box img{top: 0px;}
	.box-3 .left-box .txt-box-c {padding: 3.5em 0 3.5em 0;}
	.left-box .txt-box-c p {max-width: 80%;}
	.right-box .txt-box-c ul {max-width: 80%;}
	.right-box .txt-box-c p.contact { bottom: 12%;left:0;padding-left: 15%;padding-bottom: 1.5em;line-height: 1;}
	.verarbeitung .right-box .txt-box-c p.contact { width: 80%; position: absolute;bottom: 0;left: 0;}
	.verarbeitung .box-3 .right-box .txt-box-c {padding-bottom: 1.5em;}
	#slider ul li img {max-height: 400px;}
	#slider {
    position: absolute;
    overflow: hidden;
    margin: 0px auto 0 auto;
    border-radius: 4px;
    top: 50%;
    margin-top: -250px;
    margin-left: -350px;
    left: 50%;
}
.kompetenzen .left-box.txt-box {position: absolute;}
	.verarbeitung .box-3 .left-box .txt-box-c { padding-top: 0;}
	.box-header { left: 0;top: 0;}
	.jobs .box-2 .txt {margin-left: 10%;width: 90%;margin-right: 0;}
	.first.row .left-box .txt-box-c p {padding-left: 84px;}
	.jobs .box-1 img.desktop {max-width: 50%;}
	
	.laserschweissen .top-box .right-box.img-box img {right: 100px;top: 100px;}
}
@media only screen and (max-width: 1500px) {
	.news #content .right-box{top: 360px;}
	.news #content .left-box {top: 360px;}
	.news #content .box-3 .left-box, .news #content .box-4 .left-box {top: 440px;}
	.news #content .box-3 .right-box, .news #content .box-4 .right-box {top: 440px;}
	#overlay-2.qr-code {max-height: 750px;}
}
@media only screen and (max-width: 1440px) {
	.laserschweissen #slider{margin-left: -180px;}
	.laserschweissen #slider ul li{height:360px;width:540px;}
	.laserschweissen .top-box .right-box.img-box img{right: 0px; top: 100px;}
	.home .box-4 .top-box .right-box.img-box img {right: 0px;top:0;}
	.qr-code a img {max-width: 100px;height: 124px;margin-top: -62px;}
	#overlay-2.qr-code { max-height: 650px;}
	.home .box-1 ul.list-box{padding: 1.5em 0 0 0;}
	.jobs .box-2 .txt { font-size: 0.875em;}
	.news #content .left-box, .news #content .right-box {top: 350px;}
	.news #content .box-3 .right-box, .news #content .box-4 .right-box {top: 450px;}
	.news #content .box-3 .left-box, .news #content .box-4 .left-box {top: 450px;}
	.kompetenzen .box-1 .left-box .txt-box-c h2 {padding-bottom: 0.5em;}
	.verarbeitung .box-3 .left-box .txt-box-c {padding-top: 0;}
	.kontakt .top-box, .kontakt .bottom-box {min-height: 400px;}
	.kontakt .box-2 .right-box {overflow: hidden;}
	.mapouter, .gmap_canvas {max-width:500px;}
	.kontakt .right-box .txt-box-c {padding-top: 0;}
	.kontakt .box-2 .right-box { padding-left: 165px;}
	.sponsoring .right-box .txt {padding: 3.5em 0;}
	.ansprechpartner h4 {margin-top: 0.5em; margin-bottom: 0;}
	.home .box-2 .bottom-box .right-box.txt-box{padding-right:0;}
	.footer-row #h2 .footer-line {left: 78px;}
	.footer-column#h2 h4 {padding-left: 4.25em;}
	#h4 .footer-line {left: 41px;}
	.footer-column ul#footer-4 li:nth-child(1) {margin-left: 18px;}
	.footer-column ul#footer-4 li:nth-child(2) {margin-left: -15px;}
	.footer-column ul#footer-4 li:nth-child(3) {margin-left: -25px;}
	.footer-column ul#footer-4 li:nth-child(4) {margin-left: -36px;}
	.footer-column ul#footer-2 li:nth-child(1) {margin-left: 54px;}
	.footer-column ul#footer-2 li:nth-child(2) {margin-left: 43px;}
	.footer-column ul#footer-2 li:nth-child(3) {margin-left: 32px;}
	.footer-column h4 {padding-left: 5.2em;}
	.footer-column#h4 h4 {padding-left: 2.2em;}
	.box-3 .bottom-box .left-box.img-box img {max-width: 500px;left: 100px;}
	.box-3 .bottom-box {top: -100px;}
	.home .box-3 .bottom-box{top: -50px;}
	
	.home .box-2 .top-box .left-box.txt-box {top: -120px;}
	.home .top-box .right-box.img-box img {bottom: auto;top: -150px;max-width: 600px;}
	.home .box-2 .bottom-box {top: -190px;}
	.home .box-3 {top: -100px;}
	.home .top-box .right-box.img-box img {bottom: auto;top: 50px;max-width: 600px;}
	.home .bottom-box .left-box.img-box {top: 50px;position: relative;}
	.home .bottom-box .right-box.txt-box {top: 50px;}
	.home .box-1 .bottom-box .right-box.txt-box, .home .box-3 .bottom-box .right-box.txt-box {top: 0px;padding-right: 0;}
	.home .box-1 .right-box .txt-box-c, .home .box-3 .right-box .txt-box-c {padding-right: 0;}
	.home .box-1 .bottom-box .right-box.txt-box {top: 0px;padding-right: 0;}
	.home .box-1 .right-box .txt-box-c {padding-right: 0;}
	.home .box-1 .bottom-box {top: -75px;}
	.home .box-2 .top-box .right-box.img-box img {bottom: auto;top: -150px; max-width: 600px;}
	.home .box-2  .bottom-box .right-box.txt-box {top: 0px;}
	.footer-column ul li a { font-size: 0.85em;}
	.verarbeitung.industriegravur .start-banner,
	.verarbeitung.blechbearbeitung .start-banner, 
	.verarbeitung.siebdruck .start-banner,
	.verarbeitung.erodiertechnik .start-banner,
	.verarbeitung.dreidruck .start-banner,.downloads .start-banner,.service .start-banner,.kontakt .start-banner{background-size: cover;}
	.left-box .txt-box-c p {margin-left: 0;}
	.right-box .txt-box-c p.contact {bottom: 20%;left: 0;padding-left: 15%;margin-left: 0;}
	.service .right-box .txt-box-c {padding-top: 3.5em;}
	.service .box-3 .bottom-box {top: -50px;}
	.service .right-box.img-box img {width: 500px;}
	.service .box-1 .right-box.img-box img { width: 600px;}
	.service .box-1 .left-box .txt-box-c h2 {margin-top: 0;}
	.service .box-1 .left-box .txt-box-c h2, .service .left-box .txt-box-c p, .service .txt-box.left-box .txt-box-c h3 { padding-left: 60px;}
	.kompetenzen .start-banner {min-height: 300px;}
	
	.jobs .box-3 .left-box .txt {margin: 0;padding: 0;}
	.jobs .top-box .left-box .txt, .jobs .box-3 .right-box .txt, .jobs .left-box .txt-box-c p.red {font-size: 1.6em;}
	.jobs .box-3 .right-box.txt-box {padding:0;}
	.jobs .box-2 .txt {font-size: 0.875em;}
	.jobs .box-3 .txt {font-size: 0.875em;}
	.jobs .box-4 .txt {font-size: 0.875em;}
	
	.ansprechpartner .row .right-box .top-txt-box-c {padding-left: 15%;}
	.ansprechpartner .right-box .txt-box-c {width: 100%;}
	.ansprechpartner .first.row .right-box .top-txt-box-c {padding-left: 18%;}
	
}
@media only screen and (max-width: 1400px) {
	.footer-column ul li {padding-left: 2.5em;}
	.news #content .left-box, .news #content .right-box {top: 330px;}
	.news #content .box-3 .right-box, .news #content .box-4 .right-box {top: 430px;}
	.news #content .box-3 .left-box, .news #content .box-4 .left-box {top: 430px;}
	.kompetenzen .box-1 .right-box .txt-box-c { padding: 1.5em 3.5em;top: 0;}
	.nav-item {margin: 0 0.5em;}
	.chronik-info {font-size: 0.875em;}
	.service .right-box.txt-box {padding: 0;}
	.service .right-box .txt-box-c {padding-right: 0;}
	.verarbeitung .left-box .txt-box-c p, .box-1 .left-box .txt-box-c h2 { padding-left: 60px;}
	.txt-box-c p {margin: 0.5em 0;}
	.home .right-box.txt-box {padding: 0;}
	.home .box-4 {top: -120px;}
	.home .box-1 .bottom-box .right-box.txt-box {top: 50px;}
	.kontakt .right-box.txt-box {padding-top: 0;}
	.verarbeitung .right-box.txt-box {padding: 0;}
	.ansprechpartner h4 {margin-top: 0.5em;}
	.ansprechpartner .row .left-box.txt-box, .ansprechpartner .row .right-box.txt-box { padding: 0; padding-left:5%;}
	.ansprechpartner .first.row .left-box.txt-box{ padding: 0; padding-left:0;}
	.ansprechpartner .row .right-box.txt-box { padding-left:5%;}
	.txt-overlay {top: 12%;}
	.footer-content { max-width: 100%;}
	
	.footer-row #h2 .footer-line {left: 8em;}
	.footer-column#h2 h4 {padding-left: 7em;}
	.footer-column ul#footer-2 li:nth-child(1) {margin-left: 113px;}
	.sub-nav-item ul li, .footer-column ul li {font-size: 0.875em;}
	.footer-column ul#footer-2 li:nth-child(2) {margin-left: 103px;}
	.footer-column ul#footer-2 li:nth-child(3) {margin-left: 93px;}
	.footer-column#h4 h4 {padding-left: 0em;}
	#h4 .footer-line {left: -8px;}
	.footer-column ul#footer-4 li:nth-child(1) {margin-left: -47px;}
	.footer-column ul#footer-4 li:nth-child(2) {margin-left: -81px;}
	.footer-column ul#footer-4 li:nth-child(3) {margin-left: -90px;}
	.footer-column ul#footer-4 li:nth-child(4) {margin-left: -99px}
	
	.kompetenzen .left-box .txt-box-c {width: 80%;}
	.kompetenzen .left-box .txt-box-c p, .kompetenzen .box-1 .left-box .txt-box-c h2 {padding-left: 60px;}
	.kompetenzen .left-box .txt-box-c{padding-top: 1.5em;}
	.kompetenzen .top-box, .kompetenzen .bottom-box {min-height: 600px;}
	.kompetenzen .box-1 .bottom-box .left-box .txt-box-c {padding: 3.5em 0;position: relative;}
	.sponsoring .start-banner { min-height: 300px;}
	.sponsoring .bg-box {background: none;}
	.right-box.txt-box { padding: 3.5em; box-sizing: border-box;}
	.angebote-anfordern .right-box.txt-box, .angebote-anfordern .box-img .left-box.txt-box {padding: 0;}
	
	.jobs .box-2 .img-box {top: 0px;}
	.first.row .left-box .txt-box-c p {padding-left: 60px;}
}
@media only screen and (max-width: 1350px) {
	.news #content .left-box, .news #content .right-box {top: 330px;font-size: 0.9em;}
	.news #content .box-3 .right-box, .news #content .box-4 .right-box {top: 430px;font-size: 0.9em;}
	.news #content .box-3 .left-box, .news #content .box-4 .left-box {top: 430px;font-size: 0.9em;}
}
@media only screen and (max-width: 1280px) {
	.laserschweissen .top-box .right-box.img-box img {width: auto;max-width: 480px;}
	.laserschweissen #slider{margin-left: -150px;}
	.laserschweissen #slider ul li{height:300px;width:450px;}
	.jobs .box-2 .img-box{top: -25px;}
	.jobs .box-4 .img-box {top: -25px;}
	.kontakt button.send {padding-right: 120px;}
	#f4 {padding-left: 2.5em;box-sizing: border-box;}
	.jobs .auszeichnung-block {max-width: 300px;padding-top: 0;}
	.service .box-4 .right-box .txt-box-c h3{font-size:1.8em;}
	.kompetenzen .left-box .txt-box-c {padding-top: 1em;}
	.kontakt .box-2 .right-box {padding-left: 120px;}
	.kontakt img.desktop.ansprech { padding-left: 120px;}
	.chronik .box {left: 150px;}
	.chronik h4, .chronik p {margin: 0.5em 0;}
	body{font-size: 0.9em;}
	.home .box-2 .left-box .txt-box-c { margin-left: 0;}
	.mapouter, .gmap_canvas {max-width: 400px;}
	.home .box-2 {top: 150px;}
	.sponsoring {font-size: 0.85em;}
	.sponsoring .box-1 .left-box .txt-box-c h2, .sponsoring .left-box .txt-box-c p {padding-left: 60px;}
	.sponsoring .auszeichnung-block {padding: 0 2.5em;}
	.sponsoring .box-1 .bottom-box {top: 0;}
	.txt-overlay {top: 12%;}
	.service .left-box .txt-box-c {font-size: 0.875em;}
	.box-1 ul.list-box{top:3.5em;padding-top:1.5em;}
	.box-2 .txt-box-c { padding-right: 0;}
	.home .box-2 .txt-box-c {padding-top:0;}
	.home .box-3 .right-box .txt-box-c {padding-top: 0;}
	.box-1 ul.list-box {left: 25%;}
	.txt-box-c li {padding-right: 3.5em;}
	.home .box-3 { top: -60px;}
	.home .bottom-box .right-box.txt-box { top: 0;}
	#header {font-size: 0.875em;}
	.service .txt-box.left-box .txt-box-c h3 {font-size: 2.1em;}
	.txt-box.left-box .txt-box-c h3 {font-size: 1.6em;}
	.verarbeitung .left-box .txt-box-c {font-size: 0.875em;}
	.box-1 .left-box .txt-box-c h2 {padding-left: 95px;}
	.right-box .txt-box-c p.contact {bottom: auto; left: 0; padding-left: 15%; margin-left: 0;top: 50%;}
	.left-box#logo { width: 150px;}
	.right-box#nav { position: absolute; max-width: 100%;  float: left; margin-left: 350px; padding: 1em 1.5em 0; box-sizing: border-box;}
	.nav-item {margin: 0 0.5em;}
	.right-box#nav {margin-left: 300px;}
	.verarbeitung .box-1 .left-box .txt-box-c h2,
	.verarbeitung .left-box .txt-box-c p {padding-left: 60px;}
	.right-box .txt-box-c p.contact { margin: 0;}
	.jobs .start-banner {min-height: 300px;background-size: cover;}
	.kompetenzen .start-banner {min-height: 300px;background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;}
	.kompetenzen {font-size: 0.875em;}
	.kompetenzen .box-1 .right-box .txt-box-c {padding: 3.5em 1.5em;top: 0;position: relative;}
	.kompetenzen .left-box .txt-box-c p, .kompetenzen .box-1 .left-box .txt-box-c h2 {padding-left: 21px;    max-width: 100%;}
	.kompetenzen .right-box .txt-box-c p{max-width: 90%;}
	#slider ul li img, #slider ul li { max-height: 350px;}
	.verarbeitung .right-box .txt-box-c p.contact { width: 80%; position: relative;bottom: 0;left: 0;padding-left: 22%;}
	.verarbeitung .box-3 .right-box .txt-box-c {padding-bottom: 0;padding-top: 0;font-size: 0.875em;}
	.verarbeitung .box-3 .top-box {min-height: 0;}
	.angebote-anfordern .right-box.txt-box, .angebote-anfordern .box-img .left-box.txt-box {font-size: 0.875em;}
	.angebote-anfordern .contact-block {position: absolute;left: 0;top: 50%; width: 250px;height: 100px; margin-top: -50px; margin-left: 60px;}
	.angebote-anfordern .top-box, .angebote-anfordern .bottom-box {min-height: 0;padding-bottom: 3.5em;}
	.kompetenzen .box-1 .right-box .txt-box-c {padding: 1.5em 1.5em;}
	.angebote-anfordern .box-2 {top: 0;}
	.angebote-anfordern .box-1 .bottom-box {top: 0;}
	.angebote-anfordern .box-1 .bottom-box .right-box.txt-box { position: relative;padding:0;}
	.angebote-anfordern .inputbox {padding-left: 56px;}
	.angebote-anfordern .contact-block{padding-left:0;}
	.angebote-anfordern .left-box .txt-box-c p, .angebote-anfordern .box-1 .left-box .txt-box-c h2 { padding-left: 60px;}
	.overlay-img {max-width: 150px;}
	.footer-column ul#footer-4 li:nth-child(1) {margin-left: -42px;}
	.footer-column ul#footer-4 li:nth-child(2) {margin-left: -71px;}
	.footer-column ul#footer-4 li:nth-child(3) {margin-left: -79px;}
	.footer-column ul#footer-4 li:nth-child(4) {margin-left: -88px;}
	.footer-column ul#footer-2 li:nth-child(1) {margin-left: 107px;}
	.footer-column ul#footer-2 li:nth-child(2) {margin-left: 97px;}
	.footer-column ul#footer-2 li:nth-child(3) {margin-left: 87px;}
	.footer-column ul#footer-3 li:nth-child(1) {margin-left: 31px;}
	.footer-content { top: -10px;}
	.right-box#nav {bottom: 0;}
	#nav-process .sub-nav-item {top: 41px;}
	#nav-services .sub-nav-item, #nav-contact .sub-nav-item{top: 38px;}
	#nav-aboutus .sub-nav-item {top: 42px;}
	#nav-aboutus .sub-nav-item ul {padding-left: 8em;}
	.angebote-anfordern .right-box.txt-box, .angebote-anfordern .box-img .left-box.txt-box {top: 0; position: absolute;padding: 0;}
	.news .left-box .txt-box-c {padding: 1.5em 0 3.5em 0;}
	.news #content .left-box, .news #content .right-box {top: 300px;font-size: 0.875em;}
	.news #content .box-3 .right-box, .news #content .box-4 .right-box {top: 400px;font-size: 0.875em;}
	.news #content .box-3 .left-box, .news #content .box-4 .left-box {top: 400px;font-size: 0.875em;}
	#nav-process .sub-nav-item ul li:nth-child(1) {margin-left: 44px;}
	#nav-process  .sub-nav-item ul li:nth-child(2) {margin-left: 30px;}
	#nav-process  .sub-nav-item ul li:nth-child(3) {margin-left: 17px;}
	#nav-process  .sub-nav-item ul li:nth-child(4) {margin-left: 3px;}
	#nav-process  .sub-nav-item ul li:nth-child(5) {margin-left: -11px;}
	#nav-process  .sub-nav-item ul li:nth-child(6) { margin-left: -25px; }
	.footer-column#h4 h4 {padding-left: 1.5em;}
	.referenzen.team .right-box .txt-box-c {top: 6em;position: relative;}
	.angebote-anfordern .bottom-box .txt-box label, .kontakt .bottom-box .txt-box label { width: 40%;}
	.jobs .top-box .left-box .txt, .jobs .box-3 .right-box .txt, .jobs .left-box .txt-box-c p.red { font-size: 1.33em;}
	.first.row .left-box .txt-box-c p {padding-left: 95px;}
	#overlay-2.qr-code { max-height: 550px;}
	
}
@media only screen and (max-width: 1200px) {
	.nav-item {margin: 0 1em;}
	img.arrow {display: inline-block;}
	.jobs #loading-bar_box { max-width: 150px;margin: 0;}
	.jobs #loading-overlay { top: 0;}
	#overlay-2.qr-code {/*top: 30px;*/}
	.jobs .box-2 .img-box,.jobs .img-box {top: -100px;}
	#loading-overlay {top: 10%;}
}
@media only screen and (max-width: 1150px) {
	.jobs .box-2 .txt {padding-left: 24px;}
	.news #content .left-box, .news #content .right-box {top: 260px;}
	.news #content .box-3 .right-box, .news #content .box-4 .right-box {top: 310px;}
	.news #content .box-3 .left-box, .news #content .box-4 .left-box {top: 310px;}
	.kompetenzen .box-1 .right-box .txt-box-c { padding: 0.5em 1.5em;}
	.kompetenzen .left-box .txt-box-c {padding-top: 0;}
	.example {height: 600px;}
	.sub-nav-item ul#nav-1 li {padding-left: 3.5em;}
	.subpage{font-size:0.75em;}
	.kontakt .top-box, .kontakt .bottom-box { min-height: 300px;}
	.kontakt .auszeichnung-block {max-width: 250px;}
	.kontakt .box-1 .left-box .txt-box-c h2 {padding-left: 60px;}
	.kontakt .left-box .txt-box-c p{padding-left: 60px;}
	.kontakt .bottom-box .txt-box label {width: 36%;}
	.kontakt .box-1 .bottom-box { top: 0;min-height: 400px;}
	.home .top-box .right-box.img-box img {max-width: 400px;}
	.home .box-2 .top-box .right-box.img-box img {bottom: auto;top: -200px; max-width: 500px;}
	
	.footer-column ul#footer-4 li:nth-child(1) {margin-left: -38px;}
	.footer-column ul#footer-4 li:nth-child(2) {margin-left: -61px;}
	.footer-column ul#footer-4 li:nth-child(3) {margin-left: -69px;}
	.footer-column ul#footer-4 li:nth-child(4) {margin-left: -78px;}
	.footer-column ul#footer-2 li:nth-child(1) {margin-left: 89px;}
	.footer-column ul#footer-2 li:nth-child(2) {margin-left: 81px;}
	.footer-column ul#footer-2 li:nth-child(3) {margin-left: 73px;}
	.footer-column ul#footer-3 li:nth-child(1) {margin-left: 31px;}
	.chronik .box {max-width: 50%;}
	.chronik .box {top: 0;}
	#overlay-2.qr-code {max-height: 450px;}
	
	
}
@media only screen and (max-width: 1100px) {
	.news p {margin: 0.5em 0;}
	
}
@media only screen and (max-width: 1024px) {
	.laserschweissen .right-box.img-box {display: block;width: 100%;height: 100%;position: relative;}
    .laserschweissen .top-box .right-box.img-box img {right: auto;top: 50px; position: relative;width: 100%;max-width:100%;display: block;text-align: center; margin: 0 auto;}
	.laserschweissen #slider ul li {height: 500px;width: 750px;}
    .laserschweissen #slider{margin-left: 0;}
    .laserschweissen #slider ul li img { max-height: 350px;margin: 0 auto;}
	.jobs .box-2 .img-box{top: 0px;}
	.jobs .box-4 .img-box {top: 0px;}
	.jobs iframe {height: 550px;}
	.ansprechpartner .first.row .right-box .top-txt-box-c { top: 1.5em;padding-left: 23%;}
	.jobs .top-box .left-box .txt {padding-left: 56px;margin:0;}
	.jobs .box-4 .left-box.txt-box {padding: 28px 0;}
	.jobs .left-box .txt-box-c p.red { margin-bottom: 1.5em;}
	.downloads .bg-box .box-1 .top-box {background: none;}
	.downloads .bg-box .box-1 .top-box .left-box {width: 100%;float: none;position: relative;}
	.downloads .bg-box .box-1 .top-box .right-box.txt-box {
    position: relative;
    margin: 0 auto;
    width: 50%;
    background: #fff;
    padding: 2.5em 0;
}
	.downloads .box-1 img {
	    position: relative;
	    left: 0;
	    top: 0;
	    padding-top: 0;
	    width: 100%;
	    margin-left: 0;
	}
	.job-link {padding: 1.5em 60px;}
	.jobs .box-3 .right-box.txt-box.desktop {display: none;}
	.jobs .box-3 .right-box.txt-box.mobile {display: block;}
	.jobs .right-box p.red {padding: 28px 0;}
	.jobs .box-1 .top-box .right-box {background-color: transparent;padding: 0;}
	.jobs .box-3 .left-box.txt-box {padding: 0 3.5em;}
	.box-2, .box-4 {background: #f3f6f9;}
	.jobs iframe {height: 600px;}
	.jobs .box-3 .left-box.txt-box {padding: 0 3.5em 3.5em;}
	.jobs .top-box .right-box {padding: 0 3.5em 3.5em;}
	.jobs .box-2 .top-box .left-box.txt-box {padding: 28px 0;}
	.jobs .contact-block {display: none;padding: 0 3.5em;}
	#f3, #f4 {margin-top: 7em;}
	.kontakt button.send { padding-right: 0; max-width: 60%;}
	.angebote-anfordern .right-box.txt-box, .angebote-anfordern .box-img .left-box.txt-box {font-size: 1em;}
	.news img.mobile {display: block;opacity:1;}
	.sub-nav-item ul#nav-3 li{font-size:1em;}
	.chronik .left-box .txt-box-c{border-bottom:0;}
	.subpage {font-size: 1em;}
	.sponsoring .box-1 .top-box .right-box { margin-top: 0;}
	.kontakt button#refreshButton{margin-left: 36%;}
	.angebote-anfordern #captcha {margin-left: 50%;}
	.angebote-anfordern #textBox {height: 26px; position: relative; left: 10%;}
	.kontakt .bg-box .box-1 .top-box {background-color: #f3f6f9;}
	#h1, #f1 {width: 50%;padding-left: 0;} 
	.referenzen .right-box .txt-box-c, .referenzen.team .right-box .txt-box-c  {top: 0em;position: relative;}
	.referenzen .auszeichnung-block, .referenzen.team .auszeichnung-block{padding:3.5em 0;}
	.footer-column#h4 h4 { padding-left: 0em;}
	#f4 {padding-left: 0em;box-sizing: border-box;}
	.right-box .txt-box-c h3{font-size:1.5em;}
	.service .left-box .txt-box-c { font-size: 1em;}
	.service .txt-box.left-box .txt-box-c h3, .service .box-4 .right-box .txt-box-c h3 {font-size: 1.5em;}
	body { font-size: 1em;}
	.cyber-sicherheit .box-1 .top-box {background: #fff;}
	.cyber-sicherheit .box-1 .top-box .right-box.txt-box {background: #fff;}
	.cyber-sicherheit .box-1 .bottom-box {top: 0;}
	.cyber-sicherheit img.mobile {padding: 1.5em 0;}
.cyber-sicherheit a.link-overlay{position:relative;}
	#header {font-size: 1em;}
	.sub-nav-item ul li, .footer-column ul li { font-size: 1em;}
	.verarbeitung .right-box .txt-box-c p.contact {padding-left: 26%;}
	.sponsoring .contact-block {padding-top: 0; padding-left: 60px;width: 100%;box-sizing:border-box;}
	.sponsoring .right-box .img-box {padding: 0;}
	.sponsoring .left-box { width: 100%;float: none;}
	.sponsoring .img-box {padding: 3.5em 60px;}
	.kontakt.agb .box-2 .right-box { top: 0;position: relative; padding-left: 0; margin-left: 0;max-width: 100%;width: 100%;}
	.datenschutz .bg-box .box-1 .top-box {background: none;}
	.datenschutz .left-box.txt-box { background: #f3f6f9;}
	.kontakt.agb .left-box .txt-box{ background: #f3f6f9;}
	.kontakt.agb {clear: initial; padding: 0;}
	.kontakt.agb .bg-box .box-1 .top-box { background: #f3f6f9;}
	.news .box-1 .left-box .txt-box-c h2 {padding-left: 60px;}
	.news #content .left-box, .news #content .right-box{top:0;}
	.kompetenzen .box-1 .bottom-box .left-box .txt-box-c {top: 0;}
	.kompetenzen .left-box .txt-box-c {padding-top: 1.5em;}
	.jobs .right-box.txt-box { position: relative;}
	.jobs .box-2 .top-box .left-box.txt-box {top: 0;}
	.jobs .auszeichnung-block {display: none;}
	.jobs .right-box.txt-box .txt {padding-left: 0;}
	.jobs .left-box .txt-box-c p {padding-left: 0;}
	.jobs .box-1 .left-box .txt-box-c p, .jobs .box-1 .left-box .txt-box-c h2 {padding-left: 50px;}
	.verarbeitung .box-img img.bg {opacity: 1;}
	.cyber-sicherheit .left-box {width: 100%;float: none;}
	
	.chronik .box-img{padding-bottom:0em;}
	.verarbeitung.blechbearbeitung .box-3 .right-box.txt-box{background:none;}
	.verarbeitung .box-3 .left-box.txt-box {background: 0;}
	.ansprechpartner .row {padding-bottom: 3.5em;}
    .news #content .right-box{position: relative;}
    .news #content .left-box{position: relative;}
    .news .box-img .auszeichnung-block img{display:block;}
    .news #content .right-box, .news #content .left-box {font-size: 1em;}
	.angebote-anfordern .right-box.txt-box, .angebote-anfordern .box-1 .bottom-box .right-box.txt-box {margin-left: 0;}
	.verarbeitung .right-box.txt-box {background: none;}
	.verarbeitung .box-img img.desktop {display: none;}
	.verarbeitung .box-img img.mobile {display: block;}
	.verarbeitung .box-1 .box-img #loading-bar_box img.mobile {display: block;}
	.verarbeitung .box-1 .box-img #loading-bar_box img.desktop {display: none;}
	.angebote-anfordern .right-box.txt-box, .angebote-anfordern .box-img .left-box.txt-box {position: relative; width: 100%; float: none;}
	.jobs .box-2 .txt, .jobs .box-3 .txt, .jobs .box-4 .txt{font-size: 1em;}
	.chronik .box-1 .box-img .right-box img {display: block;}
	.chronik .top-box .left-box.txt-box,.chronik .box-1 .top-box .right-box.txt-box {position: relative;}
	.service .right-box.txt-box {padding: 3.5em 0;box-sizing: border-box;}
	.service .right-box .txt-box-c {padding-right: 0;}
	.verarbeitung.cnc .menu-box { position: relative;}
	.home .box-1 ul.list-box {top: 6.5em;}
	#header {height: 100px;}
	.ansprechpartner .row .top-txt-box-c { top: 7.5em;}
	.news .box-1, .news .box-2, .news .box-3, .news .box-4 {min-height: 0;}
	.news .txt {margin-left: 0; width: 60%;padding-left: 60px;box-sizing: border-box; position: relative;top: 0;}
	.news .right-box .txt { padding-left: 20%;width: 80%;}
	.cyber-sicherheit .left-box.txt-box {position: relative;}
	.cyber-sicherheit .box-2 .top-box .left-box.txt-box {padding-left: 60px;max-width: 100%;box-sizing: border-box;}
	 .box-img .auszeichnung-block img {display: block;}
	 .cyber-sicherheit .left-box .txt-box-c {background: #f3f6f9;}
	 .cyber-sicherheit .box-1 .top-box .right-box.txt-box {padding-bottom: 0;}
	 .cyber-sicherheit .box-1 .left-box .txt-box-c h2 {padding-left: 60px;}
	.cyber-sicherheit .right-box.txt-box {position:relative; width: 100%;margin-left: 0; box-sizing: border-box;}
	.news .box-2 .right-box {padding-left: 0;}
	.news #content .right-box {margin-left: 0;}
	.news .bg-box {background: none;}
	.news #content .left-box, .news #content .right-box {float:none;width: 100%;margin-left:0;}
	.news .box-3 .txt, .news .box-4 .txt{top: 0px;}
	.news #content .right-box, .news #content .left-box, .news #content .box-3 .left-box, .news #content .box-4 .left-box, .news #content .box-3 .right-box, .news #content .box-4 .right-box {font-size: 1em;}
	.news  .right-box .box-img, .news .box-3  .left-box .box-img {background: #f3f6f9;}
	.news .txt {padding-bottom: 3.5em;}
	a.link-overlay { width: 100%;margin-left: 0;}
	.news #content .box-3 .left-box, .news #content .box-3 .right-box, .news #content .box-4 .left-box{top:0;}
	.news .box-1 .left-box.txt-box {top: 0;  position: absolute;}
	.auszeichnung-block{position:relative;}
	.news .box-1 .right-box.txt-box{position:relative;}
	.news .box-1 .left-box.txt-box { top: 0; position: absolute;background: #f3f6f9;}
	.news #content .left-box {margin-bottom: 3.5em;}
	.news .box-4,.news .box-3, .news .box-2 {top: 0;}
	.jobs .bg-box {background: none;}
	.footer-column h4.mobile {display: block;}
	.jobs .left-box { width: 100%;float: none;}
	.jobs .top-box .right-box {background: #f3f6f9;margin: 0; width: 100%;top: 0;}
	.jobs .contact-block { height: 100%;position: relative;left: 0; top: 0;  width: 100%; margin-top: 0; margin-left: 0;}
	.jobs .top-box .left-box .txt, .jobs .box-3 .right-box .txt, .jobs .left-box .txt-box-c p.red {font-size: 1.6em;}
	.jobs .box-2 .bottom-box {min-height: 0;}
	.jobs .txt {margin-left: 0;width: 100%;padding-left: 0px;box-sizing: border-box;}
	.jobs .right-box.txt-box {width: 100%;}
	.jobs .box-3 {top: 0;}
	.jobs .left-box.txt-box {position: relative;}
	.jobs .box-3 .left-box .txt-box-c { padding: 3.5em;width: 100%;background: #f3f6f9;}
	.jobs .right-box {margin-left: 0;}
	.kontakt button {position: relative;}
	.mapouter, .gmap_canvas {max-width: 600px;}
	.kontakt.formular .right-box.txt-box.mobile { display: block;margin-left: 0;}
	.kontakt .right-box .txt-box-c { padding-top: 0;margin-left: 0;padding-left: 0;padding-bottom: 0;}
	.kontakt .box-2 .right-box { top: 0;position: relative; padding-left: 60px; margin-left: 0; padding-top: 3.5em;}
	.kontakt.impressum .box-2 .right-box { box-sizing: border-box;padding-left: 3.5em;width: 100%;max-width: 100%; margin-left: 0;padding-left: 0;}
	.kontakt.impressum .box-1, .kontakt.impressum .box-2, .kontakt.impressum .box-3, .kontakt.impressum .box-4 {min-height: 0;}
	.kontakt.impressum .box-1 {padding-bottom: 3.5em;}
	.datenschutz .box-1 {min-height:0;}

	.kontakt .left-box, .kontakt .right-box.txt-box { margin:0; width: 100%;float: none;position:relative;}
	.kontakt .auszeichnung-block {max-width: 350px;position: relative;}
	.kontakt .desktop.right-box.txt-box {display: none;}
	.kontakt .box-2 .right-box { top: 0; position: relative; padding-left: 60px;}
	.kontakt #captcha {margin-left: 36%;}
	.kontakt .box-2 .top-box .left-box.txt-box {top: 0;padding-left: 0em;padding-top: 3.5em;}
	.kontakt.formular .bg-box {background: none;}
	.sponsoring .right-box {margin-left: 0;}
	.sponsoring .img-box{display:block;}
	.sponsoring .bottom-box .img-box img{padding:0;}
	.sponsoring .left-box.txt-box, .sponsoring .box-1 .right-box { position: relative; top: 0;width: 100%;float: none;}
	.sponsoring .right-box .txt { padding: 3.5em; margin: 0;padding-left: 60px;}
	.verarbeitung .left-box .txt-box-list {position: relative;}
	.verarbeitung .box-3 .left-box .txt-box-c {font-size: 1em;padding: 3.5em;}
	.verarbeitung .box-3 .left-box .txt-box-c .table-box { display: none;}
	.verarbeitung.industriegravur .box-3 .right-box.txt-box{background:none;}
	.verarbeitung .box-header span{opacity:1;}
	.verarbeitung.cnc .menu-box {/*top: 3.5em;*/}
	.verarbeitung.cnc .table-box{opacity:0;}
	.verarbeitung.cnc .menu-box { max-width: 900px;}
	.box-header{top:2.5em;left:0;}
  	.verarbeitung .left-box .txt-box-c.txt-box-list ul {margin-bottom: 3.5em;}
  	.verarbeitung .box-3 .left-box .txt-box-c { background: transparent;border-bottom: 1px solid #b6b8bb;margin-bottom: 3.5em;}

   .verarbeitung.cnc .menu-box{display:block;}
	.verarbeitung.cnc .box-header span{opacity:1;}
	.verarbeitung.cnc .box-3 .left-box .txt-box-c {background: transparent;}
	.verarbeitung.cnc .box-header {top: 1em;}
	.verarbeitung  .left-box.txt-box { position: relative;}
	.verarbeitung .box-1 .left-box.txt-box { position: absolute;}
	.verarbeitung .box-img img{display:block;}
	.verarbeitung .right-box .txt-box-c p.contact{bottom: 2.5em;}
	.verarbeitung.cnc .left-box .txt-box-list {position: relative;}
	.verarbeitung .auszeichnung-block { max-width: 350px;position: absolute; right: 2.5em; padding: 0;box-sizing: border-box;left: auto;margin: 0;top: 2.5em;}
	.ansprechpartner .left-box .txt-box-c, .ansprechpartner .right-box .txt-box-c {background: transparent;}
	.ansprechpartner .row .left-box.txt-box, .ansprechpartner .row .right-box.txt-box {position: relative;}
	.ansprechpartner .box-img img.ansprech.desktop { display: none;}
	.ansprechpartner .row .left-box.txt-box, .ansprechpartner .row .right-box.txt-box {padding-left: 0;}
	.ansprechpartner .row .right-box .top-txt-box-c {padding-left: 0;}
	.ansprechpartner .row .bottom-txt-box-c {/* padding-left: 0;*/}
	.ansprechpartner .right-box.txt-box { background: transparent;}
	.ansprechpartner .left-box {width: 100%;float: none;}
	.referenzen .left-box, .referenzen .right-box { position: relative; width: 100%;float: none;margin:0;}
	.verarbeitung .box-1 .top-box .right-box.txt-box {top: 0;padding-top: 0;}
	.referenzen .right-box .txt-box-c {
    padding: 0em;
    width: 80%;
    margin-left: 0;
    box-sizing: border-box;
    padding-left: 0;
    padding-top: 0em;
    }
    .referenzen .left-box {background: #f3f6f9;}
    .referenzen .box-1 .left-box .txt-box-c h2 { padding-left: 60px;}
    .referenzen .txt-small{padding:0;}
	.txt-overlay {top: 10%;}
	.service .top-box .right-box.img-box img { top: 0;max-width: 400px;}
	.service .right-box .txt-box-c { padding-top: 1.5em;}
	.service .top-box, .service .bottom-box {min-height: 600px;}
	.footer-column h4 {font-size: 0.9em;padding-left: 6em;}
	.footer-column ul#footer-2 li:nth-child(1) {margin-left: 11px;}
	.footer-column ul#footer-2 li:nth-child(2) { margin-left: 1px;}
	.footer-column ul#footer-2 li:nth-child(3) {margin-left: -10px;}
	.footer-column#h2 h4 {padding-left: 3em;}
	.home .bg-box { font-size: 0.75em;}
	.top-box .right-box.img-box img {max-width: 500px;}
	.box-3 .top-box .right-box.img-box img {max-width: 500px;}
	.box-3 .bottom-box .left-box.img-box img {max-width: 400px;}
	.right-box#nav {position: absolute;max-width: 100%; float: left;margin-left: 150px;padding: 2.5em 0.5em 0; box-sizing: border-box;}
	.footer-column ul#footer-4 li#address {font-size: 0.75em;}
	.left-box#logo {width: 100px;float: left;padding-left: 0;display: block;box-sizing: border-box;padding-bottom: 0.5em;background-image: url(../img/Parallelogramm-Header.png);background-size: 100% auto;opacity: 0;position:relative;}
    .right-box#nav {position: absolute; max-width: 100%; float: left;margin-left: 250px; padding: 1.5em 0.5em 0;box-sizing: border-box;}
	.box-1 .left-box .txt-box-c h2 {padding-bottom: 1em;padding-left: 95px;}
	.home .top-box .right-box.img-box img {max-width: 400px;}
	.home .box-2 .top-box .right-box.img-box img {max-width: 500px;}
	.box-3 .bottom-box { top: -60px;}
	#h3,#f3 { width: 30%;}
	#h2,#f2 { width: 20%;}
	#footer { background: none;}
	.start-banner {min-height: 400px;width: 100%;
    background: url(../img/Vorschaubild-Showroom.jpg) no-repeat top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% auto;
    display: block;position: relative;}
    .home .box-1 .left-box .txt-box-c h2 {padding-left: 60px;}
    .home .txt-box.left-box .txt-box-c h3{padding-left: 60px;}
    .home .box-3 .right-box .txt-box-c {padding-top: 1.5em;}
    .home .box-4 {top: -100px;}
    #nav-m {text-align: right;display: block; position: absolute;right: 0;padding: 1.5em;box-sizing: border-box;width: 120px;height: auto;}
	.left-box#logo {width: 100%;float: none;padding-left: 1.5em;display: block;box-sizing: border-box;padding-bottom: 0.5em;background-image: url(../img/Header-Mobile.png);background-size: contain; background-repeat: no-repeat;opacity: 1;height: 100px;position: absolute;}
    #logo a, .header-subtitle {display: none;}
    #nav-m img.menu-close {display: none;}
    #nav-m-menu .nav-item.active, #header-bg {background: none;}
    #nav-m-menu .nav-item {display: block;}
    .right-box#nav{display:none;}
    img.menu-open { margin-top: -10px;}
    #nav-m-menu {position: absolute;background-image: url(../img/Burger-Menue-Hintergrund.png);right: 0;top: 100px; background-size: cover;background-repeat: no-repeat; width: 50%;}
	.left-box#logo {height: 100px;}
	#nav-m {top: 0px;}
	#nav-m img.menu-close {margin-top: -10px;}
		#nav-process .sub-nav-item {left: 0;top: 0;}
	#nav-process .sub-nav-item{position: relative;display: none;}
	.sub-nav-item ul li:nth-child(1) {margin-left: 0;}
	.sub-nav-item ul li:nth-child(2) {margin-left: 0;}
	.sub-nav-item ul li:nth-child(3) {margin-left: 0;}
	.sub-nav-item ul li:nth-child(4) {margin-left: 0;}
	.sub-nav-item ul li:nth-child(5) {margin-left: 0;}
	.sub-nav-item ul li:nth-child(6) {margin-left: 0;}
	.sub-nav-item ul li:nth-child(7) {margin-left: 0;}
	.sub-nav-item ul li:nth-child(8) {margin-left: 0;}
	#nav-process .sub-nav-item ul li:nth-child(1) {
	margin-left: 0px; 
}
#nav-process  .sub-nav-item ul li:nth-child(2) {
margin-left: 0px; 
}
#nav-process  .sub-nav-item ul li:nth-child(3) {
	margin-left: 0px; 
}
#nav-process  .sub-nav-item ul li:nth-child(4) {
	margin-left: 0px; 
}
#nav-process  .sub-nav-item ul li:nth-child(5) {
 	margin-left: 0px; 
}
#nav-process  .sub-nav-item ul li:nth-child(6) {margin-left: 0px; }
	.nav-item {margin: 0;}
	.sub-nav-item ul {position: relative;width: 100%;height: 100%;padding-left: 1.8em;}
	#nav-services .sub-nav-item ul li:nth-child(1), #nav-contact .sub-nav-item ul li:nth-child(1){margin-left:0;}
	#nav-services .sub-nav-item ul li:nth-child(2), #nav-contact .sub-nav-item ul li:nth-child(2){margin-left:0;}
	#nav-services .sub-nav-item ul li:nth-child(3), #nav-contact .sub-nav-item ul li:nth-child(3){margin-left:0;}
	#nav-services .sub-nav-item ul li:nth-child(4), #nav-contact .sub-nav-item ul li:nth-child(4){margin-left:0;}
	#nav-services .sub-nav-item ul li:nth-child(5), #nav-contact .sub-nav-item ul li:nth-child(5){margin-left:0;}
	#nav-services .sub-nav-item, #nav-contact .sub-nav-item { left: 0;display: none; top: 0;position: relative;}
	.sub-nav-item ul li a {text-decoration: none; margin: 0;background: none; padding-left: 0;}
	.nav-item a {text-decoration: none;color: #555; background-image: url(../img/Rote-Linie.png); background-repeat: no-repeat;background-position: left center; background-size: 50px;padding-left: 3.5em;min-width: 220px;list-style: none;line-height: 50px;}
	.nav-item span {background-image: url(../img/Rote-Linie.png);background-repeat: no-repeat;background-position: left center; background-size: 50px;padding-left: 3.5em;min-width: 220px;list-style: none;line-height: 50px;}
	.nav-item { padding: 0.5em 0;}
	.nav-item:hover { background-image: none;}
	#nav-aboutus .sub-nav-item{left: 0;top: 0;position: relative;max-width:100%;}
	#nav-aboutus .sub-nav-item ul {padding-left: 3.5em;box-sizing:border-box;}
	.left-box#logo { height: 135px; width: 100%;}
	.left-box .txt-box-c p {padding-left: 60px;}
	.verarbeitung .box-1 .left-box .txt-box-c h2 {padding-left: 60px;}
	.verarbeitung .left-box .txt-box-c {font-size: 0.75em;padding:1.5em 3.5em 3.5em 0;}
	#slider ul li img {max-height: 300px;margin: 0 auto;}
	#slider ul li{height:500px;}
	.verarbeitung .box-3 .top-box { min-height: 500px;}
	
	.left-box#logo {position: relative;box-sizing: border-box;padding-bottom: 0;height: 100px;}
	#nav-services .sub-nav-item, #nav-contact .sub-nav-item, #nav-process .sub-nav-item, #nav-aboutus .sub-nav-item {max-width:100%;background: none;}
	
	.kompetenzen .left-box .txt-box-c p, .kompetenzen .box-1 .left-box .txt-box-c h2 {padding-left: 60px;}
	.kompetenzen .left-box {width: 100%;float: none;}
	.kompetenzen .bg-box{background:none;}
	.kompetenzen .right-box.txt-box {position: relative;width: 100%; margin-left: 0;}
	.kompetenzen .box-1 .right-box .txt-box-c {padding: 3.5em 1.5em;top: 0;position: relative;margin-left: 0;padding-left:60px;}
	.kompetenzen .contact-block {position: relative;left: 0;top: 0; width: 100%;height: 100%; margin-top: 0;margin-left: 0;padding: 3.5em; padding-left: 60px;}
	.sponsoring .start-banner {
    min-height: 250px;
    background: url(../img/Bild-Header-Sponsoring.png) no-repeat center center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;}
    .sponsoring .bg-box {background: none;}
    #slider {margin: 0 auto;}
    #slider {left: 15%; top: 10%;}
    .verarbeitung .box-3 .left-box,  .verarbeitung .box-3 .right-box {width: 100%;float: none;margin-left:0;}
    .verarbeitung .right-box .txt-box-c p.contact {position: relative;}
     .verarbeitung .right-box.txt-box {padding: 3.5em 0;}
     a.control_next {right: 3.5em !important;}
     a.control_prev {border-radius: 0 2px 2px 0; height: 2em;right: auto;left: 3.5em !important;}
    .footer-column h4 {padding-left: 21px;}
    .footer-column {width: 100%;float: none;}
	#footer {background: none;}
	#footer-row-1 {display: none;}
	.footer-column ul#footer-1 li:nth-child(1) { margin-left: 0;}
	.footer-column ul#footer-1 li:nth-child(2) { margin-left: 0;}
	.footer-column ul#footer-1 li:nth-child(3) { margin-left: 0;}
	.footer-column ul#footer-1 li:nth-child(4) { margin-left: 0;}
	.footer-column ul#footer-1 li:nth-child(5) { margin-left: 0;}
	.footer-column ul#footer-1 li:nth-child(6) { margin-left: 0;}
	.footer-column ul#footer-1 li:nth-child(7) { margin-left: 0;}
	
	.footer-column ul#footer-3 li:nth-child(1) { margin-left: 0;}
	.footer-column ul#footer-3 li:nth-child(2) { margin-left: 0;}
	.footer-column ul#footer-3 li:nth-child(3) { margin-left: 0;}
	.footer-column ul#footer-3 li:nth-child(4) { margin-left: 0;}
	.footer-column ul#footer-3 li:nth-child(5) { margin-left: 0;}
	.footer-column ul#footer-3 li:nth-child(6) { margin-left: 0;}
	.footer-column ul#footer-3 li:nth-child(7) { margin-left: 0;}
	.footer-column ul#footer-3 li:nth-child(8) {margin-left: 0;}

	.footer-column ul#footer-2 li:nth-child(1) { margin-left: 0;}
	.footer-column ul#footer-2 li:nth-child(2) { margin-left: 0;}
	.footer-column ul#footer-2 li:nth-child(3) { margin-left: 0;}
	
	.footer-column ul#footer-4 li:nth-child(1) { margin-left: 0;}
	.footer-column ul#footer-4 li:nth-child(2) { margin-left: 0;}
	.footer-column ul#footer-4 li:nth-child(3) { margin-left: 0;}
	.footer-column ul#footer-4 li:nth-child(4) {margin-left: 0;}
	
	.footer-content { max-width: 100%; padding-left: 2.5em;box-sizing: border-box;}
	.angebote-anfordern .left-box .txt-box-c {
    padding: 1.5em 0 3.5em 0;
    width: 80%;
    margin-left: 0;
    box-sizing: border-box;
    font-size: 0.875em;}
    #captcha{margin-left: 0;}
    .box-img img {display: none;}
    .kompetenzen .left-box.txt-box {position: relative;}
    .kompetenzen .box-1 .right-box .txt-box-c {padding-left: 0;}
    .kompetenzen .contact-block { padding-left: 0;}
    .kompetenzen {font-size: 1em;}
    .kompetenzen .left-box.txt-box {background: #f3f6f9;}
    img.desktop {display: none;}
	img.mobile {display: block;}
	.chronik .box { height: auto;bottom: 3.5em;top: auto;}
	.ansprechpartner .left-box .txt-box-c, .ansprechpartner .right-box .txt-box-c {position:absolute;top:0;height:100%;}
	.ansprechpartner .first.row .left-box .txt-box-c {height:auto;min-height:0 !important;position: relative;}
	.ansprechpartner .first.row .left-box{height:auto;min-height:0;    position: relative;}
	.ansprechpartner .row .left-box.txt-box {padding-bottom: 3.5em;}
	.ansprechpartner .row .right-box .top-txt-box-c {padding-left: 224px;}
	.ansprechpartner .row .right-box  .bottom-txt-box-c {padding-left: 96px;}
	.ansprechpartner .box-1 .top-box .left-box.txt-box{position:relative;height: auto;min-height:0;}
	.ansprechpartner .box-1 .top-box .left-box.txt-box .txt-box-c{min-height:0;height:auto;}
	.ansprechpartner .box-1 .right-box.txt-box {position: relative;width: 100%;float: none;margin: 0;padding:0;}
	.ansprechpartner .box-1 .top-box .left-box.txt-box .txt-box-c {position: relative;}
	.ansprechpartner .auszeichnung-block, .ansprechpartner .contact-block{position:relative;}
	.ansprechpartner .contact-block {
	    position: relative;
	    left: 0;
	    top: 0;
	    width: 250px;
	    height: 100%;
	    margin-top: 0;
	    margin-left: 0;
	    padding-left: 60px;
    }
   .ansprechpartner .box-1 .left-box .txt-box-c h2 {padding-left: 60px;}
   .home .box-2 .left-box .txt-box-c {padding-top: 3.5em;width: 90%;margin-left: 0;}
   .home .left-box .txt-box-c ul {padding-left: 68px;}
   .home .right-box .txt-box-c ul {padding-left: 8px;}
   .home .box-2 {top: 100px;}
  .home .box-2 .bottom-box .right-box.txt-box {top: 50px;}
   #h2, #f2, #h3, #f3, #h4, #f4 {     width: 50%;}
	/*#footer { background: url(../img/Fusszeile-ohne-Striche-Mobile.png) no-repeat top center;background-size: cover;}*/
	#f2, #f4 {padding-left: 3.5em;box-sizing: border-box;}
	.footer-column {width: 50%;float: left;}
	#f3 {clear: both;}
	.footer-column {margin-top: 3.5em;}
	/*#f3, #f4 { margin-top: 20em;}*/
	#f2, #f4 {padding-left: 5.5em;}
	.footer-column h4 {font-size: 1.2em;}
	.footer-column ul#footer-4 { padding-left: 5px;}
	.footer-column ul#footer-4 li#address {padding-left: 3.5em;}
	.kontakt.formular .right-box.txt-box.mobile img{width: 500px;}
	.kontakt .box-2 .right-box {padding-left: 0;}
	.kontakt .right-box .txt-box-c {padding: 1.5em 60px;}
	.kontakt .box-2 .right-box {box-sizing:border-box;padding-left: 3.5em; width: 100%;max-width: 60%;margin-left: 40%;}
	.kontakt.formular .right-box.txt-box.mobile {padding-right: 0;max-width: 60%;margin-left: 40%;}
	.kontakt.formular .right-box.txt-box.mobile img{width:100%;}
	.jobs .box-2 .txt, .jobs .box-3 .right-box .txt {margin-left: 0;padding: 0 56px; width: 100%;}
	.angebote-anfordern .auszeichnung-block {padding-left: 60px;}
	.angebote-anfordern .box-img .left-box.txt-box {background: #f3f6f9;}
	.angebote-anfordern .contact-block {position: relative;left: 0; top: 0;width: 100%; height: 100%;margin-top: 0;margin-left: 0;padding: 1.5em 60px;}
	.ansprechpartner .box-1 .first.row .left-box .txt-box-c h2 {padding-left: 96px;}
	.verarbeitung .box-1 .left-box .txt-box-c h2, .verarbeitung .left-box .txt-box-c p {padding-left: 24px;}
	.verarbeitung .box-1 .left-box .txt-box-c h2 {padding-left: 24px;}
	.verarbeitung .box-1 .left-box { width: 60%;}
}
@media only screen and (max-width: 900px) {
	.laserschweissen #slider {margin:0 auto;}
	.home .box-4 .top-box .right-box.img-box img {right: 0;max-width:100%;}
	#overlay-2.qr-code {max-height: 100%;}
	.verarbeitung .box-c.m1, .verarbeitung .txt-box.m1 .menu-box.menu1 {max-width:100%;}
	.verarbeitung .box-c.m2, .verarbeitung .txt-box.m2 .menu-box.menu2 {max-width:100%;}
	.verarbeitung .box-c.m3, .verarbeitung .txt-box.m3 .menu-box.menu3 {max-width:100%;}
	.verarbeitung .box-c.m4, .verarbeitung .txt-box.m4 .menu-box.menu4 {max-width:100%;}

	.jobs .top-box .left-box .txt {padding: 0 56px;margin-left: 0;}
	.verarbeitung .box-1 .box-img .qr-code img {display: block;}
	.box-3 .right-box.txt-box {background: #fff;}
	.ansprechpartner .box-1 .top-box .left-box .txt-box-c {height: auto;}
	.ansprechpartner .right-box.txt-box{min-height:0;}
	.ansprechpartner .left-box.txt-box {min-height: 0;}
	.downloads .box-1 img {position: relative;left: 0;top: 0;padding-top: 0;}
	.home .box-1 .top-box {background: #f3f6f9; padding-bottom: 3.5em;}
	.angebote-anfordern #textBox {left: 0;}
	.angebote-anfordern #captcha {margin-left: 40%;}
	.news p {margin: 1em 0;}
	.sponsoring .right-box .txt-box {padding-top: 0;padding-bottom: 3.5em;}
	.downloads .bg-box .box-1 .top-box { background: none;}
	.chronik .top-box, .chronik .box-1, .chronik .box-2 {margin-bottom: 0;}
	.kontakt button.send {width: 100%; margin-left: -56px;max-width: 100%;}
	.showroom-link span {bottom: auto;line-height: 3.5;}
	#loading-bar_box {margin-top: -125px;}
	
	.verarbeitung .box-1 .top-box {background: #fff;}
	body.verarbeitung {font-size: 1em;}
	.verarbeitung .left-box .txt-box-c { font-size: 1em;}
	#slider {left: 0;right: 0;}
	.downloads .box-1 .top-box .right-box.txt-box, .downloads .contact-block {padding-top: 0;}
	.downloads .contact-block {padding: 1.5em 0;}
	.downloads #content, .kontakt #content {padding-bottom: 0;margin-bottom: 0;}
	.kontakt .box-2 .right-box {box-sizing: border-box;padding-left: 3.5em;width: 100%; max-width: 100%;margin-left: 0;}
	.kontakt.formular .right-box.txt-box.mobile {padding-right: 0; max-width: 100%;margin-left: 0;}
	
	.verarbeitung .box-2 { padding-bottom: 3.5em;}
	.verarbeitung .box-2 .box-img {margin-bottom: 0;}
	#slider{overflow: hidden;}
	.news #content .right-box, .news #content .left-box {top: 0;}
	.news #content .box-3 .right-box, .news #content .box-4 .right-box {top: 0px;}
	.news #content .box-3 .left-box, .news #content .box-4 .left-box {top: 0;}
	.news .left-box .txt {top: 0px;}
	.news .box-1 .right-box.txt-box {background: #fff;}
	/*.example{max-width: 66.66%; left: 15%; position: absolute;}*/
	.angebote-anfordern .bg-box {padding-bottom: 3.5em;}
	.chronik .box-1 .left-box .txt-box-c h2 {padding-left: 0;}
	.home .box-2 .bottom-box .right-box.txt-box{top:0;padding-right:0px;}
	.footer-column { margin-top: 0;}
	.verarbeitung.cnc .box-header, .verarbeitung .box-header {top: 0;}
	.home .box-2 .right-box .txt-box-c {padding: 3.5em 0 3.5em 3.5em;}
	.home .box-4 .left-box .txt-box-c {padding: 3.5em 3.5em 3.5em 0em;}
	.home .box-1 ul.list-box { top: 0px;}
	.news .txt {top: 0px;}
	.home .left-box .txt-box-c {min-height: 0;padding: 56px 0;padding-right: 56px;}
	.home .box-3 .right-box .txt-box-c {padding: 3.5em 0 3.5em 3.5em;}
	.home .box-3 .left-box .txt-box-c { padding: 3.5em 3.5em 3.5em 0;}
	.home .box-2 .left-box .txt-box-c { padding-top: 3.5em;width: 100%;margin-left: 0;padding-right:3.5em;}
	.left-box#logo {height: 100px;}
	.bg-box {margin-bottom: 3em;}
	.verarbeitung .box-1 .left-box.txt-box {position: relative;}
	#slider ul li {width: 100%;}
	#slider ul li img {margin: 0 auto;}
	#slider ul li{margin: 0 auto;}
	.home .box-1 .right-box .txt-box-c {padding-top: 3.5em;}
	/*.chronik .box {height: 450px;box-sizing: border-box;padding-top: 300px;}
	.chronik .box#b3 {padding-top: 3em;}
	.chronik .box#b8 { padding-top: 160px;}
	.chronik .box#b4 { padding-top: 450px;}
	.chronik .box#b9 {padding-top: 450px;}
	.chronik .box#b7 {padding-top: 250px;}
	.chronik .box#b5 {padding-top: 220px;}
	.chronik .box#b6 {padding-top: 520px;}*/
	img.desktop {display: none;}
	img.mobile {display: block;}
	.kompetenzen .start-banner { background-size: cover;}
	.kontakt.formular .top-box, .kontakt.formular .bottom-box{min-height:0;}
	.kontakt.formular .right-box.txt-box.desktop { display: none;}
	.kontakt.formular .right-box.txt-box.mobile { display: block;}
	.kontakt.formular .bg-box {background: none;}
	.kontakt.formular .box-1 .top-box .right-box.txt-box {display: none;}
	.kontakt.formular .box-1 .bottom-box {top: 0; padding-top: 3.5em;}
	.kontakt.formular  .right-box .txt-box-c {padding: 3.5em 0 3.5em 1.5em;width: 100%;margin-left: 0; box-sizing: border-box;padding: 3.75em;}
	.kontakt .box-2 .top-box .left-box.txt-box {top: 0; padding-left: 0em; padding-bottom: 3.5em;}
	.kontakt button.send{padding:0;}
	.kontakt .box-1, .kontakt .box-2, .kontakt .box-3, .kontakt .box-4 {min-height: 0;}
	/*.kontakt.formular .bg-box {background: url(../img/mobile/Hintergrundgrafik-Kontakt-Mobile.png) no-repeat top center;}*/
	#agb {left: 20px;}
	#captcha {margin-left: 0;}
	.start-banner {
	    /* overflow: hidden; */
	    min-height: 500px;
	    width: 100%;
	    background: url(../img/Vorschaubild-Showroom.jpg) no-repeat center center;
	    -webkit-background-size: auto 100%;
	    -moz-background-size: auto 100%;
	    -o-background-size: auto 100%;
	    background-size: auto 100%;
	    display: block;
	    position: relative;
	}
	.service .start-banner {
	    background: url(../img/schoder-service-messtechnik.png) no-repeat center center;
	    -webkit-background-size: auto 100%;
	    -moz-background-size: auto 100%;
	    -o-background-size: auto 100%;
	    background-size: auto 100%;
	    display: block;
	    position: relative;
	    width: 100%;
	}
	.home .bg-box { background: none;}
	.left-box {width: 100%;float: none;}
	.right-box.txt-box {position: absolute;width: 100%;}
	
	.left-box.txt-box {position: relative; height: auto;min-height: 100%;background-size: 100% 100%;}
	.right-box.txt-box {position: relative;width: 100%;height: 500px; min-height: 100%;display: block;}
	.right-box {margin-left: 0;}
	.top-box .right-box .h-line {left: 3.75em;}
	.box-1 ul.list-box {left: 0;padding-left:3.75em;}
	.left-box .txt-box-c {min-height: 300px;}
	p.last-row {bottom: 0;}
	.right-box .txt-box-c { padding: 0 1.5em 3.5em 1.5em; width: 100%; margin-left: 3.75em;box-sizing: border-box;}
	.right-box .h-line {left: 3.75em;}
	
	.top-box .right-box.img-box img {position: relative;}
	.home .box-2 .left-box.img-box img { top: 0; position: relative;margin: 0 auto; max-width: 700px;}
	.home .top-box .right-box.img-box img {bottom: auto;top: 0;max-width:100%;}
	.right-box.img-box { text-align: center;}
	.home .box-2 .bottom-box {top: 0;}
	.right-box .h-line {top: 3em;}
	.box-3 .right-box .h-line { top: 7em;}
	.footer-column {width: 100%;float: none;}
	#footer {background: none;}
	#footer-row-1 {display: none;}
	.footer-column ul#footer-1 li:nth-child(1) { margin-left: 0;}
	.footer-column ul#footer-1 li:nth-child(2) { margin-left: 0;}
	.footer-column ul#footer-1 li:nth-child(3) { margin-left: 0;}
	.footer-column ul#footer-1 li:nth-child(4) { margin-left: 0;}
	.footer-column ul#footer-1 li:nth-child(5) { margin-left: 0;}
	.footer-column ul#footer-1 li:nth-child(6) { margin-left: 0;}
	.footer-column ul#footer-1 li:nth-child(7) { margin-left: 0;}
	
	.footer-column ul#footer-3 li:nth-child(1) { margin-left: 0;}
	.footer-column ul#footer-3 li:nth-child(2) { margin-left: 0;}
	.footer-column ul#footer-3 li:nth-child(3) { margin-left: 0;}
	.footer-column ul#footer-3 li:nth-child(4) { margin-left: 0;}
	.footer-column ul#footer-3 li:nth-child(5) { margin-left: 0;}
	.footer-column ul#footer-3 li:nth-child(6) { margin-left: 0;}
	.footer-column ul#footer-3 li:nth-child(7) { margin-left: 0;}
	.footer-column ul#footer-3 li:nth-child(8) {margin-left: 0;}

	.footer-column ul#footer-2 li:nth-child(1) { margin-left: 0;}
	.footer-column ul#footer-2 li:nth-child(2) { margin-left: 0;}
	.footer-column ul#footer-2 li:nth-child(3) { margin-left: 0;}
	
	.footer-column ul#footer-4 li:nth-child(1) { margin-left: 0;}
	.footer-column ul#footer-4 li:nth-child(2) { margin-left: 0;}
	.footer-column ul#footer-4 li:nth-child(3) { margin-left: 0;}
	.footer-column ul#footer-4 li:nth-child(4) {margin-left: 0;}
	
	.home .bg-box { font-size: 1em;}
	
	.right-box .txt-box-c { margin-left: 0;}
	.right-box .h-line {right: 3em;left: 0;}
	.right-box .txt-box-c { padding: 0 1.5em 3.5em 60px;}
	.footer-content { max-width: 100%; padding-left: 2.5em;box-sizing: border-box;}
	.bottom-box .left-box.img-box {text-align: center;}
	.box-3 .bottom-box .left-box.img-box img {left: 0;max-width:100%;}
	.box-2 .bottom-box .left-box.img-box {left: 0;max-width: 600px;margin: 0 auto;}
	
	.service .bg-box {background: none;}
	.service .box-1 .left-box .txt-box-c h2 {text-align: left;margin-left: 0; padding-left: 60px;}
	.left-box .txt-box-c p { margin-left: 0;color: #555;padding-right: 0;padding-left: 3.75em;}
	p.last-row{position:relative;}
	.box-2 .txt-box-c {padding-right: 8.5em;}
	
	.right-box.img-box {padding-bottom: 0em;}
	
	.right-box.txt-box{background: #f3f6f9;}
	.left-box .txt-box-c {background: #f3f6f9;}
	.img-box {display: none;}
	.box-2 .right-box.img-box {display: block;}
	.img-box.mobile {display: block;}
	.home .box-2 .top-box .right-box.img-box img {top: 0;max-width: 100%;bottom: 0;}
	.home .bottom-box .right-box.txt-box {top: 0;}
	.right-box .txt-box-c {
	    padding: 1.5em 0 3.5em 0;
	    width: 100%;
	    margin-left: 0;
	    box-sizing: border-box;
	    padding-left: 3.5em;
	    padding-right: 1.5em;
	}

	.box-1 .bottom-box .right-box .h-line, .right-box .h-line {position: absolute; top: 7em;left: 3.5em;right:0em;}
	.txt-box.right-box .txt-box-c h3 {margin-bottom: 1em;padding-bottom: 0.5em;margin-top:0em;}
	.right-box.txt-box{height:auto;}
	.home .box-2 {top: 0;}
	.home .box-2 .txt-box-c { padding-top: 1.5em;width: 100%;margin-left: 0;}
	.home .right-box.txt-box { height: auto; padding-right: 0;}
	.home .box-1 .bottom-box {top: 0px;}
	.box-1 ul.list-box {position: relative; top: 0;padding: 3.5em 3.75em;}
	.top-box .right-box .h-line {
    margin-left: 0;
    position: relative;
    top: 3.5em;
    left: 0;
    right: 0;
    max-width: 100%;
    padding-left: 3.75em;}
    
	.home .bottom-box .left-box.img-box { top: 0;max-width: 100%;}
	.home .box-2 .left-box.img-box img {
	    top: 0;
	    position: relative;
	    margin: 0 auto;
	    max-width: 100%;
	}
	.home .box-2 .top-box .left-box.txt-box {top: 0;}
	.home .box-3 {top: 0;}
	.box-3 .bottom-box { top: 0;}
	.home .box-4 {top: 0;}
	.box-3 .right-box .txt-box-c {padding-top: 1.5em;}
	.right-box#nav {display: none;}
	.service .box-1 .bottom-box {top: 0;}
	.service .left-box.img-box img {max-width: 100%;}
	.service .box-2 {
	    top: 0;
	}
	.service .box-2 .top-box .right-box.img-box img {
	    bottom: auto;
	    top: 0;
	}
	.box-2 .top-box .left-box.txt-box {
	    top: 0;
	}
	.box-2 .bottom-box .left-box.img-box {
	    left: 0;
	    max-width: 100%;
	    margin: 0 auto;
	}
	.service .box-2 .bottom-box {
	    top: 0;
	}
	.service .box-3 .bottom-box .left-box.img-box img {
	    width: 100%;
	}
	.chronik .right-box.txt-box {
    background: #fff;
}
	.service .top-box .right-box.img-box img {bottom: auto;top: 0; max-width: 100%;    width: 100%;}
	.showroom-link {height: 55px;}
	#nav-m {text-align: right;display: block; position: absolute;right: 0;padding: 1.5em;box-sizing: border-box;width: 100px;height: auto;}
	img.menu-open, #nav-m img.menu-close {margin-top: 0px;}
	.left-box#logo {width: 100%;float: none;padding-left: 1.5em;display: block;box-sizing: border-box;padding-bottom: 0.5em;background-image: url(../img/Header-Mobile.png);background-size: contain; background-repeat: no-repeat;opacity: 1;height: 100px;position: relative;}
    #logo a, .header-subtitle {display: none;}
    #nav-m img.menu-close {display: none;}
    #nav-m-menu{display: none;}
    #nav-m-menu .nav-item.active, #header-bg {background: none;}
    #nav-m-menu .nav-item {display: block;}
    #nav-m-menu {position: absolute;background-image: url(../img/Burger-Menue-Hintergrund.png);right: 0;top: 100px; background-size: cover;background-repeat: no-repeat; width: 50%;}
	#nav-process .sub-nav-item {left: 0;top: 0;}
	#nav-process .sub-nav-item{position: relative;display: none;}
	.sub-nav-item ul li:nth-child(1) {margin-left: 0;}
	.sub-nav-item ul li:nth-child(2) {margin-left: 0;}
	.sub-nav-item ul li:nth-child(3) {margin-left: 0;}
	.sub-nav-item ul li:nth-child(4) {margin-left: 0;}
	.sub-nav-item ul li:nth-child(5) {margin-left: 0;}
	.sub-nav-item ul li:nth-child(6) {margin-left: 0;}
	.sub-nav-item ul li:nth-child(7) {margin-left: 0;}
	.sub-nav-item ul li:nth-child(8) {margin-left: 0;}
	.nav-item {margin: 0;}
	.sub-nav-item ul {position: relative;width: 100%;height: 100%;padding-left: 1.8em;}
	#nav-services .sub-nav-item ul li:nth-child(1), #nav-contact .sub-nav-item ul li:nth-child(1){margin-left:0;}
	#nav-services .sub-nav-item ul li:nth-child(2), #nav-contact .sub-nav-item ul li:nth-child(2){margin-left:0;}
	#nav-services .sub-nav-item ul li:nth-child(3), #nav-contact .sub-nav-item ul li:nth-child(3){margin-left:0;}
	#nav-services .sub-nav-item ul li:nth-child(4), #nav-contact .sub-nav-item ul li:nth-child(4){margin-left:0;}
	#nav-services .sub-nav-item ul li:nth-child(5), #nav-contact .sub-nav-item ul li:nth-child(5){margin-left:0;}
	#nav-services .sub-nav-item, #nav-contact .sub-nav-item { left: 0;display: none; top: 0;position: relative;}
	.sub-nav-item ul li a {text-decoration: none; margin: 0; background: none; padding-left: 0;}
	.box-1 .top-box {background: #f3f6f9;}
	.nav-item a {text-decoration: none;color: #555; background-image: url(../img/Rote-Linie.png); background-repeat: no-repeat;background-position: left center; background-size: 50px;padding-left: 3.5em;min-width: 220px;list-style: none;line-height: 50px;}
	.nav-item span {background-image: url(../img/Rote-Linie.png);background-repeat: no-repeat;background-position: left center; background-size: 50px;padding-left: 3.5em;min-width: 220px;list-style: none;line-height: 50px;}
	.nav-item { padding: 0.5em 0;}
	.nav-item:hover { background-image: none;}
	#nav-aboutus .sub-nav-item{left: 0;top: 0;position: relative;}
	#nav-aboutus .sub-nav-item ul {padding-left: 3.5em;}
	img.menu-close {width: 60px;}
	.footer-column {width: 50%;float: left;}
	#f3 {clear: both;}
	.footer-column h4.mobile {display: block;padding-left: 0; font-size: 1em;}
	.footer-content {top: 0;}
	#mobile-header{display:block;}
	.txt {margin-left: 0;width: 100%; padding: 0 60px;box-sizing: border-box;}
	.verarbeitung.siebdruck .start-banner {background: url(../img/siebdruck-bild.png) no-repeat center center; background-size: cover;background-repeat: no-repeat; min-height: 400px;}
	.downloads .start-banner{background-size: cover;}
	.downloads .left-box .txt-box-c ul {margin-left: 0;}
	.downloads .left-box.img-box {padding: 3.5em 3.5em 3.5em;width: 100%;margin-left: 0; box-sizing: border-box;display: block;}
	#footer-row-3 {padding-bottom: 3.5em;}
	#f2, #f4 {padding-left: 3.5em; box-sizing: border-box;}
	.kontakt .start-banner{background-size: cover;}
	.left-box .txt-box-c {background: #f3f6f9;padding: 1.5em 3.5em; width: 100%;}
	/*.verarbeitung .right-box.txt-box { background: url(../img/mobile/Hintergrund-GLB.png);}*/
	.verarbeitung .box-1 .top-box .right-box.txt-box {background: url(../img/mobile/Hintergrund-GLB.png) no-repeat center center;background-color: #fff;top: 0; background-size: contain;background-size: 100% auto;}
	#slider {}
	a.control_next {right: 15px !important;}
	a.control_prev {left: 15px !important;}
	.verarbeitung .box-3, .cnc .box-3 { top: 0;}
	.verarbeitung .left-box .txt-box-list {position: relative;    left: 0;}
	.box-header {display: block; width: 100%;position: relative; left: 0;top: 1em; color: #ed1c24;}
    .box-header span {padding: 1em 3.5em;width: 25%; font-size: 1em;box-sizing: border-box;cursor: pointer;}
    .verarbeitung .box-3 .left-box .txt-box-c {background: none;}
    .verarbeitung .right-box .txt-box-c p {width: 100%;position: absolute;}
    .verarbeitung .right-box.txt-box {min-height: 600px;}
    .verarbeitung .bg-box {background: none;}
    
    .verarbeitung .box-3 .left-box .txt-box-c {padding: 1.5em 1.5em 3.5em 1.5em;}
    .verarbeitung .box-3 .left-box.txt-box{padding: 1.5em 0;}
    .box-header span{ padding: 0 1.5em;}
    .box-header {top: 0;}
   	#f3, #f4 {margin-top: 15em;}
   	.verarbeitung .right-box .txt-box-c p {max-width: 100%;position: absolute;margin: 0;padding-left: 25%;margin-bottom: 1.5em;box-sizing: border-box;}
   	.box-header span { padding: 0;width: 100%;font-size: 1em;box-sizing: border-box;cursor: pointer;display: inline-block;text-align: left;}
   	.verarbeitung .box-3 .bottom-box .right-box .contact-block {position: absolute;left: 0;top: 0;width: 250px; height: 100px;margin-top: 2.5em;margin-left: 0; padding-left: 25%;}
	.verarbeitung .auszeichnung-block {left: auto;right: 0;}
	.verarbeitung.industriegravur .start-banner, .verarbeitung.erodiertechnik .start-banner{background-position-x: center;background-position-y: center;background-size: cover;}
	.verarbeitung .box-2 {top: 0;}
	.verarbeitung .box-1, .verarbeitung .box-2 {min-height: 600px;}
	.home .box-1 .left-box .txt-box-c h2{margin-left:0;}
	.verarbeitung.dreidruck .start-banner{background-position-x: center;background-position-y: center;background-size: cover;}
	.verarbeitung.dreidruck .bg-box {background: none;}
	.verarbeitung.blechbearbeitung .start-banner {
	    background: url(../img/blechbearbeitungbild.png) center center;
	    /* background-size: contain; */
	    background-repeat: no-repeat;
	    background-size: cover;}
	    .left-box .txt-box-c {padding-left: 0;}
	    .box-1 .left-box .txt-box-c h2 {padding-left: 60px;}
	    .box-1 ul.list-box { margin-left: 60px;padding-left:0;}
	    .txt-box.left-box .txt-box-c h3 {padding-left: 60px;}
	    .left-box .txt-box-c ul {padding-left: 70px;}
	    #h2, #f2, #h3, #f3, #h4, #f4 {     width: 50%;}
	    .footer-column ul#footer-4 li#address { padding-left: 3.5em;}
	    .downloads .left-box .txt-box-c ul {
		    margin-left: 0;
		    padding-left: 60px;
		    margin-top: 0;
		}
		.contact-block {
		    position: relative;
		    left: 0;
		    top: 0;
		    width: 100%;
		    height: 100%;
		    margin-top: 0;
		    display: block;
		    margin-left: 0;
		    padding: 60px;
		    box-sizing: border-box;
		}
		.jobs .contact-block {
		    display: none;  
		}
		 .right-box.img-box.mobile { background: #fff;}
		 .home .bottom-box .left-box.img-box {text-align: left;}
		 .verarbeitung .box-3 .bottom-box .right-box .contact-block {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    box-sizing: border-box;
    padding-left: 60px;
}
	.verarbeitung.dreidruck .box-3 .right-box.txt-box {
	    background: none;
	}
	.verarbeitung .box-1 .box-img img {display: none;}
	.verarbeitung .box-1, .verarbeitung .box-2 { min-height: 0;padding-bottom: 3.5em;}
	a.control_next, a.control_prev  { max-width: 50px;}
	.angebote-anfordern .box-2 .top-box .left-box.txt-box {top: 0;padding-left: 2em;}
	.angebote-anfordern .right-box.txt-box, .angebote-anfordern .box-img .left-box.txt-box { top: 0;position: relative;}
	.angebote-anfordern .box-img img { display: none;}
	.angebote-anfordern .box-1 .top-box {background: none;}
	.angebote-anfordern .box-img .auszeichnung-block img { display: block;}
	.angebote-anfordern .auszeichnung-block { padding-left: 60px;}
	.angebote-anfordern .contact-block {position: relative;left: 0; top: 0;width: 100%; height: 100%;margin-top: 0;margin-left: 0;padding: 1.5em 60px;}
		.left-box .txt-box-c {min-height: 0;}
		.angebote-anfordern .box-1 .bottom-box {padding-top: 1.5em;}
		.angebote-anfordern .right-box.txt-box {background: transparent;}
		.angebote-anfordern button { background: none; border: 0; text-align: right;position: relative;right: 0;max-width: 100%; cursor: pointer; width: 100%;}
	.angebote-anfordern .txt-box img {max-width: 350px;}
		.home .box-1 .bottom-box .right-box.txt-box, .home .box-3 .bottom-box .right-box.txt-box {top: 0px;padding-right: 0;padding-left: 0;}
		.home .box-2 .txt-box-c {padding: 3.5em 0;}
		
		.news .box-1 {margin-bottom: 3.5em;}
		
		.service .left-box.txt-box { padding: 3.5em 0;background: #f3f6f9;}
		.contact-block {padding-left: 0;}
		.verarbeitung .box-1 .box-img #loading-bar_box img {display: block;}
		#loading-bar_box {max-width: 250px;}
		#loading-overlay {left: 25%; max-width: 50%; max-height: 50%; top: 25%;}
		.verarbeitung .box-1 .left-box {width: 100%;}
		.verarbeitung .box-1 .top-box .right-box.txt-box{max-width:100%;}
	}
	@media only screen and (max-width: 800px) {
	.laserschweissen #slider ul li { height: 300px;width: 450px;}
	.center-box.txt {padding-left: 60px;}
	.news-subpage .center-box.txt {margin-left: 60px;max-width: 100%;}
	.news .box-3 .txt, .news .box-4 .txt, .news .box-3 .right-box .txt {top: 0px;}
	.news .left-box .txt, .news .right-box .txt {top:0px;}
	.verarbeitung.cnc .box-3 .left-box .txt-box-c {padding-bottom: 0;}
	.ansprechpartner h4 {margin-top: 0;}
	.chronik .box {left: 80px;}
	p.last-row {margin-top: 3.5em;}
	.verarbeitung .box-3 .left-box .txt-box-c { font-size: 0.9em;}
	.verarbeitung .left-box .txt-box-c.txt-box-list ul{padding-top: 0;top:0;}
		.box-header span {font-size: 0.875em;}
		.verarbeitung .box-3 .left-box .txt-box-c { border-bottom: 0;}
		.verarbeitung.cnc .box-header, .verarbeitung .box-header {top: -7px;}
		.verarbeitung .box-3 .left-box.txt-box, .verarbeitung .box-3 .left-box.txt-box.m2, .verarbeitung .box-3 .left-box.txt-box.m1, .verarbeitung .box-3 .left-box.txt-box.m4 {background-size:contain;}
		.verarbeitung .box-3 .left-box.txt-box.m3, .verarbeitung .box-3 .left-box.txt-box.m4{background-size:cover;}
		.verarbeitung .right-box .txt-box-c p.contact {bottom: 0;}
	.ansprechpartner .row .top-txt-box-c { top: 6.5em;}
	.jobs .contact-block {padding: 0;}

		#f3, #f4 {margin-top: 12em;}
		.left-box#logo {
		    width: 100%;
		    float: none;
		    padding-left: 1.5em;
		    display: block;
		    box-sizing: border-box;
		    padding-bottom: 0.5em;
		    background-image: url(../img/Header-Mobile.png);
		    background-size: cover;
		    background-repeat: no-repeat;
		    opacity: 1;
		    height: 100px;
		    position: relative;}
		    .right-box.img-box.mobile { background: #fff;}
		    
		    .kontakt .top-box, .kontakt .bottom-box {min-height: 300px;}
		    .center-box.txt {margin-left: 0;}
		    .overlay-img {max-width: 120px;}
		    
		    .news .box-2 .left-box .txt {top: 0px;}
		    .news .left-box .txt, .news .txt {top: 0px;}
		    
		    .job-link {position: absolute;top: 5.5em;left: 0;background-size: 50%;padding: 0.5em 60px;    height: auto;}
		    .job-link a {font-size: 1.2em;}
		    
		    .ansprechpartner .box-1 .first.row .txt-box-c { padding: 3.5em 1.5em;}
		   .ansprechpartner .first.row .right-box .top-txt-box-c, .ansprechpartner .row .right-box .top-txt-box-c {padding-left: 25%;}
	}
	@media only screen and (max-width: 700px) {
		.laserschweissen #slider ul li { height: 280px;width: 420px;}
    	
		.news .box-2 .left-box .txt {top: 0px;padding-right:0;}
		.news .left-box .txt, .news .txt {top: 0px;}
			#f3, #f4 {
		    margin-top: 5em;
		}
		.box-2 .right-box .box-img{min-height: 900px;    background: #f3f6f9;}
	}
	
	@media only screen and (max-width: 640px) {
		.laserschweissen #slider ul li { height: auto;width: 100%;}
    	.laserschweissen #slider ul li img, .laserschweissen #slider ul li {max-height: 240px; max-width: 100%;height: auto;width: auto;}
		.ansprechpartner h4 {font-size: 1.33em;}
		.box-2 .right-box .box-img {min-height: 700px;background: #f3f6f9;}
		iframe#gmap_canvas {max-width: 100% !important;width: 500px;}
		.gmap_canvas {width: 500px !important;}
		.angebote-anfordern .txt-box img {max-width: 250px;}
		.kontakt.formular .right-box.txt-box.mobile { padding-right: 0;max-width: 100%;margin-left: 0;background: none;}
		.kontakt .box-2 .right-box { max-width: 100%; margin-left: 0%;}
		.verarbeitung .right-box.txt-box {min-height: 500px;}
		.ansprechpartner .row .top-txt-box-c {top: 4.5em;}
		.news .box-1 img.mobile {display: none;}
		.news .box-1 .left-box.txt-box {position: relative;}
	.news .txt {padding-right: 0;}
		.news .txt {top: 250px;font-size: 0.85em;}
		#nav-m{width:100px;padding: 0.5em 1.5em;}
		img.menu-open {padding-top: 0.75em;}
		.sub-nav-item ul#nav-1 {padding-left: 1.5em;}
		#nav-aboutus .sub-nav-item ul {padding-left: 1.5em;}
		.sub-nav-item ul {padding-left: 1.5em;}
		/*#slider ul li{max-width:100%;width:600px;}*/
		.verarbeitung .box-3 .left-box .txt-box-c {background: white;margin-top: 1em;}
		.verarbeitung .right-box .txt-box-c p {  padding-bottom: 1.5em;}
		#f3, #f4 {margin-top: 5%;}
		/*.example {max-width: 70%;position: absolute;left: 15%;right: 15%;}*/
		.angebote-anfordern .right-box.txt-box {background: none;}
		.kontakt.formular #captcha {margin-left: 0;}
		.chronik .box {bottom: 0;}
		#slider ul li img, #slider ul li {max-height: 100%;}
		.verarbeitung .box-1 .top-box .right-box.txt-box {padding-bottom: 0;}
		img.menu-open, #nav-m img.menu-close {margin-top: 0;padding-top: 10px;}
		#slider{max-width:100%;}
		
	}
	@media only screen and (max-width: 560px) {
	.ansprechpartner .first.row .right-box .bottom-txt-box-c {bottom: 0;padding-bottom: 2.5em;}
	.downloads .bg-box .box-1 .top-box .right-box.txt-box { width: 100%;padding: 2.5em 56px;}
	.ansprechpartner .box-1 .first.row .left-box .txt-box-c h2, .first.row .left-box .txt-box-c p { padding-left: 56px;}
	.datenschutz .left-box .txt-box-c {padding-left: 0;padding-right: 60px;}
	#h1, #f1, #h2, #f2, #h3, #f3, #h4, #f4 {width: 100%;}
	.ansprechpartner .row .top-txt-box-c {top: 3.5em;}
	.angebote-anfordern #captcha { margin-left: 0;}
	.angebote-anfordern button#refreshButton { left: 0;margin-left: 0;right: auto;}
	.sponsoring .left-box .txt-box-c {padding-left: 0;padding-right: 60px;}
	.jobs .box-2 .txt {width: 100%;}
		img.menu-open, #nav-m img.menu-close {margin-top: 0;padding-top: 0px;}
		#slider {left: 0;}
		.home .box-3 .txt-box.left-box .txt-box-c h3 {margin-left: 0;}
		.jobs .left-box .txt-box-c { padding-left: 0; padding-right: 60px;}
		.news .box-1 .left-box .txt-box-c h2 {padding-left: 60px;}
		.news .box-1 .left-box .txt-box-c p {padding-left: 60px;}
		.example {position: relative;}
		#agb {left: 0;}
		.service .txt-box.right-box .txt-box-c h3 {font-size: 1.6em;}
	.chronik .box {bottom: 0;}
		.service .box-4 .bottom-box {top: 0;}
		.service .box-3 .bottom-box {top: 0;}
		.service .box-4 .left-box .txt-box-c p{padding-left: 0;}
		.service .box-1 .left-box .txt-box-c h2, .service .left-box .txt-box-c p, .service .txt-box.left-box .txt-box-c h3 { padding-left: 0;}
		.service .box-3 .top-box .left-box .txt-box-c p{padding-left:60px;}
		.verarbeitung .box-3 .left-box .txt-box-c {font-size: 0.75em;}
		.verarbeitung .box-c { padding-left: 60px;}
		.verarbeitung .menu-box { padding-left: 70px;}
		.home .box-1 .left-box .txt-box-c p,
		.home .box-4 .left-box .txt-box-c p, 
		.home .box-2 .left-box .txt-box-c p {padding-left: 24px;}
		
		.home .box-1 .left-box .txt-box-c h3,
		.home .box-4 .left-box .txt-box-c h3, 
		.home .box-2 .left-box .txt-box-c h3 {padding-left: 24px;}
		.home .box-2 .left-box .txt-box-c ul, .home .box-4 .left-box .txt-box-c ul {padding-left: 25px;}
		.home .box-2 .bottom-box .right-box.txt-box { top: 0;}
		.ansprechpartner .contact-block { height: 100%;}
		.ansprechpartner .row .right-box .top-txt-box-c {padding-left: 135px;}
		.ansprechpartner .row .right-box .bottom-txt-box-c {padding-left: 59px;}
		.downloads .box-1 .left-box .txt-box-c h2 {padding-left: 0;}
		.downloads .left-box .txt-box-c ul {padding-left: 0;}
		.downloads .contact-block {position: relative; left: 0;top: 0;  width: 100%; height: 100%;margin-top: 0; margin-left: 0;display: block;}
		.service .box-3 .txt-box.left-box .txt-box-c h3 {margin-left: 56px;padding-left: 0;}
		.service .box-4 .txt-box.left-box .txt-box-c h3 {
		    font-size: 1.5em;
		    padding-bottom: 1.5em;
		    padding-left: 0;
		}
		.footer-column ul#footer-3 {padding: 0;}
		.footer-column ul#footer-4 {padding: 0;}
		#footer {background: none;}
		.footer-column { width: 100%;float: none;}
		#f2, #f4 {padding-left: 0;}
		.footer-column ul#footer-1 {padding: 0;}
		.footer-column ul#footer-2 {padding: 0;}
		#nav-m {padding: 0 1.5em;}
		#nav-m-menu {width: 100%;}
		.service .box-1 .left-box .txt-box-c h2 {padding-left: 0;}
		.left-box .txt-box-c p {padding-left: 0;}
		.txt-box.left-box .txt-box-c h3 { margin-left: 0;font-size: 1.8em;}
		.box-3 .left-box .txt-box-c p {padding-left: 3.5em;}
		.box-4 .left-box .txt-box-c p {padding-left: 0;}
		.verarbeitung .box-3 .left-box.txt-box {padding: 0 0 1.5em 0;}
		
		/*#slider ul li{max-width:100%;width:500px;}*/
		.verarbeitung .box-3 .left-box .txt-box-c {background: white;margin-top: 1em;}
		.verarbeitung .right-box .txt-box-c p { padding-bottom: 1.5em;}
		
		#nav-m-menu{background-size: 100% 100%;top: 80px;}
		.box-3 .txt-box.left-box .txt-box-c h3{left: 1.5em;}
		.left-box .txt-box-c {padding: 1.5em 1.5em;}
		.box-1 .left-box .h-line {top: 7em;}
		.service .box-1 .left-box .h-line { top: 14em;}
		.box-2 .left-box.txt-box .h-line { top: 6em;}
		.angebote-anfordern .box-1 .left-box .h-line {top: 5em;}
		.contact-block {position: absolute; left: 1.5em;top: 50%;width: 250px;height: 100px;margin-top: -0.5em;margin-left: 0;}
		.angebote-anfordern .bg-box .box-1 .top-box {background: none;}
		.angebote-anfordern .box-1 .top-box .left-box.txt-box {height: 350px;}
		.angebote-anfordern .inputbox {padding: 0.5em 1.5em;}
		.angebote-anfordern input[type="text"], .angebote-anfordern .bottom-box .txt-box label {width: 100%;padding: 1px;}
		.angebote-anfordern .agb {display: block; clear: both;padding: 0.5em 1.5em;}
		.left-box .txt-box-c {padding-left: 60px;padding-right: 0;}
		.box-1 .left-box .txt-box-c h2 {padding-left: 24px;}
		.home .box-2 .left-box .txt-box-c {padding-top: 0.5em;}
		
		.bottom-box .img-box img {padding-right: 0;}
		.right-box .txt-box-c {padding-right: 0;}
		.left-box .txt-box-c ul {padding-left: 10px;}
		.txt-box.left-box .txt-box-c h3 {padding-top: 1.5em;}
		.box-3 .txt-box.left-box .txt-box-c h3 {left: 0;}
		.left-box .txt-box-c ul { padding-left: 70px;}
		.txt-box.left-box .txt-box-c h3 {padding-top: 0;padding-left: 0;}
		.box-2 .left-box .txt-box-c ul, .box-4 .left-box .txt-box-c ul {padding-left: 10px;}
		.box-3 .txt-box.left-box .txt-box-c h3 { margin-left: 56px;}
		.txt-box.right-box .txt-box-c h3 {margin-bottom: 0.5em;}
		p.last-row {position: relative;}
		.txt-box.left-box .txt-box-c h3 {margin-top: 1em;}
		/*#slider ul li img {max-height: 200px;}*/
		.verarbeitung .right-box .txt-box-c p.contact {font-size: 0.875em;}
		.verarbeitung .right-box.txt-box { min-height: 0;}
	.verarbeitung .left-box .txt-box-c {padding-left: 0; padding-right: 60px;max-width: 100%; margin-bottom: 1.5em;padding-bottom: 3em;}
	a.control_next, a.control_prev {max-width: 30px;}
	.service .box-1 .left-box .txt-box-c h2, .service .left-box .txt-box-c p, .service .txt-box.left-box .txt-box-c h3 {padding-left: 21px;}
	.service .box-2 .txt-box.left-box .txt-box-c h3, .service .box-2 .txt-box.left-box .txt-box-c p, .service .box-1 .left-box .txt-box-c h2, .service .box-1 .left-box .txt-box-c p {
    padding-left: 0;}
    .angebote-anfordern .left-box .txt-box-c { padding: 1.5em 0 3.5em 0; padding-right:24px;  width: 100%; margin-left: 0;box-sizing: border-box; font-size: 0.875em;}
    .angebote-anfordern .box-1 .top-box .left-box.txt-box { height: auto;}
    .angebote-anfordern .inputbox { padding: 0.5em 60px;}
    .angebote-anfordern .agb { max-width: 80%;}
	.angebote-anfordern .box-2 .top-box .inputbox{padding-left: 0;}
		.angebote-anfordern .box-2 .top-box .left-box.txt-box{box-sizing:border-box;}
		.kontakt button#refreshButton, .angebote-anfordern button#refreshButton{left:0;}
		.angebote-anfordern .left-box .txt-box-c p, .angebote-anfordern .box-1 .left-box .txt-box-c h2,.angebote-anfordern .contact-block,.angebote-anfordern .inputbox {padding-left: 21px;}
		.mapouter, .gmap_canvas {max-width: 440px; margin: 0 auto;}
		.kontakt.formular .right-box .txt-box-c {padding: 3.5em 1.5em;}
		.kontakt.formular .right-box.txt-box.mobile {padding-bottom: 0;}
		.kompetenzen .left-box .txt-box-c{padding-left:0;}
		.kompetenzen .bg-box { margin-bottom: 3.5em;}
		
		.jobs .auszeichnung-block { position:relative; padding: 2.5em 0; box-sizing: border-box;}
		.jobs .box-2 .right-box .txt {padding-left: 0;}
		.jobs .box-3 .left-box .txt-box-c p {padding-left: 0;}
		.verarbeitung .auszeichnung-block {position:relative;top: 0; padding: 24px;margin: 0 auto;}
		.chronik .box { position: relative;}
		#overlay-3, #overlay-4{width:100px;}
		#overlay-1, #overlay-2{height:100px;}
		img.menu-open, #nav-m img.menu-close {padding-top: 20px;}
		#nav-m-menu{top:100px;}
		.chronik .box-img {padding-bottom: 1em;}
		.kontakt.formular .left-box .txt-box-c {padding-left: 0;padding-right: 1.5em;}
		.home .box-1 .left-box .txt-box-c h2 { padding-left: 24px;}
		.verarbeitung .menu-box {width: 60%;}
		.left-box ul.left-menu {float: none;width: 100%;padding-top: 0;padding-left: 0;}
		.left-box ul.right-menu { display: block;padding-top: 0;padding-left: 0;}
	}
	@media only screen and (max-width: 480px) {
		.ansprechpartner .first.row .right-box .bottom-txt-box-c {padding-bottom: 1.5em;}
		.link-box {width: 350px;}
		.qr-code a img {max-width: 80px;height: auto;margin-top: 0;top: 0;position: relative;width: auto;margin: 0 auto;bottom: 0;right:0;}
		#overlay-2.qr-code {max-height: 100%;position: relative;}
		.job-link {position: absolute;top: 0.5em;left: 0;background-size: 40%; padding: 0.5em 24px;height: auto;}
		.job-link a {font-size: 1em;}
		.kontakt button.send {margin-left: -24px;}
		.news .box-img {margin-bottom: 0;}
		.news #content .box-1 .left-box, .news #content .box-1 .right-box {padding-bottom: 0;}
		.news #content .right-box, .news #content .left-box { top: 0;padding-bottom: 3.5em;background: #f3f6f9;}
		.kontakt .box-2 .right-box { padding-left: 1.5em;}
		iframe#gmap_canvas {max-width: 100% !important;width: 400px;}
		.gmap_canvas {width: 400px !important;max-width:100%;margin: 0;}
		#nav-m-menu{top:80px;}
		.showroom-link span{right: 1.5em;}
		.example {max-width: 100%;}
		#slider {left: 0;}
		.footer-content {padding-left: 21px;}
		.verarbeitung .box-3 .right-box .txt-box-c {bottom: 50px;background: #f3f6f9;}
		.verarbeitung.cnc .box-3 .left-box .txt-box-c {font-size: 0.66em;}
		.verarbeitung .right-box .txt-box-c p.contact {margin-bottom: 0;}
		
		.box-img { margin-bottom: 3.5em;}
		a.control_next, a.control_prev { max-width: 15px;margin-top: -25px;}
		.news .txt {top: auto;bottom: 50px;}
		.ansprechpartner .box-1 .left-box .txt-box-c h2 {padding-left: 0;}
		.ansprechpartner {font-size: 0.75em;}
		.ansprechpartner .row .bottom-txt-box-c { padding-bottom: 1.5em;}
		.ansprechpartner .row .right-box .top-txt-box-c {padding-left: 75px;}
		.right-box .txt-box-c h3 {font-size: 1.8em;}
	/*	#slider ul li{max-width:100%;width:400px;}*/
		.verarbeitung .right-box .txt-box-c p { padding: 1.5em;}
		#header {height: 100%;max-height:80px;}
		.verarbeitung .box-3 .bottom-box .right-box .contact-block {
		    position: relative;
		    left: 0;
		    top: 0;
		    width: 100%;
		    height: 100%;
		    margin-top: 0em;margin-left: 0;padding-left: 1.5em;}
		  
		#nav-m {width: 80px;}
		.angebote-anfordern .start-banner{background-size: cover;}
		.left-box .txt-box-c p { max-width: 80%;}
		.home .box-4 .top-box .right-box.img-box img {top: 0;}
		#h2, #f2, #h3, #f3, #h4, #f4 { width: 100%;}
		.left-box#logo { height: 80px;}
		.home .box-2 .right-box .txt-box-c {padding-left: 24px;}
		.home .right-box .txt-box-c{padding-left: 24px;}
		.home .box-3 .left-box .txt-box-c p {padding-left: 24px;}
		.home .box-3 .txt-box.left-box .txt-box-c h3 {margin-left: 24px;}
		.home .left-box .txt-box-c ul { padding-left: 35px;}
		.home .box-1 ul.list-box {margin-left: 24px;}
		.showroom-link {position: absolute;bottom: 0;right: 0;background: url(../img/Button.png) no-repeat; width: 250px; height: 40px;font-size: 0.75em;background-position-x: 30px;}
		.verarbeitung .box-1 .left-box .txt-box-c h2, .verarbeitung .box-1 .left-box .txt-box-c h2, .verarbeitung .left-box .txt-box-c p {padding-left: 21px;}
		#nav-m {top: 15px;}
		img.menu-open, #nav-m img.menu-close {padding-top: 0;}
		#nav-m{top:20px;}
		.ansprechpartner {font-size: 1em;}
		.ansprechpartner #content {font-size: 0.75em;}
		
		img.arrow{left:250px;}
		.verarbeitung .box-c {padding-left: 21px;}
		.verarbeitung .menu-box {padding-left: 31px;}
		
	}
	@media only screen and (max-width: 360px) {
		img.arrow {left: auto;right: 0;}
	.laserschweissen #slider ul li img, .laserschweissen #slider ul li {
        max-height: 180px;
        max-width: 100%;
        height: auto;
        width: auto;
    }
	.ansprechpartner h4 {font-size: 1em;}
	.link-box {width: 250px;}
		.downloads .bg-box .box-1 .top-box .right-box.txt-box { width: 100%;padding: 2.5em 24px;}
		.kontakt .box-2 .right-box { padding-left: 1.5em;}
		iframe#gmap_canvas {max-width: 100% !important;width: 300px;}
		.gmap_canvas {width: 300px !important;max-width:100%;margin: 0;}
	#nav-m {top: 8px;}
	.verarbeitung .right-box .txt-box-c p.contact {padding-left: 22%;}
	.ansprechpartner .row .top-txt-box-c {top: 3em;}
	.verarbeitung .right-box .txt-box-c{position:relative;}
	.box-header span {font-size: 1em;}
	/*#slider ul li img {max-height: 120px;}*/
	.verarbeitung .box-3 .left-box.txt-box.m3 {background: none;}
	.verarbeitung .box-3 .left-box.txt-box, .verarbeitung .box-3 .left-box.txt-box.m2, .verarbeitung .box-3 .left-box.txt-box.m1, .verarbeitung .box-3 .left-box.txt-box.m4{background:none;}
	.news .txt {font-size: 1em;top: 300px;}
		.news .txt {  top: 0; bottom: 0;  position: relative; padding: 0 24px;  margin: 0;width: 100%;}
		.left-box#logo { height: 50px;}
		
		/*#slider ul li{max-width:100%;width:300px;}*/
		.txt-box-c li {padding-right: 0;width: 90%;}
		.left-box .txt-box-c, 
		.footer-content,
		.box-3 .right-box .txt-box-c {padding-left: 24px;}
		.box-3 .left-box .txt-box-c p { padding-left: 24px;}
		.box-3 .txt-box.left-box .txt-box-c h3 { margin-left: 24px;padding-left: 0;}
		.left-box .txt-box-c ul {padding-left: 35px;}
		.right-box .txt-box-c {padding-left: 24px;}
		.box-1 ul.list-box {margin-left: 24px;padding-left: 0;}
		img.menu-open { padding-top: 0;}
		#nav-m img.menu-close { margin-top: 0;}
		#nav-m-menu { top: 50px;}
		.job-link a {font-size: 0.875em;}
	}