/* Brantner grün: #2A7F4C */
/* Brantner gelb: #ffc055 */
/* Brantner grau: #d1d2d4 */
/* dunkles grau:  #ddd */
/* helles grau: #eaeaea */

/** Font Roboto */
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
	url('../fonts/Roboto/Roboto-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

body {
    font-family: 'Roboto', sans-serif;
    background: #fff; 
}
main#content {
    background-color: #fff;
}
.nopadding{
	padding:0;
}
.margin-top-20{
	margin-top:20px;
}
.page-header {
    padding-bottom: 24px;
}
@media (min-width: 992px){
	h1.x-large, .h1.x-large {
	    font-size: 3.5em;
	}
}
h2 a {
	color:#000; 	
}
h2 a:hover, h2 a:focus, h2 a:active{
	color:#2A7F4C;
}
.whitefont{
	color:white;
}
/* Preloader/Spinner */
#preloader {
    background-color: rgba(255, 255, 255, 0.5);
}
/* Nicht sichtbare Elemente fuer SEO und Barrierefreiheit */
.invisible
{
    position: absolute;
    left: -1000px;
    font-size: 0px;
}
/* Logo positionieren */
.navbar-brand {
    padding: 15px 0;
}
img.main-logo{
	max-height: 50px;
}
img.main-logo-light{
	max-height: 50px;
}
/* responsive list menu */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: #dd8b00;
}
/** Menu */
.menu-header .nav > li.active > a {
    color: #2A7F4C;
}
.menu-header .nav > li .sub-menu a.nav-header,
.menu-header .nav > li .sub-menu a.nav-header:hover,
.menu-header .nav > li .sub-menu a.nav-header:active,
.menu-header .nav > li .neko-mega-menu.sub-menu .mega-inner ul > li > a.nav-header:not(.btn):hover{
	color: #2A7F4C;
	cursor:default;
}
@media (min-width: 1025px){
	body.header-6 .menu-header:not(.scroll-header) .navbar-default .navbar-nav > li.active > a:not(.btn){
		color: #d1d2d4;
	}	
	body.header-6 .menu-header:not(.scroll-header) .navbar-default .navbar-nav > li.active > a:not(.btn):after {
	    border-bottom: 2px solid #d1d2d4;
	}
	body.header-6 .menu-header.scroll-header .navbar-default .navbar-nav > li.active > a:not(.btn):after{
		border-bottom: 2px solid #2A7F4C;
	}
}
@media (max-width: 1024px){
	.menu-header .nav > li .sub-menu a.nav-header, 
	.menu-header .nav > li .sub-menu a.nav-header:hover, 
	.menu-header .nav > li .sub-menu a.nav-header:active, 
	.menu-header .nav > li .neko-mega-menu.sub-menu .mega-inner ul > li > a.nav-header:not(.btn):hover {
		color: #eaeaea !important;
	    text-decoration: none !important;
	}	
	.menu-header .nav > li.active > a {
	    color: #d1d2d4;
	}	
	.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
		color: #fff;
	}
	body .menu-header .nav > li > a.active, body .menu-header .nav > li.active > a.active, body .menu-header .nav > li > a.active:hover, body .menu-header .nav > li.active > a.active:hover, body .menu-header .nav > li > a:hover, body .menu-header .nav > li.active > a:hover {
	    color: #eaeaea;
	}	
	.menu-header .nav > li .sub-menu a:not(.btn) {
    	color: #fff;
	}
    .menu-header .nav > li .sub-menu a:not(.btn):hover {
        color: #000;
    }
	.menu-header .neko-mega-menu {
	    padding-top: 0px !important;
	}
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
/** Blog Layout */
.pt {
    padding-top: 83px;
}
.blog{
	padding-right:22px;
}
.blog .page-header {
    padding-bottom: 10px;
    padding-top: 0px;
}
.readmore a,
.readmore .btn a
{
	color:#000 !important;
}
.readmore .btn {
    border: 1px solid #000;
}
.item-page .page-header{
	padding-top:0;
}
/** Footer Menu */
.footermenues{
	margin-top:20px;
}
footer#main-footer {
    padding-top: 20px;
}
ul.nav-child{
	padding-left: 10px;
    list-style: none;
}
ul.nav-child li {
     border:none;
     padding:0;
     margin:0;
}
.footer-widget a, .footer-widget a:hover, .footer-widget a:focus, .footer-widget a:active {
    color: #333;
}
.footer-widget a:hover, .footer-widget a:focus {
    color: #2A7F4C;
}
/** Social Icons */
.social-icons{
	text-align: center;
	margin-top: 30px;
}
@media (max-width: 1024px){
	.social-icons{
		text-align: left;
		margin-bottom:30px;
	}
}
/** Kalendar Module */
div.brantner_calendar{
	padding-right: 20px;
}
div.brantner_calendar .panel-title:before {
	content: '\e95f';
    font-family: 'custom-icons';
    font-size: 12px;
    text-align: left;
    padding: 0;
    margin: 0;
    display: inline-block;
    margin-right: 10px;
    line-height: 1em;	
}
/** Filter fuer Produkte */
.filterThumb{
	max-width: 100px;
	float: left;
	cursor: pointer;
    margin: 5px;	
    border: 1px solid #fff;
}
.filterThumb img.img-thumbnail{
	border:none;
}
.filterThumb:hover,
.filterThumb.active{
	border: 1px solid #dd8b00;
}
#filters .allbutton{
	
	margin-right: 40px;
    margin-top: 30px;
	
}
.brantner-filter .btn.primary:hover, 
.brantner-filter .btn.primary:focus, 
.brantner-filter .btn.primary:active, 
.brantner-filter .btn.primary.active,
.brantner-filter .btn-primary:hover, 
.brantner-filter .btn-primary:focus, 
.brantner-filter .btn-primary:active, 
.brantner-filter .btn-primary.active, 
.brantner-filter .open > .dropdown-toggle.btn-primary, 
.brantner-filter .btn.primary:hover, 
.brantner-filter .btn.primary:focus, 
.brantner-filter .btn.primary:active, 
.brantner-filter .btn.primary.active, 
.brantner-filter .open > .dropdown-toggle.btn.primary{
	background-color: #dd8b00;
	color:white;
}
.brantner-filter .btn-primary, 
.brantner-filter .btn.primary {
    color: #fff;
    background-color: #2A7F4C;
}
#filters2 li.active{
	color:#2A7F4C; 
}
.rollover.effect-zoe figure{
	padding-top:30px;
}
.rollover.effect-zoe figure .description.filterHeadline{
    right: 10px;
    background-color: #2A7F4C;
    padding: 20px;
    font-size: 1.1em;
    left: auto;
    opacity: 0.8;
    bottom: auto;
    top: -10px;
    text-align: right;
    max-width: 180px;
}
.rollover.effect-zoe figure .description.filterHeadline a{
	color:white;
	opacity: 1.0;
}
.rollover.effect-zoe figure .description.filterHeadline a:hover{
	color:#ffc055;
	text-decoration: none
}
/** Slider in Produkten */
.brantner-slider{
	margin-bottom: 20px;
}
/** Inhalte ohne Menue die per IFrame eingesetzt werden */
.style_10 .container{
	padding:0;
	margin:0;
}
.style_10 .pt{
	padding:0;
	margin:0;
}
.icon-right-open{
    position: absolute;
    top: 0;
    right: -43%;
}
#filters2 ul{
    margin: 0;
    list-style: none;
    padding: 0;
}
/* Language filter */
/*
ul.lang-inline{
    margin-left: 20px !important;
    margin-right: 0px;
}
a.lang-link{
    margin-left:5px !important;
    margin-right:0 !important;
}
.navbar ul ul ul{
	margin-left:10px;
}
.navbar ul ul ul li{
	color:#2A7F4C;
	font-size:18px;
}
*/
.mod-languages{
	margin-top: 28px;
}
.mod-languages select{
	background-color: #2A7F4C;
	color: white;
    font-size: 0.7em;
}

