/*!
Theme Name: Zetreduktor
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
#masthead {z-index: 1000!important;}
.homh {color: #fff; font-size: 6.5rem!important; line-height: 1!important; margin: 2rem 0;}
.subh {color: #ffffff; font-size: 2.5rem!important;font-family:Play, sans-serif;    margin: 0 0 0.5rem 0!important;}
.footer-html {color: #fff;}
.site-header-row {color: #fff;}
.homlockgrey {padding: 4rem 0;background: #f0f4f7 url(/wp-content/themes/kadence-child/img/zet.png) left center no-repeat;}
.homlock {padding: 4rem 0;}
.homlock h2, .homlockgrey h2, .homclean h2 {font-size: 40px;line-height: 1.2;}
.homlock h3, .homlockgrey h3, .homclean h3 {margin: 0.5rem 0!important;line-height: 1.2;}
.homlock p, .homlockgrey p, .homclean p {margin: 0!important;}
.bord {border: 2px solid #fff;padding: 1rem;}
.bord2 {border: 2px solid #f0f4f7;padding: 1rem;}



.service
{}

.flip-box {
background-color: transparent;
    width: 100%;
    height: 400px;
    border-radius: 10px;
    perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  
  display: flex;
  justify-content: center;
  align-items: center;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.flip-box-front {
  color: black;
}

.flip-box-front img
{
  height: auto;
  width: 250px;
}

.flip-box-back {
  color: #000;
  transform: rotateY(180deg);
  border-radius: 10px;
  padding: 16px;
}