/*
KAUFEIHREIMMO.DE
CUSTOM CSS FILE
*/
/* anek-telugu-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Anek Telugu';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/anek-telugu-v8-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* anek-telugu-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Anek Telugu';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/anek-telugu-v8-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  @font-face {
    font-family: 'graffiti';
    src: url('../fonts/adrip1-webfont.woff2') format('woff2'),
         url('../fonts/adrip1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap; 

}
body, html, * {
    font-family: 'Anek Telugu';
}
.logo-container {
    padding-top:8rem;
}

.logo {
    z-index:3;
}

.logo-skyline {
    z-index:1;
    margin-bottom:-10px;
}

.logo-skyline-blend {
    z-index:6;
    top:0;
}

.renovated {
    bottom:0;
    position:absolute;
    left:0;
    z-index: 2;
    height:100%;
    background:url("../gfx/houses_clean.png") bottom left no-repeat #fff;
    background-size:auto 100%;
    width:0%;
    -webkit-transition: all 3337ms ease;
    -moz-transition: all 3337ms ease;
    -ms-transition: all 3337ms ease;
    -o-transition: all 3337ms ease;
    transition: all 3337ms ease;
}
.logo-skyline-blend .renovated {
    background:transparent;
}
.renovated.ende {
    width:110%;
}
@media (min-width:768px) {
    .renovated.ende {
        width:105%;
    }
}
.angel {
    right:0;
    height:130%;
    z-index: 5;
    width:39px;
}

.blend-houses {
    opacity: 0;
}
h1 {
    font-weight:600;
}
h1 span {
    color:#fd00b1;
    position:relative;
    text-transform: lowercase;
    font-weight:normal;
    font-size:150%;
    font-family: 'graffiti';
    transform:rotate(-13.37deg);
}

.btn.btn-primary {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9ff00+0,f1da36+100 */
background: linear-gradient(to bottom,  #e9ff00 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color:#fff;
font-size:1.5rem;
text-transform:uppercase;
font-weight:600;
text-shadow:1px 1px 0px rgba(0,0,0,1), 0px 0px 10px rgba(0,0,0,0.2);
border:2px solid #000;
line-height:100%;
padding-bottom:0;
border-radius: 10px;
-webkit-transition: all 3337ms ease;
-moz-transition: all 3337ms ease;
-ms-transition: all 3337ms ease;
-o-transition: all 3337ms ease;
transition: all 3337ms ease;
}
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff00dc+0,af28a6+100 */
background: linear-gradient(to bottom,  #ff00dc 0%,#af28a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.btn.btn-primary span {
    color:#fd00b1;
    position:relative;
    text-transform: uppercase;
    font-weight:normal;
    font-size:150%;
    font-family: 'graffiti';
    -webkit-transition: all 337ms ease;
    -moz-transition: all 337ms ease;
    -ms-transition: all 337ms ease;
    -o-transition: all 337ms ease;
    transition: all 337ms ease;
}

.btn.btn-primary:active span,
.btn.btn-primary:focus span ,
.btn.btn-primary:hover span {
    color:#e9ff00;
}

.farbnasen {
    position:absolute;
    bottom:-15%;
    z-index: 0;
    left:0;
}

footer {
    padding-bottom:4rem;
}