/* GLOBAL STYLES */
@font-face {
  font-family: Marcha;
  src: url(../assets/fonts/Marcha.ttf) format('truetype'),
       url(../assets/fonts/Marcha.woff) format('woff');
}

.text-marcha {
  font-family: Marcha, serif;
  font-size: 1rem;
  font-weight: 550;
}

@media (min-width: 385px) {
  .text-marcha {
    font-size: 1.25rem;
  }
}

@media (min-width: 1080px) {
  .text-marcha {
    font-size: 2rem;
  }
}

.prana-text-color::first-letter {
  color: #77164c!important;
}

.prana-logo {
  width: 200px;
  height: 100%;
}

@media (min-width: 768px) {
  .prana-logo {
    width: 450px;
    height: 100%;
  }
}

i {
  color: #77164c!important;
}

.text-purple {
  color: #77164c!important;
}

.text-green {
  color: #168c44!important;
}

/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
}


/* CUSTOMIZE HEAD
-------------------------------------------------- */

.bg-image{
  position:relative;
  overflow:hidden;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:50%}

.mask{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  overflow:hidden;
  background-attachment:fixed
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}

/* Angebote
----------------------- */

.somesection {margin-top:50px!important;}
img{max-width:100%;}

.overlay-text {
  font-size:3.5vw;
  float:right;
  width:65%; /*important*/
  bottom:21vw; /*important*/
  padding: 25px;
  background:#f7f7f7;
}