@charset "UTF-8";

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: 
  local('Roboto'), local('Roboto Regular'),
  url('../fonts/roboto-regular.woff2') format('woff2'),
  url('../fonts/roboto-regular.woff') format('woff') /* IE 11 */;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: 
  local('Roboto Light'), 
  url('../fonts/roboto-light.woff2') format('woff2'),
  url('../fonts/roboto-light.woff') format('woff') /* IE 11 */;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: 
  local('Open Sans'), local('Open Sans Regular'),
  url('../fonts/OpenSans-Regular.woff2') format('woff2'),
  url('../fonts/OpenSans-Regular.woff') format('woff') /* IE 11 */;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: 
  local('Open Sans Bold'),
  url('../fonts/OpenSans-Bold.woff2') format('woff2'),
  url('../fonts/OpenSans-Bold.woff') format('woff') /* IE 11 */;
}



body {
    background: #fefefe none repeat scroll 0 0;
    color: #020202;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}


p, ul {
   color: #141414;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 1.2rem;
}

.abs-intro {
  color: rgb(83, 2, 2);
}

.logo
{
margin-top: 1rem; 
left: 0;
width: 290px;
height: 80px;
z-index:10;
background: url("../bilder/haeffs-logo-rotation.gif") no-repeat center center;
}

.webseite { display:none;height:1px;opacity:0;}

.no-js .top-bar {
  display: none;
}
@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }
  .no-js .title-bar {
    display: none;
  }
}



nav  { padding: 0.95rem 0 }


#mobile-menu	{
	padding-top: 2rem;
	padding-left: 0.7rem;
	z-index: 20; }

.title-bar {
	background-color:#fefefe;
	color: #ACA886;
	border: 1px solid #878361;
	margin-bottom: 0.5rem}


.menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #cc0000;
    box-shadow: 0 7px 0 #cc0000, 0 14px 0 #cc0000;
    content: '';
}

.top-bar, .top-bar ul {
    background-color: #fefefe;
}

#main-menu a  {
  line-height: inherit;
  color: #514E37;
  font-family: 'Roboto', Arial,sans-serif;
  font-weight: normal;
  /*font-size: 2.25rem;*/
  text-decoration: none;
  cursor: pointer; }


#main-menu li.status  a {
 /*color: #efefef;
 background-color:#cc0000;*/
 border-bottom: 2px solid #cc0000;
  }

#main-menu  a:hover, a:focus  {
    color: #efefef;
	background-color:#cc0000;}


.dropdown.menu > li.is-dropdown-submenu-parent > a::after {  /* Pfeilfarbe DropDown-Men� Desktop */
  border-color: #ACA886 transparent transparent; 
}

li .is-dropdown-submenu-item {  /* Trennstrich Submen�s */
border-bottom: 1px solid #cacaca;
}

.orbit {
background-color:#E5E4D5;	
}

.breadcrumbs li {font-size: 0.825rem;	color: #878361;}


.card, .card-team {
  background: #fefefe;
  border: 1px solid #8a8a8a;
  margin: 1rem 0;
  overflow: hidden;
  border-radius: 0;
  /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);*/
}

.card:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}


.card-button {
 background-color:#e5e4d5;
 border:1px solid #929185;
 color:#cc0000;
 }

 .card-button-inaktiv {
 background-color:#929185;
 border:1px solid #e5e4d5;
 color:#ffffff;
 }
 
.card img {
width:100%;	
}

.card-section h4 {
color:#000000;
font-size: 1.35rem;
}
.card-section p {
color:#333333;
font-size: 1.3rem;
}

.card-section .stress {
color:#ffffff;
display:inline-block;
padding: 0 0.25rem;
}

.card-section .stress.alert {
background-color:#cc0000;
}

.card-section .stress.primary {
background-color:#1779ba; 
}

.card-section .stress.secondary {
background-color:#767676;
}

.card-section .stress.success {
background-color:#3adb76;
}

.callout.secondary {
    margin: 3.5rem 0;
}

.objektfotos {
margin-top:2.85rem;
}
.objektfotos img {
margin:0.25rem;
border: 1px solid #8a8a8a;
}

.objektfotos img:hover {
border-color:#cc0000;
cursor:pointer;
}

.zusatz {
font-size: 0.85rem;
}	



.reveal  p {
text-align:center;
}

.reveal .close-button {
font-size:200%;
float:right;
}

h1 {
    line-height: 1.6;
    margin-bottom: 0.5rem;
	font-size: 1.5rem;
}


h2 {
    /*margin-bottom: 0.5rem;
    margin-top: 1.5rem;*/
	font-family:'Roboto';
  font-weight:300;
	font-size: 1.75rem;
	}
	
h3 {
  font-family:'Roboto';
  font-weight:300;
  font-size: 1.35rem;
	line-height: 1.4;
  margin-bottom: 0.8rem;
	}
h4 {
	font-family:'Roboto';
	color:#cc0000;
	font-size: 1.1rem;
  font-weight:300;
}
	
h5 {
	color:#cc0000;
	text-transform: uppercase;
	font-size: 1.05rem;
	font-weight: bold;
	letter-spacing:0px;
	padding-top: 3.0rem;	}

h6 {
    font-family: 'Roboto', Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	margin-top: 0.75rem;
    margin-bottom: 0;
	} 	

.bigger {
font-size:1.15rem;
}

.button.button-dark, .button.button-dark:hover {
  color: #FFF;
  background-color: #000;
}


footer   a {
	display:block;
	margin-top: 0.5rem;
    margin-bottom: 0.5rem;
	margin-left:0.5rem;
	padding:0.25rem 0;
	color:#555;
}

footer .logo
{
width: 205px;
height: 50px;
z-index:10;
background: url("../bilder/haeffs-logo.png") no-repeat center center;
opacity:0.5;
background-size: 100%;
margin-top: 1.5rem;
}

footer .txt {
color:#555;
font-size:0.8rem;
}	
.footer-top {
background-color:#e5e4d5;
padding-top:50px;
padding-left:0.75rem;
}
.footer-bottom {
background-color:#929185;
padding-bottom:0.75rem;
padding-left:0.75rem;
}	
footer hr {
	margin:0;
	width:90%;
}

@media print, screen and (min-width: 40em) {
  h1 {
    font-size: 3rem; }
  h2 {
     line-height: 1.4;
    margin-bottom: 0.95rem;
	font-size: 2.4rem; }
  h3 {
    font-size: 1.75rem;
	margin-top: 1.95rem;	}
  h4 {
    font-size: 1.5625rem; }
  h5 {
    font-size: 1.05rem; }

 	
	
footer a {
	margin-top:0.15rem;
    margin-bottom:0.15rem;
	margin-left:0;
}}