/* 
gruen: #839f42 
blau: #4b7bdd
schwarz: #222
*/
body {
  background:url(/fileadmin/fotos/footergrafik.jpg) no-repeat fixed;
  /*background-position:0 200px;*/
  background-position:center bottom;
  background-size:contain;
  height:100%!important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color:transparent!important;
  color:#fff!important;
}
header,
nav {
  background-color:#fff;
}
.navbar-nav {
  float:none!important;
}
.nav > li {
  padding:0 2%;
}

.nav .last {
  display:none;
}
/* login */
fieldset {
  border-style:none;
  padding-top:1%;
}
legend {
  display:none;
}
.tx-felogin-pi1 input[type="submit"] {
  margin-top:1%;
}
/* /login */

/* headernav */
.headernav .csc-menu li {
  float:left;
  text-transform:uppercase;
}
.headernav img {
  width:auto;
  height:18px;
  padding:0 3px 0 0;
  margin:-3px 0 0 0;
}
.headernav .csc-menu li a:link,
.headernav .csc-menu li a:active,
.headernav .csc-menu li a:visited {
  display:block;
  background-color:#839f42!important;
  color:#fff;
  padding:2% 20px 3% 28px;
  height:25px;
}
.headernav .csc-menu li a:focus,
.headernav .csc-menu li a:hover{
  background-color:#fff!important;
  color:#4b7bdd!important;
  text-decoration:none;
  float:left;
}
.headernav .csc-menu li:last {
  border-style:none;
}

/* headernav: search */
#search {
  display:none;
  position:absolute;
  padding:5px;
  height:40px;
  margin:28px 0px 0 0;
  padding:0px 30px 0 0;
  z-index:9999;
}
#search input {
  margin:0!important;
  float:right;
  height:30px;
}
#search_submit {
  background-color:#839f42;
  max-width:26px;
  height:auto;
  padding:3px;
}
#c100 #tx_indexedsearch {
  display:none;
}
.tx-indexedsearch-redMarkup {
  color:#839f42!important;
}
/* impressum link im footer */
#imp {
  padding:10px;
  display:block;
}
/* TEXT STYLES */
.uppercase {
  text-transform:uppercase;
}
.align-right {
  text-align:right;
}
.center {
  text-align:center;
}

/* headlines */
h4,h5,h6
{
  text-transform:uppercase;
}
h1,h3 {
  color: #222;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-align:left;
  padding-bottom:0px;
}
h2 {
  font-size: 20px;
  line-height: 25px;
  text-align:center;
}
h4 {
  border-bottom:1px solid #fff;
  padding:0 0 5px 0;
}
#c10 h1 {
  text-align:center;
  padding-bottom:9px;
}
/* /headlines */

/* list */
.csc-textpic-text ul {
  
}
.csc-textpic-text ul li {
  list-style-image:url(/fileadmin/images/icon_checked.png);
  padding:1% 0 0 0;
}
/* /TEXT STYLES */

.maincontent {
  background-color:#fff;
  clear:both;
  float:none;
  padding:25px 0 80px 0;
}
.padding-0 {
  padding:0;
}

/* LOGO */
/* Header */
.logo img {
  width:155px;
  max-width:100%;
  padding:0 0 6% 0;
  margin-top:-16%;
}
.logo_text {
  font-size:2.5em;
  line-height:39px;
  padding-top:0.4%;
}
.logo_text a:link,
.logo_text a:active,
.logo_text a:visited {
  display:block;
  text-decoration:none;
  color:#222;
}
/* /LOGO */


/* navbar mods */
.navbar {
  background-color:#1b1b1b;
  border-style:none;
  border-radius:0px;
  margin-bottom:0;
  font-size:18px;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
  /*background-color:#1b1b1b;
  color:#839f42!important;*/
}
.navbar a:link,
.navbar a:active,
.navbar a:visited {
  color:#fff!important;
  text-decoration:none;
}
.navbar a:focus,
.navbar a:hover {
  color:#839f42!important;
}
.open {
  background-color:#1b1b1b;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
  background-color:#1b1b1b;
}

