*/ #diam { box-sizing: border-box; width: 550px; background: #ffffff; margin: 0 auto; } /*

*/ .pattern { box-sizing: border-box; width: 550px; background-image: url(https://finlievision.de/finch/sg-templates/g67zdrpgdhi4t.png); margin: 0 auto; } /*

*/ .patternfarbe { box-sizing: border-box; width: 550px; margin: 0 auto; text-align: center; padding: 50px; background: #9bb3ba91; } /*

*/ .diambox { box-sizing: border-box; width: 450px; border: #ffffff solid 1px; margin: 0 auto; padding-top: 5px; padding-bottom: 5px; } /*

*/ .diamboxin { box-sizing: border-box; width: calc(100% - 10px); background: #ffffff; margin: 0 auto; padding: 20px; text-align: justify; color: #232323; font-size: 10px; font-weight: bold; line-height: 20px; font-family: 'Satoshi', sans-serif; } .diamboxin b { font-size: 9px; letter-spacing: 2px; color: #1b5d6a; text-transform: uppercase; font-family: 'Playfair Display', serif; } .diamboxin i { padding-bottom: 3px; border-bottom: #1b5d6a solid 1px; font-family: 'Playfair Display', serif; font-size: 9px; font-weight: normal; letter-spacing: 2px; } /*

*/ .diamdivider { box-sizing: border-box; width: 550px; height: 25px; background: #ffffff; margin: 0 auto; } /*

*/ .diamfam { box-sizing: border-box; margin: 0 auto; width: 550px; padding-left: 50px; padding-right: 50px; padding-bottom: 50px; padding-top: 30px; background: #9bb3ba; color: #48304f; font-size: 11px; font-weight: bold; line-height: 20px; font-family: 'Satoshi', sans-serif; text-align: justify; } .diamfam b { font-size: 12px; letter-spacing: 2px; color: #163237; text-transform: uppercase; font-family: 'Playfair Display', serif; } .diamfam i { padding-bottom: 3px; border-bottom: #1e515b solid 1px; font-family: 'Playfair Display', serif; font-size: 10px; font-weight: normal; letter-spacing: 2px; }  /*

*/ .diamimg img { /* clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); */
} 

.diamimg { /* clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); */
	width: 75px; height: 75px; margin-top: -50px; margin: 0 auto; } /*

*/ .diamh { box-sizing: border-box; width: 550px; height: 250px; background: url(https://s1.directupload.eu/images/260318/f9s6ajsp.png); margin: 0 auto; padding: 15px;} .diamh .hover { box-sizing: border-box; width: 520px; height: 220px; background: #ffffff; padding: 20px; text-align: justify; color: #232323; font-size: 9px; font-weight: bold; line-height: 20px; font-family: 'Satoshi', sans-serif; opacity: 0; transition: 1.5s; margin: 0 auto; text-transform: uppercase; overflow: auto; } .diamh .hover b { font-size: 9px; letter-spacing: 2px; color: #1b5d6a; text-transform: uppercase; font-family: 'Playfair Display', serif; } .diamh .hover i { padding-bottom: 3px; border-bottom: #1b5d6a solid 1px; font-family: 'Playfair Display', serif; font-size: 9px; font-weight: normal; letter-spacing: 2px; } .diamh:hover .hover { opacity: 0.9; transition: 1.5s; } /*

*/ .diamfacts { box-sizing: border-box; width: 550px; padding: 20px; text-align: center; background: #ffffff; font-size: 7px; } .diamfacts fact { background: #9baeb2; color: #ffffff; padding: 4px; font-size: 8px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; font-family: 'Satoshi', sans-serif; } .diamfacts fact2 { padding: 4px; color: #232323; font-size: 7px; font-weight: bold; letter-spacing: 1px; text-transform: lowercase; font-family: 'Playfair Display', serif; font-style: italic; } /*