

@font-face {
  /*  font-family: 'Javacom';
    src:url('webfonts_Javacom/Javacom.ttf.woff') format('woff'),
        url('webfonts_Javacom/Javacom.ttf.svg#Javacom') format('svg'),
        url('webfonts_Javacom/Javacom.ttf.eot'),
        url('webfonts_Javacom/Javacom.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;*/
}

body {
	font-family: 'Helvetica',sans-serif;
}
img {
	max-width:100%;
	height:auto;
}
/**---Allgemeine Styles--*/
h1,h2,h3,h4,h5,h6{
	color:#ec661c;
	font-family: 'Times New Roman',serif;
}
h1, header h2 {
	margin-bottom:20px;
	font-size:36px;
	/*text-transform: uppercase;*/
	font-variant: small-caps;
}
p,#content li{
	color:#323232;
	font-size:18px;
	font-weight: normal;
}
p strong{

	font-weight: bold;     
}
.full-width {
	width:100%;
	max-width:100%;
}
#wrapper{
	/*padding-left:15px;
	padding-right:15px;*/
	width:100%;
	float:left;
}
.desktop{
	display: block;
}
.mobile{
	display: none;
}
/*.container {
	max-width:1200px;
}*/
.frame-layout-0 {
	float:left;
	width:100%;
}
.info-icons .frame-layout-0 {
	float:none;
	width:auto;
}
/*-----------Header begin--------------*/


#header .row, #header .col{
	/*padding-left:0px;
	padding-right:0px;*/
}
#header .row ,#header .logo,#header .info, 
#header .info-icons,#header .row div,#footer .row div{
	padding-left: 0px;
	margin-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
}

#header .logo {
	padding-right: 15px !important;
	position: relative;
}
#header .logo img{
	/*position: absolute;*/
	padding-top:15px;
	z-index:2;
}
#header .row ,#header .logo,#header .info ,#header .info-icons,#header .row div,#footer .row, #footer .row div{
	padding-left: 0px;
	margin-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
}
#header .info-block{
	padding-left:0px;
	width: 100%;
	float: left;
}
#header .info-block .info-icons{
	background-color:#ec661c;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	float: right;
	max-width:280px;
	margin-top:22px;
}
/*---Header nav begin----*/
#header_nav{
	/*padding-left:20px !important;*/
	max-width: 100%;
	padding-top:27px;
}
#navbarSupportedContent {
	display:block !important;
}
/*#header_nav ul.navbar-nav {
	display:block !important;
	margin-right:0px !important;
	width:auto !important;
	float:right;
}  */
#header_nav ul.navbar-nav {
	display:block !important;
	margin-right:0px !important;
	width:auto !important;
	float:left;
}   
#header_nav ul.navbar-nav li{
	float:left;
	width:auto;
} 
#header_nav{
  float:right;
  width:100%;
}

#header_nav .navbar, #header_nav_mobile .navbar{
	padding-right:0px;
}
#header_nav .navbar{
	padding-left:0px;
}
#header_nav nav ul li a, #header_nav_mobile nav ul li a{
	color:#323232;
	font-size:20px;
	padding-bottom:0px !important;
	padding-right:18px;
	font-weight: normal;
}
#header_nav nav ul li ul li a, #header_nav_mobile nav ul li ul li a{
	font-size:18px !important;
}
#header_nav nav ul li:last-child,#header_nav nav ul li:last-child a, #header_nav_mobile nav ul li:last-child,#header_nav_mobile nav ul li:last-child a  {
	padding-right:0px;
	margin-right:0px;
}