.dropdown-menu {
  background-color:#839f42;
  color:#fff;
  font-size:16px;
}
.dropdown-menu a:focus,
.dropdown-menu a:hover {
  color:#4b7bdd!important;
}
.caret {
  margin-left:8px;
}

/* menu */
.csc-menu li {
  list-style-type:none;
  float:left;
}
.csc-menu li a {
  display:block;
  padding:0 5%;
}
.csc-menu {
  float:right;
}

/* buttons */

/* 1-spalter */
.col-sm-12 {
  margin-top:0px;
}
/* 1-spalter: Bild rechts, Text links */
.col-sm-12 .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  width:35%;
  margin:0;
  padding:2.2% 0 0 0;
}

.col-sm-12 .csc-textpic-intext-left-nowrap .csc-textpic-text {
  width:60%;
  margin:0;
  padding:0;
  float:right;
}
.col-sm-12 .csc-textpic-intext-left-nowrap .csc-textpic-text h1 {
  text-align:left;
  padding:0;
}
/* 1-spalter: Bild links, Text rechts */
.col-sm-12 .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
  width:35%;
  margin:0;
  padding:2.2% 0 0 0;
}
.col-sm-12 .csc-textpic-intext-right-nowrap .csc-textpic-text {
  width:59%;
  margin:0;
  padding:0 1% 0 0%;
  float:left;
}
.col-sm-12 .csc-textpic-intext-right-nowrap .csc-textpic-text h1 {
  text-align:left;
  padding:0;
}
/* /1-spalter */


/* 2-spalter */
.col-sm-6 {
  padding:0;
}
/* 2-spalter: Bild links, Text rechts */
.col-sm-6 .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  width:35%;
  margin:0;
  padding:11% 0 0 15px;
}
.col-sm-6 .csc-textpic-intext-left-nowrap .csc-textpic-text {
  width:58%;
  margin:0;
  padding:0 2% 0 0;
  float:right;
}
.col-sm-6 .csc-textpic-intext-left-nowrap .csc-textpic-text p {
  width:100%;
  padding-right:6%;
}
.col-sm-6 .csc-textpic-intext-left-nowrap .csc-textpic-text h1 {
  text-align:left;
  padding:0;
}
/* 2-spalter: Bild rechts, Text links */
.col-sm-6 .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
  width:35%;
  margin:0;
  padding:11% 15px 0 0;
}
.col-sm-6 .csc-textpic-intext-right-nowrap .csc-textpic-text {
  margin: 0;
  padding: 0 2% 0 1%;
  width: 58%;
}
.col-sm-6 .csc-textpic-intext-right-nowrap .csc-textpic-text p {
  width:100%;
  padding-right:6%;
  
}
.col-sm-6 .csc-textpic-intext-right-nowrap .csc-textpic-text h1 {
  text-align:left;
  padding:0;
}


/* 3-spalter */
.col-sm-4 {
  margin-bottom:30px;
}
.col-sm-4 h2 {
  padding-top:0;
  margin:0 0 10px 0;
}
.col-sm-4 p {
  text-align:center;
}
.col-sm-4 .csc-textpic .btn-default {
  transition: background-color 0.5s ease;
  transition: color 0.5s ease;
  background-color:#222;
  color:#fff;
  margin:0 auto;
  width:45%;
  text-align:center;
  text-transform:uppercase;
  font-size:12px;
  padding:2% 0;
}
.col-sm-4 .csc-textpic {
  transition: background-color 0.5s ease;
  background-color:#f1f1f1;
  padding:12%;
  cursor:pointer;
}
.col-sm-4 .csc-textpic:hover {
  background-color:#839f42;
  color:#fff;
}
.col-sm-4 .csc-textpic:hover .btn-default{
  color:#222;
  background-color:#f1f1f1;
}


