body {
    font-family: Raleway,Geneva,Arial,Helvetica,sans-serif;
    color: rgb(182,46,66);
}
a { color: rgb(212, 111, 111); }
a:hover, a:focus { color: #666; }
.navbar-header .navbar-brand { background-image: none; padding-left: 15px; padding-bottom: 18px; color: #b62e42; }
.navbar-header .navbar-brand:hover {color: #666;}
.navbar-inverse {
    /*background: -webkit-linear-gradient(red, yellow); 
    background: -o-linear-gradient(red, yellow);
    background: -moz-linear-gradient(red, yellow); 
    background: linear-gradient(rgb(230,221,192),rgb(237,235,231));*/
    /*    border-color: #c6c6c6;*/

    background: rgb(255,246,242);    
    border-color: rgba(182, 46, 66, 0.4);
    box-shadow: 0 0 3px #ccc;
}
.navbar-inverse .navbar-nav > li > a {
    color: #666;
    padding-bottom: 13px;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #b62e42;
  background-color: transparent;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: none;
}

.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li > a:hover:after {
  background: #b62e42;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #b62e42;
}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active > a::after, .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li > a:hover::after,
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active > a:hover:after {
    background: #b62e42 none repeat scroll 0 0;
}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li > a::after { border-radius: 0; bottom: 0;}

.navbar-inverse .navbar-toggle {
    border-color: #b62e42;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    border-color: #b62e42; background-color: transparent;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #b62e42;
}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggl:focus .icon-bar {
    background-color: #acbfd8;
}

.magnific img {
    border: 3px solid #fff;
    box-shadow: 0 0 1px #404040;
    margin: 0 1.5em 1.5em 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: inherit; }
h1 {margin: 1em 0;}
h5 { text-transform: uppercase; font-weight: bold; }
hr { margin-top: 3em; margin-bottom: 3em; }
p, .container li { margin: 0 0 0.5em; }


.rubrikcontainer{
    width: 100%;
    height: 200px;
    position: relative;
    background-position: center;
    background-size: cover;
}

.rubrikcontainer h1{
    z-index: 100;
    width: 100%;
    padding: 0 1em;
    margin: 0;
    border-top: 5px solid;
    display: table-cell;
    vertical-align: middle;
    word-break: break-word;
    text-shadow: 0px 0px 80px black;
}
.rubrikcontainer a{
    color: white;
    background: linear-gradient(90deg, rgba(182,46,66,0.4), rgba(255,255,255,0.4));
    position: absolute;
    width: 100%;
    height: 100%;
    display: table;
    
}

.rubrikcontainer a:hover, .rubrikcontainer a:focus{
    color: white;
    background: transparent;
    text-decoration: none;
}



/*Homepage*/

.jumbotron {
    background: rgba(0, 0, 0, 0) url("/themes/richter/assets/images/herbst-winter-2010-11.jpg") no-repeat scroll center center / cover ;
    height: calc(100% - 70px);
    position: absolute;
    width: 100%;
    margin-bottom: 0;
}
.jumbotron.introfilm {
    background: transparent;
    height: calc(100% - 70px);
    position: absolute;
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}
.jumbotron.introfilm iframe{
    z-index: 100;
    width: 100%;
    height: calc((9 / 16) * 100vw);
    max-height: calc(100vh - 70px);
}



/*.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}*/
@media screen and (min-width: 768px) {
	.navbar-nav { float: right; }
}