/* Fewofriedrichshafen.de - Rene Bless
============================================================================================ */

/* Schriftarten installieren */

@font-face {
    font-family: 'Lucida Bright Demibold';
    src: url('../fonts/lucida-bright-demibold.eot');
    src: url('../fonts/lucida-bright-demibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lucida-bright-demibold.woff2') format('woff2'),
         url('../fonts/lucida-bright-demibold.woff') format('woff'),
         url('../fonts/lucida-bright-demibold.ttf')  format('truetype'),
         url('../fonts/lucida-bright-demibold.svg#Lucida Bright') format('svg');
}
/*Roboto-Light */
  @font-face {
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Light'), url('../fonts/Roboto-Light.woff') format('woff');
    }
    @font-face {
    font-family: 'Roboto Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Medium'), url('../fonts/Roboto-Medium.woff') format('woff');
    }
/*Webseite- Grundeinstellungen*/

/*Schriftarten formatieren*/

h1, h2, h3, h4, h5, h6,.h1,.h2,.h3,.h4,.h5,.h6,.logofont{font-family: 'Lucida Bright Demibold', sans-serif; font-weight: 600}
a, p, li, ul{font-family: 'Roboto Light', sans-serif; font-size: 1em; }


section{padding: 80px 0;}
section.erleben{padding-bottom: 0px}

/*Farben*/
.orange{color: rgb(254, 162, 82)}
.orange-hell{color: rgb(255, 119, 0)}
.bg-orange{background-color: rgb(254, 162, 82)}
.lila{color: rgb(84, 74, 124)}
.bg-lila{background-color: rgb(84, 74, 124)}

/*Navigation Background*/

.bg-navi {
    background: #c1b2d1;
    background: -webkit-linear-gradient(to top, rgb(193, 178, 209) 0%, rgb(84, 74, 124) 100%);
    background: linear-gradient(to top, rgb(193, 178, 209) 0%, rgb(84, 74, 124) 100%);
}
footer, footer a, a,  p, .btn{transition: 0.5s;}
footer a{text-decoration: none; color: #fff;}
.copy a:hover{color:rgb(255, 148, 54)}
.cupture{max-width: 120px;}
.btn-lila { color:rgb(255, 255,255); background-color: rgb(84, 74, 124); border: 1px solid rgba(255, 255, 255, 0.6) }
.btn-lila:hover { color:rgb(254, 162, 82); background-color: rgb(84, 74, 124); border: 1px solid rgba(255, 255, 255, 0.6) }
.btn-orange {color:rgb(255,255,255);background-color: rgb(254, 162, 82);border: 1px solid rgba(255, 255, 255, 0.6) }
.btn-orange:hover{color: rgb(84, 74, 124); background-color:rgb(254, 162, 82);border: 1px solidrgba(255, 255, 255, 0.6)  }


/*Seiten Background Linear Gradient*/

.bg-site {
    background: rgb(202, 197, 220);
    background: -webkit-linear-gradient(top, rgb(200, 196, 221) 0%,  rgb(250, 196, 170) 100%);
    background: linear-gradient(top, rgb(200, 196, 221) 0%,   rgb(250, 196, 170) 100%);
}

/* Trenner - Line */

hr{margin: 40px 0}
hr.koffer{border:1px solid rgba(0, 0, 0, 0.1); margin-top: -12px; display:block}

/* lightbox Galerie */
#galerie img{border:1px solid #ffffff; border-radius: 4px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

/* cta Buchen Über Uns */
#cta a{text-decoration: none; color: black;}
#cta a:hover{letter-spacing: 0.1em; background-color: rgb(84, 74, 124); color: rgb(255, 255, 255);}

/* Fewoline*/
 .buframe {
  position: relative; 
  display: table-cell;
  padding-bottom: 60%;  /* Seitenverhältnis */
  overflow: hidden; 
  width: 42em;
  margin: 0px;
  padding: 0px;
  height: 40em;
  float:left;
}
 
@media only screen and (max-width: 41em) {
.buframe { 
  height: 50em;
  width: 98%;
  }
}

@media only screen and (max-width: 28em) {
  .buframe { 
    height: 65em;
    width: 98%;
  }
}
/* Fewoline Ende*/