/**
 *  Sablatnig Immobilien
 * 
 *	primary:  rgb(204,166,140) #CCA68C; 
 *  secondary:  rgb(215,199,187) #D7C7BB;
 * 
 */
:root {
	--primary:  rgb(204,166,140);
    --secondary:  rgb(215,199,187);
    --not-valid:  #a85050;
}
::selection {
    background-color: var(--secondary);
    color:  #111;
}
.bg-primary ::selection {
    background-color: #eeedec;
    color:  #000;   
}

body {
    font-family: 'greycliff-m', sans-serif;
    font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'siena', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 29px;
}
h3 {
    font-size: 27px;
}
h4 {
    font-size: 25px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}


p {
    line-height: 1.5;
}

a {
    color:  #000;
    text-decoration: underline;
}
a:hover,
a:active {
    color:  #000;
    opacity: .8;
}

/* Colors */
.bg-primary {
    background-color:  var(--primary);
}
.bg-secondary {
    background-color:  var(--secondary);
}
.c-reverse {
    color: var(--primary);
}
body.bg-primary .c-reverse {
    color: #FFF;
}





.vc_section {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;    
}


@media (min-width: 576px) { /* min-576 */ 

    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 29px;
    }
    h3 {
        font-size: 27px;
    }
    h4 {
        font-size: 25px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 18px;
    }

}
@media (min-width: 768px) { /* min-768 */ 

    h1 {
        font-size: 34px;
    }
    h2 {
        font-size: 29px;
    }
    h3 {
        font-size: 27px;
    }
    h4 {
        font-size: 25px;
    }
    h5 {
        font-size: 21px;
    }
    h6 {
        font-size: 19px;
    }
}
@media (min-width: 992px) { /* min-992 */ 

    h1 {
        font-size: 37px;
    }
    h2 {
        font-size: 29px;
    }
    h3 {
        font-size: 27px;
    }
    h4 {
        font-size: 25px;
    }
    h5 {
        font-size: 22px;
    }
    h6 {
        font-size: 21px;
    }
}
@media (min-width: 1200px) { /* min-1200 */ 

    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 29px;
    }
    h3 {
        font-size: 27px;
    }
    h4 {
        font-size: 25px;
    }
}
@media (min-width: 1400px) { /* min-1400 */ 


    h1 {
        font-size: 44px;
    }
    h2 {
        font-size: 29px;
    }
    h3 {
        font-size: 27px;
    }
    h4 {
        font-size: 25px;
    }

}