html, body { padding:0;margin:0; }
body { font-family: "Source Sans Pro", sans-serif; background-color:#fff; } 

.ccm-page {
    transform: translate3d(0px, -10px, 0px);
}

/*
@media (min-width: 768px) {
}
@media (min-width: 968px) {
}
@media (min-width: 1022px) {
}
@media (min-width: 1270px) {
}
*/


@media (min-width: 768px) {
  .container { width: 750px; }
}
@media (min-width: 968px) {
  .container { width: 900px; }
}
@media (min-width: 1022px) {
  .container { width: 990px; }
}
@media (min-width: 1270px) {
  .container { width: 1260px; }
}

header#siteHeader #logo {     padding-top:20px; }

header#siteHeader #box-right { width: 280px; height: 100px; float:right; margin-top: 80px; }
header#siteHeader #box-right p { font-weight:bold; margin-bottom: 2px; }
header#siteHeader #box-right a { color: #333; }

@media (min-width: 768px) {
  header#siteHeader #box-right { } 
}
@media (min-width: 968px) {
  header#siteHeader #box-right { margin-right: 80px;} 
}

header#siteHeader {
	padding-bottom:0px;
        background-color:#ffffff;
        -webkit-box-shadow: 0px 30px 20px 0px rgba(232,232,232,0.79);
        -moz-box-shadow: 0px 30px 20px 0px rgba(232,232,232,0.79);
        box-shadow: 0px 30px 20px 0px rgba(232,232,232,0.79);
}

footer#site-footer { 
	padding: 0px; 	
	-webkit-box-shadow: 0 -20px 20px 0px rgba(232,232,232,0.79);
	-moz-box-box-shadow: 0 -20px 20px 0px rgba(232,232,232,0.79);
	box-shadow: 0 -20px 20px 0px rgba(232,232,232,0.79);
}

footer#site-footer { margin-bottom: 0px; }
footer#site-footer div p, footer#site-footer div a { padding:9px 30px; color:#fff; }

footer#site-footer .pure-cookies-notice-content a { padding:0; color:unset; }

header#siteHeader .navcontainer, footer#site-footer .navcontainer { color:#fff; background-color:#008f35; width:100%; height: 38px; margin-top:20px; background-image: url("../images/navbar.png"); }

@media (max-width: 1000px) {
 footer#site-footer .navcontainer {
   height: 136px;
 }
 footer#site-footer .navcontainer div {
   clear:both;
   text-align: center;
   width: 100%;
 }
 footer#site-footer .navcontainer div p {
   margin:10px; padding:0px;
 }
}

header#siteHeader .navcontainer #kundenlogin { 
	background-image: url("../images/kundenlogin.png");
	background-position:center center;
	height: 47px;
	width: 200px;
	float:right;
	margin-top: -9px;
	padding-top: 12px;
	text-align:center;
}


@media (min-width: 768px) {
 header#siteHeader .navcontainer #kundenlogin { margin-right: -20px; }
}
@media (min-width: 968px) {
 header#siteHeader .navcontainer #kundenlogin { margin-right: -20px; }
}
@media (min-width: 1022px) {
 header#siteHeader .navcontainer #kundenlogin { margin-right: 0px; }
}
@media (min-width: 1270px) {
 header#siteHeader .navcontainer #kundenlogin { margin-right: 50px; }
}

header#siteHeader .navcontainer #kundenlogin a {
	color:#fff; font-size: 16px;text-transform:none; transition:none; display:inline; font-weight:bold;
}

header#siteHeader nav {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

header#siteHeader nav ul { float:left; }
header#siteHeader nav ul li { margin: 8px 5px 7px 0px; }
header#siteHeader nav ul li:before { content: " | "; margin-left:15px;margin-right:15px; }
header#siteHeader nav ul li:first-child:before { content: none; }
header#siteHeader nav ul li a { color:#fff; font-size: 16px;text-transform:none; transition:none; display:inline; font-weight:bold; }
header#siteHeader nav ul li a:hover, header#siteHeader nav ul li a.nav-selected, header#siteHeader nav ul li a.nav-path-selected {
	text-decoration:none;
	color:#fff;
	padding-bottom: 0px;
	border-bottom: none;
}
header#siteHeader nav ul li a:hover { 
	border-bottom: 1px solid #eee;
}

header#siteHeader #icoMobileNav { padding-top:0px; }
#mobileNav ul { padding: 20px; }
#mobileNav nav ul li { margin-bottom: 20px; }

