/* open-sans-condensed-300 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-condensed-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
       url('../fonts/open-sans-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-condensed-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-condensed-v12-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-300italic - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-condensed-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'),
       url('../fonts/open-sans-condensed-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-condensed-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-condensed-v12-latin-300italic.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-700 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-weight: 700;
  src: url('../fonts/open-sans-condensed-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
       url('../fonts/open-sans-condensed-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-condensed-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-condensed-v12-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}


@media (max-width: 767px) {
  #sidebar {
    display: none;
  }
}
@media (min-width: 768px) {
  nav {
    display: none;
  }
  #sidebar-content {
    position: fixed;
    top: 30px;
		/* 4 cols - 33.3% - 256px */
		width: 246px;
  }
  .container {
    width: 768px;
  }
}
@media (min-width: 992px) {
  #sidebar-content {
		/* 3 cols - 25% - 245px */
		width: 235px;
  }
  .container {
    width: 980px;
  }
}

/* Fullscreen-Hintergrundbild */
html {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url(images/skyline.jpg);
}
body {
	position: relative;
	background-color: transparent;
  font-family: "Open Sans Condensed", sans-serif;
  /* Standardschriftgröße von 18 Pixeln */
  font-size: 180%;
  color: #444;
  text-align: left;
  /* force vertical scrollbar */
  overflow-y: scroll;
  /* Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
  -webkit-text-size-adjust: 100%;
}

/* Sidebar mit Logo und Navigation */

#logo {
	height: 100px;
	padding: 0;
	vertical-align: bottom;
	background-color: rgb(112, 121, 128);
	background-color: rgba(255,255,255,0.90);
}
#logo a {
	width: 100%;
}
.facebook {
	width: 29px;
	height: 29px;

}
.facebookmob {
	text-align: center;
}
#nav {
  margin: 1em 0 0.75em 0;
	padding: 0;
  list-style-type: none;
  background: transparent;
  border: 0 none;
}
#nav ul { 
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#nav li {
  margin: 0 0 0.2em 0;
  padding: 0;
}
#nav a {
  display: block;
	line-height: 1.5em;
  padding: 3px 0px 3px 10%;
  text-decoration: none;
}
#nav a, #nav a:visited {
  color: #444;
}
#nav li a {
  color: #555;
  text-transform: uppercase;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.9);
  display: block;
}
#nav li a.facebook img {
  width: 27px;
}
#nav li:hover a, #nav .active a {
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.6);
  transition: background-color .25s ease-in-out;
  -moz-transition: background-color .25s ease-in-out;
  -webkit-transition: background-color .25s ease-in-out;
}
#nav li:hover a, #nav .active a {
  color:#111;
  transition: color .25s ease-in-out;
  -moz-transition: color .25s ease-in-out;
  -webkit-transition: color .25s ease-in-out;
}

/* Slides */
  
.slide {
  overflow: hidden;
  margin: 0 auto;
  min-height: 100%; 
  padding-top: 30px;
  background: transparent;
}
.slide-header {
	height: 100px;
	background-color: rgb(112, 121, 128);
	background-color: rgba(255,255,255,0.90);
	color: #770F30;
}
.slide-header img {
	width: auto;
	height: 100px;
}
.slide-content-container {
  margin-top: 1em;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.9);
  min-height: 500px;
}
.slide-content {
	padding: 2em 2em 1em 3em;  
}
.slide-content p a {
	color: #444;
	text-decoration: none;
}
.slide-content p a:hover, 
.slide-content p a:active, 
.slide-content p a:focus {
	color: #F60;  /* Überschriften */
	text-decoration: none;
}
  .streifenorange {
	padding: 0em 0em 0em 0em;
	background-color: #F88A26;
	height: 6px;
  }
  .streifengruen {
	padding: 0em 0em 0em 0em;
	background-color: #AFA550;
	height: 6px;
  }
  .streifenpetrol {
	padding: 0em 0em 0em 0em;
	background-color: #2F4E4B;
	height: 6px;
  }
  .streifenbordeaux {
	padding: 0em 0em 0em 0em;
	background-color: #770F30;
	height: 6px;
  }
  .streifenrot {
	padding: 0em 0em 0em 0em;
	background-color: #EB3C3E;
	height: 6px;
  }

#sidebar .col-sm-4,   
#sidebar .col-md-3,
#sidebar .col-lg-3,
#content-section .col-xs-12,
#content-section .col-sm-8,
#content-section .col-md-9,
#content-section .col-lg-9 {
	padding-left: 15px;
	padding-right: 15px;
}
hr {
	border-top: 1px solid #AFA550;
	margin-top: 30px;
	margin-bottom: 30px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	margin: 0;
}
h1 {
	font-size: 160%; /* 32px */
	color: #EF8700;
	letter-spacing: 2px;
}
h2 {
	font-size: 160%; /* 32px */
	text-align: right;
	padding-right: 0.5em;
	padding-top: 2.2em;
	letter-spacing: 1px;
	margin-bottom: 0px;
}
h3 {
	font-size: 166.67%; /* 30px */
	color: #EF8700;
}

h4 {
	font-size: 133.33%;
}
h5 {
	font-size: 111.11%; /* 20px */
	color: #EF8700;
	letter-spacing: 1px;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 160%;
}
h6 {
	font-size: 70%; /* 18px */
	line-height: 150%;
	margin-top: 10px;
}
 
/* Allgemeine Textauszeichnung */

div:target {
	outline: 0 none;
	padding-bottom: 20px;
}

