/* ==================================================
   KONTAKTNÍ KARTY - FLIP
================================================== */


/* GRID */

.news-grid-111111 {
  display: grid;
  align-items: stretch;
}


.k.column1,
.k-column2,
.k-column3,
.k-column4,
.k-column5,
.k-column6 {
  display: flex;
}



/* ==================================================
   CARD
================================================== */


.k-card {

  width:100%;

  display:flex;

  border-radius:5rem;

  background:transparent;

  perspective:1200px;

}



.k-card-inner {

  position:relative;

  width:100%;

  display:flex;

  transform-style:preserve-3d;

  transition:transform .7s ease;

}



.k-card.flip .k-card-inner {

  transform:rotateY(180deg);

}



/* ==================================================
   PŘEDNÍ + ZADNÍ STRANA
================================================== */


.k-card-front,
.k-card-back {

  width:100%;

  background:#fff;

  border-radius:5rem;

  display:flex;

  flex-direction:column;

  backface-visibility:hidden;

}



/* přední */

.k-card-front {

  position:relative;

}



/* zadní */

.k-card-back {

  position:absolute;

  top:0;

  left:0;

  right:0;

  bottom:0;

  transform:rotateY(180deg);

}



/* ==================================================
   OBRÁZEK
================================================== */


.k-img {

  aspect-ratio:1 / 1;

  width:75%;

  margin:3rem auto 0;

  display:flex;

  justify-content:center;

  align-items:center;

  overflow:visible;

}



.k-img img {

  width:80%;

  height:80%;

  object-fit:cover;

  display:block;

  border-radius:50%;

  border:solid 1.25rem #2cb9bb;

  outline:solid .5rem #d5f1f1;

  outline-offset:.5rem;

}



/* menší obrázek */

.k-img-s {

  aspect-ratio:1 / 1;

  width:60%;

  margin:.5rem auto 0;

  display:flex;

  justify-content:center;

  align-items:center;

  overflow:visible;

}



.k-img-s img {

  max-width:100%;

  max-height:100%;

  object-fit:contain;

  display:block;

}



/* ==================================================
   CONTENT
================================================== */


.k-content {

  padding:16px;

  display:flex;

  flex-direction:column;

  text-align:center;

}



.k-content h3 {

  margin:0 0 1rem;

}


.k-content h4 {

  margin:1.5rem auto 0;

}



/* ==================================================
   PŘEDNÍ STRANA
================================================== */


.k-card-front .k-content {

  flex:1;

}



/* tlačítko dole */

.k-card-front .k-btn {

  margin-top:auto;

}



/* ==================================================
   ZADNÍ STRANA
================================================== */


.k-card-back .k-content {

  height:100%;

  justify-content:flex-start;

  align-items:center;

}



/* tlačítko zpět vždy dole */

.k-card-back .k-back-btn {

  margin-top:auto;

}



/* ==================================================
   BUTTONS
================================================== */


.k-btn {

  padding:10px;

  margin:1rem 1.5rem 1.5rem;

  border-radius:3rem;

  border:1px solid #d5f1f1;

  background-color:#d5f1f1;

  text-decoration:none;

  color:inherit;

  cursor:pointer;

}



.k-back-btn {

  padding:10px;

  margin-left:1.5rem;

  margin-right:1.5rem;

  margin-bottom:1.5rem;

  border-radius:3rem;

  border:1px solid #d5f1f1;

  background-color:#d5f1f1;

  text-decoration:none;

  color:inherit;

}



/* ==================================================
   MOBIL
================================================== */


@media(max-width:768px){

  .k-card-front,
  .k-card-back {

    border-radius:3rem;

  }

}