main#mainShell { margin: 0 auto;  }
main#mainShell article  {
	margin-top:40px;
	padding-bottom:40px;
}

main#mainShell div img { margin:0 auto; transition: color 0.2s ease 0s; vertical-align: top; } 

main#mainShell div.start div.col-sm-4 a img {
	opacity: 0.8;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
main#mainShell div.start div.col-sm-4 a:hover img {
    opacity:1;
    transition:all 0.5s ease;
}

main#mainShell .simpleButton, main#mainShell .btnEntry {  background-color: #e77925; border:none; padding:5px 20px;margin:20px; font-size:14px; background-image:none; transition: color 0.2s ease 0s; }
main#mainShell .simpleButton:hover, main#mainShell .btn.btn-primary:hover { background-color:rgba(92, 92, 92, 0.9); transition: color 0.2s ease 0s; color:#fff; } 

main#mainShell .btn.btn-primary { background-color:rgba(159, 159, 159, 1); border:none; padding:5px 20px;font-size:14px; background-image:none; transition: color 0.2s ease 0s;width:auto }

main#mainShell .container { color:#000; font-size: 14px; }
main#mainShell .container a { color: #008f35; } 
main#mainShell .container hr { padding:10px;margin:5px auto; border-color:#008f35; width:90%; }
main#mainShell .container h1 { color: #008f35; font-size: 26px; font-weight:bold; }
main#mainShell .container h2 { color: #008f35; font-size: 22px;	}
main#mainShell .container h3 { color: #008f35; font-size: 18px;	}

main#mainShell .thumbnail { background-color:transparent;border:none; }

main#mainShell a.btnEntry { color:#fff!important; }
main#mainShell a.btn { color:#fff;}

main#mainShell .container .ccm-pagination-wrapper  {
	text-align:center;
	width:100%;
}

main#mainShell .container .ccm-pagination-wrapper ul {
	display:inline-block;
}

main#mainShell .container  .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: rgba(159, 159, 159, 1);
	border-color: rgba(159, 159, 159, 1);
}

main#mainShell .container input, main#mainShell .container textarea {
    -moz-appearance: none;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(160, 160, 159, 1);
    color: #605e5e;
    font: 15px/1.4em ,sans-serif;
    margin: 0 0 5px;
    padding: 5px;
    width: 100%;
}

.fa-phone { background-image: url("../images/icon_1.png"); }
.fa-envelope-o { background-image: url("../images/icon_2.png"); }
.fa-archive { background-image: url("../images/icon_3.png"); }
.fa-phone, .fa-envelope-o, .fa-archive { 
    background-position: center center;
    background-repeat: no-repeat;
    height: 15px;
    width: 20px;
} 
.fa-phone:before,.fa-envelope-o:before,.fa-archive:before { content: ""; }
 
/* balken-quer  –––––––––––––––––––––––––––––––––––––––––––––––––– */

div#balken-quer { clear:both; width: 934px; height: 142px; background-image:url("../images/balken-quer.png"); padding-left:60px;padding-top:10px;margin-top:10px; }
div#balken-quer table { display:table; table-layout:fixed; height:90px;margin-top:6px; }
div#balken-quer table td { width:900px; font-size:9pt; line-height:14px; }
div#balken-quer h1 { font-size: 12pt!important; color: #449038; font-weight:bold;margin:0;padding:0; margin-bottom:10px;}
div#balken-quer tr:nth-child(1),div#balken-quer tr:nth-child(4)  { font-weight:bold; }
div#balken-quer tr:nth-child(3),div#balken-quer tr:nth-child(6)  { font-size:10pt; color:#1a8f2d; }
div#balken-quer tr:nth-child(3) td,div#balken-quer tr:nth-child(6) td { padding-bottom:10px!important; }
div#balken-quer tr:nth-child(3) a,div#balken-quer tr:nth-child(6) a  { color:#1a8f2d; text-decoration:none;}

/* Media Queries  –––––––––––––––––––––––––––––––––––––––––––––––––– */

@media (max-width: 1269px) { 
 div#balken-quer { width: 725px;  height: 139px; background-repeat:no-repeat;background-image:url("../images/balken-quer-klein.png");  }
 div#balken-quer table td:nth-child(3) { display:none; }
 div#balken-quer table td { width:600px; font-size:8pt; line-height:13px; }
 div#balken-quer h1 { font-size: 11pt; }
}

