@charset "UTF-8";
.navbar-default {
  background-color: white;
  border-color: #B50000;
  text-transform: uppercase;
}
.navbar-default .navbar-brand {
  color: #B50000;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: black;
}
.navbar-default .navbar-text {
  color: #B50000;
}
.navbar-default .navbar-nav > li > a {
  color: #B50000;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: black;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: black;
  background-color: #B50000;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: black;
  background-color: #B50000;
}
.navbar-default .navbar-toggle {
  border-color: #B50000;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #B50000;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #B50000;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #B50000;
}
.navbar-default .navbar-link {
  color: #B50000;
}
.navbar-default .navbar-link:hover {
  color: black;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #B50000;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: black;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: black;
    background-color: #B50000;
  }
}
@font-face {
  font-family: "Edo";
  src: url(../fonts/edosz.ttf);
}
@font-face {
  font-family: "Plane";
  src: url(../fonts/AufDasLeben_FontPlane_CrashPlaneCrash.ttf);
}
/* HTML TAGS */
body {
  background-color: #B50000;
  background-image: url("../img/bg6.jpg");
  background-position: top center;
  background-attachment: fixed;
  background-size: cover;
  overflow: scroll !important;
  overflow-x: hidden !important;
  font-family: "Roboto Condensed", sans-serif;
  color: black;
}
body.landingpage {
  background-image: url("../img/bg6.jpg");
  font-family: Montserrat;
}
body.landingpage .cover {
  width: 100%;
  max-width: 400px;
  -webkit-box-shadow: 0 0 20px black;
          box-shadow: 0 0 20px black;
}
body.landingpage .btn-main {
  -webkit-box-shadow: 0px 0px 10px 1px black;
          box-shadow: 0px 0px 10px 1px black;
}
body.landingpage h1,
body.landingpage h2,
body.landingpage h3 {
  color: white;
  font-weight: 700;
  text-shadow: 0 0 10px black;
}
body.landingpage h1.title,
body.landingpage h2.title,
body.landingpage h3.title {
  color: white;
  text-shadow: 1px 1px 0px black, -1px -1px 0px black, 1px -1px 0px black, -1px 1px 0px black;
}
body.landingpage .btn {
  font-size: 1.6rem;
  font-weight: 800;
}
body.landingpage .container-footer-wrapper {
  margin-top: 15rem;
}
body .fa-stack {
  width: 2em;
}
body .video-container {
  padding-top: 0;
}
body .video-container iframe {
  border: none;
}
body .tp-placeholder {
  padding-bottom: 56.25% !important;
}
body .tp-placeholder div {
  position: absolute;
  padding: 0 0 !important;
  height: 100% !important;
  top: 0 !important;
  margin-top: 0 !important;
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: normal !important;
}

