@charset "UTF-8";
/* CSS Document */
body{
	font-size: 10px;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "sans-serif";
}

.container{
    max-width: 80vw;
    margin: 0 auto;

}

h1, h2, h3, h4, h5, p, li{
	color: rgb(255, 255, 255, 1.0);
    
}

h1 {
	font-size: 3rem;
}

h2 {
   
    font-size: 2.5rem;
}

h3 {
	
	font-size: 2rem;
}

h4 {
	
	font-size: 1.8rem;
}

h5 {
	font-size: 1.6rem;
}

p, li, a {
	font-size: 1.4rem;
}

.text-center {
	font-size: 1.4rem;
}

.small-text{
    scale: 75%;
    
}

body {
    background-color: rgba(255,175,151,1.00);
}


ul{
    list-style: none;
}
   
.navbar-nav{
    scale: .75;
}
		


.headerLogo{
    margin-right: 2rem;
   
}

@media(max-width:800px){
    .headerLogo {
        scale: 75%;
        transition: all 0.4s;
    }

}

@media(min-width:801px){
    .headerLogo {
        scale: 100%;
        transition: all 0.4s;
    }

}


.nav-link {
	text-transform: uppercase;
		
}

a {
    color: #fff;
}

a:hover{
    color: #FF7F6A;
}

.fh-header-text{
    font-size: 3rem;
    color: #E800EC;
}

.fh-section1 {
    background-color: #FF7F6A;
}

.text-center {
	color: rgba(255,255,255,1.00)
}

.fh_btn {
    background-color: #FF7F6A;
    font-size: 1.6rem;
    width: 30rem;
    scale: 80%;
}

.fh_btn:hover, focus {
    background-color: #FFAF97;
    border-color: #E800EC;
    transform: scale(1.02);
    transition: all 0.4s;
}

.image_rounded {
	border-radius: .2rem;
}

.italic{
    font-style: italic;
}

.fh-table{
    color: aliceblue;
    font-size: 1.1rem;
}

.card{
    width: inherit;
    background-color: #FF7F6A;
    margin: 1rem;
    border-radius: 1rem;
}

.card:hover {
    transform: scale(1.1);
    transition: all 0.4s;
}



.card-image-container{
    width: inherit;
}

.card-image{
    width: inherit;
}

.card-link{
    border: solid;
    background-color: rgba(255,175,151,1.00);
    border-color: #989898;
    margin: .1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 1rem;
    justify-self: baseline;
}

.card-link:hover{
   transform: scale(1.1);
    transition: all 0.4s;  
}

.cards-wrapper{
    width: 100%;
    margin: auto;
    margin-right: 2rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.side-pic{
    padding-top: 3rem;

}

.massage-banner{
    
    object-fit: cover;
    width: 100%;
   height: 1.2;
   
}

.massage-banner-img{
    object-fit: cover;
   width: 100%;
   
    margin-bottom: 2rem;
    
}

.massage-banner-img1{
    scale: 25%;
    width: 100vw;
    height: 20rem;
    margin-top: 1.5rem;
    margin-bottom: 5rem;
    
}

.massage-banner-img2{
    width: 100vw;
    height: 30rem;
    margin-bottom: 2rem;
    
}




.fh-section2{
    background-color: rgb(188, 127, 109);
    padding-top: 1rem;
    margin-top: -1rem;
   
}

.gratitude{
    margin-top: 25%;
}

.adjust-ly{
    padding-bottom: 2rem;

}

.fh-table{
    margin-bottom: 2rem;
}

.return{
    border: solid;
    background-color: rgba(255,175,151,1.00);
    border-color: #989898;
    padding-right: 1rem;
    border-radius: 1rem;
    
   
}

.return-btn-klassisch{
    margin-top: 1rem;
}

.return-btn-aroma{
    margin-top: 1rem;
}

.return-btn-foot{
    margin-top: 1rem;
}

.return-btn-lymph{
    margin-top: 1rem;
}

.cards-wrapper{
    width: 100%;
    margin: auto;
    margin-right: 2rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.map-img{
    scale: 50%
}