* { margin: 0; padding: 0; border: 0; box-sizing: content-box; scroll-behavior: smooth !important; }
html { overflow: scroll; font-size:20px; height: 100%; width: 100%; max-width: 100%; }
body { height: 100%; width: 100%; font-family:'Source Sans 3'; font-size: 1rem;  line-height: 1.2; color:#666666; background-color: #FFFFFF;  }

a { text-decoration: none; color:#666666; cursor: pointer; }
img { width: 100%; height:auto; }
p { font-size: 1rem; }
h1 { font-size: 2.5rem; color: #007556; line-height: 1; }
h2 { font-size: 1.6rem; color: #007556; margin: 10px 0px 10px 0px; }
h3 { font-size: 1.1rem; color: #007556; margin: 10px 0px 10px 0px; }
hr { border-bottom: 1px solid #666666; height: 10px; width: 95%; margin: 30px 0px 30px 0px;  }

#page { width:95%; max-width: 1200px; margin: 0px auto 0px auto;}


header { width:100%; padding:0px 0px 30px 0px; font-size: 0; text-align:center; background-color: #FFFFFF; }
header div{ width:95%; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; font-size: 1rem;  }
header div div{ width:100%; }
#logo { max-width: 200px; margin: 0px 0px 30px 0px;}

@media all and (min-width: 800px){
	#logo { margin: -50px 0px 30px 0px;}	
}

#slang{ text-align: right; width: 100%; list-style-type: none; margin: 10px 0px 10px 0px;}
#slang li{ display:inline-block; padding:0px 0px 0px 5px; margin: 0px; line-height:16px; }
#slang li:first-child{ border-left: 0px; }
#slang a{ padding:0px 0px 0px 0px; }
#slang a.active img{ border: 1px solid #000000; }
#slang img{ height: 20px; width:auto; margin-left: 5px; }

#customerlogin { text-align: right; float:right; margin: 0px; padding:0px; height:60px; }
#customerlogin ul{ list-style-type: none; }
#customerlogin li { display: inline-block; }
#customerlogin li a { background-color: #007556; color: #FFFFFF; padding: 3px 20px 3px 20px; margin-left: 10px; }
#customerlogin li:nth-child(1) a { background-image:url('../../img/user.png'); background-position: top left; background-size: auto 100%; background-repeat: no-repeat; padding: 3px 20px 3px 50px; }
#customerlogin li:nth-child(2) a span{ display: none; }
.dlogin { background-color: #007556; color: #FFFFFF; background-image:url('../../img/user.png'); background-position: top left; background-size: auto 100%; background-repeat: no-repeat; padding: 3px 20px 3px 50px; }
.login { display:block;width:100%; max-width: 800px; border: 3px solid #FFFFFF; color:#FFFFFF; margin: 50px auto 50px auto; padding: 30px 0px 30px 0px; font-size: 0; }
.login label { display:none; }
.login input { width:90%; max-width: 400px; height:30px; border:0px; margin:10px 0px 10px 0px; padding:1%; background-color: #ededed; color:#7B7C81; font-size:16px; }
.login button { margin:10px 0px 10px 0px; padding:1%;cursor: pointer;  background-color: #ededed; color:#007556; }
.login p { margin:10px 0px 10px 0px; padding:1%;}
.login a { color: #FFFFFF;}


.show-menu{ position:absolute; top: 10px; left:10px; height:48px; width:48px; text-decoration:none; background-color:transparent;color:#000000; font-size: 30px; display:block; z-index:200; cursor:pointer; }
#show-menu{ display:none; -webkit-appearance:none; }
#show-menu:checked ~ #mainmenu{ display:block; }

#mainmenu { display:none; position:absolute; top: 0px; left: 0px; width: 100%; text-align: left;  background-color: #007556; z-index: 100; padding: 40px; }
#mainmenu ul { position:relative; width:auto; list-style-type:none; padding:0px; height: auto;  }
#mainmenu li{ position: relative;  line-height:40px; vertical-align:top; margin:0px 20px 0px 20px; }
#mainmenu li a{ color:#FFFFFF; font-size: 1.5rem; line-height:30px; }
#mainmenu li.active a{ font-weight: bold; }
#mainmenu ul ul li { padding: 5px 5px 5px 5px; width: 100%; }
#mainmenu ul ul li a{ white-space:nowrap; font-size: 1rem; }
#shopurl { position: absolute; right: 150px; top: 20px; display: block; font-size: 1rem; font-weight: bold; line-height:40px; background-image:url('../../img/cart.png'); background-position: top left; background-size: 30px; background-repeat: no-repeat; padding-left: 40px; z-index: 100; color: #FFFFFF; }

@media all and (min-width: 900px){
	.show-menu { display: none;}
	#mainmenu { display:block; position: relative;top: auto; left: auto; text-align:center; background-color: transparent; height:40px; border-bottom: 1px solid #C7C7C7; padding: 0px; }
	#mainmenu ul { margin: 0px auto 0px auto; text-align:center; }
	#mainmenu li{ display:inline-block; }
	#mainmenu li a{ color:#666666; font-size: 1rem; }
	#mainmenu li.active a{ color: #007556; font-weight: bold; }
	#mainmenu ul ul{ display:none; position:absolute; top: 40px; left: -20px; background-color: #007556; width:auto; text-align:left; }
	#mainmenu ul ul li { padding: 5px 5px 5px 25px; }
	#mainmenu ul ul li a{ color:#FFFFFF; }
	#mainmenu ul li.active ul li a{ color:#FFFFFF; font-weight: normal; }
	#mainmenu ul li:hover ul, #mainmenu ul li:active ul{ display:block; }
	#mainmenu ul ul ul{ display:none; }
	#mainmenu ul li:hover ul ul, #mainmenu ul li:active ul ul{ display:none; }
	#shopurl { right: 0px; top: 0px; color: #666666;  }
}

main { margin-top: -30px;}
article { position:relative; width:100%; margin: 0px auto 0px auto; padding: 0px 0px 30px 0px; font-size: 1rem;  text-align:center; }

.illu { font-size: 0; }
.illu h2{ display: block; position: absolute; top: 30px; left: 20px; background-image:url('../../img/background_illu.png'); color: #FFFFFF; width: auto; max-width: 80%; padding: 10px; margin: 0px; text-align: left; font-size: 1.2rem; }

@media all and (min-width: 500px){
	.illu h2{ font-size: 1.5rem; }
}

@media all and (min-width: 1000px){
	.illu h2{ max-width: 50%; font-size: 2rem; }
}

.homegrlft { background-image:url('../../img/shadowtop.png'); font-size: 0px; background-repeat: repeat-x; }
.homegrlft div{ background-image:url('../../img/greifer.png'); background-repeat: no-repeat; background-position: -33% 100%;  background-size: auto 180%; padding: 70px 0px 70px 0px; width: 100%; border-bottom: 2px solid #007556; }
.homegrlft div h1{ font-size: 2rem;  font-weight:900; margin-bottom: 30px; }

@media all and (min-width: 800px){
	.homegrlft div h1{ font-size: 2.5rem;}
}

.bggreifer { background-image:url('../../img/greiferneu.png'); background-repeat: no-repeat; background-size: 27% auto; }
.bggreifer h2{ font-size: 2.5rem; font-weight:900; margin: 5% auto 1% auto; }
.bggreifer p{ max-width: 666px; margin: 1% auto 3% auto; }

.shadowtop { height:35px; background-image:url('../../img/shadowtop.png'); font-size: 0px; }
.shadowbottom { height:35px; background-image:url('../../img/shadowbottom.png'); }


.morecranes { background-color: #007556; color: #FFFFFF; padding: 20px 0px 20px 0px;}
.morecranes a{ color: #FFFFFF;}

.ankauf{  text-align: left; font-size: 0; background-repeat: no-repeat; background-size: cover 100%; }
.ankauf div{   background-image:url('../../img/shadowtop.png'); font-size: 0px; background-repeat: repeat-x; }
.ankauf p{  margin: 1% 10% 3% 10%; }
.ankauf h2{ font-size: 2rem; font-weight:900; line-height: 1; margin: 4% 10% 3% 10%; color: #666666; }
.ankauf h2 span{ font-size: 1.4rem; }
.ankauf div div{ position: relative; display:inline-block; width:100%; vertical-align: top; min-height: 300px; }
.ankauf div div:last-child{ background-color: #FFFFFF; }


@media all and (min-width: 700px){
	.ankauf{  background-size: contain; }
	.ankauf div div{ width:50%; }
}

.generalimporteur { padding: 60px 0px 90px 0px; margin-bottom: 50px; text-align: left; background-image:url('../../img/shadowtop.png'); font-size: 0px; background-repeat: repeat-x; border-bottom: 2px solid #007556; }
.generalimporteur h2 {font-size: 2rem; font-weight:900; padding: 30px 0px 30px 0px;}

@media all and (min-width: 600px){
	.generalimporteur p{ column-count: 2;  column-gap: 40px; }
}

h2.home {font-size: 2rem; font-weight:900; padding: 30px 0px 30px 0px; }

.homecol2 { font-size: 0; }
.homecol2 a{ color: #007556; }
.homecol2 a.btngreen{ color: #FFFFFF; }
.homecol2 p{ font-size: 1rem; }
.homecol2 h2{ font-size: 1.5rem; font-weight:900; margin: 0px 0px 180px 0px;}
.homecol2 p.dlhome{ font-size: 1.1rem; font-weight:900; margin: 0px 0px 80px 0px;}
.homecol2 img{ width:40%; }
.homecol2 div{ position: relative; display:inline-block; width:50%; text-align: center; vertical-align: top; }
.homecol2 div.greenlinehor { display:block; position:absolute; top:20px; right: 0px; bottom:0px; background-color: #007556; width:1px; margin:0px 0px 0px -0.5px; }
.homecol2 div.greenback { background-image:url('../../img/greenback.png'); background-repeat: repeat-x; margin: 0px 0px 0px 0px; z-index: 1; }
.homecol2 div.greenback img{ margin: -150px 0px 0px 0px; }


@media all and (min-width: 600px){
	.homecol2 h2{ font-size: 2rem; }
	.homecol2 p.dlhome{ font-size: 1.5rem; margin: 0px 0px 180px 0px;}
}


.content h1 { font-size: 2rem; font-weight:900; text-align: left; width:95%; margin: 30px auto 30px auto; }
.content h2 { font-size: 1.5rem; font-weight:900; text-align: left; width:97.5%; margin: 30px auto 30px auto; }
/*
.content.col2 h2 { font-size: 1.5rem; font-weight:900; text-align: left; width:95%; margin: 30px auto 30px auto;  }
.content.col2 h3 { font-size: 1.2rem; font-weight:900; text-align: left; margin: 30px auto 30px auto;  } */

.col1 h2{ font-size: 1.5rem; font-weight: 900;  margin: 4% auto 1% auto; }
.col1 p{ margin: 1% auto 1% auto; max-width: 600px; }

@media all and (min-width: 800px){
	.col1 h2{ font-size: 2.5rem; font-weight: 900;  margin: 4% auto 1% auto; }
}

.col2 { font-size: 0; }
.col2 p{ font-size: 1rem; margin: 3% 2.5% 3% 2.5%; }
.col2 div{ position: relative; display:inline-block; width:100%; vertical-align: top; text-align: left; }
.col2 div div{ width:100%; }

.col2 h1{ font-size: 1.5rem; font-weight: 900;  margin: 8% 5% 3% 5%; }
.col2 h2{ font-size: 1.5rem; font-weight: 900;  margin: 3% 2.5% 3% 2.5%; }
.col2 h3{ margin: 3% 5% 3% 5%; }
.col2.tacenter p{ margin: 3% 10% 3% 10%; text-align: center }
.col2.tacenter h3{ font-size: 1.5rem; font-weight: 900;  margin: 3% 5% 3% 5%; text-align:center; }
.col2.tacenter img{ width:30%; }

.col2 .col2imgl img { margin: 8% 0% 3% 0%; }
.col2 .col2imgr img { margin: 8% 0% 3% 0%; }

@media all and (min-width: 800px){
	.col2 div{ width:50%; }	
	.col2 h1{ font-size: 2rem; font-weight: 900;  margin: 8% 5% 3% 5%; }
	.col2 h2{ font-size: 1.6rem; font-weight: 900;  margin: 3% 2.5% 3% 2.5%; }
}



.col424 { font-size: 0; display:table; background-image:url('../../img/backansprechpartner.png'); background-repeat: repeat-x; }
.col424 label{ display: inline-block; width: 100px; }


.col424 div{  }
.col424 div div{ display: grid; width:100%; vertical-align: top; text-align: left; }
.col424 div div:nth-child(2){ width:100%; vertical-align: bottom; text-align:center; }
.col424 div div:nth-child(2) img{ width:70%; margin: 1% 0% 0% 0%; }
.col424 div div:nth-child(2) p{ margin: 0% 0% 0% 0%; font-size: 0; }

.col424 h3{ background-color: #007556; color: #FFFFFF; font-size: 1.5rem; padding: 1% 5% 1% 5%; margin: 8% 0% 0% 0%; }
.col424 p{ margin: 3% 5% 3% 5%; }


.col424l div div:nth-child(3){ background-image:url('../../img/greifer.png'); background-repeat: no-repeat; background-position: 180% -80%; background-size: auto 80%; }
.col424l div div:nth-child(3) p{ color: #007556; margin: 10% 5% 3% 5%; }
.col424l div div:nth-child(3) p a{ color: #007556; }

.col424r div div:nth-child(1){ background-image:url('../../img/greifer.png'); background-repeat: no-repeat; background-position: -80% -80%; background-size: auto 80%; }

.col424r div div:nth-child(1) p{ color: #007556; margin: 10% 5% 3% 5%; }
.col424r div div:nth-child(1) p a{ color: #007556; }


@media all and (min-width: 800px){
	.col424 div{ display:table-row; }
	.col424 div div{ display:table-cell; width:35%; vertical-align: top; text-align: left; }
	.col424 div div:nth-child(2){ width:30%; vertical-align: bottom; text-align:center; }
	.col424l div div:nth-child(3){ background-image:url('../../img/greifer.png'); background-repeat: no-repeat; background-position: 180% -80%; background-size: auto 80%; }
	
	.col424l div div:nth-child(3) p{ color: #007556; margin: 40% 5% 3% 5%; }
	.col424l div div:nth-child(3) p a{ color: #007556; }
	
	.col424r div div:nth-child(1){ background-image:url('../../img/greifer.png'); background-repeat: no-repeat; background-position: -80% -80%; background-size: auto 80%; }
	.col424r div div:nth-child(1) p{ color: #007556; margin: 60% 5% 3% 20%; }
	.col424r div div:nth-child(1) p a{ color: #007556; }
	
}

@media all and (min-width: 1100px){
	.col424 div{ display:table-row; }
	.col424 div div{ display:table-cell; width:35%; vertical-align: top; text-align: left; }
	.col424 div div:nth-child(2){ width:30%; vertical-align: bottom; text-align:center; }
	.col424l div div:nth-child(3){ background-image:url('../../img/greifer.png'); background-repeat: no-repeat; background-position: 180% -80%; background-size: auto 80%; }
	
	.col424l div div:nth-child(3) p{ color: #007556; margin: 40% 5% 3% 5%; }
	.col424l div div:nth-child(3) p a{ color: #007556; }
	
	.col424r div div:nth-child(1){ background-image:url('../../img/greifer.png'); background-repeat: no-repeat; background-position: -80% -80%; background-size: auto 80%; }
	.col424r div div:nth-child(1) p{ color: #007556; margin: 60% 5% 3% 20%; }
	.col424r div div:nth-child(1) p a{ color: #007556; }
	
}
#msgbox { display:none; position: fixed; top:0px; left: 50%; width: 300px; margin-left:-150px; background-color: #FFFFFF; z-index: 299; font-size: 1rem; border: 2px solid #CC0000; }
#msgbox p{ margin: 20px;  }




/*





.blog-item { clear: both; font-size: 0;}

#homegreifer { background-image:url('../../img/homegreifer.jpg'); background-repeat: no-repeat; background-position: right top; background-size: auto 100%; }


#homegreifer h1{ font-size: 2.5rem; font-weight:900; line-height:1; padding: 20px 0px 10px 0px; width:95%; text-align: left; margin: 0px auto 0px auto; }
#homegreifer p{ line-height:1.2; padding: 20px 0px 10px 0px; width:95%; text-align: left; margin: 0px auto 0px auto; }
#homegreifer h1 span{ display:inline-block; margin-left:80px; }
#homegreifer div.homeline { position:relative; margin: 10px auto 10px auto; width:95%; z-index: 10;}
#homegreifer div.homeline div {  background-image:url('../../img/line.png'); width:60%; background-repeat: repeat-x; height:10px;}







.icol3 { font-size: 0; width: 70%; margin: 0px auto 0px auto; padding: 0% 0% 0% 25%; }

.icol3 div{ position: relative; display:inline-block; width:31.33%; vertical-align: top; margin:1%; }

.tbl { display: table; }
.tbl div{ display: table-row; }
.tbl div div{ display: table-cell; font-size: 1rem; }














.homecol2 a{ color: #007556; }
.homecol2 a.btngreen{ color: #FFFFFF; }
.homecol2 div.greenlinehor { display:block; position:absolute; top:20px; right: 0px; bottom:0px; background-color: #007556; width:1px; margin:0px 0px 0px -0.5px; }
.homecol2 div.greenback { background-image:url('../../img/greenback.png'); background-repeat: repeat-x; margin: 0px 0px 0px 0px; z-index: 1; }
.homecol2 div.greenback img{ margin: -150px 0px 0px 0px; }






.hometbl2 { display: table; }
.hometbl2 div{ display: table-row; }
.hometbl2 div div{ display: table-cell; width:50%; vertical-align: top; }






.partner h2 { background-image:url('../../img/line.png');  background-repeat: repeat-x; background-position: bottom left; margin: 5% 5% 1% 5%; text-align: left;font-size: 2.5rem; font-weight:900; }
.partner p{ margin: 5% 5% 3% 5%; text-align:left; }
.partner img{ width:30%;; }
.partnermap img{ float:right; width:60%; margin-top: -25%; }




.col424 { font-size: 0; display:table; background-image:url('../../img/backansprechpartner.png'); background-repeat: repeat-x; }
.col424 label{ display: inline-block; width: 100px; }


.col424 div{ display:table-row; }
.col424 div div{ display:table-cell; width:35%; vertical-align: top; text-align: left; }
.col424 div div:nth-child(2){ width:30%; vertical-align: bottom; text-align:center; }
.col424 div div:nth-child(2) img{ width:70%; margin: 8% 0% 0% 0%; }
.col424 div div:nth-child(2) p{ margin: 0% 0% 0% 0%; font-size: 0; }

.col424 h3{ background-color: #007556; color: #FFFFFF; font-size: 2rem; padding: 1% 5% 1% 5%; margin: 8% 0% 0% 0%; }
.col424 p{ margin: 3% 5% 3% 5%; }


.col424l div div:nth-child(3){ background-image:url('../../img/greifer.png'); background-repeat: no-repeat; background-position: 180% -80%; background-size: auto 80%; }
.col424l div div:nth-child(3) p{ color: #007556; margin: 40% 5% 3% 5%; }
.col424l div div:nth-child(3) p a{ color: #007556; }

.col424r div div:nth-child(1){ background-image:url('../../img/greifer.png'); background-repeat: no-repeat; background-position: -80% -80%; background-size: auto 80%; }
.col424r div div:nth-child(1) p{ color: #007556; margin: 60% 5% 3% 20%; }
.col424r div div:nth-child(1) p a{ color: #007556; }










.dload { background-color: #007556; color: #FFFFFF;}
.dload a{ color: #FFFFFF;}
.dload div{ text-align: right; width: 95%; margin: 0px auto 0px auto; padding: 30px 0px 30px 0px; }






.syncheight { display: block; }




.products { font-size: 0px; }
.products div{ padding: 70px 0px 70px 0px; width: 100%; border-bottom: 2px solid #007556; }
.products div h1{ font-size: 2.5rem; font-weight:900; line-height:2; }
.products div h2{ font-size: 2rem; font-weight:900; line-height:1.2; margin: 0px; }





*/

#cart { background-image:url('../../img/cart.jpg'); background-repeat: no-repeat; background-position: right top; background-size: auto 0%; }

#cart h1{ font-size: 2rem; font-weight:900; line-height:1; padding: 20px 0px 10px 0px; width:97.5%; text-align: left; margin: 4% auto 0 auto; }
#cart h2{ font-size: 1.5rem; font-weight:900; line-height:1; text-align: left; width:97.5%; margin: 0px auto 0px auto; }
#cart p{ line-height:1.2; padding: 20px 0px 10px 0px; width:97.5%; text-align: left; margin: 0px auto 50px auto; }

#cart div.homeline { position:relative; margin: 100px auto 100px auto; width:97.5%; z-index: 10;}
#cart div.homeline div {  background-image:url('../../img/line.png'); width:60%; background-repeat: repeat-x; height:10px;}


@media all and (min-width: 900px){
	#cart { background-size: auto 70%; }
	#cart h1{ font-size: 2.5rem; }
}



@media all and (min-width: 1100px){
	#cart { background-size: auto 100%; }
	
}


.gallery {  margin: 3% 5% 3% 5%; }
.gallery img{ cursor:pointer; }
.col2 .gallery div{ width: 24%; margin: 0.5%; }

.download { padding-bottom: 60px; }
.download div { display: inline-block; width: 200px; vertical-align: top; margin: 20px; text-align: center; }
.download a { background-color: #007556; color: #FFFFFF; padding: 5px; }
.download img { width: 70%; }
.download p { text-align: center; }
.download h3 { font-size: 1rem; }

.tcontent { padding: 0px; text-align: left; width: 90%; }

.col2 .tcontent h3{ cursor: pointer; background-color: #007556; color: #FFFFFF; background-position:right 10px; background-repeat:no-repeat; background-image:url('../../img/minus.png'); background-size: 40px auto; padding: 5px; width:95%; padding: 1%; font-weight: normal; font-size: 1rem; }
.tcontent h3.tplus{ background-image:url('../../img/plus.png'); color: #FFFFFF;}

.tcontent p{ max-height:1000px; padding: 10px; width:90%; transition: all 300ms ease 0ms; }
.tcontent ul{ max-height:1000px; width:90%; transition: all 300ms ease 0ms; }

.tcontent div{ transition: all 300ms ease 0ms; }
.tcontent div.tclose{ background-color: transparent; box-shadow: none; }
.tcontent div.tclose p{ height:0px; overflow: hidden; margin:0px; padding:0px; }
.tcontent div.tclose ul{ height:0px; overflow: hidden; margin:0px; }


.col2 .faq { width:100%; }
.faq h4 { font-size: 1.2rem; font-weight:900; text-align: left; margin: 3% 5% 3% 5%; }


.shopproduct { font-size: 0; text-align: left; margin: 30px 0px 0px 0px; }
.shopproduct div{ display: inline-block; width: 100%; vertical-align: top; }
.shopproduct div:first-child{  width: 100%; }
.shopproduct div:last-child{  text-align: center; }
.shopproduct div:last-child p{ display: inline-block; vertical-align: middle; }
.shopproduct h2{ font-size: 1.5rem; }


.shopproductcol46 { font-size: 0; text-align: left; margin: 30px 0px 0px 0px; }
.shopproductcol46 div{ display: inline-block; width: 100%; vertical-align: top; }

.shopproductcol46 p{ margin: 10px 0px 20px 30px; }
.shopproductcol46 label.icon{ width: 100%; }


.shopproductcol46 div div {  width: 100%; margin: 10px 0px 0px 5px; }
.shopproductcol46 div div:last-child { width: 100%; }
.shopproductcol46 div div div{  width: 100%; }
.shopproductcol46 div div div div{  font-size: 1rem; width: 100%; padding: 0px 0px 0px 0px; }
.shopproductcol46 div div div div:last-child{ width: 50%; }


@media all and (min-width: 800px){
	
		.shopproduct { font-size: 0; text-align: left; margin: 30px 0px 0px 0px; }
.shopproduct div{ display: inline-block; width: 50%; vertical-align: top; }
.shopproduct div:first-child{  width: 50%; }
.shopproduct div:last-child{  text-align: right; }
.shopproduct h2{ font-size: 2rem; }


.shopproductcol46 { font-size: 0; text-align: left; margin: 30px 0px 0px 0px; }
.shopproductcol46 div{ display: inline-block; width: 50%; vertical-align: top; }
.shopproductcol46 div:last-child{ width: 50%;  }
.shopproductcol46 p{ margin: 10px 0px 20px 30px; }
.shopproductcol46 label.icon{ width: 130px; }


.shopproductcol46 div div { display: table; width: 100%; margin: 10px 0px 20px 5px; }
.shopproductcol46 div div:last-child { width: 100%; }
.shopproductcol46 div div div{ display: table-row; width: 100%; }
.shopproductcol46 div div div div{ display: table-cell; font-size: 1rem; width: 30%; padding: 0px 0px 20px 0px; }
.shopproductcol46 div div div div:last-child{ width: 50%; }
	
	
}


@media all and (min-width: 1500px){
	
	.shopproduct { font-size: 0; text-align: left; margin: 30px 0px 0px 0px; }
.shopproduct div{ display: inline-block; width: 50%; vertical-align: top; }
.shopproduct div:first-child{  width: 50%; }
.shopproduct div:last-child{  text-align: right; }
.shopproduct h2{ font-size: 2rem; }


.shopproductcol46 { font-size: 0; text-align: left; margin: 30px 0px 0px 0px; }
.shopproductcol46 div{ display: inline-block; width: 40%; vertical-align: top; }
.shopproductcol46 div:last-child{ width: 60%;  }
.shopproductcol46 p{ margin: 10px 0px 20px 30px; }
.shopproductcol46 label.icon{ width: 200px; }


.shopproductcol46 div div { display: table; width: 100%; margin: 10px 0px 20px 5px; }
.shopproductcol46 div div:last-child { width: 100%; }
.shopproductcol46 div div div{ display: table-row; width: 100%; }
.shopproductcol46 div div div div{ display: table-cell; font-size: 1rem; width: 30%; padding: 0px 0px 20px 0px; }
.shopproductcol46 div div div div:last-child{ width: 50%; }
	
	
}



.shopproductcol2 { font-size: 0; text-align: left; margin: 30px 0px 0px 0px;   }
.shopproductcol2 div{ display: inline-block; width: 100%; vertical-align: top; }
.shopproductcol2 div:nth-child(2){ width: 0%; }
.shopproductcol2 div div{ width: auto; }

@media all and (min-width: 800px){
	.shopproductcol2 div{ width: 45%; }
	.shopproductcol2 div:nth-child(2){ width: 10%; }
}



.shopdetails div div.tbl{ display: table; width: 100%; }
.shopdetails div div.tbl:nth-child(2){ width: 100%; }
.shopdetails div div.tbl div{ display: table-row; }
.shopdetails div div.tbl div div{ display: table-cell; font-size: 1rem; padding: 5px; width: 50%; }
.shopdetails.long div div.tbl div div:first-child{ width: 60%; }


.shopproductcol1 { font-size: 0; text-align: left; margin: 30px 0px 0px 0px;  }
.shopproductcol1 div{  }

.bdtopgr { border-top: 2px solid #007556; }

.shopdetails p { margin: 0px 0px 0px 0px; padding: 3px 2px 3px 2px; }
.shopdetails div p:nth-child(even) { background-color: #f2f2f2; }


.shopdetails div.tbl div:nth-child(odd) div { background-color: #f2f2f2; }

.shopdetails label { display: inline-block; width: 250px; vertical-align: top; float:left; }

.shopdetails.long label { display: inline-block; width: 60%; }

#productthumbs { width: 100%; text-align: left; }
#productthumbs div { width: 15%; margin: 1%; padding: 1%; border: 1px solid #CCCCCC; }
#productthumbs img {  cursor: pointer; }
#simage {  cursor: pointer; }


@media all and (min-width: 500px){
	#productthumbs div { width: 8%; margin: 1%; padding: 1%; border: 1px solid #CCCCCC; }
}


.techdate { background-color: #007556; color: #FFFFFF; padding: 20px 0px 20px 0px; margin: 30px 0px 0px 0px; }
.techdate h2{ color: #FFFFFF;}


.shopdownloads { text-align: left; }
.shopdownloads div{ display: inline-block; text-align: center; margin: 10px; padding: 5px; width: 150px; vertical-align: top; hyphens: auto; }
.shopdownloads img{ width: 80px; }


#topoffers { font-size:0; }
#topoffers div { width:100%;  font-size: 0; margin: 30px 0px 20px 0px;  }
#topoffers div div{ display: inline-block; width:100%; vertical-align: top; text-align: left; font-size: 1rem; margin: 0px 0px 0px 0px;  }
#topoffers div div:nth-child(1) { text-align: center; }
#topoffers div div:nth-child(1) img{ width: 80%; margin: 0px; }
#topoffers div div:nth-child(2){ width: 90%; }
#topoffers div div:nth-child(3){ width: 80%;text-align: right; }
#topoffers div div:nth-child(3) img{ margin: 0px 0px 0px 0px; }
#topoffers div div h3{ margin: 0px 10px 5px 10px; font-size: 1.3rem; }
#topoffers div div .mlogo{ font-size: 1.3rem; font-weight: bold; }
#topoffers div div p{ margin: 0px 0px 0px 30px; display: inline-block; vertical-align: middle; }


#topoffers div div div {  margin: 0px 0px 0px 0px; width: 90%; }
#topoffers div div div:nth-child(1) { text-align: left; }
#topoffers div div div:nth-child(2) { width: 90%; }

#topoffers div div div div{  width: 100%; }
#topoffers div div div div div{  font-size: 1rem; padding: 0px 0px 10px 0px; width: 90%; vertical-align: middle; line-height: 30px; }


label.icon{ display: inline-block; padding-left: 40px; width: 100%; font-weight: bold; background-repeat:no-repeat; background-position:left center; background-size: 30px 30px; vertical-align: middle; }
.iman { height: 40px; width:auto; }

@media all and (min-width: 500px){
	#topoffers div div{ margin: 20px 0px 0px 0px; }
	#topoffers div div:nth-child(1) img{ margin: 20px 20px 20px 20px; }
	#topoffers div div:nth-child(2){ width: 100%; }
	#topoffers div div h3{ margin: 20px 10px 5px 30px; font-size: 1.5rem; }
	#topoffers div div .mlogo{ font-size: 1.5rem; }
	#topoffers div div div { display: table; margin: 10px 0px 0px 0px;width: 100%; }
	#topoffers div div div:nth-child(2) { width: 100%; }
	#topoffers div div div div{ display: table-row; }
	#topoffers div div div div div{ display: table-cell; padding: 0px 0px 20px 0px; width: 50%; }
	#topoffers div div div div div:nth-child(2){ width: 50%; }
	#topoffers div div div div div:nth-child(3){ width: 50%; }
	label.icon{  width: 200px; }
}

@media all and (min-width: 700px){
	#topoffers div div{ display: inline-block; width:30%; vertical-align: top; text-align: left; font-size: 1rem; margin: 20px 0px 0px 0px; }
	#topoffers div div:nth-child(2){ width: 70%; }
	#topoffers div div:nth-child(3){ width: 80%;text-align: right; }
	#topoffers div div:nth-child(3) img{ margin: 0px 0px 0px 0px; }
	#topoffers div div div div{ width: 100%; }
	#topoffers div div div div div{ font-size: 1rem;  width: 50%; vertical-align: middle; line-height: 30px; }
}

@media all and (min-width: 1000px){
	#topoffers div div{  width:25%; margin: 20px 0px 20px 0px; }
	#topoffers div div:nth-child(1) img{ width: 80%; }
	#topoffers div div:nth-child(2){ width: 55%; }
	#topoffers div div:nth-child(3){ width: 20%; }
	#topoffers div div:nth-child(3) img{ margin: 20px 0px 0px 0px; }
	#topoffers div div h3{ margin: 20px 10px 5px 30px; font-size: 2rem; }
	#topoffers div div .mlogo{ font-size: 2rem; }
	#topoffers div div p{ margin: 10px 0px 20px 30px; }
	#topoffers div div div { margin: 10px 0px 20px 30px;  }
	#topoffers div div div div div{ font-size: 1rem; padding: 0px 0px 20px 0px; width: 50%; line-height: 30px; }
	#topoffers div div div div div:nth-child(2){ width: 50%; }
	#topoffers div div div div div:nth-child(3){ width: 50%; }
	label.icon{  width: 230px; }
	.iman { height: 60px; }
}

@media all and (min-width: 1200px){
	#topoffers div div:nth-child(1) img{ width: 80%; margin: 20px 20px 20px 20px; }
	#topoffers div div:nth-child(2){ width: 55%; }
	#topoffers div div:nth-child(3){ width: 20%; }
}

label.constructionyear{ background-image:url('../../img/label-constructionyear.png'); }
label.loadmoment{ background-image:url('../../img/label-loadmoment.png'); }
label.control{ background-image:url('../../img/label-control.png'); }
label.outreach{ background-image:url('../../img/label-outreach.png'); }
label.boom{ background-image:url('../../img/label-boom.png'); }

.btngreen{ display: inline-block; min-width: 100px; margin: 10px; background-color: #007556; color: #FFFFFF; border: 1px solid #FFFFFF; padding:10px 5px 10px 5px; font-weight: bold;  z-index: 10; text-align: center; text-transform: uppercase; font-size: 0.7rem; }

@media all and (min-width: 500px){
	.btngreen{  margin: 20px auto 30px auto; padding:15px 10px 15px 10px; font-size: 1rem; }	
}

@media all and (min-width: 1200px){
	.btngreen{ min-width: 150px; padding:15px 20px 15px 20px; }
}

a.btnblack{ display: inline-block; min-width: 150px; margin: 20px auto 30px auto; background-color: #FFFFFF; color: #666666; border: 1px solid #666666; padding:15px 20px 15px 20px; font-weight: bold;  z-index: 10; text-align: center; text-transform: uppercase; font-size: 1rem; }

a.btnwhite{ display: inline-block;  min-width: 150px; margin: 20px auto 30px auto; color: #007556; border: 1px solid #007556; padding:15px 20px 15px 20px; font-weight: bold;  z-index: 10; text-align: center; text-transform: uppercase; white-space:nowrap; }
a.pdf { display:block; background-image:url('../../img/pdf.png'); line-height:32px; background-repeat:no-repeat; background-position:left center; padding-left:40px; font-weight:bold; }
.slider { text-align: center; margin: 30px 0px 30px 0px; }
.slider img { width:12%; }



#contactgreifer { background-image:url('../../img/homegreifer.jpg'); background-repeat: no-repeat; background-position: right top; background-size: 30% auto; }

#contactgreifer h1{ font-size: 2.5rem; font-weight:900; line-height:1; padding: 20px 0px 10px 0px; width:95%; text-align: left; margin: 0px auto 0px auto; }
#contactgreifer p{ line-height:1.2; padding: 20px 30% 10px 0px; width:65%; text-align: left; margin: 0px auto 0px auto; }

#contactgreifer div.homeline { position:relative; margin: 10px auto 100px auto; width:95%; z-index: 10;}
#contactgreifer div.homeline div {  background-image:url('../../img/line.png'); width:80%; background-repeat: repeat-x; height:10px;}

#contactgreifer .col3 p{ line-height:1.2; padding: 0px 0px 10px 0px; margin: 0px auto 0px auto; }
#contactgreifer .contact p { text-align: center; }
#contactgreifer a { color: #007556; }


.col3 { font-size: 0; }
.col3 p{ font-size: 1rem; margin: 3% 5% 3% 5%; }
.col3 div{ position: relative; display:inline-block; width:100%; vertical-align: top; }


.contact div { text-align: center; margin-bottom: 30px; }
#contactgreifer .contact div p{ width: 80%; }


@media all and (min-width: 600px){
	.col3 div{ position: relative; display:inline-block; width:50%; vertical-align: top; }
	.col3 div:first-child{ width:0%; }
}


@media all and (min-width: 700px){
	.col3 div{ position: relative; display:inline-block; width:33.33%; vertical-align: top; }
	.col3 div:first-child{ width:33.33%; }
}


footer { width:100%; padding:0px 0px 30px 0px; font-size: 0; text-align:center; background-color: #FFFFFF; }
footer hr{ width:100%; margin: 0px auto 50px auto; padding: 0px 0px 0px 0px; }
footer div{ width:100%; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; }
footer div div{ display:inline-block; width:100%; font-size: 0.9rem; vertical-align: top; text-align: left; }
footer div div div{ display:block; width:100%; }
footer ul{ list-style-type: none; }
footer li{ margin: 5px 0px 10px 5px; }
footer p{ margin: 0px 0px 20px 5px; font-size: 0.9rem; }

@media all and (min-width: 500px){
	footer div div{ width:50%; }
}

@media all and (min-width: 800px){
	footer div div{ width:25%; }
}



.bcontact { background-image:url('../../img/backcontact.jpg'); background-repeat: repeat-x; background-position: left top; background-size: auto 100%; color: #FFFFFF; padding: 50px 0px 50px; min-height:600px; }
.bcontact h1{ color: #FFFFFF; margin: 30px auto 30px auto; }
.bcontact h2{ color: #FFFFFF; margin: 30px auto 30px auto; }

.bggreen { background-color: #007556; color: #ffffff; background-repeat: no-repeat; background-size: 50% auto; }
.bggreen a{ color: #ffffff; }
.bggreen h3{ color: #ffffff; text-align: left; margin: 1% 5% 1% 5%; }
.bgwhite { background-color: #FFFFFF; color:#666666; background-repeat: no-repeat; background-size: 50% auto; }

#frmcontact form { display:block;width:100%; max-width: 800px; border: 3px solid #FFFFFF; color:#FFFFFF; margin: 50px auto 50px auto; padding: 30px 0px 30px 0px; font-size: 0; }
#frmcontact form label { display:none; float:none; }
#frmcontact form legend { display:none; float:none; }
#frmcontact form .labelshow label { display:inline; float:none; }
#frmcontact form label.lblradio, #frmcontact form label.lblchkbox { display:inline; font-size:0.8rem; line-height: 1; }
#frmcontact form a { color: #FFFFFF; }
#frmcontact form input { width:90%; height:30px; border:0px; margin:10px 0px 10px 0px; padding:1%; background-color: #ededed; color:#7B7C81; font-size:16px; }
#frmcontact form select { width:90%; height:30px; border:0px; margin:10px 0px 10px 0px; padding:1%; background-color: #ededed; color:#7B7C81; font-size:16px; }
#frmcontact form input[type='checkbox'], input[type='radio'] { width:auto; height:20px; }
#frmcontact form textarea { width:90%; height:174px; border:0px; margin:10px 0px 10px 0px; background-color: #ededed; padding:10px; color:#7B7C81; font-family:Arial; font-size:16px; }
#frmcontact form p { font-size:0.8rem; font-weight:normal; width:90%; margin: 0px auto 0px auto; text-align:left; }
#frmcontact form fieldset { font-size:0.8rem; width:90%; margin: 0px auto 0px auto; text-align:left; }
#frmcontact form span{ display:block; font-size:0.8rem; width:90%; text-align: left; }
#frmcontact .flft{ width: 43%; margin-right: 1%; }
#frmcontact .frgt{ width: 43%; margin-left: 1%; }
#frmcontact .radchk{ padding-left: 30px;  }
#frmcontact .radchk a{ text-decoration: underline; }
#frmcontact .radchk input{ margin-left: -15px;  }

#firstname, #zip { width: 43%; margin-right: 1%; }

#country { width: 43%; margin-right: 47%; }
#lastname, #city { width: 43%; margin-left: 1%; }

#frmcontact form button { margin:10px 0px 10px 10px; padding:1%; cursor: pointer; background-color: #ededed; color:#007556; }

#frmcontact form input.err { background-color: #CC0000; color:#FFFFFF; }
#frmcontact form textarea.err { background-color: #CC0000;color:#FFFFFF; }
#frmcontact form span.err { color:#CC0000; font-weight:bold; }
#frmcontact form p.err, p.err { color:#CC0000; font-weight:bold; }


#dialog { display:none; position: fixed; top:0px; left: 0px; width: 100%; max-height: 100%; z-index: 299; text-align:center;  overflow: auto;}
#dialog div{ position: relative; background-color: transparent; font-size: 1rem; text-align: left; width: 100%; max-width: 600px; margin: 20px auto 20px auto; }
#dialog table{ margin: 10px; font-size: 0.8rem; }
#dialog table td{ padding:2px;; }
#dialog label{ font-size: 0.8rem; }


#cookiehinweis { position:fixed; top:0px; left:0px; width:100%; height:100%; background-image:url('../../img/background_cookie.png'); z-index:300; margin:0px 0px 0px 0px; }
#cookiehinweis div {  width:100%;height:100%;}
#cookiehinweis div div{  width:100%;height:100%; vertical-align: middle; text-align: center;}
#cookiehinweis div div div{ display: block; background-color: #FFFFFF; text-align:center; width:auto; max-width:400px; padding:10px; height:auto;font-size: 1.5rem; line-height: 1.5; margin:auto; }
#cookiehinweis h2{ margin:10px; font-weight: 300; text-transform:uppercase; }
#cookiehinweis p{ margin:10px; }
#cookiehinweis a{ font-weight: 300; color: #666666; text-decoration:none; }
#cookiehinweis input[type=checkbox]{display:inline; -webkit-appearance:checkbox;}
#cookiehinweis button{ float:none; background-color: transparent; color:#050506; width:200px; font-size: 1rem; padding:5px; margin:3px; cursor:pointer; border-radius: 8px;font-weight:300}
#cookiehinweis button#call{ float:none; background-color: #14B173; color:#FFFFFF; font-weight:300;font-size: 1.2rem; }

#changec { position:fixed; bottom:0px; left:0px; background-color: #14B173;color:#FFFFFF; padding:5px; cursor: pointer; font-size: 0.9rem; z-index:20;}
#trans { display:none; position:fixed; left:0px;top:0px; width:100%; height:100%; border:0px; background-color:#000000; opacity:0.7; padding:5px; z-index:199; }
#trans div{ position:fixed; left:50%;top:50%; width:300px; height:150px; z-index:200; margin: -75px 0px 0px -150px; text-align: center; font-size:14px; color:#ffffff; }
#trans img{ max-width:64px;}
#trans div div{ position: relative; }
#gallery { display:none; position:fixed; left:0px;top:0px; width:100%; height:100%; border:0px; z-index:200; }
#gallery div{ position: relative; width: 100%; height: 80%; margin-top: 5%; text-align: center; }
#gallery div img{ object-fit: contain;
	width:80%;
	height:100% }


#gallery .garrow {  position:absolute; top:50%; width: 20px; height: 20px; margin-top: -10px;  line-height: 20px; text-align: center; z-index: 2; font-size: 2rem; color: #FFFFFF; cursor:pointer; }

#gallery #gclose{  position:absolute; top:0px; right: 5%; width: 20px; height: 20px;margin-top: -10px; line-height: 20px; text-align: center; z-index: 2; font-size: 2rem; color: #FFFFFF; cursor:pointer; }

#grgt{  right:5%; }
#glft{  left:5%; }