/* individual style sheet fpr sabine herzog immobilien */
body{font-family: "helvetica neue",helvetica,arial;}
header{position: relative;}
footer{background: black;color:white; height: 100px; font-weight: 300; border-top: 4px solid #D9B2B2; text-transform: lowercase; padding-top: 15px;}
footer img{vertical-align: top;}
address{display: inline-block;}

.logo{position: absolute;left: 3%;top: 3%;}
.logotype{display: inline;height: 50px;}
.quote{position: absolute;top: 50%;left: 50%; height: 50%; width: 50%; margin: -7% 0 0 -25%;}
.quote p{color: white; text-align: center;  margin: 0 auto; font-size: 1.5rem;text-transform: lowercase;}
.quote-text{font-weight: 300;}
.unterschrift{height: 75px;margin: 0 auto;display: block;}
.highlight{border-bottom: 4px solid #D9B2B2;}
.legal{font-size: 0.75rem;}
.legal a{color: white;cursor: hand;}
.legal a:hover{text-decoration: underline;cursor: hand;}
.good{padding-left: 0px;}


/* typo */
h1 {font-weight: 200;font-size: 2.75rem; line-height: 1.5}
h2 {font-weight: 200;font-size: 2.25rem; line-height: 1.5}
h3{font-weight: 600; font-size: 1.25rem;}
h4{font-weight: 600; font-size: 1rem;}
.lead{font-size: 1.125rem;}
p{font-weight: 300;}
a{color: #D9B2B2;}
a:hover{color: #b58484;text-decoration: underline;}

/* list */

ul.list-type-01{list-style: none;padding-left: 0px;margin-top: 50px;}
.list-type-01 img{display: inline-block;}
ul.list-type-01 li > p {display: inline-block;font-weight: 300; padding-bottom: 5px;}

/* mediaqueries */

@media (max-width: 320px){
body{width: 320px;overflow: hidden;}	
}

@media (max-width: 575.98px) { 
h1 {font-size: 2rem;}	
.lead{font-size: 1.125rem;}	
.logo img{height: 100px;}
.quote{position: relative;left: 25%;height: 100%;width: 100%;padding-top: 5rem;}
.quote p{font-size:1rem;color:#212529;padding-left: 2rem;padding-right: 2rem;}
.unterschrift{display: none;}
.m-5{margin: 0px !important;}
#header{margin-bottom: 0px !important;}
#intro-image{padding-top: 0px !important;}
.clients{padding-bottom: 2rem;}
.values-img{padding: 0px; margin-bottom: 2rem;}
.logotype{height: 25px; margin-left: 0px !important;}
footer > .pl-5{padding-left: 0px !important;}
address {margin-bottom: 0px; margin-top: 0.5rem; display: block;}
address p{font-size: 0.75rem; margin-bottom: 0rem;}
}


@media (max-width: 767.98px) {
.logo img{height: 100px;}
.quote{width: 90%;left: 30%; top: 60% !important;}
.quote p{font-size:0.875rem;padding-left: 2rem;padding-right: 2rem;}
h1 {font-size: 2rem;}
.m-5{margin: 0px !important;}
.container{max-width: 95%;}
.values-img{padding: 0px; margin-bottom: 2rem;}
.values-text{padding-left: 4rem !important;}
.unterschrift{height: 50px; margin-top: 15px !important}
.clients{padding-bottom: 2rem;}
}	


@media (min-width: 767.99px) and (max-width: 991.98px) { 
.container{max-width: 95%;}
h1 {font-size: 2rem;}	
.lead{font-size: 1.125rem;}
.quote p{font-size:1rem;}
.unterschrift{height: 50px; margin-top: 15px !important}
}