@media (max-width: 1024px){
	
	.mod-languages{
	    margin-top: 12px;
	    right: 22px;
	    margin-left: 15px;
	    color: white;
	}
	.mod-languages select{
		color: white !important;
	}

	.navbar ul ul ul li{
		color:#fff;
	}
    .menu-header ul.navbar-nav.navbar-right.lang-inline{
        margin-left: 0px !important;
        argin-bottom: 0px !important;
    }
    .menu-header .navbar-nav.navbar-right.lang-inline li{
        float:left !important;
    }
    .menu-header .navbar-nav.navbar-right.lang-inline li a{
        padding-top: 0px!important;
        padding-left: 0px;
        padding-right: 10px;
        margin-left: 0px !important;

    }
	.menu-header .nav > li .neko-mega-menu.sub-menu .mega-inner ul > li > a:not(.btn):hover {
	    color: #eaeaea;
	    text-decoration: underline;
	}   
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	    max-height: none;
	}	
	.menu-header .nav > li.active > a:hover, .menu-header .nav > li.active > a:active {
	    color: #ddd;
	}	 
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	    color: #ddd;
	}	
}
/**
 * 	chattool
 */
#utilochat{
	position: fixed;
    left: 0;
    top: 50%;
    background-color:#dd8b00;
    color:white;
    border: 2px solid #e6e6e6;
    padding:10px;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
    left: -50px;
    height:50px;
    text-align:center;
}
.utilochatiframe{
	border:none;
	width: 100%;
	height: 500px;
}
@media (max-width: 1024px){

	#utilochat{
		position: fixed;
	    bottom: 0;
		left: 50%;
		margin-left: -100px;
		width:200px;
	    top:auto;
	    transform: rotate(0deg);
	}

}
#utilochat .utilochaticons{
	cursor:pointer;
}
#utilochat:hover{
	color:black;
	background-color:#ffc055;
}
/** Hintergrundbild Flaeche fuellend */
.fullbackground{
	
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-attachment: initial !important;
}
.padding20{
	padding:20px;
}
.transparent-white{
	background-image: url(../images/trans67.png);
}
/** Tabelle fuer serielle Ausstattung und technische Daten */
table.table-pricelist th.active, table.table-pricelist td.active{
	background-color: #eaeaea !important;
}
.table.table-pricelist > thead > tr > th, .table.table-pricelist > thead > tr > th {
    background-color: #fff;
    color: #2A7F4C;
}
.table.table-pricelist>caption+thead>tr:first-child>td, 
.table.table-pricelist>caption+thead>tr:first-child>th, 
.table.table-pricelist>colgroup+thead>tr:first-child>td, 
.table.table-pricelist>colgroup+thead>tr:first-child>th, 
.table.table-pricelist>thead:first-child>tr:first-child>td, 
.table.table-pricelist>thead:first-child>tr:first-child>th {
    border-top: 1px solid #ddd;
    border-color:#ddd;
    font-weight: normal;
}
.table.table-pricelist th{
	font-weight: normal;
}
.table.table-pricelist>tbody>tr.active>td, 
.table.table-pricelist>tbody>tr.active>th, 
.table.table-pricelist>tbody>tr>td.active, 
.table.table-pricelist>tbody>tr>th.active, 
.table.table-pricelist>tfoot>tr.active>td, 
.table.table-pricelist>tfoot>tr.active>th, 
.table.table-pricelist>tfoot>tr>td.active, 
.table.table-pricelist>tfoot>tr>th.active, 
.table.table-pricelist>thead>tr.active>td, 
.table.table-pricelist>thead>tr.active>th, 
.table.table-pricelist>thead>tr>td.active, 
.table.table-pricelist>thead>tr>th.active {
    background-color: #d1d2d4;
}
.table.table-pricelist > thead > tr > td.active, 
.table.table-pricelist > tbody > tr > td.active, 
.table.table-pricelist > tfoot > tr > td.active {
    border-color: #ddd;
}
.table.table-pricelist > thead > tr > th, 
.table.table-pricelist > tbody > tr > th, 
.table.table-pricelist > tfoot > tr > th, 
.table.table-pricelist > thead > tr > td, 
.table.table-pricelist > tbody > tr > td, 
.table.table-pricelist > tfoot > tr > td {
    padding: 5px; 
    background-color:#fff;
}
.table.table-pricelist, 
.table.table-pricelist > thead > tr > th, 
.table.table-pricelist > thead > tr > td, 
.table.table-pricelist > tbody > tr > td, 
.table.table-pricelist > tfoot > tr > td {
    border-color: #ddd;
}
.table.table-pricelist>tbody>tr>td, 
.table.table-pricelist>tbody>tr>th, 
.table.table-pricelist>tfoot>tr>td, 
.table.table-pricelist>tfoot>tr>th, 
.table.table-pricelist>thead>tr>td, 
.table.table-pricelist>thead>tr>th {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.table.table-pricelist>tbody>tr>td:first-child, 
.table.table-pricelist>tbody>tr>th:first-child, 
.table.table-pricelist>tfoot>tr>td:first-child, 
.table.table-pricelist>tfoot>tr>th:first-child, 
.table.table-pricelist>thead>tr>td:first-child, 
.table.table-pricelist>thead>tr>th:first-child {
    border-left: none;
}
/** owl carousel */
.owl-theme .owl-controls .owl-buttons .owl-next:hover, 
.owl-theme .owl-controls .owl-buttons .owl-prev:hover {
    background: #eaeaea;
    /*font-size: 2em;*/
}
.owl-theme .owl-controls .owl-buttons .owl-next:hover i[class^="icon-"]:before, 
.owl-theme .owl-controls .owl-buttons .owl-prev:hover i[class^="icon-"]:before, 
.owl-theme .owl-controls .owl-buttons .owl-next:hover i[class*=" icon-"]:before, 
.owl-theme .owl-controls .owl-buttons .owl-prev:hover i[class*=" icon-"]:before {
    color: #000;
}