/* kontaktform */
.csc-form-element {
  width:50%;
  float:none;
  clear:both;
  padding:1% 2% 1% 0!important;
  display:block;
}
.csc-form-element input[type=text] {
  clear:both;
  float:none;
  width:95%;
  color:#222;
}
.csc-form-element label {
  clear:both;
  float:none;
  width:100%!important;
}
.csc-form-6 {
  clear:both;
  float:right;
  width:48%;
  position:absolute;
  top:17.5%;
  left:50%;
}
textarea {
  color:#222;
}
.csc-form-6 textarea {
  width:100%;
  height:145px;
}
.csc-form-5 {
  clear:both;
  float:none;
  width:100%;
  text-align:right;
  padding-right:2.5%!important;
}
.csc-form-5 input[type=submit] {
  transition: background-color 0.5s ease;
  background-color:#839f42;
  color:#fff;
  text-transform:uppercase;
  padding:0.5% 10%;
  border-style:none;
}
.csc-form-5 input[type=submit]:hover {
  background-color:#222;
}
.csc-form-7 {
  display:none;
}
/* /kontaktform */

/* FOOTER */
footer {
  background-color:#101010;
  color:#fff;
  padding:1% 0;
  clear:both;
  float:none;
}
a:link {
  transition: color 0.5s ease;
}
.footer {
  background-color:rgba(34,34,34,0.6) ;
  background-opacity:0.6;
  padding:2%;
}
footer, 
.footer {
  color:#fff;
  font-size:12px;
  width:100%;
}
.footer a:link,
.footer a:active,
.footer a:visited,
footer a:link,
footer a:active,
footer a:visited
{
  color:#fff;
}

.footer a:focus,
footer a:focus,
.footer a:hover,
footer a:hover {
  text-decoration:none;
  color:#839f42!important;
}
.fb-link {
  font-size: 16px;
  margin: 0 auto;
  width: 80%;
}
/* /FOOTER */


/* Accordion */
.panel-group {
  clear:both;
  float:none;
}
.panel .panel-heading * {
  transition: background-color 0.5s ease;
  transition: color 0.5s ease;
  
}
.panel-group .panel {
  border-radius:0;
  border-style:none;
  
}
.panel-default > .panel-heading {
  border-radius:0;
  background-color:#839f42;
  padding:0;
}
.panel-default:hover > .panel-heading {
  background-color:#f6f6f6;
}
.panel-default > .panel-heading:hover .panel-title {
  color:#222;
}
.panel-title {
  font-size:14px;
  padding:0.7% 1%;
  text-align:left;
  padding:1% 1%;  
}
.panel-title img {
  width:100%;
  height:100%;
  max-height:20px!important;
  max-width:20px!important;
  margin-right:5px;
}
.panel h1 {
  font-weight:normal;
}
.panel:hover h1 {
  color:#222;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-style:none;
}
.panel-heading a:link,
.panel-heading a:active,
.panel-heading a:visited {
  color:#fff;
  font-size:16px;
  text-decoration:none;
}
.panel-heading a:focus,
.panel-heading a:hover {
  text-decoration:none;
}
/* panel-body */
.panel-body {
  padding:2%;
}
.panel-body .csc-textpic-imagewrap {
  max-width:35%;
  float:left;
}
.panel-body .csc-textpic-text {
  max-width:60%;
  float:left;
  padding:0 2%;
}
.panel-body .csc-textpic-text h2 {
  text-align:left;
  font-weight:700;
}

/* < 1200px */
@media screen and (max-width:1200px) {
.nav > li {
  padding:0 0%;
}
}

