/*
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: 'Raleway', sans-serif; color: #fff;}
a {  color: #fff;  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;}

a.thumbnailPic:before {
/*    color: #000;
    content: "\f00e";
    position: absolute;
    left: 5px;
    bottom: 5px;
    font: normal normal normal 26px/1 FontAwesome;*/
}

a:hover, a:focus {
    color: #fff;
    text-decoration: none;}
	
/********************************************
TOPNAVI */
#topnav {
	color: #FFF;
    position: absolute;
    z-index: 10000000;
    width: 100%;
	color:#FFF;
	}
#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 .nav > li > a { padding:3px 5px; color: #fff; font-size: 14px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
#topnav .nav > li.active > a {color:#000;}
/********************************************
HEADER */
header {
	position: absolute;
    z-index: 100;
	width: 100%;
	margin-top: 4em;
	}
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%}

header #t3-mainnav:not(.navbar-fixed-top) > .container {width:100%;}

/********************************************
SHOWCASE */
#showcase { background:url(../../../../images/header_hg.gif) }
#showcase > .container { width:100%; padding:0; background: url(../../../../images/header-starter_hg.jpg) repeat-x;}
#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; display: none;}
#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 {display:inline-block; background:#000; color:#FFF; font-size:16px; padding:5px 10px; margin-bottom:2px}
#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: 50%;
    z-index: 5;
    display: inline-block;
    font-size:40px;
}
#showcase .carousel-indicators {bottom:0;}
#showcase .carousel-control {width:10%}

/********************************************
HIGHLIGHT */

#highlight {}


/********************************************
SPOTLIGHT */
#spotlight {background: #7B5532; margin-bottom: 20em;}
#spotlight h3,
#spotlight .moduleItemIntrotext {  }
#spotlight h3{text-transform: none; font-size: 18px}

/********************************************
Before Mainbody */
#beforemainbody { background:silver}

/********************************************
After Mainbody */
#aftermainbody { background:silver}


/********************************************
UITILITY */
#utility {background: #edf2f6;}
#utility h3,
#utility .moduleItemIntrotext { text-align: center; }
#utility h3{text-transform: none; font-size: 18px}


/********************************************
FOOTER */
#t3-footer{color:#FFF; padding:20px 0; margin-top: 20em; background: url(../../../../images/dreieck.png) bottom center no-repeat #F27B0B;}
#t3-footer a {color:#FFF; text-align: center;}
footer .vnav li {margin: 0 0 10px 0}
footer div[class*="-12"] p {text-align: left}

/********************************************
Bottom */
#bottom {}
/********************************************
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:0;}
.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 { text-transform: uppercase; color: #005fb7}
.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:#000}
.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-v,
#t3-mainnav{background:#F27B0B; border-bottom: 4px solid #6C421B;}

/* 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: #F0BD8D;
    color: #fff;
	}

ul.navbar-nav > li.active.open > a,
ul.navbar-nav > li.active > a { background-color: #F0BD8D; color: #fff;}

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

ul.dropdown-menu > li.active > a, 
ul.dropdown-menu > li.active > a:hover, 
ul.dropdown-menu > li.active > a:focus {background:#3A74AC; color:#fff}

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


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

/********************************************
MAINBODY */
#t3-content {padding:40px 0px;}
#t3-content h1 {font-size:28px; color:#D8761A; margin: 0px 0 20px 0; font-weight: bolder; font-style: italic; border-bottom: 1px solid #fff;
    line-height: 2em; }
#t3-content h2 {font-size:20px;color:#D8761A; margin: 10px 0 20px 0; padding:0; font-weight: bolder; font-style: italic;}
#t3-content h3 {font-size:18px;color:#fff; margin: 10px 0 20px 0; padding:0; font-weight: bolder; font-style: italic;}
#t3-content h3.catItemTitle,
#t3-content h3.catItemTitle > a {font-size:18px; color:#fff; line-height:32px; margin: 10px 0 20px 0; padding:0;}
#t3-content h4 { {font-size:18px;color:#D8761A; line-height:32px; margin: 10px 0 20px 0; padding:0; font-weight: bolder; font-style: italic;}}

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

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