#header_nav nav ul li ul li a,#header_nav_mobile nav ul li ul li a {
	color:#323232;
	padding-right:0px!important;
}
#header_nav nav ul li.current a, 
#header_nav nav ul li.active a, 
#header_nav nav ul li.active ul li.current a, 
#header_nav_mobile nav ul li.current a, 
#header_nav_mobile nav ul li.active a, 
#header_nav_mobile nav ul li.active ul li.current a { 
	color:#323232;
	font-weight: 600;

}
#header_nav nav ul li.current ul li a, 
#header_nav nav ul li.active ul li a,
#header_nav_mobile nav ul li.current ul li a, 
#header_nav_mobile nav ul li.active ul li a{
	color:#323232;
	font-weight: normal;

}
#header_nav nav ul li.current > a, 
#header_nav nav ul li.active > a {
		background-image: url('img/blatt.png');
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: 99%;
}
#header_nav nav ul li.current:last-child a,#header_nav nav ul li.active:last-child a{
padding-right: 23px !important;
background-position: 100%;

}
#header_nav ul li ,
#header_nav_mobile ul li{
	list-style-type:none;
}
#header_nav ul li ul.main_submenu_level2 ,
#header_nav_mobile ul li ul.main_submenu_level2 {
	display:none;
	position:absolute;
	width:200px;
	margin-left:8px;
	padding:0px;
	z-index: 555555555;
	background-color:rgb(242,242,242);
}
#header_nav ul li ul.main_submenu_level2 li,
#header_nav_mobile ul li ul.main_submenu_level2 li{
	float:left;
	width:100%;
	border-bottom:1px solid rgb(213,213,213);
}
#header_nav ul li:hover > ul.main_submenu_level2,
#header_nav_mobile ul li:hover > ul.main_submenu_level2 {
	display:block;
}

#header_nav ul li:hover > a,
#header_nav_mobile ul li:hover > a {

	font-weight: bold;
}
#header_nav ul li ul.main_submenu_level2 li a {
	background: none !important;
}
#header_nav .icons.mobile,
#header_nav_mobile .icons.mobile,{
		display:none;
}
.navbar-toggler {
		display:none;
}
/*---Header nav end----*/

/*-------------Header end--------------*/
/*-----------------------Slider begin---------------------*/
#slider_block{
	width:100%;
	float:left;
	margin-top:10px;
}
#slider_block  .carousel-item {
	overflow:hidden !important;
} 
#slider_block  .carousel-item img{
	min-height:375px !important;
	max-width: 3000px !important;
    height: auto;
}  
 #slider_block .carousel-indicators li{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
}
 #slider_block .carousel-indicators .active{
 	    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
 }
/*-------------------------Slider end----------------------*/

/*-----------Content begin--------------*/
.content-block{
	float:left;
	min-height:700px;
	padding-top:30px;
	width:100%;
}
.content-block a{
	color: #ec661c;
}
.content-block-grey {
	width:100%;
	float:left;
	background-color: #DCDBD6;
	margin-bottom:70px;
	margin-top:70px;
}
.content-block-grey header{
	padding-top:20px;
}
.content-block-grey header h1,
.content-block-grey header h2,
.content-block-grey header h3,
.content-block-grey header h4,
.content-block-grey h1,
.content-block-grey h2,
.content-block-grey h3,
.content-block-grey h4{
	margin-bottom:10px !important;
}
/*-----------Content end--------------*/
/*-----------Footer begin--------------*/
#footer{
	width:100%;
	float:left;
	background-color: #868173;
	padding-bottom:30px;
}
#footer .footer-block {
	/*padding-top:20px;*/
	position:relative;
}
#footer .footer-col-first, #footer .footer-col-second{
	margin-top:30px;
}
.footer-map .image{
	 margin:0px;
	 padding:0px;
}

