body {

    background-color: #f5e9d1;
    text-align: left;
     font-family: inherit !important;
      font-size: 20px !important;
      background:linear-gradient(#f5e9d1,#e8dcc5);
}

h1 {

color: #7b4d14;

}
text {

color: #9f6d2f;

}
h2 {

color: #7b4d14;

}

p {

box-sizing: border-box;

}

p.Roevid {

max-width:700px;
margin:25px auto;

line-height:1.7;

font-size:18px;

color:#6a4a1f;

text-align:left;

padding:0 20px;

}


.nav-tabs .nav-link,
.nav-tabs .nav-link.active,
.dropdown-menu .dropdown-item {

    color: inherit !important;

}


article{
max-width:1200px;
margin:auto;
margin-top:30px;
margin-bottom:30px;

display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
}

.kartya{
background:#efe4cf;
border-radius:10px;
overflow:hidden;
text-align:center;
padding-bottom:25px;

box-shadow:0 8px 20px rgba(0,0,0,0.15);
transition:all 0.3s ease;
}

.kartya:hover{
transform:translateY(-8px);
box-shadow:0 15px 30px rgba(0,0,0,0.2);
}

.kartya img{
width:100%;
height:250px;
object-fit:cover;
transition:0.3s;
}

.kartya:hover img{
transform:scale(1.05);
}


.kartya .gomb{
background:#9f6d2f;
color:#f5e9d1;
padding:12px 22px;
display:inline-block;
text-decoration:none;
border-radius:30px;
margin-top:15px;
font-weight:500;

transition:all 0.25s;
}

.kartya .gomb:hover{
background:#7b4d14;
transform:scale(1.05);
}

.kartya h2{
margin-top:15px;
font-size:22px;
color:#7b4d14;
}

.kep {

width: 500px;


}




h2 {

font-size: x-large;

}

header {
    width: 100%;
    margin: 0;
    padding: 0;

    font-family: Fleur De Leah;
    font-size: 60px;
    text-align: center;
}

/* ===== FOOTER ===== */

.site-footer{

background:#efe4cf;

margin-top:60px;
padding:40px 20px;

text-align:center;

border-top:3px solid #9f6d2f;

}

.footer-container{

max-width:900px;
margin:auto;

}

.site-footer h3{

color:#7b4d14;
margin-bottom:10px;

}

.site-footer p{

color:#6a4a1f;

}

.footer-social{

margin:20px 0;

display:flex;
justify-content:center;
gap:20px;

}

.footer-social img{

width:35px;
height:35px;

transition:0.3s;

}

.footer-social img:hover{

transform:scale(1.2);

}

.footer-contact{

margin-top:15px;

line-height:1.6;

}

.footer-copy{

margin-top:25px;
font-size:14px;
color:#8a6a3d;

}

.behandlung-bild{
display:block;
margin:auto;

max-width:400px;
width:90%;
height:auto;

border-radius:20px;

box-shadow:0 10px 25px rgba(0,0,0,0.2);

margin-top:40px;
margin-bottom:40px;
}

/* ===== FLOATING BUCHUNG BUTTON ===== */

.floating-booking{
  position:fixed;
  bottom:20px;
  right:20px;

  background:#9f6d2f;
  color:#ffffff;

  padding:16px 22px;

  border-radius:40px;

  font-weight:600;
  font-size:16px;

  text-decoration:none;

  box-shadow:0 8px 20px rgba(0,0,0,0.25);

  z-index:9999;

  transition:all 0.3s ease;
}

.floating-booking:hover{
  background:#7b4d14;
  transform:scale(1.05);
}

@media (min-width:900px){
  .floating-booking{
    display:none;
  }
}