/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v18-latin-100.eot');
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v18-latin-100.woff2') format('woff2'), 
       url('../fonts/roboto-v18-latin-100.woff') format('woff'), 
       url('../fonts/roboto-v18-latin-100.ttf') format('truetype'), 
       url('../fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); 
}


/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300italic.eot');
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v18-latin-300italic.woff2') format('woff2'), 
       url('../fonts/roboto-v18-latin-300italic.woff') format('woff'), 
       url('../fonts/roboto-v18-latin-300italic.ttf') format('truetype'), 
       url('../fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); 
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300.eot');
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), 
       url('../fonts/roboto-v18-latin-300.woff') format('woff'), 
       url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), 
       url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); 
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot');
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), 
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), 
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), 
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); 
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-italic.eot');
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v18-latin-italic.woff2') format('woff2'), 
       url('../fonts/roboto-v18-latin-italic.woff') format('woff'), 
       url('../fonts/roboto-v18-latin-italic.ttf') format('truetype'), 
       url('../fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); 
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700.eot');
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), 
       url('../fonts/roboto-v18-latin-700.woff') format('woff'), 
       url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), 
       url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); 
}

#bildschirm{display: none; }

#lightboxOverlay{
z-index: 99999 !important; 
}

.lightbox{
z-index: 100000 !important; 
}

html {
width: 100%; 
height: 100%; 
padding: 0%; 
margin: 0%; 
}

body{
width: 100%; 
height: 100%; 
padding: 0%; 
margin: 0%; 
font-family: 'Roboto', Segoe, Helvetica, Arial, Verdana, Sans, Lucida;
  font-size: 1.3vw; 
  font-weight: 300; 
  background-color: #FFFFFF; 
}


#cnc-container {
  position: relative;
  width: 70%;
  height: auto;
  margin: 50px 15% 50px 15%;
  overflow: hidden;
  padding: 0px; 
  background-color: #FFFFFF;
  cursor: pointer;
}

#cnc-machine {
  width: 100%;
  height: auto;
  display: block;
}

#fraskopf {  position: absolute; top:30%; left: 44%; width: 6%; height: auto; -webkit-transition: 1.5s ease-in-out; -moz-transition: 1.5s ease-in-out; -o-transition: 1.5s ease-in-out; -ms-transition: 1.5s ease-in-out; transition: 1.5s ease-in-out; }
#fraskopf.animate { left: 55%; }
#fraskopf.animated { transform: rotate(-70deg); }
#playbtn{position: absolute; bottom: 48%; right: 0%; width: 5%; height: auto; }
#playbtn.unsichtbar{display: none; }


body.eins{
/*border-radius: 20px; */
/*background-color: transparent; */
}

#ausklapper{
border: 0px solid #FF0000; 
padding: 0px 0px 0px 0px; 
margin: 60px 0px 0px 0px; 
width: 70%; 
height: 40%; 
position: absolute; 
}

#hintergrund{
-webkit-transition: 1.5s ease-in-out;
-moz-transition: 1.5s ease-in-out;
-o-transition: 1.5s ease-in-out;
-ms-transition: 1.5s ease-in-out;
transition: 1.5s ease-in-out;
opacity: 0.0; 
height: 100%; 
width: 100%; 
position: fixed; 
top: 0px; 
left: 0px; 
padding: 0px; 
margin: 0px; 
background-size: cover; 
background-repeat: no-repeat; 
z-index: -1; 
}
#hintergrund.eins{background-image: url(../../../images/headers/IMG_1116.jpg); }
#hintergrund.zwei{background-image: url(../../../images/headers/teil_5.jpg); }
#hintergrund.drei{background-image: url(../../../images/headers/drehen.jpg); }
#hintergrund.vier{background-image: url(../../../images/headers/teil_4.jpg); }
#hintergrund.fuenf{background-image: url(../../../images/headers/teil_2.jpg); }
#hintergrund.sechs{background-image: url(../../../images/headers/IMG_1194.jpg); }
#hintergrund.sieben{background-image: url(../../../images/headers/IMG_1201_3974_hdr.jpg); }
#hintergrund.acht{background-image: url(../../../images/headers/IMG_1149.jpg); }
#hintergrund.neun{background-image: url(../../../images/headers/IMG_1125.jpg); }
#hintergrund.zehn{background-image: url(../../../images/headers/IMG_1130.jpg); }
#hintergrund.elf{background-image: url(../../../images/headers/IMG_1194.jpg); }
#hintergrund.zwoelf{background-image: url(../../../images/headers/teil_6.jpg); }
#hintergrund.dreizehn{background-image: url(../../../images/headers/IMG_1184.jpg); }
#hintergrund.vierzehn{background-image: url(../../../images/headers/luftaufnahme_hdr.jpg); }

