@font-face {
    font-family: 'RotisSansSerifStdLight';
    src: url('../fonts/rotissansserifstd-light-webfont.eot');
    src: url('../fonts/rotissansserifstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rotissansserifstd-light-webfont.woff') format('woff'),
         url('../fonts/rotissansserifstd-light-webfont.ttf') format('truetype'),
         url('../fonts/rotissansserifstd-light-webfont.svg#rotis_sans_serif_std_lightRg') format('svg');
    font-weight: normal;
    font-style: normal;
}


html {
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

body, h1, h2, h3, h4, h5, h6, a, .main-navigation .primary-menu-container .menu a, button, input[type="button"], input[type="reset"], input[type="submit"], p, span {
    font-family: 'RotisSansSerifStdLight';
	text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6 {
    color: #0099cc;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .wpb_button {
    padding: 10px 10px 5px 10px !important;
    font-size: 100% !important;
}
.contact-map {margin: 0 15px;}
#site-navigation {background: #000;}

#site-navigation > .mCustomScrollBox.mCS-light > .mCSB_container {
    background-color: transparent !important;
/*    background: url('../images/geruest.png') no-repeat top left;*/
/*   -webkit-background-size: 100%; 
    -moz-background-size: 100%;   
    -o-background-size: 100;      
    background-size: 100%;        */ 
    height:100%;
}
#site-navigation ul li a {
    background: none !important;
    border: none !important;
    font-weight:normal;
}
.site-wrapper {padding-top:25px;padding-left: 29%;}
.home.page .startimg {
    height:80%;
}
.home.page #content {
    padding: 0;
}

.entry-content {
    padding:0; 
}
/*
.home.page #wrapper {padding:0;}

.home.page #content .wpb_row.vc_row-fluid {margin:0;}
.home.page article {margin:0;}
.home.page #sftgSidebar, .home.page #colophon  {display:none;}
*/
.site-branding .logo {  padding: 7% 7% 20% 7%;width: 70%;}

.main-navigation .primary-menu-container .menu li {float:none;clear:left;margin-top:2%;margin-bottom:2%;}
article h2 {
    font-size:150% !important;
    font-weight:normal;

}

/*.home.page h2,*/ #sftgSidebar h2 {
    background: #0099cc;
    padding: 10px 0 5px 10px;
    text-transform: uppercase;
    font-size: 12px !important;
    color: #fff;
/*    height: 26px;*/
    width: 70px;
    text-align: left;
    border-radius:5px;
}


#sftgSidebar { clear: both; padding-top:4%; }
#sftgSidebar > div h2 {margin-left: -10px;}
#sftgSidebar > div {float:left;width:50%;padding:0 0 10px 30px;font-size: 12px;line-height: 13px;margin-top: 10px}

#colophon {clear:left;}


.wpb_button {border: 0 !important;}

.wpb_btn-primary, .wpb_btn-primary:hover, input.wpcf7-form-control.wpcf7-submit  {
    text-transform: uppercase;
    background: #0099cc url(../images/button.png) center center no-repeat !important;
   -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    border: 0;
    width: auto;
}
.main-navigation .primary-menu-container ul.menu{
    background: #000 url(../images/geruestchild.png) center right no-repeat;
    background-size: 50% 100%;
    -moz-background-size: 50% 100%;
    -o-background-size: 50% 100%;
    -webkit-background-size: 50% 100%;
}
.main-navigation .primary-menu-container .menu .menu-item a {
    padding:0;
    color:#fff;
    text-transform: uppercase;
}

.main-navigation .primary-menu-container .menu .current-menu-item a, 
.contrast-sb-dark-bg-light .main-navigation .primary-menu-container .menu .menu-item:hover a,
.contrast-sb-dark-bg-light .main-navigation .primary-menu-container .current-menu-item, .contrast-sb-dark-bg-light .main-navigation .primary-menu-container .menu-item:hover {
    background:none;
    color: #0099cc;
}

.contrast-sb-dark-bg-light .site-footer {border:0;margin-top: 4%;}
.site-footer .site-info {margin:0;font-size:60%;font-size: 60%;bottom: 15px;width: 100%;text-align: center;}

