@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Regular.woff2') format('woff2'),
        url('../font/Roboto-Regular.woff') format('woff'),
        url('../font/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-LightItalic.woff2') format('woff2'),
        url('../font/Roboto-LightItalic.woff') format('woff'),
        url('../font/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Bold.woff2') format('woff2'),
        url('../font/Roboto-Bold.woff') format('woff'),
        url('../font/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-BoldItalic.woff2') format('woff2'),
        url('../font/Roboto-BoldItalic.woff') format('woff'),
        url('../font/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-MediumItalic.woff2') format('woff2'),
        url('../font/Roboto-MediumItalic.woff') format('woff'),
        url('../font/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-ThinItalic.woff2') format('woff2'),
        url('../font/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Black.woff2') format('woff2'),
        url('../font/Roboto-Black.woff') format('woff'),
        url('../font/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Thin.woff2') format('woff2'),
        url('../font/Roboto-Thin.woff') format('woff'),
        url('../font/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Medium.woff2') format('woff2'),
        url('../font/Roboto-Medium.woff') format('woff'),
        url('../font/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Light.woff2') format('woff2'),
        url('../font/Roboto-Light.woff') format('woff'),
        url('../font/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-BlackItalic.woff2') format('woff2'),
        url('../font/Roboto-BlackItalic.woff') format('woff'),
        url('../font/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Italic.woff2') format('woff2'),
        url('../font/Roboto-Italic.woff') format('woff'),
        url('../font/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto Slab';
    src: url('../font/RobotoSlab-Thin.woff2') format('woff2'),
        url('../font/RobotoSlab-Thin.woff') format('woff'),
        url('../font/RobotoSlab-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('../font/RobotoSlab-Bold.woff2') format('woff2'),
        url('../font/RobotoSlab-Bold.woff') format('woff'),
        url('../font/RobotoSlab-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('../font/RobotoSlab-Regular.woff2') format('woff2'),
        url('../font/RobotoSlab-Regular.woff') format('woff'),
        url('../font/RobotoSlab-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Slab';
    src: url('../font/RobotoSlab-Light.woff2') format('woff2'),
        url('../font/RobotoSlab-Light.woff') format('woff'),
        url('../font/RobotoSlab-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}



html {
  background: url("../images/hg.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {

    font-size: 1.2em;
    line-height: 1.4;
    font-weight: 300;
    font-family: 'Roboto';
    color: #fff;
	letter-spacing: 0.03em;

}

.bold{
	 font-weight: bold;
}
.logo > img {

    height: 25px;
	margin: 10px;
	margin-top: 16px;

}
.gruen {

    margin-top: 100px;
    /*background-color: #8fbc13;*/

}

.oliv {

    margin-top: 50px;
    /*background-color:#716c34;*/

}
.rot {

    margin-top: 50px;
    /*background-color: #26989b;*/

}
.container2{

    margin-top: 10px;
    background-color: none !important;

}
.text{
	padding: 20px;
	/*background-color: #8fbc13;*/
}
.luftbild {
    height: 100%;
    background-image: url("../images/luftbild.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-height: 500px;

}
.historie {
    height: 100%;
    background-image: url("../images/historie.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
	min-height: 550px;

}
.team {
	align-content: center;
	text-align: center;
	margin-bottom: 20px;
}
.karte {
    height: 100%;
    background-image: url("../images/rubrik82.jpg");
    background-size: 100% auto, cover;
    background-repeat: no-repeat;
    background-position: center center;
	min-height: 380px;

}
.anfahrt {
    height: 100%;
    background-image: url("../images/rubrik81.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	min-height: 430px;

}
.blech {
    height: 100%;
    background-image: url("../images/rubrik21l.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	min-height: 430px;

}
.blech2 {
    height: 100%;
    background-image: url("../images/wasserschneid_a.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
	min-height: 350px;

}
.blech3 {
    height: 100%;
    background-image: url("../images/rubrik21r.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
	min-height: 378px;

}

.laser {
    height: 100%;
    background-image: url("../images/laser01.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	min-height: 430px;

}
.laser2 {
    height: 100%;
    background-image: url("../images/laser02.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
	min-height: 413px;

}
.laser3 {
    height: 100%;
    background-image: url("../images/rubrik33.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
	min-height: 350px;

}

.laserschweissen {
    height: 100%;
    background-image: url("../images/HandHeld.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	min-height: 350px;

}

.zerspanung{
    height: 100%;
    background-image: url("../images/zerspanung.jpg");
    background-size: 100% auto, cover;
    background-repeat: no-repeat;
    background-position: center center;
	min-height: 320px;

}

.wmc {
    height: 100%;
    background-image: url("../images/wmc.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	min-height: 443px;

}
.wmc2 {
    height: 100%;
    background-image: url("../images/wmc03.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
	min-height: 328px;

}
.wmc3 {
    height: 100%;
    background-image: url("../images/wmc04.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
	min-height: 664px;

}
/*-------------- Dop Down Menu -------------*/
li a, .dropbtn {
  display: inline-block;
  color: white;
  /*text-align: center;*/
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: #8fbc13;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.more-sign{display: inline-block;transform: rotate(90deg);font-style: normal;font-size: 16px;width: 1em;text-align: center;}

/*---------------- Footer ------------------*/
.footer{margin-bottom: 30px;}
.footer a {
  float: right;
  color: #fff;
  padding-right: 20px;
}
.w3-button{color:#fff!important;}
.w3-button:hover{color:#8fbc13!important;background-color: rgba(255,255,255,0.00) !important}