#content a {
  color: #436e5d;
}

/* Change menu colors
 ******/
.sf-menu > li.current > a {
    background: #eee53c;
    /*color: #828d8f*/
    color: #1a1a1a;
    /*color: #000;*/
}

#formhandler_contact_form #text { width: 350px !important;}
.Tx-Formhandler, #formhandler_contact_form { width: 450px !important; }

@media only screen and (max-width: 995px){
  #formhandler_contact_form #text { width: 250px !important;}
  .Tx-Formhandler, #formhandler_contact_form { width: 300px !important; }
}

@media only screen and (max-width: 767px) {
  #formhandler_contact_form #text, #formhandler_contact_form #name, #formhandler_contact_form #email { width: 175px !important;}
}

@media only screen and (max-width: 479px) {
  #formhandler_contact_form #text, #formhandler_contact_form #name, #formhandler_contact_form #email, #formhandler_contact_form .row input { width: 150px !important;}
  #consoleTable { width: 300px; }
  #formhandler_contact_form .row input#butSubmit, #formhandler_contact_form .row input#butReset { display: block; clear: both; line-height: 40px; margin-top: 5px;}
}



/* Center menu entry (not supported by older browsers)
 ******/
/*@media only screen and (min-width: 768px) {
  .sf-menu > li span.linkText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}*/

/* Center menu entry (better supported)
 ******/
@media only screen and (min-width: 768px) {
  .sf-menu > li:nth-child(n) span.prenav {
    height: 25px;
  }
}

/* Center menu entry (not supported by older browsers
 ******/
@media only screen and (min-width: 768px) {
  .sf-menu > li span.linkText {
  padding-left: 3px;
  padding-right: 3px;
  }
}

/* Fixing image cols
 ******/

/*
div.csc-textpic-imagewrap[data-csc-cols="2"] div.csc-textpic-imagecolumn {
  width: 470px;
  height: auto;
}

@media only screen and (max-width: 995px){
div.csc-textpic-imagewrap[data-csc-cols="2"] div.csc-textpic-imagecolumn {
  width: 200px;
  height: auto;
}
}*/



/**********    images  **************/

