@charset "utf-8";
html{color: #fff; overflow-x: hidden;  font-weight: 400;}
body{font-family: 'Bai Jamjuree'; font-weight: 400; font-size: 16px; scroll-behavior: smooth; overflow-x: hidden; padding-top: 60px; hyphens: auto;}
.icons{display: none;}

/*Typografie*/
@font-face {
    font-display: swap; font-family: 'Bai Jamjuree'; font-style: normal; font-weight: 400;
    src: url('../fonts/bai-jamjuree-v11-latin-regular.woff2') format('woff2'),
         url('../fonts/bai-jamjuree-v11-latin-regular.ttf') format('truetype');}

  @font-face {
    font-display: swap; font-family: 'Bai Jamjuree'; font-style: normal; font-weight: 600;
    src: url('../fonts/bai-jamjuree-v11-latin-600.woff2') format('woff2'),
         url('../fonts/bai-jamjuree-v11-latin-600.ttf') format('truetype');}

h1, h2, h3, h4, h5, h6{font-family: 'Bai Jamjuree';}
p, a, li{font-family: 'Bai Jamjuree';}
a{text-decoration: none;}

/* Layout*/
.bg-gray{background: #e8e6e6; font-family: 'Bai Jamjuree';}

/* Navbar */
nav{background: #fff;}

/* Header */
header{
    padding: 80px 50px;
    border-bottom: 5px #116dff solid;}

header h1{
  font-size: 1.4rem;}

.home header{
    width: 100%;
    min-height: 80vh;
    padding-bottom: 1vh;
    background: url(../images/rm-immobilien-hero.jpg) no-repeat;
    background-size: cover;}

.leistungen header{
    width: 100%;
    height: 400px;
    background: url(../images/leistungen-hero-1920.jpg) no-repeat;
    background-size: cover;}

.kontakt header{
    width: 100%;
    height: 400px;
    background: url(../images/kontakt-hero-1920.jpg) no-repeat;
    background-size: cover;}

.leistungsumfang header{
    width: 100%;
    height: 400px;
    background: url(../images/leistungsumfang-hero-1920.jpg) no-repeat;
    background-size: cover;}

.kurzgutachten header{
    width: 100%;
    height: 400px;
    background: url(../images/kurzgutachten-hero-1920.jpg) no-repeat;
    background-size: cover;}

.verkehrswertgutachten header{
    width: 100%;
    height: 400px;
    background: url(../images/verkehrswert-hero-1920.jpg) no-repeat;
    background-size: cover;}

.impressum header{
    width: 100%;
    height: 400px;
    background: url(../images/rm-immobilien-hero.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;}

.datenschutz header{
    width: 100%;
    height: 400px;
    background: url(../images/rm-immobilien-hero.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;}

#hero .card, .card-body{max-width: 550px;}

header h1{
    font-weight: 600;
    font-size: 2.4rem;}

#claim{
    vertical-align:middle;
    color: #cccccc;
    font-size: 2rem;}
#claim span{
    margin-top: 50%;
    margin-bottom: 50%;}

/* Sec1 */
#sec1{margin-top: 150px;}
#sec1 .lead{font-size: 1.7rem;}
#sec1 p{font-size: 1.3rem;}

/* Leistungen */
#leistungen ul li{margin-top: 15px;}
#leistungen img{margin-top: 15px; margin-bottom: 15px;}

/* footer */
#site-footer{
    background: #3b424c;
    border-top: 2px #116dff solid;
    color: #fff;}

#site-footer a{color: #ccc; text-decoration: none;}
#site-footer a:hover{color: #fff; text-decoration: none;}
#site-footer .copyline{border-top: 1px #116dff solid;}
#site-footer .copyline{font-size: 0.75rem;}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

header{
    padding: 100px 50px;
    border-bottom: 5px #116dff solid;}
#site-footer{
    background: #3b424c;
    border-top: 2px #116dff solid;
    color: #fff;}

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

header{
    padding: 80px 50px;
    border-bottom: 5px #116dff solid;}
header h1{
  font-size: 1.4rem;}
#site-footer{
    background: #3b424c;
    border-top: 2px #116dff solid;
    color: #fff;}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

header{
    padding: 80px 50px;
    border-bottom: 5px #116dff solid;}
header h1{
  font-size: 1,8rem;}
#site-footer{
    background: #3b424c;
    border-top: 2px #116dff solid;
    color: #fff;}
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

header{
    padding: 80px 50px;
    border-bottom: 5px #116dff solid;}
header h1{
  font-size: 2.4rem;}
#site-footer{
    background: #3b424c;
    border-top: 2px #116dff solid;
    color: #fff;}
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

header{
    padding: 80px 50px;
    border-bottom: 5px #116dff solid;}
header h1{
  font-size: 2.4rem;}
#site-footer{
    background: #3b424c;
    border-top: 2px #116dff solid;
    color: #fff;}
}