.gd_map_box {
    background-color: #fff;
    border-color: #007841;
    border-style: solid;
    border-width: 2px;
    color: #666;
    font-size: 15px;
    line-height: 21px;
    margin: 0 2% 10px 0;
    padding: 8px;
    width: 45% !important;
  cursor:pointer;
  font-weight: normal;
}

.gd_map_box:hover, .hover_gd{
  background-color: #007841;
  color: #fff;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.gd_videobox, .gd_videobeschr{
float: left;
  width: 50%;
}

.gd_videobeschr p{
padding: 0px;
  margin: 0px;
  padding-left: 10px;
}

#buttonproduktinfo {
  margin-top: 20px;
    background: #007841 linear-gradient(to bottom, #007841, #007841) repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    padding: 10px;
    text-decoration: none;
}
#buttonproduktinfo:hover {
    background: #a8a8a8 linear-gradient(to bottom, #a8a8a8, #a8a8a8) repeat scroll 0 0;
    text-decoration: none;
}

#checklist a{
color: #007841;
    font-weight: bold;
  padding-bottom: 5px
}

.gd_vor_pic{ width: 420px; height: 425px; float: left; margin-top: 20px; margin-bottom: 20px; position: relative}

.gd_vor_4_1{ margin-right: 20px; background-image: url("../../../../Redakteure/BilderAnwendungsvideos/uebersicht/rundrohrvorher_low.png"); background-size: contain;}
.gd_vor_4_2{ background-image: url("../../../../Redakteure/BilderAnwendungsvideos/uebersicht/rundrohrnachher_low.png"); background-size: contain;}
.gd_vor_4_3{ margin-right: 20px; background-image: url("../../../../Redakteure/BilderAnwendungsvideos/uebersicht/VorherGelaender_low.png"); background-size: contain;}
.gd_vor_4_4{ background-image: url("../../../../Redakteure/BilderAnwendungsvideos/uebersicht/NachherGelaender_low.png"); background-size: contain;}

.gd_inner_box{ width: 30px; height: 30px; background-color: transparent; position: absolute; opacity: 0.6;}
.gd_inner_box:hover{background-image: url("http://www.figurenwerk.de/fileadmin/figurenwerk/bilder/trans-85_w.png");}
.gd_vor_pic:hover .gd_inner_box{border: 1px solid black;
    border-radius: 20px;
    opacity: 0.6;}
.gd_inner_box_hover{border: none !important; background: none !important; }  





.gd_vor_4_1_1{ height: 50px; left: 298px;  top: 19px; width: 50px;}
.gd_vor_4_1_2{ height: 56px; left: 298px; top: 70px; width: 50px;}
.gd_vor_4_1_3{ height: 50px;
    left: 221px;
    top: 112px;
    width: 50px;}
.gd_vor_4_1_4{ height: 40px;
    left: 82px;
    top: 147px;
    width: 40px;}
.gd_vor_4_1_5{ height: 40px;
    left: 48px;
    top: 188px;
    width: 40px;}
.gd_vor_4_1_6{ height: 50px;
    left: 98px;
    top: 188px;
    width: 60px;}
.gd_vor_4_1_7{ height: 50px;
    left: 61px;
    top: 286px;
    width: 50px;}
.gd_vor_4_1_8{ height: 50px;
    left: 105px;
    top: 330px;
    width: 50px;}
.gd_vor_4_1_9{ height: 40px;
    left: 30px;
    top: 386px;
    width: 75px;}