#hintergrund.einblenden{
opacity: 1.0; 
z-index: -1; 
}
#hintergrund.gescrollt{
-webkit-filter: grayscale(1) blur(5px);
filter: grayscale(1) blur(5px);
z-index: -1; 
}

.item-page, #content{
position: relative; 
display: block; 
}

.item-page ul{}

.backbtn{
padding: 0px 0px 500px 0px; 

}


.box_grau{
position: relative; 
top: 0px; 
left: 0px; 
width: 70%;
height: 80%;  
background-image: url(../images/black10.png); 
background-repeat: repeat; 
display: block; 
padding: 30px 2% 30px 2%; ; 
margin: 0px; 
}

#cookie{
position: absolute; 
top: 150%; 
left: 5%; 
width:90%; 
margin: 0px; 
display: inline-block; 
background-image: url(../images/weiss_85.png); 
background-repeat: repeat; 
color: #000000; 
font-size: 0.8em; 
line-height: 1.4em; 
margin: 0px; 
padding: 10px; 
border-radius: 30px; 
z-index: 20000; 
opacity: 0.95; 
-webkit-transition: 1.7s ease-in-out;
-moz-transition: 1.7s ease-in-out;
-o-transition: 1.7s ease-in-out;
-ms-transition: 1.7s ease-in-out;
transition: 1.7s ease-in-out;
opacity: 0.0; 
}
#keks{
border: 1px solid #999999; 
background-color: #C9C9C9; 
padding: 30px 30px 30px 50px;  
margin: 0px; 
border-radius: 20px; 
}

#cookie.einblender{
top: -400px; 
width: 80%; 
left: 10%; 
opacity: 1.0; 
z-index: 20000; 
}
.keksbtn{
border: 1px solid #999999; 
padding: 5px 10px 5px 10px; 
border-radius: 20px; 
margin: 0px; 
background-image: url(../images/weiss_95.png); 
background-repeat: repeat; 
float: right; 
display: block; 
}

#tableleistungen{
background-color: #FFFFFF;
width: 100%; 
display: table; 
table-layout: fixed; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 200px 0px;
border-top: 0px solid #999999;
border-bottom: 1px solid #999999;
border-left: 0px solid #999999;
border-right: 0px solid #999999;
}
#tableleistungen td{
border: 0px solid #000000; 
display: table-cell; 
text-align: center; 
margin: 0px; 
padding: 0px; 
}
#tableleistungen td a:link, #tableleistungen td a:visited{
text-decoration:none; 
color: #000000; 
font-size: 0.7em; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
#tableleistungen td a:hover, #tableleistungen td a:focus{
color: #999999; 
}

#tableleistungen td img{
width: 100%; 
height: auto; 
margin: 0px; 
padding: 0px;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

#tableleistungen td img:hover, #tableleistungen td img:focus{
-webkit-filter: grayscale(1);
filter: grayscale(1);
}

.moduletable h3{
font-weight: 300; 
font-size: 0.8em; 
margin: 0px 0px 0px 0px; 
padding: 10px 0px 10px 10%; 
text-transform: uppercase; 
border-top: 0px solid #999999;
border-bottom: 0px solid #999999;
border-left: 0px solid #999999;
border-right: 0px solid #999999;
display: inline-block; 
width: 90%; 
}
.moduletable.leistungen h3{
background-color: #FFFFFF; 
color: #999999; 
}

.lightboxOverlay{
z-index:+1000;
}

#menu{
border: 0px solid #FF0000; 
width: 100%; 
margin: 0px;
padding: 0px; 
z-index: 9; 
}

#menu_mittel{
display: none; 
opacity: 0.0; 
}

