/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 03.02.2015, 13:15:54
    Author     : barthelfr
*/
.phocamaps img { max-width:none!important;}

body {font-family: 'Open Sans', sans-serif; color: #505050;font-size:15px;}
a {  color: #007c32;  text-decoration: none;}
.img img {max-width:100%}
.container.t3-sl { padding-top: 20px; padding-bottom:20px;}
.container.t3-sl > .row > div.col-lg-12 {padding:0;}
.fixed-columns > .moduleItemList > div.itemContainer > .moduleItemView { margin:0 15px;}

p {
    margin: 0 0 20px;
}

/********************************************
TOPNAVI */
#topnav {text-align: right;background: #007c32;
padding: 8px 5px 0px 5px;
color: #66b084;}
#topnav .nav { float: right; }
#topnav .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background: none;
}

#topnav a { font-size:16px; font-weight:bold;color:#66b084 }


.fa-phone::before {
    font-size: 18px;
}

#topnav .nav > li > a { padding:3px 15px; color: gray; font-size: 14px;text-transform: uppercase; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
#topnav .nav > li.active > a {color:#000;}
/********************************************
HEADER */
header {background: url("/images/hg_logo.jpg") top no-repeat;}
header .head-content p {color: #005fb7; font-size: 24pt;padding: 30px 0 20px 0; }
header .head-content p img { vertical-align: middle;max-width:100%}

header .logo {padding-left:0;}
header .logo img {max-width:100%}

.logo {
    padding: 20px;
}

/********************************************
SHOWCASE */
#showcase {background: #e7e7e7 }
#showcase > .container { padding:0; width:100%;border-bottom: 15px solid #a8a7a7;}
#showcase .t3-module { margin-bottom: 0; padding-bottom:0;}
#showcase .t3-module .custom p { padding:0; margin:0;}
#showcase p img { max-width: 100%;}
#showcase .col-xs-12 { padding:0;}


/* Slideshow */
#showcase .carousel .container h5,
#showcase .carousel .container .moduleItemIntrotext {margin: 0 50px 10px 50px;}
#showcase .carousel-caption {position:absolute; top:20%;left:0; right:auto; bottom:auto; width:100%;; text-align:left; padding-top:0;}
#showcase .carousel-caption h5 {display:inline-block; padding: 10px 20px; background:#b60837; color:#FFF; text-transform: uppercase; font-size:26px}
#showcase .carousel-caption p {
background: none;
color: #FFF;
font-size: 40px;
padding: 5px 10px;
margin-bottom: 2px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
margin: 10% auto;}
#showcase .carousel-control.left {text-align:center;} 
#showcase .carousel-control.right {text-align:center;} 
#showcase .carousel-control .fa-chevron-left {left:15px; right:auto;}
#showcase .carousel-control .fa-chevron-right {left:auto; right:15px;}
#showcase .carousel-control .fa-chevron-left, 
#showcase .carousel-control .fa-chevron-right {
    position: absolute;
    top: 45%;
    z-index: 5;
    display: inline-block;
    font-size:40px;
}
#showcase .carousel-indicators {bottom:0;}
#showcase .carousel-control {width:10%}

#showcase-2 {}
#showcase-2 .container {
    width: auto;
}


/********************************************
SPOTLIGHT */
#spotlight {background: url("/images/hg_spot.png") no-repeat top center #e5e4e4;}
#spotlight .container {text-align:center; color:#007c32; font-size:20px;padding-top: 70px;
padding-bottom: 30px;}
#spotlight h3,
#spotlight .moduleItemIntrotext { text-align: center; }
#spotlight h3{text-transform: none; font-size: 18px}

#spotlight-2 { background:silver}




/********************************************
UITILITY */
#utility {width:100%}
#utility .container.t3-sl {
    width:100%;
	padding-top: 0px;
    padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#utility p {margin:0;}
#utility img {max-width:100%;}


#utility h3,
#utility .moduleItemIntrotext { text-align: center; }
#utility h3{text-transform: none; font-size: 20px}

