/*!
 * Start Bootstrap - Agency v1.1.0 (http://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

@import url(http://fonts.googleapis.com/css?family=Assistant:light,bold);



.btn-primary.active, .btn-primary:active, .btn-xl.active, .btn-xl:active, .open .dropdown-toggle.btn-primary, .open .dropdown-toggle.btn-xl {
  background-image: none
}
body {
  overflow-x: hidden;
  font-family: "Assistant", sans-serif;
  font-weight: 300;
  webkit-tap-highlight-color: #b31b34;
  background-color: #f4f4f4;  
}

.sprache {
  font-family: "Assistant", sans-serif;
  font-weight: 300;
  color: #b31b34;
  text-align: right;
}

.logobild {
  width: 25%;
}


.text-muted {
  color: #777
}
.text-primary, a {
  color: #b31b34
}

.text-red {
  font-family: "Assistant", sans-serif;
  font-weight: 300;
  color: #000;
  text-align: center;
  padding-top: 20px;
}

p {
  line-height: 1.5;
  font-size: 110%;
}

ul {
  line-height: 1.5;
  font-size: 110%;
}

figcaption {
  padding-top: 5px;
  line-height: 1.5;
  font-size: 100%;
}


.breadcrumb {
  text-transform:uppercase;  
}


a, a.active, a:active, a:focus, a:hover {
  outline: 0
}
a.active, a:active, a:focus, a:hover {
  color: #fec503;
  text-decoration: none;
}
.img-centered {
  margin: 0 auto
}
.bg-light-gray {
  background-color: #eee
}
.bg-darkest-gray {
  background-color: #222
}
.btn-primary {
  color: #fff;
  background-color: #b31b34;
  border-color: #b31b34
}
.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #fec503;
  border-color: #f6bf01
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
  background-color: #b31b34;
  border-color: #b31b34
}
.btn-primary .badge {
  color: #b31b34;
  background-color: #fff
}
.btn-xl {
  color: #fff;
  background-color: #b31b34;
  border-color: #b31b34;
  border-radius: 3px;
  font-size: 18px;
  padding: 20px 40px
}
.btn-xl.active, .btn-xl:active, .btn-xl:focus, .btn-xl:hover, .open .dropdown-toggle.btn-xl {
  color: #fff;
  background-color: #fec503;
  border-color: #f6bf01
}
.btn-xl.disabled, .btn-xl.disabled.active, .btn-xl.disabled:active, .btn-xl.disabled:focus, .btn-xl.disabled:hover, .btn-xl[disabled], .btn-xl[disabled].active, .btn-xl[disabled]:active, .btn-xl[disabled]:focus, .btn-xl[disabled]:hover, fieldset[disabled] .btn-xl, fieldset[disabled] .btn-xl.active, fieldset[disabled] .btn-xl:active, fieldset[disabled] .btn-xl:focus, fieldset[disabled] .btn-xl:hover {
  background-color: #b31b34;
  border-color: #b31b34
}
.btn-xl .badge {
  color: #b31b34;
  background-color: #fff
}
/*Navigation*/
.navbar-custom{
  background-color:#000;
  border-color:transparent
  }
/*Logo Schriftzug links*/  
.navbar-custom .navbar-brand{
  color:#b31b34;
  font-family: "Assistant", sans-serif;
  font-weight: 700;
  font-size:1.2em
  }

.navbar-custom .navbar-brand.active,.navbar-custom .navbar-brand:active,.navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand:hover{
  color:#b31b34
  }

.navbar-custom .nav li a,.navbar-custom .navbar-toggle{
  
  font-family: "Assistant", sans-serif;
  font-weight: 300;
  color:#fff;
  text-transform:uppercase
  }
  
.navbar-custom .navbar-collapse{
  border-color:rgba(0,0,0,.09)
  }

.navbar-custom .navbar-toggle{
  background-color:#c5c3c3;
  border-color:#b31b34;
  font-size:12px
  }

.navbar-custom .navbar-toggle:focus,.navbar-custom .navbar-toggle:hover{
  background-color:#b31b34
  }
  
.navbar-custom .nav li a{
  font-weight:400;
  letter-spacing:1px
  }
  
.navbar-custom .nav li a:focus,.navbar-custom .nav li a:hover{
  color:#b31b34;
  outline:0
  }
  
.navbar-custom .navbar-nav>.active>a{
  border-radius:0;
  color:#fff;
  background-color:#b31b34
  }