p {
	line-height:1.5em;
	margin: 0.5em 0 0 0;
}
strong, b { font-weight: bold; }
em, i { font-style: italic; }
big {  font-size: 116.667%; }
small { font-size: 85.71%;  }

/* Links */

a {
	color:#444;
	background:transparent;
	text-decoration:none;
}
a:active,
a:focus {
	outline: none;
	color: #F60;
	text-decoration: none;
}
a:hover,
a:focus {
	color:#888;
	text-decoration:none;
}
li span a:hover {
	color: #888;
}
li span a:active {
	color: #888;
}
a img {
}

/* Bilder */

img {
	border: 0 solid;
}
.row .col-xs-12.col-sm-12.col-md-12.col-lg-12 img {
	margin-top: 10px;
	margin-bottom: 10px;
}
.img {
	margin-right: 10px;
}

.foodbild {
	margin-right: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.flexible {
	margin-top: 1.5em;
	max-width: 100%;
	height: auto;
}
* html .flexible {  /* IE6 support */
	width: 98%;    /* 2% space for borders */
}

.bordered {
	margin-top: 1.5em;
	border: 2px #eee solid;
	border: 2px rgba(255,255,255,1) solid;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
	box-shadow: 0 0 3px rgba(0,0,0,.25);
}

/* Listen */

  ul, ol, dl {
   list-style-type: none;
    margin:0 0 2em 0; 
  }
  li {
   line-height:1.5em;
    margin: 0.5em 0;
  }
  ul.orange {
   list-style-type: disc;
   padding: 0;
   margin: 0.7em 0 0.7em 1em;
 }
 ul.orange li {
	color: #ff6600;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0em;
	padding-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0.2em;
 }
 ul.orange li span {
   color: #444;
 }
 
   ul.grey {
   list-style-type: circle;
   padding: 0;
   margin: 0.7em 0 0.7em 1em;
 }
 ul.grey li {
	color: #444;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0.5em;
 }

/* Tabellen */

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 100%;
}
th {
	text-align: center;
	background-color: #007fb5;
	color: #fff;
}
td {
	padding-left: 5px;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
td h5{
	text-align: center;
	color: #007fb5;
	padding-left: 5px;
	padding-right: 5px;
}
/* Mobile Navigation */

.navbar {
	-moz-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.5);
}
.navbar-fixed-top {
	border-width: 0;
	height:60px;
}
.navbar-brand {
	padding-bottom: 15px;
	padding-top: 15px;
	margin-top: -40px;
}
/* Rahmenfarbe des Menu-Buttons */
.navbar-inverse .navbar-toggle {
	background-color: rgba(119,15,48,0.90);
}
/* Hoverfarbe des Menu-Buttons */
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
	background-color: rgba(175,165,80,0.90);
}
/* Hintergrundfarbe des Menus */
.navbar-inverse {
	background-color: rgb(255, 255, 255);
	background-color: rgba(255,255,255,0.90);
}
/* Trenner zwischen Menubar und Menupunkten */
.navbar-inverse .navbar-collapse {
	border-color: #555;
	background-color: rgba(255,255,255,0.90);
}
/* Inaktiver Menupunkt */
.navbar-inverse .navbar-nav > li > a {
	color: #fff;
	background-color: rgba(119,15,48,0.90);
}
.navbar-inverse .navbar-nav > li > a:hover{
	color: #fff;
	background-color: #AFA550;
}
/* Aktiver Menupunkt */
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {
	color: #fff;
	background-color: #AFA550;
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
	max-height: none;
}

@media (min-width:768px) and (max-width:1024px) {
	.slide-header img {
	height: 100%;
	width: auto;
    }
	}
/* handy quer */
@media (max-width:767px)  {
   .slide-header {
	height: 60px;
	margin-top: 40px;
    }
	.slide-header img {
	height: 60px;
	width: auto;
	margin-top: 0px;
    }
   .slide-header h2 {
	font-size: 18px;
	padding-top: 2em;
    }
	.slide-content {
	padding: 1.5em 1.5em 0.5em 1.5em;  
    }
	.slide-content p {
	text-align: justify;
    }
 }
@media (max-width:683px)  {
   .slide-header {
	height: 60px;
	margin-top: 40px;
    }
	.slide-header img {
	height: 60px;
	width: auto;
	margin-top: 0px;
    }
   .slide-header h2 {
	font-size: 18px;
	padding-top: 2em;
    }
	.slide-content {
	padding: 1.5em 1.5em 0.5em 1.5em;  
    }
	.slide-content p {
	text-align: justify;
    }
 }
@media  (max-width: 480px) {
	.slide-header {
	height: 40px;
	margin-top: 40px;
    }
	.slide-header img {
	height: 40px;
	width: auto;
	margin-top: 0px;
    }
	.slide-header h2 {
	font-size: 18px;
	padding-top: 1em;
    }
	.slide-content {
	padding: 1.5em 1.5em 0.5em 1.5em;  
    }
	.slide-content p {
	text-align: justify;
    }
}
/* handy hoch */
@media (max-width: 380px) {
	.slide-header {
	height: 40px;
	margin-top: 40px;
    }
	.slide-header img {
	height: 40px;
	width: auto;
	margin-top: 0px;
    }
   .slide-header h2 {
	font-size: 18px;
	padding-top: 1em;
    }
	.slide-content {
	padding: 1.5em 1.5em 0.5em 1.5em;  
    }
	.slide-content p {
	text-align: justify;
    }
}