.gd_vor_4_1_10{height: 50px;
    left: 297px;
    top: 338px;
    width: 50px;}
  
  
  
  .gd_vor_4_3_1{  height: 50px;
    left: 317px;
    top: 5px;
    width: 50px;}
  .gd_vor_4_3_2{height: 56px;
    left: 277px;
    top: 73px;
    width: 50px;}
  .gd_vor_4_3_3{ height: 50px;
    left: 216px;
    top: 125px;
    width: 50px;}
  .gd_vor_4_3_4{ height: 50px;
    left: 157px;
    top: 100px;
    width: 50px;}
  .gd_vor_4_3_5{ height: 50px;
    left: 88px;
    top: 177px;
    width: 60px;}
  .gd_vor_4_3_6{ height: 40px;
    left: 43px;
    top: 185px;
    width: 40px;}
  .gd_vor_4_3_7{  height: 35px;
    left: 61px;
    top: 227px;
    width: 50px;}
  .gd_vor_4_3_8{ height: 60px;
    left: 87px;
    top: 314px;
    width: 60px;}
  .gd_vor_4_3_9{     height: 40px;
    left: 32px;
    top: 375px;
    width: 60px;}
  .gd_vor_4_3_10{height: 50px;
    left: 275px;
    top: 319px;
    width: 50px;}

.gd_height{height: 30px; margin-top: 5px; position: relative;}
.geek-comment{display: none;}
  .gd_back, .gd_back2 {
      background-color: #007841;
      color: #fff;
      display: none;
      font-size: 1em; 
      padding: 5px;
      width: 170px;
    position: absolute;
  }


/* NEU */
.pins{width: 392px; height: 392px; background-size: cover; position: relative; }
.anwendung-link {padding: 8px; margin-bottom: 8px; display: block; color:#333; background-color: #E4E4E4; }
.anwendung-link:hover, .anwendung-link.selected {color:#fff; background-color: #057842;}
.anwendung-bilder { height: 248px; margin-top: 48px; position: relative; }
.anwendung-bild { position: absolute; opacity:0; transition: opacity .4s; padding-top: 100px; }
.anwendung-bild.selected { opacity:1; }

.pin { 
  position: absolute; 
  cursor:pointer; 
  margin: 0px; padding: 8px; 
  border-radius: 16px; 
  background-color: rgba(255,255,255,.3); 
  border:1px solid #007841; 
  width: 24px;
  height: 24px;
}
.pin:hover, .pin.selected { 
  border: 2px solid #30A871; 
  margin: -1px -1px 0px 0px; 
  background-color: rgba(255,255,255,.8); 
}

.rundrohr .pin-1 { width: 53px; top: 365px; left: 27px; height: 20px; }
.rundrohr .pin-2 { top: 170px; left: 43px; }
.rundrohr .pin-3 { left: 63px; top: 215px; width: 35px; height: 10px; }
.rundrohr .pin-4 { top: 315px; left: 97px; width: 35px; }
.rundrohr .pin-5 { display:none; }
.rundrohr .pin-6 { top: 175px; left: 98px; }
.rundrohr .pin-7 { display:none; }
.rundrohr .pin-8 { display:none; }
.rundrohr .pin-9 { top: 128px; left: 163px; }
.rundrohr .pin-10 { top: 30px; left: 282px; }
.rundrohr .pin-11 { top: 320px; left: 332px; }
.rundrohr .pin-12 { top: 60px; left: 210px; }

.vierkant .pin-1 { top:358px; left: 23px; width: 53px; height: 20px; }
.vierkant .pin-2 { top:215px; left: 62px; height: 10px; }
.vierkant .pin-3 { top:175px; left: 40px;  }
.vierkant .pin-4 { top:302px; left: 80px; width: 36px; height: 36px; }
.vierkant .pin-5 { display:none; }
.vierkant .pin-6 { display:none; }
.vierkant .pin-7 { top:173px; left: 87px; }
.vierkant .pin-8 { display:none; }
.vierkant .pin-9 { top: 300px; left: 148px; }
.vierkant .pin-10 { top:155px; left: 148px; }
.vierkant .pin-11 { top: 65px; left: 263px; }
.vierkant .pin-12 { top: 95px; left: 148px; }
.vierkant .pin-13 { top: 310px; left: 300px; }

.pinclicks {width:400px;}