#menu_mittel ul{
width: 80%; 
list-style-type: none; 
padding: 50px 10% 30px 10%; 
margin: 0px; 
border-top: 1px solid #999999;
border-bottom: 1px solid #999999; 
font-weight: 300;
line-height: 2.0em; 
}
#menu_mittel ul ul{padding: 0px 0px 0px 10px; border-bottom: 0px solid #999999; border-top: 0px solid #999999; font-weight: 100;}
#menu_mittel ul li{}
#menu_mittel ul li a{text-decoration: none; color: #000000;font-weight: 700; display: block; }
#menu_mittel ul li ul a{text-decoration: none; color: #000000;font-weight: 300; }
#menu_mittel ul li ul a:hover, #menu_mittel ul li ul a:focus{text-decoration: underline; }

#menu_gross{
margin: 0px 0px 0px 0px;
padding: 0px 15% 0px 15%; 
background-image: url(../images/weiss_95.png); 
background-repeat: repeat; 
height: 60px; 
position: absolute; 
width: 70%; 
z-index: 500; 
border-top: 0px solid #FF0000; 
border-right: 0px solid #FF0000; 
border-left: 0px solid #FF0000; 
border-bottom: 1px solid #999999; 
z-index: 20000; 
}
#menu_gross.istoben{
position: fixed; 
top: 0px; 
width: 70%; 
margin: 0px 0px 0px 0px;
padding: 0px 15% 0px 15%; 
}
#menu_gross.istoben a:link{
font-weight: 300; 

}

#menu_gross ul{
height: 60px; 
list-style-type: none; 
margin: 0px; 
padding: 0px; 
border: 0px solid #FF0000; 
}
#menu_gross ul li{
position: relative; 
text-align: center; 
font-weight: 400; 
line-height: 30px; 
color: #000000; 
padding: 10px 1% 0px 1%; 
margin: 0px 0px 0px 0px; 
width: 30%; 
float: left; 
border: 0px solid #FF0000; 
}
#menu_gross ul.dropdown-menu{
margin: 0px 0px 0px 0px; 
position: relative; 
top: 0px; 
}

#menu_gross ul li.dropdown{
background-image: url(../images/bullet_btn_1.png); 
background-repeat: no-repeat; 
background-position: 50% 40px; 
}

#menu_gross ul ul{
border-top: 0px solid #FF0000; 
border-right: 0px solid #999999; 
border-left: 0px solid #999999; 
border-bottom: 1px solid #999999; 
}

#menu_gross ul li li{
width: 94%; 
height: 30px; 
font-weight: 300; 
font-size: 0.9em; 
line-height: 30px; 
text-align: left; 
background-image: url(../images/weiss_95.png); 
background-repeat: repeat; 
padding: 10px 3% 10px 3%; 
margin: 0px 0px 0px 0px; 
border-top: 0px solid #FF0000; 
border-right: 1px solid #999999; 
border-left: 1px solid #999999; 
border-bottom: 0px solid #999999; 
}
#menu_gross ul li a:link, #menu_gross ul li a:visited{
text-decoration: none; 
color: #000000; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
padding: 0px 0px 20px 0px; 
margin: 0px 0px 0px 0px; 
display: block; 
}
#menu_gross ul li a:hover, #menu_gross ul li a:focus{
color: #7D1D19; 
}
#menu_gross ul ul li a:hover, #menu_gross ul ul li a:focus{
text-decoration: none; 
color: #7D1D19; 
width: 90%; 
padding: 0px 5% 0px 5%; 
}

/*#menu_gross ul li.dropdown{
border-radius: 30px 30px 0px 0px; 
position: relative; 
text-align: center; 
font-weight: 400; 
line-height: 40px; 
color: #000000; 
padding: 10px 1% 0px 1%; 
margin: 0px 0px 0px 0px; 
width: 30%; 
float: left; 
border: 0px solid #FF0000; 
}*/

#menu_gross ul.dropdown-menu{
padding: 0px 0px 0px0px; 
margin: 0px 0px 0px 0px; 
border: 0px solid #FF0000; 
}