a:link,
a:active,
a:visited {
  text-decoration: none;
  color: #B50000;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

a:hover {
  text-decoration: underline;
  opacity: 0.7;
}

.underline {
  text-decoration: underline;
}

/* KLASSEN */
/* FÜR SLIDER, WENN NUR EIN (1) SLIDER VORHANDEN, SONST AUSKOMMENTIEREN!! */
.carousel-indicators .active {
  background-color: transparent !important;
}

.carousel-indicators li {
  border: none !important;
}

/* SLIDER ENDE */
.abstand {
  height: 73px;
}

.album-text {
  margin-top: 10px;
}

.album-titel {
  font-size: 14pt;
}

.bg {
  padding: 30px;
  /*
  background-image:url(../img/bg.jpg?id=12);
  background-position: center center;
  background-size:cover;
  */
  background: rgba(255, 255, 255, 0.9);
}

.biographie {
  padding-right: 20px;
  text-align: justify;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.slimScrollDiv {
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.bio-cover {
  margin-bottom: 5px;
  -webkit-box-shadow: 0 0 7px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 7px 0 rgba(255, 255, 255, 0.4);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.bio-cover:hover {
  margin-bottom: 5px;
  -webkit-box-shadow: 0 0 20px 0 rgb(255, 255, 255);
  box-shadow: 0 0 20px 0 rgb(255, 255, 255);
}

.carousel {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 2px;
}

.caption {
  font-size: 20pt;
  line-height: 20pt;
}

.caption-start {
  color: white;
  text-shadow: 0px 1px 3px rgb(0, 0, 0);
}

.carousel-caption {
  left: 65%;
  bottom: 10%;
  padding-bottom: 30px;
  right: 20%;
}

.col-left {
  margin: 0px;
  padding: 0;
  padding-right: 16px;
}

.col-mid {
  margin: 0px;
  padding: 0 8px;
}

.col-right {
  margin: 0px;
  padding: 0;
  padding-left: 16px;
}

.container {
  max-width: 1050px;
}

.disco-album {
  margin: 0px;
  margin-bottom: 15px;
  padding: 10px;
  /*
  background-image:url(../img/bg.jpg?id=12);
  background-position: center center;
  background-size:cover;
  */
  background-color: rgba(194, 209, 218, 0.7);
}

.disco-cover {
  background-position: center center;
  background-size: cover;
}

.icon {
  margin: 5px 5px;
  width: auto;
}

.icon:hover {
  opacity: 0.6;
}

.glyphicon {
  text-shadow: 0 0 2px #f00;
}

.medfont {
  font-size: 10pt;
}

.sr-only-focusable:focus {
  overflow: visible;
  clip: auto;
  position: fixed !important;
  top: 100px;
  left: 40px;
  width: auto;
  height: auto;
  margin: 0;
  z-index: 3000;
  padding: 10px;
  opacity: 0.75;
  background-color: white;
}

.sr-only {
  color: black !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.right-rail-album {
  background-color: rgba(194, 209, 218, 0.7);
  /*background-color:rgba(255,153,102,0.4);*/
  margin: 15px 0;
  padding: 10px 5px;
  /*
  background-image:url(../img/bg.jpg?id=12);
  background-position: center center;
  background-attachment:fixed;
  background-size:cover;
  */
}

.right-rail-social {
  /*
  background-image:url(../img/bg.jpg?id=12);
  background-position: center center;
  background-attachment:fixed;
  background-size:cover;
  */
  background-color: rgba(194, 209, 218, 0.7);
}

.right-rail-video {
  margin: 15px 0;
}

.right-rail-caption {
  font-size: 16pt;
}

.right-rail-buy {
  font-size: 15pt;
}

.row-wrapper {
  margin: 0 5px;
}

.shop-link {
  margin: 0 5px;
  padding-bottom: 5px;
}

.shop-icon {
  margin: 5px;
}

.social-icon {
  margin: 9px 2px;
}

.smallfont {
  font-size: 9pt;
}

.symbol {
  font-size: 17pt;
}

.navbar-nav > li > a {
  line-height: 50px;
  font-size: 1em;
}

.navbar-nav > li > a:hover {
  color: #000;
}

.navbar-nav .active {
  background-color: #B50000;
}
.navbar-nav .active a {
  color: black !important;
}

.youtube {
  margin: 15px 0;
}

a.no-hover:hover {
  opacity: 1;
}

/*FEED*/
.fb-feed-picture,
.feedrow {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.feedrow {
  position: relative;
  margin: 15px 0;
  padding: 15px 0px;
  background-color: rgba(0, 0, 0, 0.7);
  /*
  background-image:url(../img/bg.jpg?id=12);
  background-position: center center;
  background-size:cover;
  */
}

.feed-link {
  text-align: right;
}

.feed-link iframe {
  float: left;
}

.feed-link a:active,
.feed-link a:link,
.feed-link a:visited {
  text-decoration: underline;
  font-size: 11pt;
}

.feed-container {
  padding-bottom: 50px !important;
}

.timeago,
.timeago-edited {
  color: #999;
}

/*SLIDER*/
.sliderWrapper {
  /*
  background: -moz-linear-gradient(top, rgba(204,21,7,1)) 0%, rgba(255,255,255,0) 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,21,7,1)), color-stop(100%,rgba(255,255,255,0))); 
  background: -webkit-linear-gradient(top, rgba(204,21,7,1) 0%,rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top, rgba(204,21,7,1) 0%,rgba(255,255,255,0) 100%); 
  background: -ms-linear-gradient(top, rgba(204,21,7,1) 0%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, rgba(204,21,7,1) 0%,rgba(255,255,255,0) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3f3f3f', endColorstr='#00ffffff',GradientType=0 );

  */
}
.sliderWrapper .carousel .carousel-inner a:hover {
  opacity: 1;
}

.petrySlider {
  margin: 0 auto;
  max-width: 1200px;
}

.edge {
  /*
  background-image: linear-gradient(to bottom, #FFFFFF 0px, #F8F8F8 100%);
     background-repeat: repeat-x;
     border-radius: 4px;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
     height: 20px;
     left: 0;
     position: absolute;
     width: 100%;
  */
  /*
  background-image: linear-gradient(to bottom, #FFFFFF 2px, rgba(204,21,7,0.5) 100%);
     background-repeat: repeat-x;
     border-radius: 0px;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);

  */
  height: 25px;
  left: 0;
  position: absolute;
  width: 100%;
}

.thin-line {
  height: 1px;
  top: 25px;
  left: 0;
  position: relative;
  background-color: #B50000;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  /*background-color: #E7E7E7;*/
  text-decoration: none;
}

.carousel-control.right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.4) 100%);
}

.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0px, rgba(0, 0, 0, 0) 100%);
}

.navbar {
  /*
     background-image: linear-gradient(to bottom, #fff 0px, #f8f8f8 100%);
     background-repeat: repeat-x;
     border-radius: 4px;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
  */
}

.navbar-collapse.in {
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  overflow-y: unset;
}

.navbar-default {
  background: white;
  border: none;
}

.bday-header {
  background-color: black;
  background-image: url(../img/petry-bday-header.jpg);
  background-position: center 70%;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 40vh;
}

.bday-title {
  font-family: "Plane";
  font-size: 12rem;
  color: white;
  text-align: center;
  margin-top: 5vh;
  font-weight: 900;
}

.bday-links {
  font-family: "Plane";
  font-size: 5rem;
  text-align: right;
  margin-right: 10rem;
}

.bday-intro {
  background-color: rgba(0, 0, 0, 0.5);
  margin-top: 10rem;
  font-family: "Plane";
  font-size: 3rem;
  color: white;
  text-align: center;
  padding: 3rem;
  font-weight: 500;
}

.bday-intro a {
  color: lightgreen;
}

@media (max-width: 900px) {
  .bday-header {
    background-color: black;
    background-image: url(../img/petry-bday-header-mobile.jpg);
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 40vh;
  }
  .bday-links {
    margin-top: 5rem;
    margin-right: 0;
    font-size: 3rem;
    text-align: center;
  }
  .bday-title {
    font-size: 5rem;
    margin-top: 3vh;
    font-weight: 600;
  }
  .bday-intro {
    font-size: 2rem;
  }
  body::before {
    content: "";
    z-index: -1;
    position: fixed;
    inset: 0;
    background-image: none;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    overflow-x: hidden !important;
  }
  body {
    overflow: scroll !important;
    overflow-x: hidden !important;
  }
}
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
  body {
    background-image: none !important;
  }
}
.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}