.navbar-custom .navbar-nav>.active>a:focus,.navbar-custom .navbar-nav>.active>a:hover{
  color:#fff;
  background-color:#7a1b1e
  }

.navbar-custom .navbar-logo{
    height: 40px;
    width: auto;
  }


@media (min-width:768px){
  .navbar-custom{
    color:#b31b34;
    padding:4px 0;
    background: rgba(0,0,0,.7);
    -webkit-transition:padding .9s;
    -moz-transition:padding .9s;
    transition:padding .9s;
    border:none
    }

  .navbar-custom .navbar-logo{
    height: 120px;
    width: auto;
 
  }
  .navbar-custom .navbar-brand{
  font-size:1.9em;
  vertical-align: middle;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
    }
  


  .navbar-custom .navbar-nav>.active>a{

  border-radius:3px
    }



/*Navbar nach scrollen*/  
  .navbar-custom.affix{
    background: rgba(0,0,0,.7);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    padding:1px 0
    }
  .navbar-custom.affix .navbar-brand{
  font-size:1.5em
    }
  .navbar-custom.affix .navbar-logo{
    height: 60px;
    width: auto;
    }

.navbar-custom.affix .links {
  float: left;

}

.navbar-custom.affix .mitte {
    float: left;
    margin-top: 0px;
    margin-left: 30px;
    margin-right: 30px;

}


.navbar-custom.affix .rechts {
    float: left;
    margin-top: 5px;
    margin-left: 30px;

}


}

/*Header mit dem Background Image und dem Text über dem Bild*/  

@media (min-width: 992px) {
  .trailer {
    padding-top: 400px; } }

@media (max-width: 992px) {
  .trailer {
    padding-top: 150px; } }

.trailer {
  
  background-size: cover;
  margin-bottom: 0;
  color: white; }


/*Überschriften*/




main h1, main h2 {
  color: #b31b34;
  text-align: left;
  font-family: "Assistant", sans-serif;
  font-weight: 300;
  padding-bottom: 5px; 
  border: 1px #b31b34;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: solid; 
  }

main h3, main h4, main h5, main h6 {
  color: #b31b34;
  text-align: left;
  font-family: "Assistant", sans-serif;
  font-weight: 300;
  padding-bottom: 5px; 
  border: 1px #b31b34;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: solid; 
 }

@media (min-width: 992px) {
  main .content-margin {

    font-size: 90%;}

    main .content-margin h1, main .content-margin h2, main .content-margin h3, main .content-margin h4, main .content-margin h5, main .content-margin h6 {    
  font-size: 150%; } }

@media (max-width: 991px) {
  main .content-margin {
    padding: 2em 5em;
    border-top: 1px solid #f7e1e1;
    font-size: 95%; }
    main .content-margin h1, main .content-margin h2, main .content-margin h3, main .content-margin h4, main .content-margin h5, main .content-margin h6 {
 
  font-size: 150%; } }

/*Linie nach Überschrift*/  

div.titleline {
  height: 1px;
  color: #b31b34;
  background-color: #b31b34;
  padding-top:1px;
  margin-bottom: 15px;
}


#portfolio .portfolio-item .portfolio-caption p, section h3.section-subheading {
  font-family: "Assistant", sans-serif;
  font-weight: 300;
}

footer {
  padding: 25px 0;
  text-align: center
}

a.nounderline {
  text-decoration: none;
   
  }

a.nounderline.active, a.nounderline:active, a.nounderline:focus, a.nounderline:hover {
   color: #b31b34;
  }

a.nounderline-white {
  color: #fff;
  text-decoration: none;
   
  }

a.nounderline-white.active, a.nounderline-white:active, a.nounderline-white:focus, a.nounderline-white:hover {
   color: #fff;
  }


/*Navigation Versuch 2.0*/

.links {
  float: left;
  margin-top: -45px;

}

.mitte {
    float: left;
    margin-top: -50px;
  margin-left: 50px;
    margin-right: 30px;

}


@media (min-width:768px){
.links {
  float: left;
  margin-top: 0px;

}

.mitte {
    float: left;
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;

}


.rechts {
    float: left;
    margin-top: 30px;
    margin-left: 30px;

}
}



::-moz-selection {
text-shadow:none;
background:#b31b34
}
::selection {
  text-shadow: none;
  background: #b31b34
}
img::selection {
  background: 0 0
}
img::-moz-selection {
background:0 0
}