#utility-2 {background: #e5e4e4;
padding: 50px;
text-align: center;}

#utility-2 h1, .h1 {
    font-size: 25px;
    color: #007c32;
    padding-bottom: 20px;
}

h4, .h4 {
    font-size: 14px;
    color: #fff;
    background: #a8a7a7;
    display: inline-block;
    padding: 15px;
}

#utility-2 a {color:#fff;}


/********************************************
FOOTER */
footer.t3-footer{background:#a8a7a7; color:#505050; padding:60px 0;}
footer.t3-footer a {color:#505050}
footer .vnav li {margin: 0 0 10px 0}
footer div[class*="-12"] p {text-align: left}

#t3-footer-2 {width:100%;padding: 0px;}
#t3-footer-2 .container {
	width:100%;
	padding-left: 0px;
	padding-right: 0px;}
#t3-footer-2 img {max-width:100%;}

#t3-footer-2 .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    padding-left: 0px;
    padding-right: 0px;
}

/********************************************
SIDEBARS */
.t3-sidebar .nav.navbar-nav li { float: none;   display: block;   width: 100%;} 
.t3-sidebar .container {width:100%}
.t3-sidebar .dropdown-menu {top:0; left:100%; padding:0; margin:0;}
.t3-sidebar .nav.navbar-nav { float:none; width:100%}
.t3-sidebar-left { padding-left:0;}
.t3-sidebar-left .container {padding:0;}
.t3-sidebar-right {
padding-right: 30px;
padding-top: 40px;
padding-left: 30px;
background: #e5e4e4;
margin-top: 30px;}
.t3-sidebar-right .container {padding:0;}
.t3-sidebar-right .itemContainer {float:none;}
.t3-sidebar-right strong.label {color: #000; display: inline-block; width: 100px; text-align: left; font-size: 14px;padding-left:0;}
.t3-sidebar-right h3 { color: #007c32}
.t3-sidebar-right p img ~ a,
.t3-sidebar-right p img ~ span {color: #005fb7; font-size: 20px; font-weight:bold; margin-left: 10px;vertical-align:middle;}
.t3-sidebar-right p a { color:#fff}
.t3-sidebar-right a { color:#fff}
.t3-sidebar-right .itemContainer { border-top:1px solid #005fb7}
.t3-sidebar-right .moduleItemList div.itemContainer:first-child { border: none;}
.t3-sidebar-right {  }

/********************************************
NAVIGATION */
.navbar { border: none;}
#t3-off-canvas,
#t3-mainnav{background:#a8a7a7}

/* Erste Ebene */
ul.navbar-nav > li > a {color:#FFF}
ul.navbar-nav > li.open > a, 
ul.navbar-nav > li.open > a:hover,
ul.navbar-nav > li.open > a:focus,
ul.navbar-nav > li > a:hover,
ul.navbar-nav > li > a:focus {background: #e5e4e4; color:#007c32;}

ul.navbar-nav > li.active.open > a,
ul.navbar-nav > li.active > a {background:#e5e4e4; color:#007c32}

.nav > li > a {
    padding: 10px 22px;
}

.navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
}

.navbar-nav {
    text-transform: uppercase;
}

.t3-mainnav .t3-navbar {
        width: 880px;
    margin-left: auto;
    margin-right: auto;
}


.t3-off-canvas {
    width: 200px;
}

.off-canvas-effect-4.off-canvas-open .t3-wrapper {
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
}


/* 2.Ebene */
ul.dropdown-menu { border:none; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;background-color: silver; margin:0;padding:0;}
ul.dropdown-menu > li > a { padding: 15px;color:#000;}
ul.dropdown-menu > li > a:hover,
ul.dropdown-menu > li > a:focus {background:lightgray}

ul.dropdown-menu > li.active > a, 
ul.dropdown-menu > li.active > a:hover, 
ul.dropdown-menu > li.active > a:focus {background:lightgray; color:#000}

/* CANVAS Menu */
#t3-off-canvas ul.dropdown-menu > li > a{padding-left:30px;}
.btn-primary { background:gray}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background: silver;  color: #000 !important;
}


button.off-canvas-toggle { display:none;}
button.off-canvas-toggle {position:absolute !important ; left:0;}

/********************************************
MAINBODY */
#t3-content {padding: 20px 20px 20px 10px;}
#t3-content h1 {font-size:25px;color:#007c32;margin: 0px 0 20px 0; text-transform:uppercase;}
#t3-content h2 {font-size:20px;color:#007c32; margin: 10px 0 20px 0; padding:0;}
#t3-content h3.catItemTitle,
#t3-content h3.catItemTitle > a {font-size:20px;color:#007c32; line-height:32px; margin: 10px 0 20px 0; padding:0;}
#t3-content h4 { font-size:16px;color:gray;  }

h3, .h3 {
    font-size: 20px;
    color: #007c32;
}

#t3-content h5{font-size:16px;color:#000; line-height:20px}
#t3-content h6{font-size:14px;color:#000; line-height:20px}

.catItemImage strong.catItemImageCaption,
.itemImage strong.itemImageCaption { display: block; background: #e7e7e7; font-size: smaller; font-weight: normal}

.startseite_inhalt div.catItemIntroText{padding:40px;text-align: center;}
.startseite_inhalt div.catItemIntroText img{max-width:100%;}

#k2Container {
    padding: 0 !important;
}


.wf_caption > span { background:#33363b; color:#FFF; font-size: 16px;padding:7px;}
.wf_caption img { max-width:100%}
/********************************************
SONSTIGES */
a#top-link {
    bottom: 10px;
    color: #222222;
    display: none;
    padding: 5px 10px;
    position: fixed;
    right: 10px;
    float: right;
    left: auto !important;
    transition: background 0.2s linear 0s, border 0.2s linear 0s, color 0.2s linear 0s;
    z-index:9999;
}
a#top-link:hover { cursor:pointer; background: none;}
.notelnr:hover{text-decoration:none; color:inherit;cursor:default;}

.t3-sidebar .fa.fa-phone-square { color:#005fb7;  vertical-align: middle; visibility: hidden;  font-size: 0px;padding-right:10px;}
.t3-sidebar .fa.fa-phone-square:before {font-size: 30px; visibility: visible;}
.t3-sidebar a.telnr4mobil.notelnr {font-size: 20px;color:#007c32; }


/********************************************
FORMULAR */
/* Simple transparent form with minimal styling and text error messages */
/* Version 10.00 */

div.fcp_wrapper {
    margin: 0 0 20px 0;
    max-width: 90%;
}
.fcp_wrapper ~ p {}

/* line layout */

div.fcp_line	    {clear:left; padding-top:0.5em;}
div.fcp_line label:first-child  { padding-top: 7px; margin-bottom: 0; text-align: left; width:18%; vertical-align: top; margin-right:2%}

div.fcp_captcha label:first-child { display:block;width:100%; text-align: left;}

div.fcp_captcha,
div.fcp_checkbox {margin-left: 0;}
div.fcp_captcha_inner {
    float: left;
}
div.fcp_line input[type="file"] {
    border: 0;
}
/* mandatory and errors */

.fcp_mandatory:after {content:"*"; margin-left:0.25em; font-size:larger;}
.fcp_error_msg       {margin-left:20%;  color:#DD4134; vertical-align:text-bottom; padding-left:3px;}
div.fcp_sendrow .fcp_error_msg,
div.fcp_captcha .fcp_error_msg { margin-left:0;display:block;}
div.fcp_line input.fcp_error_field     {border:1px solid #C51818 !important;}

/* secure-image captcha */

div.fcp_captcha input   {vertical-align:top;}
div.fcp_captcha_inner   {display:inline-block; padding:2px; background:#F3F4F5 url('/components/com_flexicontactplus/assets/css_images/securimage.png') no-repeat 4% 90%;
                         border:1px solid #7F9DB9; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
img.fcp_captcha_img     {vertical-align:middle; margin:0 5px 0 5px; 
                         border:1px solid #7F9DB9; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
span.fcp_captcha_reload {display:inline-block; height:24px; width:24px; vertical-align:middle;
                         background:#F3F4F5 url('/components/com_flexicontactplus/assets/css_images/reload_blue.png') no-repeat center center; cursor:pointer;}
#fcp_err_captcha        {margin-top:20px;}                

/* image captcha */

.fcp_image_inner        {display:inline-block; }
.fcp_image_inner img 	{cursor:pointer; transition:border 0.7s;}
.fcp_inactive           {border:2px solid transparent;}
.fcp_active             {border:2px solid red;}
#fcp_err_image          {margin-top:20px;}

/* recaptcha */

#recaptcha_widget_div	{display:inline-block; }
#fcp_err_recap		{margin-top:10px;}

/* fieldsets */

fieldset.fcp_fieldset   {clear:left; border:1px solid lightgray; vertical-align:top;}
div.fcp_attach input    {border:1px solid lightgray; background-color:whitesmoke;}

/* input fields */

.fcp_form div.fcp_line input[type="text"], .fcp_form textarea, .fcp_form select     {display: inline-block;}
.fcp_form textarea {height:auto;}

div.fcp_line input[type="checkbox"] {margin-top:0; vertical-align:middle;}	



/* radio button and multiple checkbox layout */

div.fcp_radio_h_inner     {display:inline-block; max-width:70%;}
span.fcp_radio_h          {display:inline-block; }
div.fcp_radio_h_inner span.fcp_radio_h label    
{display:inline-block; width:auto; padding-left:5px; white-space:nowrap;}

div.fcp_radio_v_inner     {display:inline-block; max-width:70%;}
span.fcp_radio_v          {display:block; white-space: nowrap;}
span.fcp_radio_v label    {width:auto; padding-left:5px;}
span.fcp_radio_v input    {clear:left; }

div.fcp_checkbox_l input.fcp_lcb { margin-right:1em;}
div.fcp_checkbox_l label.fcp_lcb {width:auto; max-width:70%;}



div.fcp_checkbox_inner    {display:inline-block; max-width:60%;}


span.fcp_checkbox_m       {display:inline-block;}
span.fcp_checkbox_m label {width:auto; max-width:none; padding-left:5px;}

.fcp_checkbox_mv span.fcp_checkbox_m  { display:block;}


span.fcp_checkbox_h	  {float:left;}

/* the send row */

.fcp_sendrow {margin-left:20%; margin-top: 1em;padding-left:3px;}
#fcp_spinner {margin-top:8px;}
.fcp_spinner {background:url('/components/com_flexicontactplus/assets/css_images/spinner.gif') no-repeat left center !important; height:16px; width:16px;}
input#fcp_send_button:hover {
    background-color: #66b084;
}
input#fcp_send_button {
    background-color: #007c32;
}
/* Tooltips und Popover */


/*----------------------------------------------------------------------*/
/* Magnific Popup Style  */
.mfp-figure:after {
    background:none;box-shadow:none;
}
.mfp-title {color:#000;padding-left:10px}
.mfp-counter {right:10px}
.mfp-content {background:#FFF;padding:10px}
.mfp-iframe-holder .mfp-content {
    max-width: 800px;
    max-height:600px;

}
.mfp-close {
    color:#000!important;
    right:0!important; padding-right:10px!important;
}
.mfp-iframe-holder .mfp-close {background: #FFF; opacity: 1}
/*----------------------------------------------------------------------*/
/* Accordion  Style  */
.accordion h3:hover {cursor:pointer}

/*bx.Gallery  Style  */
.bxgallery {
    background: #efefef;
    margin: 8px 0;
    padding: 16px;
    clear:both;
}

.bx-wrapper .bx-caption span {
    font-family: open sans, Verdana, Geneva, sans-serif;
    font-size: 15px;
	text-align: center;
}

.bx-wrapper {
    padding: 65px 0 0 0;
}


.fa-google-plus-square::before {
    font-size: 25px;
}

.fa-facebook-square::before {
    font-size: 25px;
}



/*----------------------------------------------------------------------*/
@media only screen and (max-width: 991px) {

}
/* Extra Small devices .col-xs- ( < 768px ) */
@media ( max-width: 767px) { 
    button.off-canvas-toggle { display:block;}
    nav#t3-mainnav,  nav#topnav { display:none;}

    .t3-sidebar[class*="col-"] { width:100%}

    div.fcp_line label:first-child { display:block; text-align:left;width:100%}
    .fcp_sendrow, div.fcp_captcha, div.fcp_checkbox {  margin-left: 0;}
    .fcp_wrapper ~ p {   margin-left: 0;}

    td img { max-width:100%}
    .t3-spotlight div[class*="-12"] div.itemContainer { width:100% !important; float:none;}
    .t3-spotlight div[class*="-12"] div.itemContainer .moduleItemImageBlock { float:left;width:33%; margin-right: 3%}
    .t3-spotlight div[class*="-12"] div.itemContainer h3, .t3-spotlight div[class*="-12"] div.itemContainer .moduleItemIntrotext {   text-align: left!important;}

    .t3-spotlight span.catItemImage {text-align:left;}

    .t3-spotlight div[class*="-12"] .overlay div.itemContainer .moduleItemImageBlock {margin:0;}
    .t3-spotlight .overlay  .modulcontent {float:right; width:67%;margin:0; left:auto; bottom:8px; right:auto;position:relative}
    .t3-spotlight .overlay .itemContainer h3,
    .t3-spotlight .overlay .itemContainer .moduleItemIntrotext {margin-top:0;position:static;padding:0;} 

    #equalheight {
        overflow: hidden; 
    }
	
	.bx-wrapper {
    padding: 0;
	}
	
	.t3-footer {
    text-align: center;
	}
	
	div.itemContainer {width: 100% !important;}
	
	.startseite_inhalt div.catItemIntroText {
    padding: 0 0 0 20px;
	}
	
	#spotlight .container {
    font-size: 17px;
    padding-top: 40px;
    padding-bottom: 0px;
	}

	#utility-2 {
    background: #e5e4e4;
    padding: 10px;
	}
	
	footer.t3-footer {
    padding: 20px;
	}
	
	.startseite_inhalt div.catItemIntroText {
    padding: 0;
	}
	
	#t3-content {
    padding: 10px;
	}
	
	.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
	}
	
	#spotlight {
    background-size: 10%;
	}
	
	footer div[class*="-12"] p {
    text-align: center;
	}
	
	.t3-utility .t3-module {
    margin-bottom: 0px;
	}
	
	.startseite_inhalt div.catItemIntroText img {
    max-width: 70%;
    padding-top: 20px;
	}
	
	#showcase .carousel-caption p {
    display:none;
	}
	
	#t3-content h1 {
    font-size: 18px;
	}
	
	#t3-content h2 {
    font-size: 16px;
	}
	
div.fcp_wrapper {
    margin: 0 0 20px 0;
    max-width: 90%;
}
	
	
}

/* Small devices .col-sm- (> 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	#topnav {
    font-size: 13px;
	}
	
	#showcase .carousel-caption p {
    font-size: 25px;
    padding: 0;
    margin: 5% auto;
	}
	
	#t3-content h1 {
    font-size: 18px;
	}
	
	#t3-content h2 {
    font-size: 16px;
	}
	
	footer.t3-footer {
    padding: 30px 0;
	}

}

/* Medium devices .col-md- (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

/* Medium devices .col-md- (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

@media only screen and (max-width: 480px) {
    .col-xxs-12 { width:100%;float:none; height:auto;}

}

/* Large devices .col-lg- (large desktops, 1200px and up) */
@media ( min-width: 1200px) {  }