.container-non-responsive {
    /* Margin/padding copied from Bootstrap */
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;

/* n.Olivier - auf 1200px erweitern */

    max-width:  1200px !important;
  /*  width: 1000px !important; */
}

.col-xs-1,
.col-md-1,
.col-lg-1 {
    width: 8.333333333333332%;
    float: left;
}

.col-xs-2,
.col-md-2,
.col-lg-2 {
    width: 16.666666666666664%;
    float: left;
}

.col-xs-3,
.col-md-3,
.col-lg-3 {
/* n.Olivier - vorbereiten auf flex mit max-width */
    width:25%;float:left;
}

.col-xs-4,
.col-md-4,
.col-lg-4 {
    width: 33.33333333333333%;float: left;
}

.col-xs-5,
.col-md-5,
.col-lg-5 {
    width: 25%;float: left;
}

.col-xs-6,
.col-md-6,
.col-lg-6 {
    width: 50%;float: left;
}

.col-xs-7,
.col-md-7,
.col-lg-7 {
    width: 58.333333333333336%;float: left;
}

.col-xs-8,
.col-md-8,
.col-lg-8 {
    width: 66.66666666666666%;float: left;
}

.col-xs-9,
.col-md-9,
.col-lg-9 {
    width: 75%;float: left;
}

.col-xs-10,
.col-md-10,
.col-lg-10{
    width: 83.33333333333334%;float: left;
}

.col-xs-11,
.col-md-11,
.col-lg-11{
    width: 91.66666666666666%;float: left;
}

.col-xs-12,
.col-md-12,
.col-lg-12{
    width: 100%;float: left;
}

ul.navbar-right {
    margin:0px;
    padding:0px;
    max-width: calc(100% - 300px);
    overflow: hidden;
    max-height: 54px;
}

ul.navbar-right li {
    list-style-type: none;
    float:left;
}

ul.navbar-right li a {
    margin: 0px;
    padding: 0px;
    height: 54px;
    display: block;
    line-height:54px;
    padding-right: 10px;
    padding-left: 10px;
    color: #FFFFFF;
    text-decoration: none;
}
ul.navbar-right li a:hover,
ul.navbar-right li.active a {
    color:#000000;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

/* n.Olivier 02.12.2017 - responsive Darstellung */

/* vorbereiten, sidebar gegebenenfalls nach unten verlegen */

#content,
#sidebar{
flex-direction: row;
-webkit-flex-flow: row;
-ms-flex-flow: row;
 -webkit-flex-direction: row;
}


/* sidebar nach unten */

@media all and (max-width: 850px) {
 #content,
 #sidebar{
	flex-direction: column;
	-webkit-flex-flow: column;
	-ms-flex-flow: column;
  -webkit-flex-direction: column;
 }
 .col-xs-9, .col-md-9, .col-lg-9{width:100%}
 .col-xs-3, .col-md-3, .col-lg-3{width:400px;max-width:98.5%}
 #sidebar{margin-top:20px}
 /* sub galery - werte beibehalten */
 .subgallery-teaser div div{max-width:calc(75% - 25px)}
 .col-sm-3{min-width:100px;width:25%;max-width:150px;}
}