@font-face {font-family:'OpenSans Condensed';font-display:swap;font-style:normal;font-weight:300;
src:local('OpenSans_Condensed Light'),local('OpenSans_Condensed-Light'),
url('../fonts/OpenSans_Condensed-Light.ttf') format('truetype');}
@font-face {font-family:'OpenSans Condensed';font-display:swap;font-style:normal;font-weight:700;
src: local('OpenSans_Condensed Bold'), local('OpenSans_Condensed-Bold'),
url('../fonts/OpenSans_Condensed-Bold.ttf') format('truetype');}
@font-face {font-family:'OpenSans';font-display:swap;font-style:normal;font-weight:400;
src: local('OpenSans Regular'),local('OpenSans-Regular'),
url('../fonts/OpenSans-Regular.ttf') format('truetype');}
@font-face {font-family:'OpenSans';font-display:swap;font-style:normal;font-weight:600;
src:local('OpenSans SemiBold'),local('OpenSans-SemiBold'),
url('../fonts/OpenSans-SemiBold.ttf') format('truetype');}


html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
{font-family:'OpenSans Condensed',sans-serif;font-weight:300;text-decoration:none;color:#333;border:0;margin:0;padding:0;outline:0;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:none;}
body {background-color:#f6f7f8;font-size:10px;}
main {margin-top:141px;}
p {font-size:210%;line-height:160%;text-align:left;}
hr {border:0;height:1px;margin:15px 0;background:#c8c8c8;}
form, select {appearance:none;}
.table {font-size:210%;line-height:220%;text-align:left;}


/* Headlines */
h1,h2,h3,h4,h5,h6,h7 {font-family:'OpenSans Condensed',sans-serif;margin:0;padding:0;border:0;font-weight:600;}
h1 {font-size:340%;line-height:140%;color:#00519e;}
h2 {font-size:340%;line-height:140%;color:#00519e;}
h3 {font-size:220%;line-height:140%;color:#00519e;}


/* Typografie */
.c {text-align:center;}
.l {text-align:left;}
.r {text-align:right;}
.j {text-align:justify;}
.b {font-weight:600;}
.thumbs {font-family:'OpenSans Condensed',sans-serif;color:#000;line-height:35px;text-align:center;font-size:270%;margin-top:-40px;}
.black {color:#000;}
.blue {color:#00519e;}
.impr {font-size:140%;}
.bold {font-weight:700;}
.shy {-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}


/* Links */
a:link {font-family:'OpenSans Condensed';font-size:190%;color:#000;font-weight:700;text-decoration:none;}a:visited {color:#000;text-decoration:none;}
a:hover{color:#00519e;text-decoration:none;}a:active{color:#000;text-decoration:none;}
a.l1:link {font-family:'OpenSans Condensed',sans-serif;font-size:100%;text-decoration:none;color:#00519e;font-weight:700;}a.l1:visited {font-family:'OpenSans Condensed',sans-serif;font-size:100%;text-decoration:none;color:#00519e;}
a.l1:hover{font-family:'OpenSans Condensed',sans-serif;font-size:100%;text-decoration:underline;color:#00519e;;}a.l1:active{font-family:'OpenSans Condensed',sans-serif;font-size:100%;text-decoration:none;color:#00519e;}
a.l2:link {font-family:'OpenSans Condensed',sans-serif;font-size:100%;text-decoration:none;color:#000;font-weight:700;}a.l1:visited {font-family:'OpenSans Condensed',sans-serif;font-size:100%;text-decoration:none;color:#000;}
a.l2:hover{font-family:'OpenSans Condensed',sans-serif;font-size:100%;text-decoration:underline;color:#00519e;}a.l1:active{font-family:'OpenSans Condensed',sans-serif;font-size:100%;text-decoration:none;color:#000;}
a.l3:link {font-family:'OpenSans Condensed',sans-serif;font-size:100%;text-decoration:none;color:#000;font-weight:300;}a.l3:visited {font-family:'OpenSans Condensed',sans-serif;font-size:100%;text-decoration:none;color:#000;}
a.l3:hover{font-family:'OpenSans Condensed',sans-serif;font-size:100%;text-decoration:underline;color:#00519e;}a.l3:active{font-family:'OpenSans Condensed',sans-serif;font-size:100%;text-decoration:none;color:#000;}
a.l4:link {font-family:'OpenSans Condensed',sans-serif;font-size:100%;text-decoration:none;color:#00519e;font-weight:300;}a.l4:visited {font-family:'OpenSans Condensed',sans-serif;font-size:100%;text-decoration:none;color:#00519e;}
a.l4:hover{font-family:'OpenSans Condensed',sans-serif;font-size:100%;text-decoration:underline;color:#00519e;}a.l4:active{font-family:'OpenSans Condensed',sans-serif;font-size:100%;text-decoration:none;color:#00519e;}


/* Listen */
ul.list {list-style-image:url(../cad_cam/haken.svg);list-style-position:outside;margin-left:-14px;font-size:200%;line-height:160%;text-align:left;}
.list > li {margin-top:18px;}
ul.list2 {list-style-image:url(../cad_cam/haken.svg);list-style-position:outside;margin-left:-14px;font-size:200%;font-weight:700;;text-align:left;}
.list2 > li {margin-top:18px;}


/* Navi */
.anker {position:absolute;top:-141px;width:1px;height:1px;margin-bottom:-1px;}
.header-navigation {position:fixed;top:0;width:100%;transition:top 0.3s;background-color:#fff;z-index:90;-webkit-box-shadow:0px 0px 12px 5px rgba(0,0,0,0.20);box-shadow:0px 0px 12px 5px rgba(0,0,0,0.20);}
.slideUp {-webkit-transform: translateY(-141px);transform:translateY(-141px);transition:transform .3s ease-out;}
.slideDown {-webkit-transform:translateY(0);transform:translateY(0);transition:transform .3s ease-out;}
#logo {max-width:280px;max-height:120px;margin:5px 0 -70px 0;float:right;}
#logo:hover {opacity:0.6;webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
#menu {margin:20px 0 -18px 0;}
a {text-decoration:none;font-weight:400;font-family:'Oswald',sans-serif;color:#000;font-size:170%;}
.navcenter {position:relative;width:94%;max-width:1140px;margin:0 auto;}
.toggleMenu {display:none;width:70px;margin:-36px auto 24px auto;}
.nav {list-style:none;*zoom:1;}
.nav:before,
.nav:after {content:"";display:table;}
.nav:after {clear:both;}
.nav ul {list-style:none;width:300px;margin:-11px 0 0 -40px;}
.nav a {padding:15px 18px 15px 0;}
.nav li {position:relative;}
.nav > li {float:left;}
.nav > li > .parent {background-repeat:no-repeat;background-position:right;}
.nav > li > a {display:block;}
.nav > li > a.hover {display:block;}
.nav li ul {position:absolute;left:-9999px;}
.nav > li.hover > ul {left:0;}
.nav li li.hover ul {left:100%;top:0;}
.nav li li a {display:block;background:#fff;position:relative;z-index:100;border-top:1px solid #ddd;width:88%;margin-top:-11px;}
.nav li li li a {background:#fff;z-index:200;border-top:1px solid #ddd;}
@media screen and (max-width: 798px) {.active {display: block;}.nav > li {float:none;}
.toggleMenu {margin:25px 0 15px -60px;}
.nav ul {list-style:none;width:300px;margin:-11px 0 0 -54px;}
.nav > li > .parent {background-position:95% 50%;}
.nav li li .parent {background-image:url("../img/downArrow.webp");background-repeat:no-repeat;background-position:95% 50%;}
.nav ul {display:block;width:100%;}
.nav a {padding:10px 18px 10px 0;margin-left:-40px;}
.nav > li.hover > ul , .nav li li.hover ul {position: static;}
.nav li li a {display:block;background:#fff;position:relative;z-index:100;border-top:1px solid #ddd;width:100%;margin-left:-26px;}
.m1 {font-size:180%;}
.stercom {width:16px;height:16px;}
.cnc {width:24px;height:20px;margin-left:10px;}}


/* Content */
#test {opacity:0;-webkit-transition:opacity 0.5s ease-in;-moz-transition:opacity 0.5s ease-in;-o-transition:opacity 0.5s ease-in;-ms-transition:opacity 0.5s ease-in;transition:opacity 0.5s ease-in;}
#test.load {opacity:1;}
.left {float:left;}
.right {float:right;}
.clearfloat {clear:both;height:0;font-size:1px;line-height:0px;}
.topwrapper {position:relative;width:94%;max-width:1740px;margin:0 auto;}
.wrapper {position:relative;width:94%;max-width:1140px;margin:0 auto;z-index:1;}
.wrapper2 {position:relative;width:94%;max-width:1360px;margin:0 auto;z-index:1;}
.abs {position:relative;height:250px;width:100%;}
.square {width:100%;height:17px;background-image:url(../cad_cam/square.webp);margin:25px 0 35px 0;}
.img {width:100%;}
.pad {margin:0 7px;}
.padleft {margin-left:30px;}
.responsiveContainer {position:relative;padding-bottom:56%;height:0;overflow:hidden;-webkit-box-shadow:0px 0px 12px 5px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 12px 5px rgba(0,0,0,0.15);box-shadow:0px 0px 12px 5px rgba(0,0,0,0.15);}
.responsiveContainer iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.top {position:relative;width:45px;height:45px;margin:0 auto 30px auto;}
.cnc_bearbeitung {width:16px;height:16px;}
.thumb {overflow:hidden;background-color:#000;display:flex;justify-content:center;align-items:center;}
.thumb img {max-width:840px;width:100%;margin-bottom:-6px;transition:transform .5s ease;}
.thumb:hover img {transform:scale(1.2);opacity:0.6;}
.cert {width:200px;height:200px;position:absolute;bottom:0;}
.row1 {width:26%;}
.row2 {width:44%;}
.row3 {width:30%;}


/* Footer */
.footercenter {width:94%;max-width:1360px;margin:160px auto 15px auto;}
.foot {font-size:170%;line-height:170%;font-weight:700;}


/* Fehler */
#fehler_logo {width:400px;height:250px;margin:0 auto;}
#fehler {max-width:1000px;top:25px;margin:0 auto;}


/*  GRID  */
.section {clear:both;padding:0px;margin:0;}
.col {display:block;float:left;margin: 0.6% 0 0 0.6%;}
.col:first-child {margin-left:0;}
.group:before,
.group:after {content:""; display:table;}
.group:after {clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
.span_1_of_1 {position:relative;width:100%;}
.span_2_of_2 {width:100%;}.span_1_of_2 {width:49.2%;}
.span_3_of_3 {width:100%;}.span_2_of_3 {width:66.33%;}.span_1_of_3 {width:32.66%;}
.span_4_of_4 {width:100%;}.span_3_of_4 {width:74.6%;}.span_2_of_4 {width:49.2%;}.span_1_of_4 {width:23.8%;}
.span_5_of_5 {width:100%;}.span_4_of_5 {width:79.68%;}.span_3_of_5 {width:59.36%;}.span_2_of_5 {width:39.04%;}.span_1_of_5 {width: 18.72%;}


/* Formular */
label {font-size:160%;color:#000;}
.form {font-size:14px;color:#ddd;line-height:145%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:0;background-color:#666;appearance:none;}
.button {font-size:160%;color:#fff;padding:5px 10px;background-color:#00519e;border:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;appearance:none;}
.button:hover {color:#f00;}
.f1 {font-family:Arial, Helvetica, sans-serif;font-size:180%;line-height:200%;background-color:#e6e6e6;color:#000;border:0;-webkit-border-radius:4px;-khtml-border-radius:4px;-moz-border-radius:4px;border-radius:4px;appearance:none;width:99%;}
.l1 {font-size:145%;text-align:left;height:26px;}


/* Mobile Devices */
@media only screen and (max-width: 798px) {
body {font-size:9px;}
main {margin-top:125px;}
.col {margin:1% 0 1% 0%;}
.span_2_of_2 {width:100%;} .span_1_of_2 {width:100%;}
.span_3_of_3 {width:100%;} .span_2_of_3 {width:100%;} .span_1_of_3 {width:100%;}
.span_4_of_4 {width:100%;} .span_3_of_4 {width:100%;} .span_2_of_4 {width:100%;} .span_1_of_4 {width:100%;}
.span_5_of_5 {width:100%;} .span_4_of_5 {width:100%;} .span_3_of_5 {width:100%;} .span_2_of_5 {width:100%;} .span_1_of_5 {width:100%;}
h1 {font-size:320%;line-height:120%;color:#00519e;}
h2 {font-size:320%;line-height:120%;color:#00519e;}
.menu {margin-left:40px;}
.padleft {margin-left:0px;}
.thumb:hover {-moz-transition:none;-webkit-transition:none;transition:none;}
.cert {position:relative;}}


@media only screen and (max-width: 480px) {
h1 {font-size:280%;line-height:120%;color:#00519e;}
h2 {font-size:280%;line-height:120%;color:#00519e;}
body {font-size:8px;}
.wrapper {margin:30px auto 0 auto;}
#logo {max-width:240px;max-height:103px;margin:5px 2px -70px 0;float:right;}
.toggleMenu {margin:28px 0 15px -60px;}}