/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */

body {
	
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:1.5;
	background-color: #D8D8D8;
	color:#7b7b7b;
	
}

a {
	color:#7b7b7b;
}


a:hover   {
	
	color:#000 !important;
	background-color: transparent !important;
	outline:none !important;
	
	
}

h1, h2, h3, h4, h5, h6  {
	font-weight:200;
	color: #000;
	font-size:24px;
	margin-bottom:0px;
	padding-bottom:0px;
}

h1 { 
	margin-bottom:48px;
	text-transform:uppercase;
}

h2 {
	margin-bottom: 24px;
	text-transform: uppercase;
}

h3 {
	margin-bottom:24px;
}

h4  {
	font-size:20px;
	text-transform:uppercase;
}
nav.navbar.navbar-default {
	background-color:#D8D8D8;
	border:none;
	min-height:38px;
	text-align:center !important;	
}

.navbar-collapse {
	margin:0px !important;
	width: 100% !important;
}

#logo {
	
	/*float:left;*/
	color:#000;
	display:block;
	text-transform:uppercase;
	padding-top:8px;
		
		text-decoration:none;
		font-weight:400;
		outline:none;
		letter-spacing:1px;
	font-size: 120%;

	
}



ul.nav.navbar-nav  {
	text-align:center;
	width:100%;
	/*float:right;*/
	
	
	
	
}



ul.nav.navbar-nav li a   {
	padding-top:10px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
	font-size:14px;
	letter-spacing:1px;

	
	
	
}


ul.nav.navbar-nav li a, ul.nav.navbar-nav li   {
	display:inline-block !important;
	float:none;
	color:#7b7b7b;
	text-transform:uppercase;
	outline:none !important;
	
	
}


ul.nav.navbar-nav li a:hover, ul.nav.navbar-nav li.active a  {
	
	color:#000 !important;
	background-color: transparent !important;
	outline:none !important;
	
	
}

ul.nav.navbar-nav li.brand  {
	
	
	font-weight:400;
	
}

ul.nav.nav-tabs {
	text-align:center;
	border:none;
	margin-bottom:40px;
		border-bottom: 1px solid #C0C0C0;

	
}

ul.nav.nav-tabs li, ul.nav.nav-tabs li a {
	display:inline-block !important;
	float:none;
	color:#7b7b7b;
	font-size:16px;
	text-transform:uppercase;
	border:none;
	outline:none !important;
	
	
	
}


ul.nav.nav-tabs li a {
padding-left:4px;
padding-right:4px;
	
	
	
}


ul.nav.nav-tabs li a:hover, ul.nav.nav-tabs li.active a  {
	
	color:#000 !important;
	background-color: transparent !important;
	outline:none !important;
	border:none;
	
}


.navbar-toggle
{
  position: relative;
  float: right;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;

}



.page {
	padding-top:120px;
	padding-bottom:60px;
}

.table-striped > tbody > tr:nth-of-type(2n+1)
{
  background-color: #f8f7f3;
}

div.vita+table {
    max-width: 100%;
    margin-bottom: 72px;
    min-height: .01%;
    overflow-x: auto;
	text-align: left;
    width: 100%;
}

div.vita+table>thead,
div.vita+table>th {
	display: none;
}

div.vita+table td:first-child {
	vertical-align: top;
	width: 20%;
}

div.vita+table>tbody>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.hah-vita td img.img-responsive {
	height: auto;
	max-width: 400px;
}

.hah-presse h4+p {
	margin-bottom: 36px;
}

.hah-impressum h3,
.hah-datenschutz h3 {
	text-transform: uppercase;
}

.hah-impressum h4,
.hah-datenschutz h4 {
	margin-bottom: 18px;
	margin-top: 36px;
}

.hah-datenschutz h3 {
	margin-bottom: 24px;
	margin-top: 48px;
}

.hah-datenschutz .hah-content ul {
	display: inline-block;
	margin:0 0 18px 0;
	padding:0;
	text-align:left;
}

.hah-datenschutz .hah-content ul li {
	list-style:none;
	margin-bottom:6px;
	padding-left:8px;
	text-align:center;
	text-indent:-12px;
}

.hah-datenschutz .hah-content li:before {
	content:"\2022";
	padding-right:4px;
}

.hah-content .grav-youtube {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.hah-content .grav-youtube iframe {
  left: 15%;
  width: 70%;
}

@media only screen and (max-width: 600px) {
  .hah-content .grav-youtube iframe {
    left: 0%;
    width: 100%;
  }
}

#holder h2+p {
	margin-bottom: 24px;
}

.footer {
	text-align:center;
	background-color: #D8D8D8;
	border:none; 
	padding-top:8px; 
	padding-bottom:8px; 
	font-size:12px;
	letter-spacing:1px;
	color:#7b7b7b;
}

.footer .active {
	color: #000;
}

.container-fluid.no-gutter, .container.no-gutter {
	padding: 0px;
}
.container-fluid.no-gutter .row [class*='col-']:not(:first-child),
.container-fluid.no-gutter .row [class*='col-']:not(:last-child)
{
  padding-right: 0;
  padding-left: 0;
}

.row {
   margin-left:0;
   margin-right:0;
}

#holder {
	
	text-align:center;
}

.item { 
position:relative;
display:inline-block;
margin-right:50px;
margin-bottom:50px;
}

.item  img { 

}

#filters { margin-bottom:32px;}

.btn-primary.active { background-color: #000!important;}
.btn { box-shadow:none; border:none;}

/* Isotope Transitions
------------------------------- */
.isotope,
.isotope .item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}
  
  
  

@media(min-width:768px) {
    
	
	
}

@media(max-width:768px) {
	

	
}


@media(max-width:1200px)  {
	
	
	#logo {
	
	display: block;
	position:absolute;
	margin:0px;
	width:100%;
	left:0px;
	
	z-index:-1;
	
	
}

 .navbar-toggle {
   
    display: block;
  }

collapse navbar-collapse {
	display:block;
	width:100%
}
	
ul.nav.navbar-nav {
	
	width:100%;
	margin-top:40px;
	
	
}

ul.nav.navbar-nav li a, ul.nav.navbar-nav li   {
	display:block ;
	float:none;
	width:100%;
	
	
	
}
	

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse {
        overflow-x: visible !important;
    }

    .navbar-collapse.in {
      overflow-y: auto !important;
    }

    .collapse.in {
      display: block !important;
    }

}

.btn { border-radius: none !important }

.shadow {
	webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0x 0px 2px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
}