.wf_caption > span { background:#33363b; color:#FFF; font-size: 16px;padding:7px;}
.wf_caption img { max-width:100%}


.startseitenlink {
	padding: 1em 2em;
    text-transform: uppercase;
    font-weight: bolder;
    font-style: italic;
    font-size: 18px;
	}

/********************************************
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:#005fb7;font-weight:bold }


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

div.fcp_wrapper {    margin: initial; width: 70%;}
div.fcp_label { color: #fff; }
/* 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;}

/* 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 div.fcp_line input[type="email"], .fcp_form div.fcp_line textarea, .fcp_form select     { background-color: #ffffff; 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 {
	background-color: #F27B0B;
}
input#fcp_send_button:hover {
	background-color: #6C421B;
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    background-color: #F27B0B !important;
	border-color: #F27B0B !important;
}

/* 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;
    max-width:100%;
        width:800px;
}
/*----------------------------------------------------------------------*/
@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; 
    }
}

/* Small devices .col-sm- (> 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1.6em;
    font-family: Raleway;
    font-weight: 600;
    font-style: normal;
	margin: 0.5em 0;
	}

}

/* Medium devices .col-md- (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 2em;
    font-family: Raleway;
    font-weight: 600;
    font-style: normal;
	padding: 10px 30px;
	margin: 0.5em 0;
	}

}

/* 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) { 
	.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1.6em;
    font-family: Raleway;
    font-weight: 600;
    font-style: normal;
	padding: 10px 40px;
	margin: 0.2em 0;
	
	} }


.carousel-control.left {
    background-image:none;
    background-repeat: none;
}
.carousel-control.right {
    background-image:none;
    background-repeat: none;
}
div#t3-mainbody {
    background: rgba(108, 66, 27, 0.9);
	margin-top: 10em;
}
.t3-wrapper
{
	background: url(../../../../images/hg.jpg) no-repeat center center fixed;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
	}
	a.moduleItemTitle {
    color: #fff;
}
h5.moduleItemTitle {
    text-align: center;
    font-size: 1.2em;
}
moduleItemView.odd.lastItem h5. {
	    font-size: small;
}
.dropdown-menu > li > a {

    font-size: 1.2em;
    font-family: Raleway;
    font-weight: 600;
}
#field014
{ background: url(../../../../images/schluesselnummer.gif) no-repeat #fff; }
.gm-style .gm-style-iw {
    font-weight: 300;
    font-size: 13px;
    color: #000;
    overflow: hidden;
}
.gm-style .gm-style-iw a{
    font-weight: 300;
    font-size: 13px;
    color: #000;
    overflow: hidden;
}
a.moduleItemTitle {
    font-style: italic;
    font-size: larger;
    font-weight: bold;
	color:#fff;
}
.moduleItemIntrotext a {
	color:#F27B0B;
}
.carousel-inner {
    position: relative;
    overflow: hidden;
    max-width: 1529px;
    margin-left: auto;
    margin-right: auto;
	background: url(../../../../images/header-starter_hg.jpg) repeat-x;
}
.navbar-nav {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}
.navbar-nav {
    float: none;
}
footer#t3-footer h3 {
    font-size: x-large;
    font-weight: bold;
}
div.catItemImageBlock {
    float: left;
    padding: 0 16px 8px 0;
    margin: 0;
    width: 40%;
}
.t3-off-canvas .t3-off-canvas-header {
    background: #6C421B;
    color: #fff;
    padding: 0 0 0 12px;
    height: 35px;
}
div#t3-content ul {
	padding-left: 4.5em;
	list-style: none;
}

div#t3-content li:before {
	font-family: FontAwesome;
	content: "\f0a9";
	display: inline-block;
	width: 2.5em;
	margin-left: -2.5em;
}
div#t3-mainbody p {
    margin: 0px 0 32px;
}
.logo-image {
    text-align: right !important;
}
#t3-mainbody p.link {
    border: 2px solid #fff;
    border-radius: 5px;
    color: #000;
    display: inline-block;
    font-size: 26px;
    margin: 20px 0;
    padding: 10px 20px;
}
#t3-mainbody p.link:hover {
	background:#F27B0B;
	 transition: all 1s ease 0s;
}