body, html {
    margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background: #FFF none repeat scroll 0% 0%;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	font-size: 100%
}
a {color:#2d74b6}
a:hover, a:focus {text-decoration: none}
hr {border-color:#2d74b6; margin-bottom: 10px}
.bg {background-image: url(img/bg_wolke.png);background-attachment: fixed; background-position: 0px 0px;background-repeat: no-repeat;}

/****************************************/
/* HEADER                               */
/****************************************/
#logo {position: relative; top:0px}
.brand {
    padding: 15px 5px 5px 5px;
    margin: 0px;
    display: inline-block;
    background-color: #fff;
    z-index: 5000;
	font-size: 2.0rem; font-weight:25; color:#2d74b6
}
.brand span {font-family: times; font-weight:700; font-size: 2.4rem;}
.brand_mobil  {
    padding: 25px 0px 0px 5px;
    margin: 0px;
    display: inline-block;
    background-color: #fff;
    z-index: 5000;
	font-size: 1.3rem; font-weight:25; color:#2d74b6
}
.brand_mobil span {font-family: times; font-weight:700; font-size: 1.7rem;}
/*****************************/
/* Main Navigation          */
/****************************/
.main-navigation {position: absolute; top: 0px; left: 0px; right: 0px; height: 80px; clear:both; z-index: 2000}
.main-navigation-border {background: transparent none repeat scroll 0% 0%; box-shadow: -5px 0px 20px rgba(0, 0, 0, 0.2);}
.affix {position: fixed;background-color: #fff }
.nav-offcanvas {float: left}
.navbar-nav {margin: 0px}
#navbar .nav li {border-bottom: solid 1px #2d74b6}
#navbar .nav li li {border-bottom: none}
#navbar .nav li a {font-size: 1.0rem !important; font-weight: 300; color: #2d74b6; display: block; background: rgba(255, 255, 255, 0) none repeat scroll 0% 0%}
#navbar .nav li a:hover {color: #2d74b6}
.navbar-nav .open .dropdown-menu a, .nav > li > a {padding: 10px}
.navbar-toggle {
	margin: 20px 10px 0px 0px;
	padding: 5px;
    border: medium none;
    background: #2d74b6 url("img/icon-toggle-nav.png") no-repeat scroll left top;
    height: 40px;
    width: 40px;
}
.navbar-toggle.collapsed {background-position: left bottom}
/******************************************/
/* Smart Navigation Mobilegeräte         */
/****************************************/
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {border: none; background-color: transparent !important}
.navbar-nav.sm-collapsible ul .dropdown-menu {background-color: #fff !important}
.navbar-nav.sm-collapsible ul ul .dropdown-menu {background-color: #fff !important}
.navbar-nav.sm-collapsible ul .dropdown-menu a {padding-left: 20px !important; max-width: 250px;}
.navbar-nav.sm-collapsible ul ul .dropdown-menu a {font-weight: 300 !important; padding-left: 30px !important;}
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {color: #0073B6; padding-left: 30px!important; font-weight: 700;}
.navbar-nav .dropdown-menu {padding: 5px 0px}
.navbar-nav .open .dropdown-menu {background-color: #cad8e3}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 15px 5px 10px}
.navbar-nav .open .dropdown-menu > li > a {font-weight:300 !important; color: #2d74b6 !important; line-height: 20px}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {color: #2d74b6 !important; background-image: none}
.nav > li {clear: both; width: 100%; position: relative;overflow: visible}
.navbar-nav .open .dropdown-menu a {color: #2d74b6 !important; padding: 5px 0px; text-transform: none !important}
.sub-arrow {background-image: none}
.navbar-nav.sm-collapsible a.has-submenu {color: #2d74b6 !important}

/****************************************/
/* MAIN: Containt                       */
/****************************************/
#main {margin-top: 80px; margin-bottom: 50px;} 
#main h1 {color: #2d74b6; font-size: 2.0rem; margin-top: 0px}
#main h2 {color: #2d74b6; font-size: 1.0625rem; font-weight: 700; margin-top: 25px;
margin-bottom: 5px}

#main p {font-size: 1.0rem; margin-bottom: 20px}

.margin_unten {margin-bottom: 25px}

/****************************************/
/* SIDEBAR                              */
/****************************************/
.btn.sidebar {font-size: 1.0rem; color: #2d74b6; background-color: #fff; border: 1px solid #2d74b6; margin: 40px 15px 20px 15px}
.form_box {background-color: #cad8e3}
.form_box h4 {color: #2d74b6; font-size: 1.4rem; padding-left: 15px; padding-right: 15px}
.referenz_box h4 {color: #2d74b6; font-size: 1.4rem}
.referenz_box div.body {background-color: #cad8e3}
.referenz_box div.body img {padding-left: 0px;/*padding-top: 15px; padding-bottom: 15px*/ }
.referenz_box p {color: #2d74b6; padding-top: 25px}

/**********************************************/
/*  Kontaktformular                           */
/**********************************************/
.form_gruppe {background-color: #cad8e3; margin-bottom: 20px; padding-bottom: 20px}
.headline_form_gruppe {margin: 0px; background-color: #fff}
.headline_form_gruppe h2 {font-size: 1.2rem; margin: 0px 20px 0px 0px; padding: 10px 10px 5px 10px; background-color: #fff}
label {margin: 5px 0px; font-weight: 100}
.prospekt {margin-top: 20px}
.btn-submit { width: 100%; margin-top: 10px}
#bestell-form .row {margin: 0px}
#bestell-form hr {border-top: 1px solid #fff}
#bestell-form hr.oben {margin-top: 0px}
#msg {color: #2d74b6; padding-left: 15px; padding-top: 15px}
/**********************************************/
/*  Kontaktformular                      */
/**********************************************/
/****************************************/
/* DESKTOP                              */
/****************************************/
@media (min-width: 768px) {
/**************************/
/* Main - Navigation     */
/*************************/

#navbar .nav li {border-bottom: none}

#navbar .nav li a.active {color: #2d74b6; border-bottom: solid 3px #2d74b6}
#navbar .nav li a {color: #2d74b6; border-bottom: solid 3px #fff}
.nav-offcanvas {float: right; margin-top: -50px; padding-left: 400px; right: 100px ;width: 100%; background-color: #fff}

.navbar-nav .open .dropdown-menu a:hover{color: #000; background-color: #fff}
.navbar-nav .dropdown-menu {padding: 0px 0px}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header { background-color: #cad8e3 !important; padding: 5px 15px 5px 10px}
.navbar-nav .open .dropdown-menu > li > a {color: #2d74b6 !important; line-height: 20px;}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {color: #2d74b6 !important; background-color: #fff !important; background-image: none}
.nav > li {float: left; clear: none;width: 100%;position: relative;border-top: 1px solid;border-color: #fff;overflow: visible}
.navbar-nav {background-color: #fff; width: 100%; z-index: 2000 !important; overflow: visible}
.navbar-nav > li {float: left}
.nav > li {clear: none; width: auto; border: none}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {border: none}
.navbar-nav:not(.sm-collapsible) .dropdown-menu {top: auto !important; margin-top: 0px !important}
.navbar-nav:not(.sm-collapsible) .dropdown-menu .dropdown-menu {top: auto !important; margin-top: -40px !important}
.navbar-nav:not(.sm-collapsible) li li {background-color: rgba(255, 255, 255, 1) !important}
.navbar-nav:not(.sm-collapsible) .dropdown-menu > li { border: none !important; height: auto}
.navbar-nav:not(.sm-collapsible) .dropdown-menu a {border: none !important; color: #2d74b6 !important; display:block; padding-bottom: 10px !important; padding-top: 10px !important}
.navbar-nav:not(.sm-collapsible) li li li li {background-color: rgba(255, 255, 255, 0.7) !important}
.navbar-nav:not(.sm-collapsible) li:hover {background-color: #fff !important}
.navbar-nav:not(.sm-collapsible) li:hover a {color: #2d74b6 !important; border-bottom: solid 3px #2d74b6 !important;}
.navbar-nav:not(.sm-collapsible) li:hover .dropdown-menu a 
{color: #2d74b6 !important; border-bottom: none !important;}

.navbar-nav:not(.sm-collapsible) li li:hover{color: #fff !important}
.navbar-nav:not(.sm-collapsible) li li:hover a {border: none !important}
.navbar-nav:not(.sm-collapsible) li li li li:hover{background-color: rgba(255, 255, 255, 1) !important}
.dropdown-menu a {
 font-weight: 400 !important; text-transform: none !important; text-decoration:none; letter-spacing: 0px !important; font-size: 14px !important;}
.dropdown-menu a:hover {background-color: rgba(0, 115, 182, 1)}
.dropdown-menu {
    top: 54px;
    left: 0px;
    z-index: 5000;
    display: none;
    float: left;
	width: 100%;
    padding: 20px 0px 20px 0px;
    font-size: 14px;
    text-align: left;
    list-style: outside none none;
    background-color: rgba(255, 255, 255, 1);
    background-clip: padding-box;
	border: none;
    border-radius: 0px !important;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	overflow:visible;
}
.sidebar_abstand {margin-top: 0px}
.sidebar-offcanvas.affix {position: static}
/****************************************/
/* MAIN: Containt                       */
/****************************************/
#main h1 {color: #2d74b6; font-size: 2.25rem; margin-top: 0px}
#main h2 {color: #2d74b6; font-size: 1.0625rem; font-weight: 700; margin-top: 25px;
margin-bottom: 5px}

/**********************************************/
/*  Kontaktformular                           */
/**********************************************/
.btn-submit { width: 25%; margin-top: 25px}
#bestell-form .center {text-align: center}

}
@media (min-width: 992px) {
.nav-offcanvas {
    margin-top: -50px;
    padding-left: 500px;
    width: 100%;
    background-color: #fff;
}
}
@media (min-width: 1200px) {
.nav-offcanvas {
    margin-top: -50px;
    padding-left: 600px;
    width: 100%;
    background-color: #fff;
}
}