/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

body { font-family: 'Roboto', sans-serif; font-size: 16px; background-color: #ffffff; color: #333333; }
a { text-decoration: none; outline: none; color: #333333; }
a:visited, a:focus { text-decoration: none; outline: none; color: #333333; }
a:hover { text-decoration: none; outline: none; color: #333333; font-weight: bold; }
.container { width: 100%; padding-left: 0; padding-right: 0;}
.navbar { margin-bottom: 0px; border: 0px;}
.container > .navbar-collapse, .container > .navbar-header { background-color: #ffffff; }
.navbar-right { padding-right: 10%; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { background-color: #ffffff; padding-top: 30px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	color: #000000;
	background-color: #ffffff;
	font-weight: bold;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #000000;
	background-color: #ffffff;
	font-weight: bold;
}
.navbar-default .navbar-nav > li > a { color: #333333; }
.navbar-nav > li > a { padding-bottom: 0px; padding-top: 5px; }
.navbar-toggle { margin-right: 5%; }
.container > .navbar-collapse { margin-left: 10px; }
.submenu{ margin: 0px !important; }
.lihome { width: 6em; }
.liueberuns { width: 8em; }
.ligaede { width: 13em; }
.limenges { width: 13em; }
.liimpressum { width: 8em; }
.lidatenschutz { width: 8em; }
.border { background: linear-gradient(white 20%, #7F7F7F); width: 100%; height: 30px; }
.img-link { width:100%; }
.logo { margin: auto; }
.row { padding: 20px 0px; }
.ueberuns { height: 1067px; background: url(background.jpg) no-repeat top center; scroll; background-size: cover; }
.ueberunstext { background: rgb(255,255,255) } /*fallback for browser without rgba-support*/
.ueberunstext { position: absolute; top: 50%; /*margin-top: 20em; margin-bottom: 10em;*/ margin-left: 0px; margin-right: 0px; padding: 3% 20%; font-size: 20px; background: rgba(255,255,255,0.7) }
.strong { font-weight: bold; }
.italic { font-style: italic; }
.slider { margin-top: 0px; }
.slider { padding-bottom: 40px; }
.carousel-control.right, .carousel-control.left { background-image:none; color: #f4511e; }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 10%; }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev { right: 10%; }
#menges .carousel-inner { border-top: 1px solid #808080; border-bottom: 1px solid #808080; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 90%; margin: auto; }
.carousel-indicators { bottom: -50px; }
.carousel-indicators li { background-color: #f4511e; }
.carousel-indicators .active { border-color: #f4511e; }
.impressum { width: 80%; padding-top: 40px; }
.gaedegruen { border-left: 30px solid #93d221; padding: 20px; }
.mengesgrau { border-right: 30px solid #bfbfbf; padding: 20px; }
#datenschutz h3 { background-color: #93d221; padding: 0.6em; }
#datenschutz h4 { padding: 0.6em; border-bottom: solid 5px #bfbfbf; }
#datenschutz p { padding: 0 0.6em; }
@media only screen and (max-width: 767px){
  .ueberunstext { top: 30%; }
}