@media (max-width: 1000px) {
 div#balken-quer { display: none; }
 main#mainShell .container .row .col-sm-9, main#mainShell .container .row .col-sm-3 { width: 100%; }
 main#mainShell .container .row .col-sm-3 .PhpCodeBlock { position: relative; text-align: center; }
 main#mainShell .container .row .col-sm-3 .PhpCodeBlock .sidebar-wrapper { position: relative; text-align: center; width: 40%; display:inline-block; }
 main#mainShell .container .row .col-sm-3 .PhpCodeBlock .sidebar-wrapper .sidebar { width: 50%; margin-top: 0px; float: left;  display:inline-block; text-align:left;    margin-left: auto; }
 main#mainShell .container .row .col-sm-3 .PhpCodeBlock .sidebar-wrapper .sidebar div { margin-top: 0px;  }
}

@media (max-width: 1000px) {
 header#siteHeader div#box-right { float:left; margin-top: 10px;}
 header#siteHeader div#mobileAssets { float:right; width: 70px; margin-top: 30px; }
 main#mainShell .container h1 { font-size: 20px!important; }
}

/* mobile */ 

@media (max-width: 800px) {
 main#mainShell .container .row .col-sm-3 .PhpCodeBlock .sidebar-wrapper { clear:both; display:table; margin: 0 auto; }
 main#mainShell .container .row .col-sm-3 .PhpCodeBlock .sidebar-wrapper .sidebar { display:table-cell; clear:both; margin-bottom:20px; }
}

@media (max-width: 800px) {
 header#siteHeader div#box-right { float:left; margin-top: 10px;}
 header#siteHeader div#mobileAssets { float:right; width: 70px; margin-top: 30px; }
 main#mainShell .container h1 { font-size: 20px!important; }
}

/* sidbar   –––––––––––––––––––––––––––––––––––––––––––––––––– */

.inner-addon { position: relative; width:100%; }
.inner-addon input { font-size:9pt; }
.inner-addon .glyphicon { position: absolute; padding: 10px; }

.left-addon .glyphicon  { left:  0px;}
.left-addon input  { padding-left:  30px; }
.right-addon .glyphicon { right: 0px;}
.right-addon input { padding-right: 30px; }

label.control-label { font-size:8pt; color: #449038;font-weight:normal; margin-top:15px; }
.bootstrap-select.btn-group .dropdown-toggle .filter-option { color: #449038;}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width:100%; }

main div.sidebar { margin-left: 10px; }

main .sidebar div.form-group { width:100%;font-size:9pt;padding:0px 15px; }
.ccm-page .sidebar .btn { margin-top: 0px; margin-bottom:0px; padding-top:5px;padding-bottom:5px; }
.ccm-page .sidebar .btn-default:hover { background:#e9e9e9; }

main .sidebar div.form-group input { text-indent:25px; }

div#box-suchen { height:406px;background-image:url("../images/box-suchen.png"); padding-top:110px; background-repeat:no-repeat;}
div#box-suchen a.btn, div#box-rueckruf a.btn { text-align:center; margin: 0 auto; background-color:#449038; color:#ffffff; font-size:9pt; margin-top:25px;}
div#box-rueckruf {height:472px;background-image:url("../images/box-rueckrufservice.png"); margin-top:20px;  padding-top:70px; background-repeat:no-repeat; }
div#box-rueckruf p { padding:0;margin:0; }

/* Media Queries  –––––––––––––––––––––––––––––––––––––––––––––––––– */

@media (min-width: 768px) {
}
@media (min-width: 968px) {
}
@media (min-width: 1022px) {
}
@media (max-width: 1269px) {
 main div.sidebar { margin-left: 0px; }
 div#box-suchen { background-image:url("../images/box-suchen-klein.png"); background-repeat:no-repeat;width:233px; }
 div#box-suchen a.btn, div#box-rueckruf a.btn  { font-size:8pt; } 
 div#box-rueckruf { background-image:url("../images/box-rueckrufservice-klein.png"); background-repeat:no-repeat; width:233px; }
 div#box-rueckruf p { font-size:8pt; }
}


/* */ 

@media print {
nav, footer {
	display:none;
	visibility: hidden;
}

  a[href]:after {
    content: none !important;
  }



main#mainShell {
	display: block;
	width:100%;
	height:100%;
}

main#mainShell a.btn { display:none; }
}