/* ID's */
#socials {
  padding: 0.5rem;
}
#socials a:hover {
  text-decoration: none;
}

#copyright {
  color: white;
}
#copyright a {
  color: white;
}

/* Media Queries */
/* xs = Extra small devices (phones, less than 768px) */
/* sm = Small devices (tablets, 768px and up) */
/* md = Medium devices (desktops, 992px and up) */
/* lg = Large devices (large desktops, 1200px and up) */
/* Media Query for XS-Devices */
@media (max-width: 767px) {
  .col-left,
  .col-mid,
  .col-right {
    margin: 0px;
    padding: 0;
  }
  body .tp-placeholder div p {
    font-size: 0.85em;
    margin-bottom: 0.25em;
  }
  body .tp-placeholder div h3 {
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 0.25em;
  }
  body .tp-placeholder div button {
    padding: 0.25em !important;
  }
}
/* Media Query for SM and bigger Devices */
@media (min-width: 768px) {
  .col-left {
    margin: 0px;
    padding: 0;
    padding-right: 16px;
  }
  .col-mid {
    margin: 0px;
    padding: 0 8px;
  }
  .col-right {
    margin: 0px;
    padding: 0;
    padding-left: 16px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
  .navbar-brand {
    padding: 15px 5px 15px 15px;
  }
  .navbar-nav > li > a {
    font-size: 0.95em;
  }
}
/* Bootstrap Template
 * @name: /css/main-style.css
 * @version: 1.6.1
 * @author: Hornung, Jonathan, Sony Music Germany
 * @date created : 2014/01/10
*/