#content img {width:auto;}
@media screen {
.span12 .csc-textpic-image img {width:100% !important; max-width: 928px !important; height: auto;}
.span11 .csc-textpic-image img {width:100% !important; max-width: 848px !important; height: auto;}
.span10 .csc-textpic-image img {width:100% !important; max-width: 768px !important; height: auto;}
.span9  .csc-textpic-image img {width:100% !important; max-width: 668px !important; height: auto;}
.span8  .csc-textpic-image img {width:100% !important; max-width: 588px !important; height: auto;}
.span7  .csc-textpic-image img {width:100% !important; max-width: 518px !important; height: auto;}
.span6  .csc-textpic-image img {width:100% !important; max-width: 438px !important; height: auto;}
.span5  .csc-textpic-image img {width:100% !important; max-width: 358px !important; height: auto;}
.span4  .csc-textpic-image img {width:100% !important; max-width: 278px !important; height: auto;}
.span3  .csc-textpic-image img {width:100% !important; max-width: 203px !important; height: auto;}
.span2  .csc-textpic-image img {width:100% !important; max-width: 128px !important; height: auto;}
.span1  .csc-textpic-image img {width:100% !important; max-width: 48px !important; height: auto;}

.span12 .csc-textpic-caption {width: 100%; max-width: 928px; height: auto;}
.span11 .csc-textpic-caption {width: 100%; max-width: 848px; height: auto;}
.span10 .csc-textpic-caption {width: 100%; max-width: 768px; height: auto;}
.span9  .csc-textpic-caption {width: 100%; max-width: 668px; height: auto;}
.span8  .csc-textpic-caption {width: 100%; max-width: 588px; height: auto;}
.span7  .csc-textpic-caption {width: 100%; max-width: 518px; height: auto;}
.span6  .csc-textpic-caption {width: 100%; max-width: 438px; height: auto;}
.span5  .csc-textpic-caption {width: 100%; max-width: 358px; height: auto;}
.span4  .csc-textpic-caption {width: 100%; max-width: 278px; height: auto;}
.span3  .csc-textpic-caption {width: 100%; max-width: 203px; height: auto;}
.span2  .csc-textpic-caption {width: 100%; max-width: 128px; height: auto;}
.span1  .csc-textpic-caption {width: 100%; max-width: 48px; height: auto;}
/* Das hier hat vermutlich keinen Effekt. Habe col-md- zu span geändert. */
.col-md-12  .csc-textpic-image img {width:100% !important; max-width: 928px !important; height: auto;}
.col-md-11  .csc-textpic-image img {width:100% !important; max-width: 848px !important; height: auto;}
.col-md-10  .csc-textpic-image img {width:100% !important; max-width: 768px !important; height: auto;}
.col-md-9  .csc-textpic-image img {width:100% !important; max-width: 668px !important; height: auto;}
.col-md-8  .csc-textpic-image img {width:100% !important; max-width: 588px !important; height: auto;}
.col-md-7  .csc-textpic-image img {width:100% !important; max-width: 518px !important; height: auto;}
.col-md-6  .csc-textpic-image img {width:100% !important; max-width: 438px !important; height: auto;}
.col-md-5  .csc-textpic-image img {width:100% !important; max-width: 358px !important; height: auto;}
.col-md-4  .csc-textpic-image img {width:100% !important; max-width: 278px !important; height: auto;}
.col-md-3  .csc-textpic-image img {width:100% !important; max-width: 203px !important; height: auto;}
.col-md-2  .csc-textpic-image img {width:100% !important; max-width: 128px !important; height: auto;}
.col-md-1  .csc-textpic-image img {width:100% !important; max-width: 48px !important; height: auto;}

.col-md-12 .csc-textpic-caption {width: 100%; max-width: 928px; height: auto;}
.col-md-11 .csc-textpic-caption {width: 100%; max-width: 848px; height: auto;}
.col-md-10.csc-textpic-caption {width: 100%; max-width: 768px; height: auto;}
.col-md-9 .csc-textpic-caption {width: 100%; max-width: 668px; height: auto;}
.col-md-8 .csc-textpic-caption {width: 100%; max-width: 588px; height: auto;}
.col-md-7 .csc-textpic-caption {width: 100%; max-width: 518px; height: auto;}
.col-md-6 .csc-textpic-caption {width: 100%; max-width: 438px; height: auto;}
.col-md-5 .csc-textpic-caption {width: 100%; max-width: 358px; height: auto;}
.ccl-md-4 .csc-textpic-caption {width: 100%; max-width: 278px; height: auto;}
.col-md-3 .csc-textpic-caption {width: 100%; max-width: 203px; height: auto;}
.col-md-2 .csc-textpic-caption {width: 100%; max-width: 128px; height: auto;}
.col-md-1 .csc-textpic-caption {width: 100%; max-width: 48px; height: auto;}

}

/* Design for a width of 768px */