#topmenu{
position: absolute; 
top: 0px; 
right: 0px; 
padding: 0px 3% 0px 3%;  
margin: 0px; 
border: 0px solid #FF0000; 
width: 94%; 
background-color: #7D1D19; 
color: #FFFFFF; 

}
#topmenu ul{
list-style-type: none; 
padding: 0px; 
margin: 0px; 
}
#topmenu ul li{
float: right; 
color: #FFFFFF; 
padding: 0px 0px 0px 30px; 
margin: 0px; 
}
#topmenu ul li a:link, #topmenu ul li a:visited{
color: #FFFFFF; 
text-decoration: none; 
font-weight: 300; 
font-size: 0.8em; 
text-transform: uppercase; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
#topmenu ul li a:hover, #topmenu ul li a:focus{
color: #FF9999; 
}

#logo{
padding: 80px 35% 50px 35%; 
width: 30%; 
height: auto; 
background-image: url(../images/weiss_95.png); 
background-repeat: repeat; 
border: 0px solid #FF0000; 
z-index: 100; 
}
#logo img{
width: 100%; height: auto; 
}


#logo .customdownload{
position: absolute; 
right: 3%; 
top: 370px; 
width: 20%; 
border: 0px solid #FF0000; 
}
#logo .customdownload img{
width: 40%; 
height: auto; 
float: left; 
margin: 0px; 
padding: 0px; 
border: 1px solid #999999; 
-webkit-transition: 0.5s ease-in;
-moz-transition: 0.5s ease-in;
-o-transition: 0.5s ease-in;
-ms-transition: 0.5s ease-in;
transition: 0.5s ease-in;
-webkit-box-shadow: 10px 10px 20px 8px rgba(0,0,0,0.6);
-moz-box-shadow: 10px 10px 20px 8px rgba(0,0,0,0.6);
box-shadow: 10px 10px 20px 8px rgba(0,0,0,0.6);
}
#logo img.download_en:hover, #logo img.download_en:focus, 
#logo img.download_de:hover, #logo img.download_de:focus
{
width: 45%; 
}

#logo img.download_en{transform: rotate(3deg); float: right; position: relative; top: 10px; }
#logo img.download_de{transform: rotate(-6deg); position: relative; left: 14%; top: 0px;float: right; }

#drehfutter{
position: fixed; 
left: 10%; 
top: 35px; 
z-index: 502; 
width: 1px; 
height: auto; 
opacity: 0.0; 
-webkit-transition: 0.5s ease-in;
-moz-transition: 0.5s ease-in;
-o-transition: 0.5s ease-in;
-ms-transition: 0.5s ease-in;
transition: 0.5s ease-in;
}
#drehfutter.einblenden{
width: 70px; 
top: 10px; 
opacity: 1.0; 
z-index: 20001; 
}

#inhalte{
width: 100%; 
height: auto; 
padding: 50px 0px 50px 0px; 
margin: 0px; 
z-index: 100; 
}
#inhalte.vorn{
position: absolute; 
z-index: 1200; 
border: 0px solid #FF0000; 
}


#content .item-page img{
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-filter: grayscale(1) blur(5px);
filter: grayscale(1) blur(5px);
max-width: 90%; margin: 0px 5% 0px 5%; 
}
#content.anzeigen .item-page img, #content .item-page table.referenzen img.thumb, #content .item-page table.referenzen img.lightbox2-image{
-webkit-filter: grayscale(0) blur(0px);
filter: grayscale(0) blur(0px);
}

.parvus{
z-index: 20001 !important; 
}

#inhalte img.thumb:hover, #inhalte img.lightbox2-image:hover{
-webkit-filter: grayscale(1);
filter: grayscale(1);
-moz-filter: grayscale(1);
}

img.thumb[align="left"],
img.thumb[style*="float: left"],
img.thumb[style*="float:left"],
img.lightbox2-image[align="left"],
img.lightbox2-image[style*="float: left"],
img.lightbox2-image[style*="float:left"]{
margin: 0px 15px 10px 0px;
border: 0px solid #999999; 
}
img.thumb[align="right"],
img.thumb[style*="float: right"],
img.thumb[style*="float:right"],
img.lightbox2-image[align="right"],
img.lightbox2-image[style*="float: right"],
img.lightbox2-image[style*="float:right"]{
margin: 0px 0px 10px 15px;
border: 0px solid #999999; 
}