.page-template-templatestemplate-contact-php input, .page-template-templatestemplate-contact-php textarea {
    background-color: #808080 !important;
    border:0 !important;
}
div.imgheading span, .page-id-38 .imgheading {
  background: #0099cc;
  color: #fff;
  padding: 5px 10px;
  font-size: 18px !important;
  letter-spacing: 1px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  white-space: pre-wrap;
}
div.imgheading {
  text-align:center;
  margin: 0 15px;
}
div.imgheading h2 {
  color: #fff;
  text-transform: uppercase;
  padding: 15px 0 0 0;
  font-size: 22px !important;
  letter-spacing: 1px;
}
.page-id-7 .wpb_single_image h2, .page-id-16 .wpb_single_image h2 {
  position: absolute;
  z-index: 2;
  width:100%;
}
.page-id-7 div.imgheading span, .page-id-16 div.imgheading {
  text-align: center;
  font-size: 13px !important;
  line-height: 300%;
  margin-top: 10px;
  padding-right: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.page-id-7 .wpb_single_image h2+img, .page-id-16 .wpb_single_image h2+img {
/*    margin-top: -53px;*/
  position: relative; z-index:1;
}
.page-id-7 div.imgheading h2,.page-id-16 div.imgheading h2 {
  text-transform: none;
  font-size: 13px !important;
}

.page-id-38 .imgheading {
  text-align: center;
  margin: 0;
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 15px;
  left: 15px;
  padding:0;
  border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
}
.page-id-38  .wpb_single_image img {
  vertical-align: bottom;
}

ul.contact-list {display: none; }

.wpb_single_image img {width:100%;}
.contrast-sb-dark-bg-light .main-navigation .primary-menu-container .menu {margin: 0;border:0;padding-left:20px;}
/*.page-template-default, .page-template-templatestemplate-contact-php {padding-left: 15px; }*/

 .page-template-default .vc_responsive.wpb_row.vc_span12 {min-width:100%;}

a, a:visited {color: #fff;}
.contrast-sb-dark-bg-light a:hover {color:#0099cc;}
::selection {
  color: rgba(255, 255, 255, 0.85);
  background: #0099cc;
}

.page .wpb_row,
.page .wpb_content_element,
.page ul.wpb_thumbnails-fluid > li,
.page .last_toggle_el_margin,
.page .wpb_button {  margin-bottom: 15px;} 

.mobile-nav-btn {
  background: url('../../../uploads/2014/06/favicon.png') top left no-repeat;
   -webkit-background-size: 100% 100%; /* For WebKit*/
    -moz-background-size: 100% 100%;    /* Mozilla*/
    -o-background-size: 100 100%;      /* Opera*/
    background-size: 100% 100%;         /* Generic*/
  height: 25px;
  width: 25px;
  left: 15px;
  top: 15px;
}
.mobile-nav-btn:before, .icon-knacc-menu-hamburger:before {content: "";}
table {margin:0;}
a {outline:0;}
.wpb_row {margin-left: 0 !important; margin-right: 0 !important;}
/*.vc_responsive .wpb_row .vc_span12, .vc_responsive .wpb_row .vc_span4 {padding: 0 !important;}*/

.wpb_button {
  -webkit-border-radius: 5px !important;;
  -moz-border-radius: 5px !important;;
  border-radius: 5px !important;;
  border: 0 !important;
}

.site-content ul { 
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-top: -15px;}
.site-content ul li {
  padding-left: 0.6em;
  text-indent: -.6em;
}
.site-content ul li:before {
  content: "›";
  padding-right: 5px;
}

.page-template-templatestemplate-contact-php.vc_responsive .wpb_row .vc_span12.column_container {padding:0;}
 p {margin-bottom: 15px;}

input {padding: 4px 8px;}
::-webkit-input-placeholder { color:#fff; }
::-moz-placeholder { color:#fff; } /* firefox 19+ */
:-ms-input-placeholder { color:#fff; } /* ie */
input:-moz-placeholder { color:#fff; } 

div.wpcf7-mail-sent-ok { border: 2px solid #0099cc; }
 .vc_responsive .wpb_row .vc_span3 {display:none;}

/* geruest */
.site-branding {border-bottom:2px solid #999;}
#menu-item-33 {border-bottom:1px solid #999;}
#sftgSidebar, #colophon {border-top: 2px solid #999;}
.contrast-sb-dark-bg-light .main-navigation .primary-menu-container .menu {padding:0;}
.main-navigation .primary-menu-container .menu li {padding-left:20px;}
.sftgMail {margin-bottom: 10px;}

/* startseite */
/*
.home.page .mobile-nav-btn {display:none;}
.home.page .entry-content > .wpb_row.vc_row-fluid > .vc_span8.column_container {margin-top:15%;}
.home.page .vc_span12 img {width:350px;}
.home.page .vc_span8 .wpb_text_column p {margin-left:10px;}
.home.page .vc_span4  {display:none;}
.home.page .sftgRow2 .vc_span4  {display:block;}
.home.page .vc_span8 .wpb_text_column {font-size:12px;line-height:13px;}
.home.page .vc_span8 .wpb_text_column .wpb_wrapper > br {display:none;}
.home.page .wpb_button_a {width: 28.5%;}
.home.page .wpb_button_a span {padding-top: 10px;}
.home.page .sftgRow2 {padding-top:15%;max-width: 500px;}
.home.page table {margin-left:10px;}

.home.page .entry-content > .wpb_row.vc_row-fluid > .vc_span4.column_container {border-left: 2px solid #999; border-right: 2px solid #999;}
html, body.home.page, .home.page,.home.page #page, .home.page #wrapper, .home.page #content, .home.page #primary, 
.home.page #main, .home.page #post-18, .home.page .entry-content, .home.page .wpb_row.vc_row-fluid, .home.page .vc_span4.column_container, .home.page.vc_responsive .vc_span4.column_container .wpb_wrapper {height:100%;}
.home.page.vc_responsive .wpb_row .vc_span4 {padding:0;}

.home.page .wpb_column.vc_column_container.vc_col-sm-4, .home.page .wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner,
  .home.page .wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner .wpb_wrapper {height: 100%;}
.home.page .startScaffold {height:25%;width:100%;}
.home.page .startScaffold.scaffold-1, .home.page .startScaffold.scaffold-2, .home.page .startScaffold.scaffold-3 {border-bottom:2px solid #999;}
.home.page .startScaffold.scaffold-1, .home.page .startScaffold.scaffold-3 {
    background: #000 url(../images/scaffold1.png) center left no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}
.home.page .startScaffold.scaffold-3 {    background-image: url(../images/scaffold2.png);}
.home.page .vc_span8.column_container .vc_span12.column_container .wpb_text_column img {margin-left: -10px;}
.home.page .vc_span4.column_container, .home.page .vc_span8.column_container {float:left;width:33.333%;}
.home.page .vc_span8.column_container {width:100%;}
*/
.site-wrapper { padding:25px 0 0 0;}

#page {max-width:1200px;}
body.nav-expand #site-navigation {width:100%;border-left: 2px solid #999;border-right: 2px solid #999;}

/*body #wrapper {display:block;}*/
body.nav-expand #wrapper {padding-left:9000px;}

body.nav-expand .mobile-nav-btn {left: 90%;}
/*body.home.page .mobile-nav-btn {display:none;}*/
/*body.nav-expand .mobile-nav-btn {display:block;}*/


@media (max-width: 768px)
{
  .wpb_row .wpb_column {
    margin-bottom: 15px !important;
  }
}

@media (min-width: 768px)
{
  .page-id-38 .imgheading {left:0;}
  #site-navigation {border-left: 2px solid #999;border-right: 2px solid #999;}
  .home.page .vc_span8.column_container {width:66.666%;}
  .home.page .vc_span4  {display:block;}
  .mobile-nav-btn {display: none;}
/*  div.imgheading {margin: 0;right:15px;}*/
  .vc_responsive .wpb_row .vc_span4,   .vc_responsive .wpb_row .vc_span12{ padding-left: 0 !important; }
  .main-navigation {width:25%;max-width:300px;}
  .site-wrapper { padding-left:25%;margin-left:15px;}
  .vc_responsive .wpb_row .vc_span3 {width: 33.33333333333333%;display:block;}
  .page-template-templatestemplate-start-php.vc_responsive .wpb_row .vc_span4,
  .page-template-templatestemplate-contact-php.vc_responsive .wpb_row .vc_span4 {font-size:85%;}
  .page-template-templatestemplate-start-php.vc_responsive .wpb_row .vc_span9 .vc_row-fluid,
  .page-template-templatestemplate-contact-php.vc_responsive .wpb_row .vc_span9 .vc_row-fluid {min-width:330px;}
  .page-template-templatestemplate-start-php.vc_responsive #page {max-width:100%;}
  .page-template-default #content {padding:0;}
  .page-template-templatestemplate-contact-php .contact-map #map-canvas {height:560px !important;}
  .page-template-templatestemplate-contact-php .contact-map {float:right; width: 66.66666666666666%;position:relative;}
  .page-template-templatestemplate-contact-php .entry-content, .page-template-templatestemplate-contact-php .contact-content {float:left; width: 33.33333333333333%;padding:0;}
  .page-template-templatestemplate-contact-php .contact-content .contact-form {width:100%;padding: 0 15px 0 0;}
  .imgheading, .contact-map {margin: 0;}
}
@media (min-width: 1200px) 
{

}
@media (min-width: 992px)
{

}
@media (max-width: 780px)
{
  #site-navigation ul li a, #sftgSidebar > div {font-size:65%;}
}
@media (max-width: 1000px)
{
  #site-navigation ul li a, #sftgSidebar > div {font-size:75%;}
}