/** 
 * style.scss
 * 
 * @author jjarolim, office@jarolim.com
 */
html, body {
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300; }

strong {
  font-weight: 500; }

@media (min-width: 768px) {
  body {
    background-image: url("../images/dr-therese-berlin.jpg");
    background-attachment: fixed;
    background-position-y: center;
    background-size: cover;
    background-repeat: no-repeat; } }

header {
  position: relative; }
  header h1.logo {
    position: absolute;
    right: 8vw;
    top: 2vw;
    width: 20vw;
    height: 20vw; }
    header h1.logo a {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
      text-indent: -3000px;
      background-image: url("../images/logo-meran-immobilien.png");
      background-repeat: no-repeat;
      background-size: contain; }
    @media (min-width: 768px) {
      header h1.logo {
        right: 8vw;
        width: 10vw;
        height: 10vw; } }

.btn {
  background: #ebebeb;
  background-image: -webkit-linear-gradient(top, #ebebeb, #d4d4d4);
  background-image: -moz-linear-gradient(top, #ebebeb, #d4d4d4);
  background-image: -ms-linear-gradient(top, #ebebeb, #d4d4d4);
  background-image: -o-linear-gradient(top, #ebebeb, #d4d4d4);
  background-image: linear-gradient(to bottom, #ebebeb, #d4d4d4);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: Arial;
  color: #6b6b6b;
  font-size: 1em;
  padding: 10px 30px 10px 30px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.5s; }
  .btn:first-child {
    margin-bottom: 15px; }

.btn:hover {
  background: #e3191c;
  background-image: -webkit-linear-gradient(top, #e3191c, #cd171a);
  background-image: -moz-linear-gradient(top, #e3191c, #cd171a);
  background-image: -ms-linear-gradient(top, #e3191c, #cd171a);
  background-image: -o-linear-gradient(top, #e3191c, #cd171a);
  background-image: linear-gradient(to bottom, #e3191c, #cd171a);
  text-decoration: none !important;
  color: white !important;
  transition: background 1s; }

.contact {
  margin: 30px 0; }

.content {
  padding-top: 30px; }
  @media (min-width: 768px) {
    .content {
      padding-top: 150px;
      padding-bottom: 200px; } }
  @media (min-width: 992px) {
    .content {
      padding-top: 200px; } }
  @media (min-width: 1200px) {
    .content {
      padding-top: 250px; } }
  .content quote {
    display: block;
    font-size: 2em;
    margin-bottom: 0.5em; }
  .content p {
    padding-left: 0.8em; }
  .content a {
    color: #333;
    text-decoration: underline; }
    .content a:hover {
      color: #cd1719; }

footer {
  background: rgba(255, 255, 255, 0.95);
  border-top: 10px solid #d2232b;
  margin-top: 30px;
  padding: 30px 0 80px 0; }
  @media (min-width: 768px) {
    footer {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      margin-top: 0; } }
  footer .col-about {
    text-transform: uppercase;
    margin-bottom: 15px; }
    @media (min-width: 768px) {
      footer .col-about {
        margin-bottom: 0; } }
  footer a {
    color: #333; }
    footer a:hover {
      color: #000;
      text-decoration: underline; }

/*# sourceMappingURL=style.css.map */