#content h2{
font-weight: 300; 
line-height: 50px; 
padding: 40px 0px 30px 0px; 
margin: 0px; 
}

#content{
border-top: 1px solid #999999; 
border-right: 0px solid #999999; 
border-left: 0px solid #999999; 
border-bottom: 0px solid #999999; 
margin: 0px 0px 400px 0px; 
padding: 30px 10% 100px 10%; 
position: relative; 
top: 400px;  
width: 80%; 
height: auto; 
min-height: 600px; 
background-image: url(../images/saegezahn.png); 
background-repeat: no-repeat; 
background-position: right  top; 
background-size: 30% auto; 
background-color: #FFFFFF; 
z-index: 1; 
line-height: 1.7em; 
opacity: 1.0; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
display: inline-block; 
float: left; 

}

/*#footerlinks{
display: block; 
float: left; 
height: 500px; 
width: 100%; 
border: 0px solid #FF0000; 
padding: 0px; 
margin: 0px; 
}*/

#content.anzeigen{
opacity: 1.0; 
}

#content a:link, #content a:visited{
text-decoration: none; 
font-weight: 400; 
color: #7D1D19; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
#content a:hover, #content a:focus{
color: #000000; 
}

#content ul{
list-style-type: none; 
margin: 30px 0px 0px 0px; 
display: inline-block; 
border-top: 1px solid #999999; 
border-bottom: 0px solid #999999; 
border-left: 0px solid #999999; 
border-right: 0px solid #999999; 
border-radius: 0px 0px 0px 0px; 
width: 90%; 
padding: 30px 5% 30px 5%; 
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
float: none; 
}

#content ul li a:hover, #content ul li a:focus{
}

#content ul li img{
float: right; 
border: 1px solid #FFFFFF; 
}

.item-page ul li{
padding: 0px 0px 0px 20px; 
background-image: url(../images/pfeil_hover.png); 
background-repeat: no-repeat; 
background-position: left 50%; 
color: #000000; 
}


.referenz{
/*position: absolute; 
top: -100px; 
right: -12.5%;  
width: 37%; 
max-height: 50px; 
overflow-x: hidden;
overflow-y: hidden; 
border-left: 0px solid #999999;
border-right: 0px solid #FF0000; 
border-top: 0px solid #999999; 
border-bottom: 0px solid #999999; 
-webkit-transition: width 0.5s, height 3.0s;
-moz-transition: width 0.5s, height 3.0s;
-o-transition: width 0.5s, height 3.0s;
-ms-transition: width 0.5s, height 3.0s;
transition: width 0.5s, height 3.0s;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #DFDFDF; 
z-index: 999; 
border-radius: 25px 0px 0px 25px; 
background-image: url(../images/plus.png); 
background-repeat: no-repeat; 
background-position: left top; 
opacity: 0.8; 
display: inline-block; 
*/
}
.referenz:hover, .referenz:focus{opacity: 1.0; }
.referenz.open{
/*
background-image: url(../images/minus.png); 
background-repeat: no-repeat; 
background-position: left top; 
background-color: #E2E2E2; 
border-left: 0px solid #999999;
border-right: 0px solid #999999; 
border-top: 0px solid #999999; 
border-bottom: 0px solid #999999; 
max-height: 50000px; 
width: 98%; 
padding: 0px 13.5% 0px 1%;
margin: 0px 0px 0px 0px;
overflow-x: visible;
overflow-y: visible; 
border-radius: 25px 0px 0px 25px; 
opacity: 0.95; */
}
.referenzen img{
opacity: 1.0; 
-webkit-transition: 2.0s ease-in-out;
-moz-transition: 2.0s ease-in-out;
-o-transition: 2.0s ease-in-out;
-ms-transition: 2.0s ease-in-out;
transition: 2.0s ease-in-out;
}
.referenzen img.go{
opacity: 1.0; 
}


.referenz.scroll{
}

table.referenzen{
position:relative;
right: 0%;
display: inline-block; 
width: 100%; 
padding: 0px 0% 30px 0%; 
display: block; 
background-color: #E2E2E2; 
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
border-top: 1px solid #999999;
border-bottom: 0px solid #999999;
border-left: 0px solid #999999;
border-right: 0px solid #999999;
}