/* < 767px */
@media screen and (max-width:767px) {
.nav .last {
  display:block;
}

/* search */
#search {
  margin:0;
  width:100%;
  background-color:#fff;
  text-align:center;
  padding:5px 10px 5px 5px;
}
#search input[type=text] {
  width:90%;
}
#search input {
  height:30px;
}
/* navbar, mobile header */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color:transparent!important;
  color:#fff!important;
}
.nav > li {
  padding:0 0%;
}
.navbar {
  background-color:#fff;
}
.navbar * {
  /* text-align:left!important; */
}
.navbar-header {
  height:76px;
  border-bottom:1px solid #5386e1;
}
.navbar-brand {
  padding:7px 0 0 2%;
  float:left;
}
.navbar-button {
  float:right;
  text-align:center;
  font-size:12px;
  padding:12px 7px 0 7px;
  cursor:pointer;
}
.navbar-button a:link,
.navbar-button a:active,
.navbar-button a:visited {
  color:#222!important;
}
.navbar-button a:hover,
.navbar-button a:focus,
.navbar-button:hover,
.navbar-button:focus {
  color:#7eab0e!important;
}
.navbar-button img {
  height:40px;
  padding:0;
  margin:0px 0 0 0;
}
.navbar-toggle {
  height:100%;
  border-style:none;
  position: relative;
  float:none;
}
.navbar-toggle:focus,
.navbar-toggle:hover {
  background-color:transparent!important;
  border-radius:0;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
  background-color:#fff;
  color:#7eab0e;
}
.navbar .dropdown {
  text-align:center;
}
.navbar .dropdown a:link, 
.navbar .dropdown a:active, 
.navbar .dropdown a:visited {
  color:#222!important;
  
  border-bottom:1px solid #5386e1;
}
.navbar .dropdown a:focus,
.navbar .dropdown a:hover {
  color:#7eab0e!important;
}
.navbar .dropdown-menu {
  padding:0;
}
.navbar .dropdown-menu li {
  border-bottom:1px solid #fff;
}
.navbar .dropdown-menu li:hover {
  background-color:#fff;
}
.navbar .dropdown-menu li:last-child {
  border-bottom:none;
}
.navbar .dropdown-menu a:link, 
.navbar .dropdown-menu a:active, 
.navbar .dropdown-menu a:visited {
  color:#fff!important;
  text-align:center;
  border-bottom:1px solid #fff;
  border-bottom:none;
}
.navbar .dropdown-menu a:focus,
.navbar .dropdown-menu a:hover {
  color:#4b7bdd!important;
}
.dropdown-menu > li > a {
  white-space:normal;
}
.open {
  background-color:#7eab10;
  color:#fff;
}
.logo_small {
  width:70px;
  float:left;
}
.logo_small img {
  height:60px;
}
.logo_small_text {
  font-size:16px;
  float:right;
  text-align:right; 
  width:70%;
  padding-right:4%;
}

/* panel-body accordion */
.panel-body {
  padding:2%!important;
}
.panel-body .csc-textpic-imagewrap {
  max-width:100%;
  clear:both;
  float:left;
}
.panel-body .csc-textpic-text {
  max-width:96%;
  clear:both;
  float:left;
  padding:0 2%;
}
.panel-body .csc-textpic-text h2 {
  text-align:left;
  font-weight:700;
}
.panel-title {
  padding:1% 2% 2% 2%;
}


.col-sm-12 .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
.col-sm-12 .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
  width:100%;
  margin:0;
  padding:20px 0 0 0;
  clear:both;
  float:none;
}
.col-sm-12 .csc-textpic-intext-left-nowrap .csc-textpic-text,
.col-sm-12 .csc-textpic-intext-right-nowrap .csc-textpic-text{
  width:100%;
  margin:0;
  padding:0;
  clear:both;
  float:none;
}
.col-sm-4,
.col-sm-6,
.col-sm-12
{
  padding:0!important;
}
.container .csc-textpic-imagewrap {
  clear:both;
  float:none;
  width:100%!important;
  margin-bottom:30px!important;
}
.container .csc-textpic-text{
  float:none!important;
  clear:both!important;
  width:100%!important;
}
.footer {
  float:left;
  background-color:rgba(34,34,34,1) ;
}
.csc-mailform {
  padding-bottom:30px;
}
.csc-form-element {
  width:100%;
  clear:both;
  float:none;
  left:0;
  position:relative;
  display:block;
}
textarea {
  color:#222;
}
.csc-form-element input[type=text] {
  width:100%;
  color:#222;
}
}


/* > 650px: 2-cols only on big screens */
@media screen and (min-width:650px) {
.cols-2 p.bodytext {
  -moz-column-count:2;
  -webkit-column-count:2;
  -moz-column-gap:30px;
}
}