/*-----------------------------------------------------schokofrösche---------------------------------------------------------------*/
.chocontain {display: flex;flex-direction:column;center;align-items: center;margin: 0;padding: 0;box-sizing: border-box;}
 .chocard {position: relative;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;box-sizing: border-box;}
 .chocard .hexagon {position: relative;width: 350px;height: 350px;margin: 10px 20px 70px;box-sizing: border-box;}
 .chocard .hexagon::before {content: '';position: absolute;bottom: -70px;width: 100%;height: 60px;background: radial-gradient(rgba(0,0,0,0.15),transparent,transparent);border-radius: 50%;transition: 0.5s;box-sizing: border-box;}
 .chocard .hexagon:hover::before {opacity: 0.8; transform: scale(0.8);box-sizing: border-box;}
 .chocard .hexagon .shape {position: relative;top: 0;left: 0;width: 100%;height: 100%;clip-path: polygon(50% 0%, 100% 40%, 82% 100%, 18% 100%, 0 40%);transition: 0.5s;box-sizing: border-box;background: rgba(206,206,206,0.87);}
 .chocard .hexagon .shape img {position: absolute;top: 10px;left: 10px;width: 330px;height: 330px;object-fit: cover;box-sizing: border-box;clip-path: polygon(50% 0%, 100% 40%, 82% 100%, 18% 100%, 0 40%);}
 .chocard .hexagon .shape .hide {line-height: 1.3;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;padding: 20px;text-align: center;background: linear-gradient(45deg,rgba(229,223,211,0.66),rgba(229,223,211,0.54));color: #fff;opacity: 1;transition: 0.5s;box-sizing: border-box;}
.chocard .hexagon .shape .content {line-height: 1.5;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;padding: 20px;text-align: center;background: linear-gradient(45deg,rgba(223,179,94,1.00),rgba(223,179,94,0.56));color: #fff;opacity: 0;transition: 0.5s;box-sizing: border-box;}
 .chocard .hexagon:hover .shape .hide {opacity: 0;box-sizing: border-box;}
 .chocard .hexagon:hover .shape .content {opacity: 1;box-sizing: border-box;}
 .chocard .hexagon .hide span {font-family: 'Playfair Display', serif;text-transform: lowercase;font-size: 34px;box-sizing: border-box;}
 .chocard .hexagon .hide p {font-family: 'Roboto', sans-serif;text-transform: uppercase;letter-spacing: 2px;font-size: 10px;font-weight: 300;line-height: 15px;box-sizing: border-box;margin-top:-8px !important;text-align:center;}
 .chocard .hexagon .hide p::first-letter {font-family: 'Roboto', sans-serif;text-transform: uppercase;letter-spacing: 2px;font-size: 10px;font-weight: 300;line-height: 15px;box-sizing: border-box;margin-top:-8px;margin-bottom:0;float:none !important;color: inherit;border:none;padding:0 !important;margin-right: 0 !important;text-align:center;}
 .chocard .hexagon .content span {line-height: 1.2;font-family: 'Playfair Display', serif;text-transform: lowercase;font-size: 30px;box-sizing: border-box;color: rgba(239,218,177,1.00);}
 .chocard .hexagon .content p {font-family: 'Roboto', sans-serif;text-transform: uppercase;letter-spacing: 2px;font-size: 8px;font-weight: 300;line-height: 15px;box-sizing: border-box;padding-left:35px;padding-right: 35px;text-align:center;}
 .chocard .hexagon .content p::first-letter {font-family: 'Roboto', sans-serif;text-transform: uppercase;letter-spacing: 2px;font-size: 8px;font-weight: 300;line-height: 15px;box-sizing: border-box;padding-left:35px;padding-right: 35px;margin-bottom:0;float:inherit;color: inherit;border:none;padding:0 !important;margin-right: 0 !important;text-align:center;margin-left:0;}