/* ubuntu-300italic - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../fonts/ubuntu-v20-latin-ext_latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu-v20-latin-ext_latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-300 - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/ubuntu-v20-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu-v20-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-italic - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/ubuntu-v20-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu-v20-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-regular - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/ubuntu-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu-v20-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-500 - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/ubuntu-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu-v20-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-500italic - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('../fonts/ubuntu-v20-latin-ext_latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu-v20-latin-ext_latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-700 - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/ubuntu-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-700italic - latin-ext_latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/ubuntu-v20-latin-ext_latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu-v20-latin-ext_latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



body {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,adadad+100 */
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(173,173,173,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(173,173,173,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(173,173,173,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */

  background-position: center;
  background-size: auto;
  background-attachment: fixed;
  /*padding-top: 70px;*/ /*Navbar fix*/
  font-family: 'Ubuntu', sans-serif;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

hr {
  border-color: #777;
}

.navbar-nav > li > a {
  font-size: 18px;
}

.container.content {
  border-radius: 0 0 .3em .3em;
}

#header #wirlassen {
  margin-bottom: auto;
  padding-left: .39em;
}

#grau_logo {
  max-height: 8em;
}
 
#header {
  background-image: url('../img/header_back_c_b.jpg');
  background-size: cover;
  background-position: center;
}

.content p {
  font-size: 1.3em
}

.indent {
  padding-left: 0.7em;
}

.carousel-inner img {
  object-fit: cover;
  overflow: hidden;
  /*border-radius: 0.3em;*/
  border-style: none;
  width: 100%;
  height: 42em;
  max-height: 42em;
}

/*
.carousel-control {
  border-radius: 0.3em;
}*/

.carousel-caption {
  /*border-radius: 0.3em;*/
  background-color: rgba(0, 0, 0, 0.3);
}

.brands img {
  margin-top: .4em;
  margin-bottom: .4em;
  height: 165px;
  width: 165px;
}

#kacheln .item {
  border-radius: 3px;
	display: inline;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 174px;
	margin: 5px;
	width: 310px;
}

#kacheln p.caption {
	background: #000;
	background: rgba(0, 0, 0, .5);
	border-top: 1px solid #000;
	border-radius: 0 0 5px 5px;
	color: #fff;
	height: 25px;
	letter-spacing: 1px;
	margin-top: 149px;
	padding-left: 10px;
	text-shadow: 0px 0px 5px #000;
	font-size: 15px;
}

.smallink a, .smallink a:link, .smallink a:hover, .smallink a:active, .smallink a:visited {
  font-size: 0.8em;
  color: #444;
}