@charset "UTF-8";
*{outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}b,strong{font-weight:700}img{border:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{-webkit-tap-highlight-}.r{margin-left:-15px;margin-right:-15px}.x1,.s1,.m1,.l1,.x2,.s2,.m2,.l2,.x3,.s3,.m3,.l3,.x4,.s4,.m4,.l4,.x5,.s5,.m5,.l5,.x6,.s6,.m6,.l6,.x7,.s7,.m7,.l7,.x8,.s8,.m8,.l8,.x9,.s9,.m9,.l9,.x10,.s10,.m10,.l10,.x11,.s11,.m11,.l11,.x12,.s12,.m12,.l12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12{float:left}.x12{width:100%}.x11{width:91.66666667%}.x10{width:83.33333333%}.x9{width:75%}.x8{width:66.66666667%}.x7{width:58.33333333%}.x6{width:50%}.x5{width:41.66666667%}.x4{width:33.33333333%}.x3{width:25%}.x2{width:16.66666667%}.x1{width:8.33333333%}@media (min-width:768px){.s1,.s2,.s3,.s4,.s5,.s6,.s7,.s8,.s9,.s10,.s11,.s12{float:left}.s12{width:100%}.s11{width:91.66666667%}.s10{width:83.33333333%}.s9{width:75%}.s8{width:66.66666667%}.s7{width:58.33333333%}.s6{width:50%}.s5{width:41.66666667%}.s4{width:33.33333333%}.s3{width:25%}.s2{width:16.66666667%}.s1{width:8.33333333%}}@media (min-width:992px){.m1,.m2,.m3,.m4,.m5,.m6,.m7,.m8,.m9,.m10,.m11,.m12{float:left}.m12{width:100%}.m11{width:91.66666667%}.m10{width:83.33333333%}.m9{width:75%}.m8{width:66.66666667%}.m7{width:58.33333333%}.m6{width:50%}.m5{width:41.66666667%}.m4{width:33.33333333%}.m3{width:25%}.m2{width:16.66666667%}.m1{width:8.33333333%}}@media (min-width:1200px){.l1,.l2,.l3,.l4,.l5,.l6,.l7,.l8,.l9,.l10,.l11,.l12{float:left}.l12{width:100%}.l11{width:91.66666667%}.l10{width:83.33333333%}.l9{width:75%}.l8{width:66.66666667%}.l7{width:58.33333333%}.l6{width:50%}.l5{width:41.66666667%}.l4{width:33.33333333%}.l3{width:25%}.l2{width:16.66666667%}.l1{width:8.33333333%}}.r:before,.r:after{content:" ";display:table}.r:after{clear:both}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.visible-x,.visible-s,.visible-m,.visible-l{display:none!important}.visible-x-inline-block,.visible-s-inline-block,.visible-m-inline-block,.visible-l-inline-block{display:none!important}@media (max-width:767px){.visible-x{display:block!important}.visible-x-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-s{display:block!important}.visible-s-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-m{display:block!important}.visible-m-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-l{display:block!important}}@media (min-width:1200px){.visible-l-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-x{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-s{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-m{display:none!important}}@media (min-width:1200px){.hidden-l{display:none!important}}
.conti{margin:auto;width:100%;max-width:100%;padding:0 15px}.z{text-align:center}.z-x,.z-x-r{text-align:center!important}@media (min-width:768px){.conti{margin:auto;width:100%;max-width:100%;overflow:hidden;padding:0 150px}.z-xs{text-align:left!important}.z-x-r{text-align:right!important}}.c{clear:both}.c10,.c15,.c20,.c30,.c40,.c50,.c60,.c70,.c80{height:10px;width:100%;clear:both}.c15{height:15px}.c20{height:20px}.c30{height:30px}.c40{height:40px}.c50{height:50px}.c60{height:60px}.c70{height:70px}.c80{height:80px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}.p30{padding:30px}.w100{width:100%}.mw100{max-width:100%}.t{transition:all .5s}.cp{cursor:pointer}.infobox1{background:#eee;border-radius:14px;padding:14px}.infobox2{padding:14px;background-color:#CF9;border:2px solid #6C0;color:#0C0;border-radius:14px}.infobox3{background:#FCBDBD;color:#C00;border:2px solid #C00;border-radius:14px;padding:14px}.cfff{color:#fff}.bfff{background-color:#fff}.t{transition:all .5s}


/* latin-ext */
@font-face {
  font-family: 'Signika Negative';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/f/E218_cfngu7HiRpPX3ZpNE4kY5zKYvuhr7vr5zfbRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Signika Negative';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/f/E218_cfngu7HiRpPX3ZpNE4kY5zKYvWhr7vr5zc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Signika Negative';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/f/E218_cfngu7HiRpPX3ZpNE4kY5zKYvuhr7vr5zfbRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Signika Negative';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/f/E218_cfngu7HiRpPX3ZpNE4kY5zKYvWhr7vr5zc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*grund*/
*{outline:none}
html,body{height:100%}
body{background:#000; font-family: 'Signika Negative', sans-serif;
 font-size:16px;line-height:21px;margin:0;padding:0;text-overflow:ellipsis;color:rgba(18,24,43)}
p{font-weight:300;		 font-size:26px;		 line-height:30px;}
a{text-decoration:none}
a:hover{color:#222}
b{font-weight:400}
img{max-width:100%}
.a{max-width:1400px;margin:0 auto;overflow:hidden;background:#fff}
.b{margin:0 auto;max-width:1300px}
.b:before,.b:after{clear:both}
h1,h2,h3,h4,h5,h6{font-weight:400}
h1,h2,h3,h4,h5,h6,p{margin:0;}
h1{padding:0 0 30px 0;font-size:40px}
h2{padding:0 0 20px 0; line-height:35px}
h3,p{padding:5px 0 10px 0}
h2{font-size:33px}
h3{font-size:35px; letter-spacing:-.8px; line-height:45px;}
p,h4,h5,h6{padding:0 0 15px 0}
hr{border:none;height:1px;background:#d1d5dd}
.z,.z-xs,.z-xsr{text-align:center !important}
@media (min-width:768px) {
.z-xs{text-align:left!important}
.z-xsr{text-align:right!important}
}
@media (max-width:768px) {
.font-xs{font-size:20px!important; line-height:29px !important}
}
.c{clear:both}
.z{text-align:center}
.c10,.c15,.c20,.c30,.c40,.c50,.c60,.c70,.c80{height:10px;width:100%;clear:both}
.c15{height:15px}
.c20{height:20px}
.c30{height:30px}
.c40{height:40px}
.c50{height:50px}
.c60{height:60px}
.c70{height:70px}
.c80{height:80px}
.p15{padding:15px}
.p20{padding:20px}
.p30{padding:30px}
.max{max-width:1920px; background: #fff; background-color: #fff; margin:0 auto}
/*Kontakt*/
form{margin:0;padding:0}
.objk{width:100%;line-height:60px;height:60px; background:#555; color:#fff; border:none;font-size:15px;margin:0;padding:0 10px}
textarea{}
/*navi*/
#navi{ opacity:1; position:fixed; width:100%; z-index:999;transition:all .5s}
#navi ul{list-style:none; background:#999; text-align:center; margin:0; padding:0}
#navi li{ display:inline-block; float:right;  margin:0 15px 0 0; display:block; padding:0;  transition: all .5s}
#navi li a{ font-size:24px; height:50px; font-weight: 400; text-transform: uppercase; color: rgba(18,24,43); display:block; line-height:50px; padding:0 10px; margin: 0;transition: all .5s}
#navi li i{line-height:50px; transition: all .5s}
#navi li a:hover{color:rgba( 227,64,82);z-index:10; transition: all .5s}
#navi li:first-child:hover{background:none !important}
.unten li{margin:0 5px; transition:all .5s;}
#navi .aktiv{color:rgba( 227,64,82);transition: all .5s}
.untenimg{width:120px !important; padding:0 !important; margin:-4px 0 0 -2px}
#navma a{display:block;line-height:50px;height:50px;font-size:20px;text-align:center}
#navm{background:#77b229; opacity:1;background-size:30%; text-transform:uppercase;height:55px; line-height:55px;box-shadow:2px 3px 5px rgba(43,12,18,.5);border-bottom:3px solid #2B0C08; position:fixed; color:#fff; font-size:25px; text-align:center;width:100%; z-index:1000;transition:all .5s}
#navma{display:none;background:#2B0C08; box-shadow:0 0 10px #ADA49C}
#navimobile{position:fixed;width:100%;z-index:100000}
/*aktuelle arbeiten*/

.aa3{box-shadow:0 0 14px #E1E6E8;background:#fff;cursor:pointer;text-align:left;float:left;-webkit-transition:background 0.5s;transition:background 0.5s;text-align:center}
.aa3:hover{background:#fff;background:#fff;box-shadow:0 0 14px #CDD3D6;-webkit-transition:all 0.5s;transition:all 0.5s}
.aa3 h4{color:#444;padding:12px 12px 4px 12px;font-weight:400;line-height:25px;text-transform:uppercase;font-size:18px;margin:0; text-align: left; font-size: 22px; float:left;width:100%;}
.aa3 p{padding:0 12px 12px 12px;font-size:18px;line-height:25px;margin:0;font-weight:300;color:#aaa}
.aa3:hover h4{color:#E34052;-webkit-transition:color 0.5s;transition:color 0.5s}
.aa3:hover p{color:#444;-webkit-transition:color 0.5s;transition:color 0.5s}
.aa3 img {widht:100%}
.aa3 div{overflow:hidden;height:auto;padding:0;margin:0;float:left}
.aa3 img {-webkit-transition:all 0.26s;transition:all 0.26s ease;transform:scale(1.04);overflow:hidden;width:100%;max-width:100%}
.aa3:hover img {-webkit-transition:all 0.26s;transition:all 0.26s ease;transform:scale(1.1)}
.filter-options {text-align:center;padding:22px 0 22px 0;font-family:"PT Sans",Helvetica,sans-serif}
.filter-options div{display:inline-block;font-size:17px;height:45px;cursor:pointer;padding:0 20px;margin:8px;line-height:45px;text-transform:uppercase;background:rgba(0,0,0,0.25);background:#bac5c9;color:#fff;-webkit-transition:all 0.5s;transition:all 0.5s}
.filter-options div:hover{background:#44C7FF;-webkit-transition:all 0.5s;transition:all 0.3s}
.filter-options .active{font-weight:400;background:#444 !important;color:#fff;transition:color 0.3s, background 0.3s}
#grid {margin-left:-10px;margin-right:-10px;position:relative}
#grid [class*="grrd"] {padding:10px}
@media (max-width:320px) {#grid [class*="grrd"] {width:100%}}
.shuffle_sizer {position:absolute;opacity:0;visibility:hidden}
.more{display:inline-block;line-height:45px;font-size:17px;font-weight:400;padding:0 14px;text-transform:uppercase;color:#B7C4C9;border:1px solid #C9D4D8;border-radius:3px;transition:all 0.5s}
.more:hover{color:#343434;border:1px solid #434343;transition:all 0.5s}
.will1{text-align: center; margin: 0 0 -60px 0; block;font-size: 40px}
.will2{text-transform: uppercase; font-size: 60px; line-height: 60px}
.will3{max-width: 95%; float: right}

@media (max-width:767px) {
.will1{font-size: 30px}
.will2{font-size: 40px; line-height: 40px}
.will3{max-width: 100%; margin: 40px 0 0 0; float: none}
#navi li a{ font-size:18px;}
}
@media (max-width:1300px) {

.will2{font-size: 45px; line-height: 45px}

}

/*----------------*/
.z{text-align:center}
p{ font-size:18px}
@media (max-width:767px){h2{font-size:22px; letter-spacing:0px !important}}

/*dienstleistungen+maschinenpark*/
.kasten{background:#4A6B0D url(g/hg_h.png) center bottom no-repeat; background-size:contain;  color:#fff; line-height:35px; padding:80px 0 80px 0; text-align:center; font-size:22px; text-transform:uppercase; }
@media (max-width:767px){.kasten{font-size:18px}}
.kasten2{background: #4a6b0d url(g/hg_h.png) center bottom no-repeat; background-size:contain;background-size:contain;  color:#fff;box-shadow:2px 2px 8px #21331e; margin:30px 0 0 0;}
.kasten2 div{padding:20px; line-height:22px;font-size:20px; text-align:center; cursor:pointer;  transition:all .5s}
.kasten2 .aktiv{background:#3b5113; transition:all .5s}
.kasten2:hover div{background:#3b5113; transition:all .5s}
.kasten2b{display:none; float:left; position:relative; z-index:1; width:100%; width:calc( 100% - 30px); margin:0 15px}
.kasten2binner{background:#3b5113;box-shadow:2px 2px 8px #21331e; color:#fff; padding:20px}
.kasten2baktiv{}

/*footer*/
.footer{ padding:0;min-height:90px; line-height:30px; font-size:20px}
.footer1{color:#fff;margin:0 20px 0 0}
.footer1b{color:#fff}
.footer2{color:#fff; }
.footer3{line-height:20px; font-size:20.4px; text-transform:uppercase}
.footer4{width:200px; margin:0 0 3px 0}
.z{text-align:center}
p{font-size:25px}

/*unternehmen*/
.wm100{width:100%;vertical-align:bottom}
.rf1{padding:3px}
#rf1 img{filter:grayscale(30%);-webkit-filter:grayscale(30%);-moz-filter:grayscale(30%);-ms-filter:grayscale(30%);-o-filter:grayscale(30%);transition:all .3s}
#rf1 a:hover img{filter:grayscale(0%);-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);transition:all .3s}
#rf1 .div1{width:58.33333333%;float:left}
#rf1 .div2{width:66.66666667%;float:left}
#rf1 .div3{width:33.33333333%;float:left}
#rf1 .div4{width:41.66666667%;float:left}
#rf1 .div5{width:50%;float:left}
#rf1 .div6{float:left}




.unten{transition:all .5s; background: #aaa}
.unten a{font-size:23px !important; transition:all .5s; padding:0; margin:0}

form div{padding:0 0 15px 0}
label{ background:rgba( 227,64,82); z-index:1; margin:0; line-height: 20px; position:relative; padding:3px 6px 0 6px; width:auto; font-size:14px; color:#fff; display:inline-block; text-transform: uppercase;transition: all 0.5s;  font-weight:300}
input,textarea{ 
position: relative;
border-radius: 0;
box-shadow: none;
line-height: 40px;
z-index: 2;

transition: all 0.5s;


outline: none;
height: 40px;
margin: 0;

padding: 15px;
color: #6a6a6a;
border: 1px #fafafa;

border-right: 1.8px solid rgba(0,0,0,.2);
border-bottom: 2px solid rgba(0,0,0,.3);
border-right: 1.8px solid rgba(0,0,0,.2);
border-bottom: 2px solid rgba(0,0,0,.3);
display: block;
width: 100%;
background: #f7f7f7;
font-size: .9em;
-webkit-appearance: none;

}
input:focus,textarea:focus{ background:#fff; box-shadow:2px 3px 5px rgba(43,12,18,.4); transition:all 0.5s}
textarea{position: relative;
border-radius: 0;
box-shadow: none;
line-height: 40px;
z-index: 2;

transition: all 0.5s;


outline: none;
height: 40px;
margin: 0;

padding: 15px;
color: #6a6a6a;
border: 1px #fafafa;

border-right: 1.8px solid rgba(0,0,0,.2);
border-bottom: 2px solid rgba(0,0,0,.3);
border-right: 1.8px solid rgba(0,0,0,.2);
border-bottom: 2px solid rgba(0,0,0,.3);
display: block;
width: 100%;
background: #f7f7f7;
font-size: .9em;
-webkit-appearance: none; height: 120px}
#submit{color:#000; font-weight:300; cursor:pointer; background:rgba(110,201,212); letter-spacing:0.7px; width:auto;line-height:45px; text-transform:none; font-size:25px; letter-spacing:-.5px; margin:0 auto; display:inline-block; padding:0 13px;transition: all 0.5s}
#submit:hover,#submit:focus{ background: rgba( 227,64,82); color:#fff;transition: all 0.5s}

/*dienstleistungen+maschinenpark*/
.kasten{background:#4A6B0D url(g/hg_h.png) center bottom no-repeat; background-size:contain;color:#fff; line-height:35px; padding:80px 0 80px 0; text-align:center; font-size:22px; text-transform:uppercase; }
.kasten2{background: #4a6b0d url(g/hg_h.png) center bottom no-repeat; background-size:contain;background-size:contain;color:#fff;box-shadow:2px 2px 8px #21331e; margin:30px 0 0 0;}
.kasten2 div{padding:20px; line-height:22px;font-size:20px; text-align:center; cursor:pointer;  transition:all .5s}
.kasten2 .aktiv{background:#3b5113; transition:all .5s}
.kasten2:hover div{background:#3b5113; transition:all .5s}
.kasten2b{display:none; float:left; position:relative; z-index:1; width:100%; width:calc( 100% - 30px); margin:0 15px}
.kasten2binner{background:#3b5113;box-shadow:2px 2px 8px #21331e; color:#fff; padding:20px}


.h2a{background:#D4E3EB; line-height:50px; height:50px}
.h2b{background:#fff; line-height:50px; height:50px}
h2{position:relative; z-index:1001; letter-spacing:-1px; text-transform: uppercase; font-weight: 600; font-size: 26px; display:inline-block; min-width:200px; line-height:50px; margin:0 0 0 140px; padding:0;}
h2 i{color:rgba(0,0,0,.1)}
p{text-align:justify}


/*footer*/
.eins{ text-transform:uppercase; margin:0; padding:15px 0 0 0}
.zwei{font-size:22px; text-shadow:none; line-height:25px; padding:0 0 10px 0}

.schachtel{width:100%;height:auto;min-height:250px;position:relative;margin:0 0 30px;-webkit-perspective:800px;-moz-perspective:800px;-o-perspective:800px;perspective:800px;transition:all .5s}
.tall05{transition:all .5s}
.karte{width:100%;min-height:250px;position:absolute;-webkit-transition:-webkit-transform 1s;-moz-transition:-moz-transform 1s;-o-transition:-o-transform 1s;transition:transform 1s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}
.karte.flipped{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
.karte .innerschachtel{display:block;width:100%;text-align:center;transition:all .5s;position:absolute;cursor:pointer;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.karte .vorne span{opacity:0;display:block;padding:0;letter-spacing:2px;font-weight:300;transition:all .5s;text-transform:uppercase;font-size:15px}
.karte .vorne{background:rgba(110,201,212);height:100%; line-height:40px; letter-spacing:-.7px;padding:57px 0 0;font-size:40px;font-weight:300;transition:all .5s}
.karte .vorne:hover span{opacity:1;transition:all .5s}
@media (max-width:767px) {
.karte .vorne span{opacity:1!important}
}
.karte .vorne:hover{transform:scale(1.03);font-size:45px;transition:all .5s}
.karte .hinten{background:#fff;  padding:40px;height:100%;box-shadow:0 0 15px #879CA7;font-size:25px; line-height:35px;text-align:left;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
.inn2{background: url(g/landschaft2.png) center 70px no-repeat; background-size:55%; height:100%; width:100%}
.preis{border:2px solid #2B0C08; border-radius:6px; margin:-20px 0 0 0; padding:6px; display:inline-block}
.haltung{background:rgba(155,192,181,0.6); margin:0 15px; border-radius:8px; box-shadow:2px 3px 15px rgba(0,0,0,.4)}