body {font-family:  "Montserrat", Helvetica, sans-serif; background: white; color: #000; }
.wf-loading body {font-family: Arial, "Montserrat", Helvetica, sans-serif; }

a{color:#000; text-decoration:none;}
a:hover{color:#000;}
.btn,a,.btn:hover,a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
}

.btn{border:none;border-radius: 10;background: #E67E1D; padding: 0.75em 3em;color: #fff;text-transform: uppercase;}
.btn-danger{background: #E67E1D; !important;}
.btn:hover,.btn:active{background: #000; color: #fff;box-shadow: none;}

h1,h2,h3,h4,h5,h6{margin: 0;line-height: 1em;}
h1{font:500 5em "Montserrat", Helvetica, sans-serif;padding:0em 5em 0.5em 0em;color: #373B44;}
h2{font:700 1.5em "Montserrat", Arial, Helvetica;margin-bottom: 1.5em; color: #9C9E9F;text-transform: uppercase;}
h3{font:700 1.0em Raleway,Arial,Helvetica;margin:1.5em 0;color: #9C9E9F;text-transform: uppercase;}
h4{font-size:1em;line-height: 1.7em;color: #888; }
h5{font:500 1.5em Raleway,Arial,Helvetica;margin-bottom: 1.5em; color: #9C9E9F;}
h6{font:700 3em Raleway,Arial,Helvetica;padding:2.5em 0;text-transform: uppercase;color: #fff;}

p{font-size:1em;line-height: 1.7em; margin-bottom: 1.7em;color: #888;}

/**Neu angelegt**  padding: OBENem RECHTSem UNTENem LINKSem;**/
.paddingOU {margin: 10px auto; padding: 15em 1em 5em 1em;}
.spacer{padding:5em 5em 0em 5em;}
.paddingOUgross {margin: 50px auto; }
.paddingOUkurz {margin: 10px auto; padding: 5em 1em 5em 1em;}

.rowbreit {margin-left: -30px;margin-right: -30px;}
.nopadding {padding:0;margin:0;}

/**Kontrollfarben**/
.container{background: #;}

.row{background: #;}
.spacer{background: #;}
.spacer1{background: #;border-style:  ;}
.spacer2{background: #;}
.spacer5{background: #;}
.nav{background: #;}
.paddingOU {background-color: #;}


/*Animierter hamburger*/  
.navbar {background-color: rgba(255, 255, 255, 0); border-color: #; text-align: right;}
.navbar-brand{padding-left:50px;padding-top:50px;}
#nav-toggle {float: right;}
#nav-toggle {cursor: pointer; padding: 40px 100px 40px 50px; margin-top: 0;background: #;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {cursor: pointer;border-radius: 1px;height: 7px;width: 75px;
 position: absolute;display: block;content: '';}
#nav-toggle span:before {top: -10px;}
#nav-toggle span:after {bottom: -10px;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {background: #777;transition: all 200ms ease-in-out;}
#nav-toggle.active span:before, #nav-toggle.active span:after {background: #fff;top: 0;}
#nav-toggle.active span {background: transparent;}

#nav-toggle.active span:before {transform: rotate(45deg);}
#nav-toggle.active span:after {transform: rotate(-45deg);} 

/*Sidebar*/   
#sidebar-wrapper {margin-right: -40%;right: 0;width: 40%;background: rgba(0,0,0,0.9);position: fixed;height: 100%;
    overflow-y: auto;    z-index: 100;
    transition: all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -ms-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;  }
.zentriert {width: 100%;position: absolute;top: 50%;padding: 0px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);}
.sidebar-nav {width: 100%;list-style: none;background: #;}
.sidebar-nav li {line-height: 50px;text-indent: 20px;font-size: 38px;}
.sidebar-nav li a {color: #999999;display: block;text-decoration: none; padding-left: 20%;}
.sidebar-nav li a:hover {color: #fff;background: rgba(255,255,255,0.2);text-decoration: none;}
.sidebar-nav li a:active, .sidebar-nav li a:focus {text-decoration: none;}
.sidebar-nav > .sidebar-brand a {color: #999999;font-size: 18px;}
.sidebar-nav > .sidebar-brand a:hover {color: #fff;background: none;}
  #sidebar-wrapper.active {right: 40%;width: 40%;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;  }
.toggle {margin: 5px 5px 0 0;}

/*StarterKarussell*/
.carousel-indicators li {width: 7px;height: 7px;margin-bottom: 50px;margin-left: 10px;background-color: #000 \9;background-color: #000;border: 0px solid #000;border-radius: 7px;}
.carousel-indicators  li:hover {background-color: #777;}
.carousel-indicators .active {width: 7px;height: 7px;margin-bottom: 50px;margin-left: 10px;background-color: #fff;}


/*Masonry*/
.weit1 {width: 33.333333% !important; }
.weit2 {width: 66.666666% !important;}
.weit3 {width: 33.333333% !important;}
.weit4 {width: 50% !important;}


/*Leistungen*/

.panel-default > .panel-heading {background-color: #fff;border-radius: 0px;border-color: #dddddd;color: #000;}
.panel-heading {border-bottom: 1px solid transparent;border-radius: 0px;padding: 0px;}
.panel-title > a:hover, .panel-title > a:focus {text-decoration: none;background-color:#;color: #000;}
.panel{border: 0px;border-radius: 0px !important;box-shadow: 0px;margin-bottom: 20px;}

/*Animation_Balken*/

.progress {width: 100%;  height: 5px;}
.progress-bar {background-color: #000;}

.footer{background-color: #111; color: #888; font-size: 1em;padding: 3em;}
.footer a{color: #666;margin: 0 1em; }

@media (max-width: 1200px) {		
	.spacer{padding: 2em;}

}

@media (max-width: 900px) {
.weit1 {width: 100% !important; }
.weit2 {width: 100% !important; }
.weit3 {width: 50% !important; }
}	

@media (max-width: 641px) {

body{font:300 12px/12px Roboto,Arial,Helvetica;}
h1{padding: 0.5em 0em;}
.footer{margin-top: 2em;padding-bottom: 2em;}

.navbar {background-color: rgba(255, 255, 255, 0.7);}
#sidebar-wrapper {margin-right: -100%;right: 0;width: 100%;}
#sidebar-wrapper.active {right: 100%;width: 100%;}
.sidebar-nav {width: 100%;}
#nav-toggle {top: 20px;right: 5px;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {height: 5px;width: 55px;}
#nav-toggle.active span:before, #nav-toggle.active span:after {background: #777;}
#nav-toggle span:before {top: -7px;}
#nav-toggle span:after {bottom: -7px;}

.rowbreit {margin-left: 0px;margin-right: 0px;}


.weit1 {width: 100% !important; }
.weit2 {width: 100% !important; }
.weit3 {width: 100% !important; }

p{font-size:1.2em;line-height: 1.7em; margin-bottom: 1.7em;color: #888;}


} /**Ende MediaQuerie 641px**/