@media only screen and (max-width: 995px){
            .sf-menu > li > a span.linkText { font-size: 12pt; }
            .span12 .csc-textpic-image img {width:100% !important; max-width: 738px !important; height: auto;}
            .span11 .csc-textpic-image img {width:100% !important; max-width: 674px !important; height: auto;}
            .span10 .csc-textpic-image img {width:100% !important; max-width: 610px !important; height: auto;}
            .span9 .csc-textpic-image img {width:100% !important; max-width: 526px !important; height: auto;}
            .span8 .csc-textpic-image img {width:100% !important; max-width: 472px !important; height: auto;}
            .span7 .csc-textpic-image img {width:100% !important; max-width: 408px !important; height: auto;}
            .span6 .csc-textpic-image img {width:100% !important; max-width: 344px !important; height: auto;}
            .span5 .csc-textpic-image img {width:100% !important; max-width: 280px !important; height: auto;}
            .span4 .csc-textpic-image img {width:100% !important; max-width: 216px !important; height: auto;}
            .span3 .csc-textpic-image img {width:100% !important; max-width: 157px !important; height: auto;}
            .span2 .csc-textpic-image img {width:100% !important; max-width: 98px !important; height: auto;}
            .span1 .csc-textpic-image img {width:100% !important; max-width: 34px !important; height: auto;}

            .span12 .csc-textpic-caption {width: 100%; max-width: 738px; height: auto;}
            .span11 .csc-textpic-caption {width: 100%; max-width: 674px; height: auto;}
            .span10 .csc-textpic-caption {width: 100%; max-width: 610px; height: auto;}
            .span9 .csc-textpic-caption {width: 100%; max-width: 526px; height: auto;}
            .span8 .csc-textpic-caption {width: 100%; max-width: 472px; height: auto;}
            .span7 .csc-textpic-caption {width: 100%; max-width: 408px; height: auto;}
            .span6 .csc-textpic-caption {width: 100%; max-width: 344px; height: auto;}
            .span5 .csc-textpic-caption {width: 100%; max-width: 280px; height: auto;}
            .span4 .csc-textpic-caption {width: 100%; max-width: 216px; height: auto;}
            .span3 .csc-textpic-caption {width: 100%; max-width: 157px; height: auto;}
            .span2 .csc-textpic-caption {width: 100%; max-width: 98px; height: auto;}
            .span1 .csc-textpic-caption {width: 100%; max-width: 34px; height: auto;}

            .pagination {bottom: 5px;}
            #consoleTable { width: 728px; }

            .links-menu { margin-top: 0; }
}

/* Design for a width of 480px */
@media only screen and (max-width: 767px) {
            .span12 .csc-textpic-image img,
            .span11 .csc-textpic-image img,
            .span10 .csc-textpic-image img,
            .span9 .csc-textpic-image img,
            .span8 .csc-textpic-image img,
            .span7 .csc-textpic-image img,
            .span6 .csc-textpic-image img,
            .span5 .csc-textpic-image img,
            .span4 .csc-textpic-image img,
            .span3 .csc-textpic-image img,
            .span2 .csc-textpic-image img,
            .span1 .csc-textpic-image img {width:100% !important; max-width: 288px !important; height: auto;}

            .span12 .csc-textpic-caption,
            .span11 .csc-textpic-caption,
            .span10 .csc-textpic-caption,
            .span9 .csc-textpic-caption,
            .span8 .csc-textpic-caption,
            .span7 .csc-textpic-caption,
            .span6 .csc-textpic-caption,
            .span5 .csc-textpic-caption,
            .span4 .csc-textpic-caption,
            .span3 .csc-textpic-caption,
            .span2 .csc-textpic-caption,
            .span1 .csc-textpic-caption   {width: 100%; max-width: 288px; height: auto;}
            .pagination {bottom: -5px;}
            #consoleTable { width: 380px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
            .span12 .csc-textpic-image img,
            .span11 .csc-textpic-image img,
            .span10 .csc-textpic-image img,
            .span9 .csc-textpic-image img,
            .span8 .csc-textpic-image img,
            .span7 .csc-textpic-image img,
            .span6 .csc-textpic-image img,
            .span5 .csc-textpic-image img,
            .span4 .csc-textpic-image img,
            .span3 .csc-textpic-image img,
            .span2 .csc-textpic-image img,
            .span1 .csc-textpic-image img {width:100% !important; max-width: 408px !important; height: auto;}

            .span12 .csc-textpic-caption,
            .span11 .csc-textpic-caption,
            .span10 .csc-textpic-caption,
            .span9 .csc-textpic-caption,
            .span8 .csc-textpic-caption,
            .span7 .csc-textpic-caption,
            .span6 .csc-textpic-caption,
            .span5 .csc-textpic-caption,
            .span4 .csc-textpic-caption,
            .span3 .csc-textpic-caption,
            .span2 .csc-textpic-caption,
            .span1 .csc-textpic-caption   {width: 100%; max-width: 408px; height: auto;}
}