.footer-col-third{
	padding-top:30px;
	padding-bottom: 30px;
	/*flex: 0 0 28%;
	max-width: 28%;*/
	min-width:28%;   
}
 .footer-col-fourth{
	padding-top:40px;
}
#footer .footer-col-second,#footer .footer-col-first{
	border-right:2px solid #ececea;
	max-height: 230px;
}
#footer .footer-col-second,#footer .footer-col-third{
	padding-left:3% !important;
}
#footer .footer-col-first{
	max-width:20%;
}
.footer-block .footer-col-third a, .footer-block .footer-col-third p,.footer-block .footer-col-fourth a, .footer-block .footer-col-fourth p{
	color:#ececea !important;
	font-size:16px;
}
.footer-block .footer-col-first a,.footer-block .footer-col-first p {
	color:#ececea !important;
	font-size:16px;
}
.footer-block p, .footer-block a {
	color:#ececea !important;
	font-size:16px;
}
.footer-col-third p{
	padding-bottom:5px;
}
.footer-col-first ul{
	list-style-type: none;
	width:100%;
	float:left;
	padding:0px;
	margin:0px;
}
.footer-col-first ul li {
	float:left;
	padding-left:0px;
	width:100%;
}
.footer-col-first ul li a{
	float:left;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-weight: normal;
}
.footer-col-first p{
	padding-bottom:5px;
	margin-bottom:0px;
}

/*-----------Footer end--------------*/
/*-----------Footer -Logo begin--------*/
.footer_logo {
	float: left;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
}
.footer_logo p{
	font-size:12px !important;
	padding-top: 15px;
}
.footer-col-fourth .frame-type-image{
	margin-left:22px !important;
}
/*-----------Footer -Logo end--------*/

/*-------------Kontakt-Formular begin----------------*/
.tx-powermail {
	width:100%;
	float:left;
}
.tx-powermail .container-fluid ,.tx-powermail .powermail_fieldwrap,.tx-powermail .powermail_fieldwrap div ,.tx-powermail .row{
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
}
.tx-powermail .powermail_fieldwrap{
	width:100% !important;
	max-width:100% !important;
	flex:0 0 100%;
	-ms-flex-preferred-size:100%;

} 

.tx-powermail .powermail_fieldwrap input.powermail_input {
	float:left;
	max-width:400px;
}
.tx-powermail .powermail_fieldwrap label{
	float:left;
	width:100%;
	max-width:200px;
}
.tx-powermail .powermail_fieldwrap div{
	float:left;
	max-width:400px;
	width:100%;
}
/*--------------Strasse und Hausnummer  begin---------------*/
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_strasse {
	width:100% !important;
	max-width:500px !important;
	flex: 0 0 100%;
	float:left;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_hausnummer  {
	width:100% !important;
	max-width:250px !important;
	flex: 0 0 100%;
	float:left;
}
/**Strasse*/
.tx-powermail .powermail_fieldwrap #powermail_field_strasse  {
	float:left;
	max-width:290px;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_strasse div {
	width: 100%;
	max-width:290px;
}
/*Hausnummer*/
.tx-powermail .powermail_fieldwrap #powermail_field_hausnummer{
	float:left;
	max-width:100px;
}
/*--------------Strasse und Hausnummer  end---------------*/
/*--------------PLZ & ORT  begin---------------*/
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_plz {
	width:100% !important;
	max-width:310px !important;
	flex: 0 0 100%;
	float:left;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_ort {
	width:100% !important;
	max-width:500px !important;
	flex: 0 0 100%;
	float:left;
}
/**PLZ*/
.tx-powermail .powermail_fieldwrap #powermail_field_plz  {
	float:left;
	max-width:100px;
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_plz div {
	width: 100%;
	max-width:100px;
}
/*ORT*/
.tx-powermail .powermail_fieldwrap #powermail_field_ort{
	float:left;
	max-width:290px;
}
/*--------------PLZ & ORT  end---------------*/

.tx-powermail .powermail_fieldwrap .checkbox {
	width:80%;
	padding-left:15px;
	max-width:100%;
}
.tx-powermail .powermail_fieldwrap .checkbox label {
	width:100%;
	max-width:300px;
}
.tx-powermail .btn-primary {
	background-color:#ec661c!important;
	color:white;
	border:0px solid #ec661c!important;
}
.tx-powermail .btn-primary:hover{
	cursor:pointer;
}
/*-------------Kontakt-Formular end------------------*/