.referenz table.referenzen img{
position: relative; 
margin: 0px 0px 0px 0px; 
width: 120px; 
}
.referenz table.referenzen td{
flex: 23%;
width: 22%; 
float: left; 
height: 250px; 
display: block; 
border: 0px solid #FF0000; 
margin: 0px 20px 10px 0px; 
padding: 10px; 
}

.referenz table.referenzen a:link, .referenz table.referenzen a:visited{
display: block; 
float: left; 
width: 100%; 
}
.referenz .reftxt{
/*position: fixed; 
left: -47.5%; 
top: 50%; */
text-align: left; 
font-weight: 700; 
color: #000000; 
padding: 0px 0px 0px 0px; 
margin: 0px; 
width: 100%; 
height: 50px; 
line-height: 50px; 
font-weight: 400; 
display: block; 
border: 0px solid #FF0000; 
/*-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
border: 0px solid #FF0000; */
}
.referenz.open .reftxt{
border: 0px solid #FF0000; 
width: 100%; 
text-align: left; 
}

.pxtxt{
font-size: 0.7em; 
line-height: 1.0em; 
border: 0px solid #FF0000; 
display: block; 
text-align: left; 
}

table#maschinenpark, table#maschinenpark_1, table#maschinenpark_2, table#maschinenpark_3, table#maschinenpark_4{
border: 0px solid #999999; 
width: 98%; 
margin: 30px 0px 0px 0px; 
padding: 0px; 
/*display: flex; 
flex-wrap: wrap; 
justify-content: space-between; 
align-content: flex-start; */
border-radius: 0px 25px 25px 0px; 
max-height: 58px; 
display: block; 
float: left; 
overflow: hidden; 
-webkit-transition: 1.0s ease-in-out;
-moz-transition: 1.0s ease-in-out;
-o-transition: 1.0s ease-in-out;
-ms-transition: 1.0s ease-in-out;
transition: 1.0s ease-in-out;
}
table#maschinenpark.offen, table#maschinenpark_1.offen, table#maschinenpark_2.offen, table#maschinenpark_3.offen, table#maschinenpark_4.offen{
max-height: 1500px; 
}


table#maschinenpark td, table#maschinenpark_1 td, table#maschinenpark_2 td, table#maschinenpark_3 td, table#maschinenpark_4 td{
border: 1px solid #999999; 
border-radius: 25px; 
min-width: 230px; 
/*min-height: 320px; */
margin: 0px 1% 20px 0px; 
padding: 25px; 
line-height: 1.1em; 
float: left; 
}


table#maschinenpark td.headline, table#maschinenpark_1 td.headline, table#maschinenpark_2 td.headline, table#maschinenpark_3 td.headline, table#maschinenpark_4 td.headline{
font-weight: 700; 
padding: 10px 0px 10px 20px; 
margin: 0px 0px 10px 0px; 
width: 95%; 
display: block; 
height: 30px;  
border-radius: 25px 25px 25px 25px; 
line-height: 30px;  
background-image: url(../images/plus.png); 
background-repeat: no-repeat; 
background-position: right top; 
background-color: #DFDFDF; 
}
span.klappaus{
width: 95%; 
display: block; 
float: left; 
color: #000000; 
}

table#maschinenpark tbody, table#maschinenpark_1 tbody, table#maschinenpark_2 tbody, table#maschinenpark_3 tbody, table#maschinenpark_4 tbody, table#maschinenpark tr, table#maschinenpark_1 tr, table#maschinenpark_2 tr, table#maschinenpark_3 tr, table#maschinenpark_4 tr{
border: 0px solid #FF0000; 
width: 100%; 
float: left; 
}




#footer{
position: fixed; 
bottom: 0px; 
width: 80%; 
margin: 0px; 
padding: 10px 10% 10px 10%;  
background-color: #7D1D19; 
color: #FFFFFF; 
z-index: 499; 
font-size: 0.8em; 
}
#footer a:link, #footer a:visited, #footer_resp a:link, #footer_resp a:visited{
color: #FFFFFF; 
text-decoration: none; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
#footer a:hover, #footer a:focus, #footer_resp a:hover, #footer_resp a:focus{
color: #FF8888; 
}

