@import '../css/shared.css';

body::before {
  background-size: cover;
  background-attachment: fixed;
  content: '';
  will-change: transform;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: fixed;
}

@media (max-width: 512px) and (-webkit-min-device-pixel-ratio: 1.5),
(max-width: 512px) and (min-resolution: 1.5dppx),
(max-width: 1024px) and (-webkit-max-device-pixel-ratio: 1.5),
(max-width: 1024px) and (max-resolution: 1.5dppx) {
  body::before {
    background-image: url('images/bg_1024.jpg');
  }
}

@media (min-width: 513px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5),
(min-width: 513px) and (max-width: 1024px) and (min-resolution: 1.5dppx),
(min-width: 1025px) and (max-width: 2048px) and (-webkit-max-device-pixel-ratio: 1.5),
(min-width: 1025px) and (max-width: 2048px) and (max-resolution: 1.5dppx) {
  body::before {
    background-image: url('images/bg_2048.jpg');
  }
}

@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5),
(min-width: 1025px) and (min-resolution: 1.5dppx),
(min-width: 2049px) and (-webkit-max-device-pixel-ratio: 1.5),
(min-width: 2049px) and (max-resolution: 1.5dppx) {
  body::before {
    background-image: url('images/bg_2880.jpg');
  }
}

.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.background-1 {
  background-image: url("images/background_option_2/norbert_bollmann_Verlauf_JPG000.jpg");
}

.background-2 {
  background-image: url("images/background_option_2/norbert_bollmann_Verlauf_JPG120.jpg");
}

.background-3 {
  background-image: url("images/background_option_2/norbert_bollmann_Verlauf_JPG240.jpg");
}

.background-4 {
  background-image: url("images/background_option_2/norbert_bollmann_Verlauf_JPG360.jpg");
}

body .wireframes {
  font-family: 'Roboto', 'Helvetica', sans-serif;
}

.mdl-layout__header {
  background-color: #fff;
  color: #9e9e9e;
}

.mdl-layout__drawer-button {
  color: #9e9e9e;
}

.wireframes.mdl-layout .mdl-layout__content {
  padding-top: 230px;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.wireframes .norbert_bollmann-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  min-height: 360px;
  border-radius: 0px;

}
.norbert_bollmann-card__partner {
  background-image: url("images/partner.jpg") !important;
}
.norbert_bollmann-card__partner2 {
  background-image: url("images/partner2.jpg") !important;
}
.norbert_bollmann-card__referenzen {
  background-image: url("images/referenzen.jpg") !important;
}
.norbert_bollmann-card__kieler_str {
  background-image: url("images/kieler_str.jpg") !important;
}
.norbert_bollmann-card__kurfuerstendamm {
  background-image: url("images/kurfuerstendamm.jpg") !important;
}
.norbert_bollmann-card__lahnstr {
  background-image: url("images/lahnstr.jpg") !important;
}
.norbert_bollmann-card__stuttgarter_str {
  background-image: url("images/stuttgarter_str.jpg") !important;
}
.norbert_bollmann-card__baugrundstuecke {
  background-image: url("images/lidl.jpg") !important;
}
.norbert_bollmann-card__bestandsobjekte {
  background-image: url("images/korsoerstr.jpg") !important;
}
.norbert_bollmann-card__news {
  background-image: url("images/149360337_B.jpg") !important;
}
.norbert_bollmann-card__norbert_bollmann {
  background-image: url("images/Norbert_Bollmann.jpg") !important;
}

.norbert_bollmann-card__fokus {
  background-image: url("images/488267673_B.jpg") !important;
}

.wireframes .content-box .norbert_bollmann-card__media {
  background-image: url('images/example_img.jpg');
}

.wireframes .shopping .norbert_bollmann-card__media {
  background-image: url('images/shopping.jpg');
}

.wireframes .norbert_bollmann-card h3.quote {
  text-align: center;
  width: 100%;
}

.wireframes .amazing .norbert_bollmann-card__title {
  background-color: #263238;
}

.wireframes .mdl-mini-footer {
  margin-top: 80px;
  min-height: 120px;
  padding: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: white;
  box-sizing: border-box;
}

.person-1 {
  background: url('images/530073509.jpg') center / cover !important;
}

.person-2 {
  background: url('images/482181163.jpg') center / cover !important;
}

.person-3 {
  background: url('images/555799109.jpg') center / cover !important;
}

.norbert_bollmann-card__media {
  background-color: #333;
}

.mdl-navigation__link {
  text-transform: uppercase;
}

h3 {
  text-transform: uppercase;
  font-weight: 500 !important;
}

h5 {
  text-transform: uppercase;
  font-weight: 900;
}

.norbert_bollmann-card__supporting-text,
.mdl-button.mdl-button--colored {
  color: rgba(0, 0, 0, .87)
}

.norbert_bollmann-card__social {
  float: right;
  height: 24px;
  margin-top: 5px;
}

.norbert_bollmann-card__social .mdl-mini-footer--social-btn {
  margin: 0;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.norbert_bollmann-card__supporting-text h4 {
  font-size: 12px;
}
.quote {
  font-size: 10px
}
}