#footer_resp{
display: none; 
position: fixed; 
bottom: 0px; 
width: 80%; 
margin: 0px; 
padding: 10px 10% 10px 10%;  
background-color: #7D1D19; 
color: #FFFFFF; 
z-index: 499; 
font-size: 0.8em; 
}



.small{
font-size: 0.7em; 
}
@media screen and (max-width: 1366px) {
body{ font-size: 1.0em; }
#tableleistungen td a:link, #tableleistungen td a:visited{font-size: 1.0em;}
.moduletable h3{}
#menu_gross ul li li{}
#topmenu ul li a:link, #topmenu ul li a:visited{font-size: 0.9em;}
.pxtxt{font-size: 0.8em;}
#footer{font-size: 0.9em;}
}

@media screen and (max-width: 1000px) {
#abstand{height: 80px;}
#logo .customdownload{ width: 30%;}
}
@media screen and (max-width: 800px) {
#abstand{height: 60px;}
#logo .customdownload{ width: 45%;}
}
@media screen and (max-width: 600px) {
#menu_mittel ul{
width: 98%; 
list-style-type: none; 
padding: 50px 1% 30px 1%; }

#abstand{height: 40px;}
#hintergrund{top: 230px; background-size: 100%; position: absolute; border: 0px solid #FF0000; }
#content{top: 320px; background-size: 50% auto;margin: 0px 0px 100px 0px;}
#footer{display: none; }
#footer_resp{display: block; font-size: 0.8em; }
#cnc-container {position: relative;width: 90%;height: auto;margin: 0px 5% 30px 5%; }

}
@media screen and (max-width: 600px) { 
#menu_mittel{ display: inline-block; background-color: #FFFFFF; width: 100%; position: absolute; top: 150px; z-index: 9999; background-image: url(../images/nav_resp.png); background-repeat: no-repeat; background-position: right top; height: 50px; overflow: hidden; opacity: 1.0; -webkit-transition: 1.5s ease-in-out;-moz-transition: 1.5s ease-in-out;-o-transition: 1.5s ease-in-out;-ms-transition: 1.5s ease-in-out;transition: 1.5s ease-in-out;}
#menu_mittel.offen{height: auto; overflow: visible; }
#menu_gross{display: none;}
#abstand{height: 20px;}
#drehfutter.einblenden{display: none; }
#content{top: 180px; background-size: 50% auto;margin: 0px 0px 100px 0px;}
#content h2{padding: 0px 0px 20px 0px;}
#content ul{width: 100%;padding: 30px 0% 30px 0%;}
#content ul li{background-image: none; }
#content ul img{width: 100%; display: block; }
#logo .customdownload{ width: 40%; right: 5%; top: 220px; }
#logo .customdownload img{-webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.6);
-moz-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.6);
box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.6);}
.referenz table.referenzen td{flex: 100%; width: 100%;height: 200px; } 
#menu_gross ul li{font-size: 0.8em; }
#menu_gross ul li li{width: 280%; position: relative; left: -70%; text-align: center; }
#hintergrund{top: 190px; background-size: 100%; position: absolute; border: 0px solid #FF0000; }
/*#hintergrund.einblenden{height: 20%; background-position: left 200px;  }
#content{top: 200px; }*/
#logo{width: 70%; padding: 70px 15% 10px 15%;}
#topmenu ul li{width: 30%;padding: 0px 0px 0px 1%; float: left; text-align: center; }
.moduletable.leistungen{display: none; }
#footer{display: none; }
#footer_resp{display: block; font-size: 0.8em; }
#content.anzeigen .item-page img{max-width: 90%; margin: 0px 5% 0px 5%;}
#logo img#cncschmidt{max-width: 70%; margin: 0px 15% 0px 15%;}
table#maschinenpark td.headline, table#maschinenpark_1 td.headline, table#maschinenpark_2 td.headline, table#maschinenpark_3 td.headline, table#maschinenpark_4 td.headline{width: 90%; background-size: 30px 30px; background-position: right 10px top 10px; }
#content .item-page img{-webkit-filter: grayscale(0) blur(0px); filter: grayscale(0) blur(0px); }

#cookie.einblender{
left: 0%; 
top: 0px;
width: 100%; 
z-index: 10000; 
}
#keks{
padding: 10px 5px 0px 10px;  
}


}