/* Font Michroma lokal */
/* michroma-regular - latin */
@font-face {
  font-family: 'Michroma';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/michroma-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Michroma'),
       url('../Fonts/michroma-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/michroma-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/michroma-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/michroma-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/michroma-v8-latin-regular.svg#Michroma') format('svg'); /* Legacy iOS */
}

* {
  margin:0;
  padding:0;
}

/*
html {
 background: purple;
}
*/


body { 
/* alte Browser Farbverlauf: 

background-image: -webkit-linear-gradient(top, black 0%, white 7%); 
background-image: -moz-linear-gradient(top, black 0%, white 7%); 
background-image: -o-linear-gradient(black 0%, white 7%); 
background-image: linear-gradient(black 0%, white 7%);
/* moderner Farbverlauf:
background-image: linear-gradient(to bottom, black 0%, white 300px, white 100%); 
 */
}

@media (max-width: 992px){
body { 
/* alte Browser Farbverlauf: 
background-image: -webkit-linear-gradient(top, black 0%, white 9%); 
background-image: -moz-linear-gradient(top, black 0%, white 9%); 
background-image: -o-linear-gradient(black 0%, white 9%); 
background-image: linear-gradient(black 0%, white 9%);
/* moderner Farbverlauf: 
background:linear-gradient(to bottom, black 0%, white 250px, white 100%);
*/ 
}
}
@media (max-width: 768px){
body { 
/* alte Browser Farbverlauf: 
background-image: -webkit-linear-gradient(top, black 0%, white 7%); 
background-image: -moz-linear-gradient(top, black 0%, white 7%); 
background-image: -o-linear-gradient(black 0%, white 7%); 
background-image: linear-gradient(black 0%, white 7%);
/* moderner Farbverlauf: 
background:linear-gradient(to bottom, black 0%, white 200px, white 100%); 
*/
}
}


html {   height: auto; }
body {
  height: auto;
  
  /* vorher: 100% - Seite war immer 100% hoch, auch wenn weniger Inhalt - Footer klebte unten, dazwischen Lücke */
  /*border-top: 3px solid #f37122;*/
  overflow-x: hidden;
  }
  
/* container kleiner - Anfang */
.container {
max-width: 1140px !important;
padding: 0 !important;
}
.row {
max-width: 1140px;
margin: 0;
padding: 0;
}
/* container kleiner - Ende */
/*------------------responsive images Anfang ---------------------*/
img {
  height: auto;
  width: auto;
  max-width: 100%;
  
  /* neu für z.B. großes Bild bei Wir für Sie - Anfang 
  overflow: visible;
  neu für z.B. großes Bild bei Wir für Sie - Ende */
  display: block;
  
  border-radius: 4px;
  /*
  -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
  */
}

/* -----------------responsive images Ende-----------------------*/
ul,ol {margin-left: 2em;}
/*link color*/
a {
  color: #0121A3;
}
/* Wrapper for page content to push down footer */
#wrap {
  /*min-height: 100%;*/
  height: auto !important;
  /* Negative indent footer by its height */
  margin: 0 auto -80px;
  /* Pad bottom by footer height */
  padding: 0 0 80px; /*padding nur unten */
  background-image: -webkit-linear-gradient(bottom, #dedede 0%, white 70%); 
background-image: -moz-linear-gradient(bottom, #dedede 0%, white 70%); 
background-image: -o-linear-gradient(#dedede 0%, white 70%); 
background-image: linear-gradient(#dedede 0%, white 70%);
/* moderner Farbverlauf: */
background-image: linear-gradient(to bottom, #dedede 0%, white 70%);
  
}

/* --------------------------------Footer Formatierung Anfang
/* Set the fixed height of the footer here */
footer {
  height: 180px;
  
  text-align: center;
  
}
footer .container .infoSpalte{
text-align: left; 
}
footer .container .infoSpalte .footHeadline{
font-weight: bold;
font-size: 70%;
}
footer .container .infoSpalte .footLink,
footer .container .infoSpalte .footText
{

font-size: 70%;
}

.footLink a:hover,
.footLink a:focus,
.footLink a:active{
color: #c90909;
}

footer > .container {
  padding-left: 0px;
  padding-right: 0px;
}

.infoBox {
  
  border: 1px solid #ccc;
  border-radius: 4px;
  -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
}

/* Breite Container für infoBox: ---------------Anfang */

.infoBox{
    
  max-width: 1140px !important;
  padding:10px 15px 0 15px !important;
  margin: -20px auto 10px auto !important;
    }

@media (min-width:768px) {
    .infoBox{
        max-width: 720px;
    }
}
@media (min-width:992px) {
    .infoBox{
        max-width: 940px;
    }
}
@media (min-width:1200px) {
    .infoBox{
        max-width: 1140px;
    }
}
@media (max-width:768px) {
    .infoBox{
        margin: 0 auto !important;
    }
    .infoBox .infoSpalte p{
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
   
    }
    
}

@media (width:768px) {
    .infoBox{
        max-width: 720px;
        margin: 0 auto !important;
        
    }
}


/* Breite Container für infoBox: ---------------Ende */

/* Inhalte responsive: */

@media screen and (max-width: 343px) {

.infoBox .infoSpalte{
  overflow: hidden;
  font-size: 70%;
}
}

/* editierbarer Teil des Footers */
.editfooter{
margin: 0 auto;
max-width: 1140px !important;
text-align: center;
background: #fff; 
}
.editfooter p{
display: block;
margin: 0 auto 20px auto;
font-weight: bold;
}
@media (max-width: 350px){
.editfooter p{
font-size: 0.6em;
}
}


/* --------------------------------Footer Formatierung Ende */

.marginbottom {margin-bottom: 1.5em;}

  .floatright {
    float: right;
  }
  
/* Logo Formatierung -Anfang */
  img.logo {
        position:relative;
        padding-right: 10px !important;
        
    }
/* neu: für kleinere Displays - Anfang */
@media (max-width: 767px) {
.headlogo{
text-align: left;
}
}
/* neu: für kleinere Displays - Ende */

/* neu: für iPad Portrait - Anfang */
@media (min-width: 768px) and (max-width: 768px){
.header-container img{
padding-top: 6px;
}
.header-container #contact{
margin-top: 6px;
}
}
/* neu: für iPad Portrait - Ende */

/* Logo Formatierung -Ende */

/* ---Language Menu --- */
ul.flagmenu {
  margin: 0;
  padding: 0;
  max-height: 2em;
  overflow: hidden;
}
.flagmenu li {
  padding: 1em 0 0 5px;
  margin: 0;
  list-style: none;
  float: right;
  font-size: 90%;
  color: #ccc;
}
.flagmenu li a, .flagmenu li span {
  text-decoration: none;
  display: block;
  text-indent: -9999px;
}

.flagmenu.noflags li a, .flagmenu.noflags li span {
    text-indent: 0;
    display:inline;
}

.flagmenu.noflags li + li:after {
    content: "|";
    padding: 0 0 0 5px;
    color: #ccc;
}

.flagmenu.noflags li {
    padding-top: 0.5em;
}

.flagmenu a.flags, .flagmenu span.flags {
  width: 20px;
  height: 20px;
  background: url(../Images/flagsprite.gif) no-repeat 0 0;
}
.flagmenu a.flags0 {
  background-position: 0 0;
}
.flagmenu span.flags0 {
  background-position: -20px 0;
}
.flagmenu a.flags1 {
  background-position: 0 -20px;
}
.flagmenu span.flags1 {
  background-position: -20px -20px;
}

/*css styled content*/
.csc-textpic-intext-right-nowrap .csc-textpic-text {
  margin-right: 0 !important;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
  margin-left: 0 !important;
}

@media screen and (min-width: 420px) {
  .csc-textpic-intext-left > .csc-textpic-imagewrap,
  .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap,
  .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    float: left;
    width: 50%;
  }

  .csc-textpic-intext-left-nowrap > .csc-textpic-text,
  .csc-textpic-intext-right > .csc-textpic-imagewrap,
  .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap {
    float: right;
    width: 50%;
  }
  .csc-textpic-intext-left .csc-textpic-imagewrap {
    margin-right: 10px;
  }

  .csc-textpic-intext-right .csc-textpic-imagewrap {
    margin-left: 10px;
  }
}

.csc-textpic:before, .csc-textpic-imagewrap:before,
.csc-textpic:after, .csc-textpic-imagewrap:after {
  content: "";
  display: table;
}

.csc-textpic:after, .csc-textpic-imagewrap:after {
  clear: both;
}

.csc-textpic-imagewrap img, .csc-textpic-imagerow img {
  border: medium none;
  margin-bottom: 0;
  vertical-align: bottom;
}

.csc-textpic-imagecolumn {
  max-width: 100%;
  float: left;
}

.csc-textpic-imagecolumn.csc-textpic-col,
.csc-textpic-imagecolumn.csc-textpic-lastcol {
  margin-right: 0;
}

.csc-textpic-left > .csc-textpic-imagewrap {
  text-align: left;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
  margin-left: auto !important;
}

.imagewidth30 .csc-textpic-intext-left-nowrap > .csc-textpic-text {
  width: 70%;
}

.imagewidth15 .csc-textpic-intext-left-nowrap > .csc-textpic-text {
  width: 83.3333333333%;
}

.csc-textpic-center img {
  margin: 0 auto;
}

.csc-textpic-center > .csc-textpic-text {
  text-align: left;
}

.csc-textpic-caption {
  margin-bottom: 20px;
}

[data-csc-cols="1"] .csc-textpic-imagecolumn {
  max-width: 100%;
}

[data-csc-cols="2"] .csc-textpic-imagecolumn {
  max-width: 50%;
}

.csc-textpic-below figure,
.csc-textpic-above figure {
  margin: 0 0 20px 0;
}

.csc-textpic-imagewrap figure,
.csc-textpic-imagewrap figure {
  margin: 0 10px 20px 10px;
}
.csc-textpic-imagewrap {
  margin: 0 -10px;
}

div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
  overflow: hidden;
}

.csc-textpic-intext-left ol, .csc-textpic-intext-left .csc-textpic-text ul {
  overflow: auto;
}

[data-csc-cols="2"] .csc-textpic-imagecolumn {
  width: 50%;
}
[data-csc-cols="3"] .csc-textpic-imagecolumn {
  width: 33.3%;
}
[data-csc-cols="4"] .csc-textpic-imagecolumn {
  width: 25%;
}


div.csc-frame-rulerBefore {
  border-top: 1px solid #ccc;
  margin: 1.5em 0 0 0;
}
div.csc-frame-rulerAfter {
  border-bottom: 1px solid #ccc;
  margin: 0 0 1.5em 0;
}
div.csc-frame-indent {
  padding-left: 100px;
}
div.csc-frame-indent3366 {
  padding-left: 33%;
}
div.csc-frame-indent6633 {
  padding-right: 33%;
}
.csc-frame-frame1 {
  /*background-color: #f5f5f5;*/
  padding: 1.5em;
  margin-bottom: 1.5em;
}
.layout2 .csc-frame-frame1 {min-height: 20em;}
.csc-frame-frame2 {
  /*background-color: #414141;*/
  padding: 1.5em;
  margin-bottom: 1.5em;
  color: #fff;
}
.csc-frame h1, .csc-frame h2, .csc-frame h3, .csc-frame h4, .csc-frame h5 {
  margin-top: 0;
}

.csc-uploads:before,
.csc-uploads:after {
  content: "";
  display: table;
}

.csc-uploads:after {
  clear: both;
}
ul.csc-uploads {margin: 0 0 20px 0;}

ul.csc-uploads li {border-bottom: 1px solid #ccc;}

ul.csc-uploads span {
  display: block;
}
ul.csc-uploads span.csc-uploads-description {
  width: 80%;
  float: left;
}
ul.csc-uploads img {
  width: auto;
  float: left;
  margin-right: 6px;
}
ul.csc-uploads span.csc-uploads-fileSize {
  width: 20%;
  text-align: right;
  float: right;
}
table {
  width: 100%;
}

/* Anpassungen für form */
.csc-form-element-submit input,
.csc-form-confirmation-false input,
.csc-form-confirmation-true input{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.csc-form-element-submit input:focus,
.csc-form-confirmation-false input:focus,
.csc-form-confirmation-true input:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.csc-form-element-submit input:hover,
.csc-form-element-submit input:focus,
.csc-form-confirmation-false input:hover,
.csc-form-confirmation-true input:hover,
.csc-form-confirmation-false input:focus,
.csc-form-confirmation-true input:focus {
    color: #333333;
    text-decoration: none;
}

.csc-form-element-submit input:active,
.csc-form-element-submit input  .active,
.csc-form-confirmation-false input:active,
.csc-form-confirmation-true input:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.csc-form-confirmation-false input {background:red; color:#fff;}
.csc-form-confirmation-true input {background:#228811; color:#fff;}
.csc-form-confirmation li { float:left;}
.btn {height: 34px;}

/* Hauptmenü Schrift */
.hauptmenu .navbar-nav>li a{
margin-left: 3px;
}
.hauptmenu .navbar-nav li a{
/* font-family: 'Michroma', Arial, sans-serif; */
font-size: 1.3em !important;
font-weight: bold;
margin-right: 20px !important;
}
/* Hauptmenü Farben - Anfang */
/* Startseite */
.hauptmenu .navbar-nav .menuid-119 a{
color: #000;
}
.hauptmenu .navbar-nav  a{
margin-right: 3px !important;
margin-left: 3px !important;
}
.hauptmenu .menuid-119 a:hover,
.hauptmenu .menuid-119 a:focus,
.hauptmenu .menuid-119 a:active{
  border-bottom: 6px solid #c90909;
  color: #000 !important;
}
/* Leistungen */
.hauptmenu .navbar-nav .menuid-28 a{
color: #000;
}
.hauptmenu .menuid-28 a:hover,
.hauptmenu .menuid-28 a:focus,
.hauptmenu .menuid-28 a:active{
  border-bottom: 6px solid #66be12;
  color: #000 !important;
}
/* Preise */
.hauptmenu .navbar-nav .menuid-65 a{
color: #000;
}
.hauptmenu .menuid-65 a:hover,
.hauptmenu .menuid-65 a:focus,
.hauptmenu .menuid-65 a:active{
  border-bottom: 6px solid #e6f330;
  color: #000 !important;

}
/* Referenzen */
.hauptmenu .navbar-nav .menuid-37 a{
color: #000;
}
.hauptmenu .menuid-37 a:hover,
.hauptmenu .menuid-37 a:focus,
.hauptmenu .menuid-37 a:active{
  border-bottom: 6px solid #305bf3;
  color: #000 !important;
}
/* Skills */
.hauptmenu .navbar-nav .menuid-38 a{
color: #000;
}
.hauptmenu .menuid-38 a:hover,
.hauptmenu .menuid-38 a:focus,
.hauptmenu .menuid-38 a:active{
  border-bottom: 6px solid #9063c9;
  color: #000 !important;
}
/* Kontakt */
.hauptmenu .navbar-nav .menuid-21 a{
color: #000;
}
.hauptmenu .menuid-21 a:hover,
.hauptmenu .menuid-21 a:focus,
.hauptmenu .menuid-21 a:active{
  border-bottom: 6px solid #ef9a0b;
  color: #000 !important;
}

/* Hauptmenü Farben - Ende */

/* Menü: Aktiven Menüpunkt highlighten (auch auf Startseite) - Anfang */
/*
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
*/
/* Startseite */
#page-1 .navbar-default .navbar-nav > .menuid-119 > a, 
#page-1 .navbar-default .navbar-nav > .menuid-119 > a:hover, 
#page-1 .navbar-default .navbar-nav > .menuid-119 > a:focus,
#page-213 .navbar-default .navbar-nav > .menuid-119 > a, 
#page-213 .navbar-default .navbar-nav > .menuid-119 > a:hover, 
#page-213 .navbar-default .navbar-nav > .menuid-119 > a:focus,
#page-234 .navbar-default .navbar-nav > .menuid-119 > a, 
#page-234 .navbar-default .navbar-nav > .menuid-119 > a:hover, 
#page-234 .navbar-default .navbar-nav > .menuid-119 > a:focus {
    border-bottom: 6px solid #c90909;
    color: #000;
    background: transparent;
}
/* Leistungen */
#page-28 .navbar-default .navbar-nav > .menuid-28 > a, 
#page-28 .navbar-default .navbar-nav > .menuid-28 > a:hover, 
#page-28 .navbar-default .navbar-nav > .menuid-28 > a:focus {
    border-bottom: 6px solid #66be12;
    color: #000;
    background: transparent;
}
/* Leistung: mobile Optimierung */
#page-206 .navbar-default .navbar-nav > .menuid-28 > a, 
#page-206 .navbar-default .navbar-nav > .menuid-28 > a:hover, 
#page-206 .navbar-default .navbar-nav > .menuid-28 > a:focus {
    border-bottom: 6px solid #66be12;
    color: #000;
    background: transparent;
}
/* Leistung: Änderung Website */
#page-207 .navbar-default .navbar-nav > .menuid-28 > a, 
#page-207 .navbar-default .navbar-nav > .menuid-28 > a:hover, 
#page-207 .navbar-default .navbar-nav > .menuid-28 > a:focus {
    border-bottom: 6px solid #66be12;
    color: #000;
    background: transparent;
}
/* Leistung: SEO */
#page-208 .navbar-default .navbar-nav > .menuid-28 > a, 
#page-208 .navbar-default .navbar-nav > .menuid-28 > a:hover, 
#page-208 .navbar-default .navbar-nav > .menuid-28 > a:focus {
    border-bottom: 6px solid #66be12;
    color: #000;
    background: transparent;
}
/* Leistung: Technik */
#page-209 .navbar-default .navbar-nav > .menuid-28 > a, 
#page-209 .navbar-default .navbar-nav > .menuid-28 > a:hover, 
#page-209 .navbar-default .navbar-nav > .menuid-28 > a:focus {
    border-bottom: 6px solid #66be12;
    color: #000;
    background: transparent;
}
/* Leistung: Upgrade */
#page-219 .navbar-default .navbar-nav > .menuid-28 > a, 
#page-219 .navbar-default .navbar-nav > .menuid-28 > a:hover, 
#page-219 .navbar-default .navbar-nav > .menuid-28 > a:focus {
    border-bottom: 6px solid #66be12;
    color: #000;
    background: transparent;
}
/* Leistung: Security */
#page-220 .navbar-default .navbar-nav > .menuid-28 > a, 
#page-220 .navbar-default .navbar-nav > .menuid-28 > a:hover, 
#page-220 .navbar-default .navbar-nav > .menuid-28 > a:focus {
    border-bottom: 6px solid #66be12;
    color: #000;
    background: transparent;
}
/* Leistung: allgemein/Beratung */
#page-221 .navbar-default .navbar-nav > .menuid-28 > a, 
#page-221 .navbar-default .navbar-nav > .menuid-28 > a:hover, 
#page-221 .navbar-default .navbar-nav > .menuid-28 > a:focus {
    border-bottom: 6px solid #66be12;
    color: #000;
    background: transparent;
}
/* Leistung: OnePager */
#page-232 .navbar-default .navbar-nav > .menuid-28 > a, 
#page-232 .navbar-default .navbar-nav > .menuid-28 > a:hover, 
#page-232 .navbar-default .navbar-nav > .menuid-28 > a:focus {
    border-bottom: 6px solid #66be12;
    color: #000;
    background: transparent;
}
/* Leistung: Baukasten */
#page-233 .navbar-default .navbar-nav > .menuid-28 > a, 
#page-233 .navbar-default .navbar-nav > .menuid-28 > a:hover, 
#page-233 .navbar-default .navbar-nav > .menuid-28 > a:focus {
    border-bottom: 6px solid #66be12;
    color: #000;
    background: transparent;
}
/* Leistung: Datenschutz */
#page-237 .navbar-default .navbar-nav > .menuid-28 > a, 
#page-237 .navbar-default .navbar-nav > .menuid-28 > a:hover, 
#page-237 .navbar-default .navbar-nav > .menuid-28 > a:focus {
    border-bottom: 6px solid #66be12;
    color: #000;
    background: transparent;
}
/* Preise */
#page-65 .navbar-default .navbar-nav > .menuid-65 > a, 
#page-65 .navbar-default .navbar-nav > .menuid-65 > a:hover, 
#page-65 .navbar-default .navbar-nav > .menuid-65 > a:focus {
    border-bottom: 6px solid #e6f330;
    color: #000;
    background: transparent;
}
/* Referenzen */
#page-37 .navbar-default .navbar-nav > .menuid-37 > a, 
#page-37 .navbar-default .navbar-nav > .menuid-37 > a:hover, 
#page-37 .navbar-default .navbar-nav > .menuid-37 > a:focus {
    border-bottom: 6px solid #305bf3;
    color: #000;
    background: transparent;
}
/* Skills */
#page-38 .navbar-default .navbar-nav > .menuid-38 > a, 
#page-38 .navbar-default .navbar-nav > .menuid-38 > a:hover, 
#page-38 .navbar-default .navbar-nav > .menuid-38 > a:focus,
#page-225 .navbar-default .navbar-nav > .menuid-38 > a, 
#page-225 .navbar-default .navbar-nav > .menuid-38 > a:hover, 
#page-225 .navbar-default .navbar-nav > .menuid-38 > a:focus {
    border-bottom: 6px solid #9063c9;
    color: #000;
    background: transparent;
}
/* Kontakt */
#page-21 .navbar-default .navbar-nav > .menuid-21 > a, 
#page-21 .navbar-default .navbar-nav > .menuid-21 > a:hover, 
#page-21 .navbar-default .navbar-nav > .menuid-21 > a:focus {
    border-bottom: 6px solid #ef9a0b;
    color: #000;
    background: transparent;
}
#page-236 .navbar-default .navbar-nav > .menuid-21 > a, 
#page-236 .navbar-default .navbar-nav > .menuid-21 > a:hover, 
#page-236 .navbar-default .navbar-nav > .menuid-21 > a:focus {
    border-bottom: 6px solid #ef9a0b;
    color: #000;
    background: transparent;
}


/* Menü: Aktiven Menüpunkt highlighten - Ende */

/* rootline navigation */
ul.breadcrumb {
    margin-left:0;
    font-size:80%;
    padding: 0;
    background-color: transparent;
}

@media only screen and (max-width:520px) {
    /*ul.breadcrumb { display:none; }*/
  ul.breadcrumb {
    
    font-size:60% !important;
    
  }
}
@media only screen and (max-width:480px) {
    /*ul.breadcrumb { display:none; }*/
  ul.breadcrumb {
   
    font-size:50% !important;
   
  }
}

/* news pagination */
.page-navigation {
    font-size:80%;
    text-align: center;
}

.news .page-navigation p {
    float: none;
}

.news .page-navigation ul {
    float: none;
    margin: 0;
}

.news .page-navigation ul li {
    float: none;
    display: inline;
}

.news .page-navigation ul li a {
    display: inline;
    padding: 1px 2px;
}

/* adustments for print */
@media print {

    .news .article .news-img-wrap a, .news-list-view .dl-horizontal dt a {
        padding: 0;
        border: 0 none;
    }

}

/*----------------------------------------------------------------------------------------------------------------
/* Styles für Projekt - Anfang 
/* --------------------------------------------------------------------------------------------------------------*/

/* Topheader Breite 1140, Höhe variabel, hier 160 */
.topheader {
margin-top: 0 !important;
margin-bottom: 0 !important;
}

/* Kontaktzeile - Anfang */
#contact p{
background: #f1f1f1;
padding: 2px 1px 5px 5px;
/*
border: 1px solid #ccc;
*/
border-radius: 4px;
}
#contact p img{
padding-right: 0;
width: auto !important;
max-width: 25px;
}
#contact{
font-size: 12px;
margin-top: -7px;
}
@media (min-width:220px) and (max-width:319px){
#contact{
font-size: 8px;
}
}
@media (min-width:320px){
#contact{
font-size: 11px;
margin-top: -9px;
}
}
@media (min-width:450px){
#contact{
font-size: 12px;
margin-top: -12px;
}
}
@media (min-width:480px){
#contact{
font-size: 18px;
margin-top: -12px;
}
}
@media (min-width:768px){
#contact{
font-size: 20px;
margin-top: -40px;
}
}
@media (min-width:768px) and (max-width:800px){
#contact img{
padding-top: 0 !important;
}
}
#contact .Tel{
display: block;
float: right;
padding-right: 4px;
}
#contact .eMail{
padding-left: 0;
}

#contact a{
text-decoration: none !important;
}
#page-1 #contact a,
#page-1 #contact .Tel,
#page-213 #contact a,
#page-213 #contact .Tel,
#page-234 #contact a,
#page-234 #contact .Tel{
color: #c90909;
}
#page-28 #contact a,
#page-28 #contact .Tel,
#page-206 #contact a,
#page-206 #contact .Tel,
#page-207 #contact a,
#page-207 #contact .Tel,
#page-208 #contact a,
#page-208 #contact .Tel,
#page-209 #contact a,
#page-209 #contact .Tel,
#page-219 #contact a,
#page-219 #contact .Tel,
#page-220 #contact a,
#page-220 #contact .Tel,
#page-221 #contact a,
#page-221 #contact .Tel,
#page-232 #contact a,
#page-232 #contact .Tel,
#page-233 #contact a,
#page-233 #contact .Tel,
#page-237 #contact a,
#page-237 #contact .Tel{
color: #66be12;
}
#page-65 #contact a,
#page-65 #contact .Tel{
color: #e6f330;
}
#page-65 #contact p{
background: #868686;
}
#page-37 #contact a,
#page-37 #contact .Tel{
color: #305bf3;
}
#page-38 #contact a,
#page-38 #contact .Tel,
#page-225 #contact a,
#page-225 #contact .Tel{
color: #9063c9;
}
#page-21 #contact a,
#page-21 #contact .Tel,
#page-236 #contact a,
#page-236 #contact .Tel{
color: #ef9a0b;
}

/* Verwaltungsseiten */
#page-20 #contact a,
#page-20 #contact .Tel,
#page-25 #contact a,
#page-25 #contact .Tel,
#page-26 #contact a,
#page-26 #contact .Tel,
#page-127 #contact a,
#page-127 #contact .Tel,
#page-120 #contact a,
#page-120 #contact .Tel,
#page-142 #contact a,
#page-142 #contact .Tel,
#page-22 #contact a,
#page-22 #contact .Tel,
#page-30 #contact a,
#page-30 #contact .Tel,
#page-31 #contact a,
#page-31 #contact .Tel,
#page-33 #contact a,
#page-33 #contact .Tel,
#page-210 #contact a,
#page-210 #contact .Tel,
#page-212 #contact a,
#page-212 #contact .Tel,
#page-211 #contact a,
#page-211 #contact .Tel,
#page-215 #contact a,
#page-215 #contact .Tel,
#page-217 #contact a,
#page-217 #contact .Tel,
#page-222 #contact a,
#page-222 #contact .Tel,
#page-223 #contact a,
#page-223 #contact .Tel,
#page-230 #contact a,
#page-230 #contact .Tel,
#page-231 #contact a,
#page-231 #contact .Tel,
#page-244 #contact a,
#page-244 #contact .Tel
{
color: #868686;
}

#contact a:hover{
color: black !important;
}

/* Kontaktzeile - Ende */


/* für das 3er Spaltenelement */
h2, .h2 {font-size: 1.3em;}

/* für das Servicemenü -Anfang */
.servmenu .navbar-default .navbar-nav > li{
margin-left: 3px;
margin-right: 3px;
}

/* aktive Menüpunkte unterstreichen */
/* um wackeln zu verhindern, auch inaktive unsichtbar unterstreichen: */
.servmenu .navbar-default .navbar-nav > li > a{
background-color: transparent;
border-bottom: 3px solid transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.servmenu .navbar-default .navbar-nav > li > a:hover{
background-color: transparent;
color: black;
border-bottom: 3px solid #868686;
}

@media (max-width:767px){
.servmenu .navbar{ min-height: 18px; z-index: 50 !important;}
.servmenu .navbar-collapse.collapse {
        /*text-align: center;  um Servicemenü zu zentrieren */
       
}
.servmenu .navbar-nav {
    /*display: inline-block;  um Servicemenü zu zentrieren */
    /*float: none;  um Servicemenü zu zentrieren */
    float: left;
    text-align: left;
    margin: 0;
}
.servmenu .navbar-default .navbar-nav  li > a:hover{
border-bottom: 3px solid #868686 !important;
}
.servmenu .navbar-nav  li a{
    font-size: 0.7em;
    color: #777;
    padding: 0.1em 0.3em;
    line-height: 22px;
}

.servmenu .navbar-toggle{
    float:left;
  border: 1px solid #c90909;
}

/* highlighten Servmenü: */
.servmenu .navbar-default .navbar-nav > .active > a, 
.servmenu .navbar-default .navbar-nav > .active > a:hover, 
.servmenu .navbar-default .navbar-nav > .active > a:focus,
.servmenu .navbar-default .navbar-nav > li > a:hover, 
.servmenu .navbar-default .navbar-nav > li > a:focus {
    color: #777 !important;
    background-color: transparent !important;
    border-bottom: 6px solid #777 !important;
}

} /* media bis 767 */

@media (min-width:768px){
.servmenu .navbar{ min-height: 18px; z-index: 50 !important;}
.servmenu .navbar-collapse.collapse {
        text-align: center;  /*um Servicemenü zu zentrieren */
       
}
.servmenu .navbar-nav {
    display: inline-block;  /*um Servicemenü zu zentrieren */
    float: none;  /*um Servicemenü zu zentrieren */
   
    margin: 0;
}
.servmenu .navbar-nav  li a{
    font-size: 0.7em;
    color: #777;
    
    padding: 0.1em 0.3em;
    line-height: 22px;
}
.servmenu .navbar-toggle{
    float:left;
  border: 1px solid #c90909;
}
} /* media ab 768 */
/* für das Servicemenü -Ende */

/* Aufruf Menüs für xs-Anzeige - barrierefrei (ohne Javascript) - Anfang */
.hauptmenu .menuLink a, .servmenu .imprLink a{
color: #777;
text-decoration: none !important;
font-size: 70%;
}
.hauptmenu .menuLink a:hover,
.hauptmenu .menuLink a:focus,
.servmenu .imprLink a:hover,
.servmenu .imprLink a:focus{
color: #c90909;
}
/* hauptmenu link */


.hauptmenu .menuLink a{
display: inline-block;
margin-top: 8px;
}


/* servmenu link */
.servmenu .imprLink{
display: inline-block;
background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 0px 9px no-repeat;
margin: 0px auto 2px 0px;
padding-left: 0px;
}
.servmenu .imprLink a{
padding-left: 6px;
}
/* Aufruf Menüs für xs-Anzeige - barrierefrei - Ende */


/* Container für Hauptmenü: ---------------Anfang */
.hauptmenu .navbar-default{
  padding:0 !important;
 
    }

.hauptmenu .navbar-nav{
   
  max-width: 1140px !important;
  padding:0 !important;
 
    }

/*------------------Anfang  xs: Dropdown anders formatiert */
@media (max-width:767px){
.hauptmenu {
/*background: yellow;*/ 
height: auto !important;
}
.hauptmenu .navbar-nav,
.hauptmenu .navbar-default {
background: transparent; 
height: auto !important;
}

.navbar-collapse-hauptmenu{
max-width: 50% !important;
}
.navbar-collapse-hauptmenu.in{
height: auto !important;
max-width: 50% !important;
overflow: hidden !important;
background: #ccc;
border-top: 1px solid #777;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
 }
 
 .navbar-collapse-hauptmenu .navbar-nav li{
background: transparent  url(../Images-Admin/LayoutBilder/orangePfeil.png) 0px 8px no-repeat !important;
margin-left: 7px;
margin-right: 10px;
} 
.navbar-collapse-hauptmenu .navbar-nav li a{
margin-left: 4px;
margin-top: 10px;
margin-bottom: 10px;

font-size: 0.9em !important;
}
 
ul .nav .navbar-nav,
li .dropdown .open{
height: auto !important;
}
/* Seitenverweise mit Pfeil */
ul .dropdown-menu li{
background: #f5f5f5  url(../Images-Admin/LayoutBilder/orangePfeil.png) 24px 22px no-repeat !important;
}
.navbar-collapse-servmenue{
margin-left: -20px !important;
}
.navbar-collapse-servmenue .navbar-nav{
background: #ccc;
border-top: 1px solid #777;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.servmenu .navbar-collapse-servmenue .navbar-nav li{
background: transparent  url(../Images-Admin/LayoutBilder/orangePfeil.png) 0px 8px no-repeat !important;
padding-left: 3px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-right: 5px;
}
/* Menüpunkte 2. Menüebene: größere Schrift, größerer Abstand */


.navbar-collapse-hauptmenu.in .navbar-nav li.dropdown.open li a{
 line-height: 40px;
 margin-left: 5px;
  
 }

/* Menüpunkte 2. Menüebene current: ohne Background-Markierung */
.navbar-collapse-hauptmenu.in .navbar-nav li.dropdown.open li.active a.current{
background: transparent !important;
/*font-weight: bold;*/
color: #c90909;
}

 /* aktiver dropdown-link: */
li.dropdown.open a.dropdown-toggle{
display: inline-block;
/* cssval
border: none;
border-radius: none;
*/
border: 0;
border-radius: 0;
background: transparent !important;
font-weight: bold;
color: #f37122 !important;
}


}

/*------------------Ende  xs: Menü linksbündig, li anders formatiert */

/*------------------Anfang  sm, md, lg: Hauptmenü zentrieren: */ 
 
@media (min-width:768px){
.hauptmenu .navbar-collapse-hauptmenu {
text-align: left; /* um Hauptmenü zu zentrieren */ 
}
}

/*------------------Ende  sm, md, lg: Hauptmenü zentrieren: */ 

/* Standardformatierung entfernen: */
.hauptmenu .navbar-default, .servmenu .navbar-default{
  background: none;
  border: none;
}


/* ------------------------------------------------Menü über ganze Breite - Anfang */
.hauptmenu .navbar-collapse{
padding-left: 0;
padding-right: 0;
}

.hauptmenu .navbar-nav{
width: 75%;
}



/*------------------------------------------------ Menü über ganze Breite - Ende */

.hauptmenu .navbar-nav {
    display: inline-block; /* um Hauptmenü zu zentrieren */
    /* float: none !important;  um Hauptmenü zu zentrieren */
    margin: 0;
}
/* --------------Anfang Menü Buttons im kleinen Display < 767px: -------------------- */ 
.hauptmenu .navbar-header .xs_navi_container{
	margin: 0 !important;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #000;
	padding: 5px;
	height: 45px;
}
.hauptmenu .navbar-header .xs_navi_container .menu_button{
	margin: 0 !important;
	padding: 0 !important;
}
.hauptmenu .navbar-header .xs_navi_container .altern_menu{
	margin: 0;
	padding: 0;
	text-align: right;
}
.hauptmenu .menuLink{
background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 12px 13px no-repeat;
/*padding:0 15px;*/
padding: 0 12px 0 18px;
margin: 0 -2px 0 auto;
border: 1px solid #ccc;
border-radius: 4px;
height: 34px;
display: inline-block;
}
/* Für Bildschirmgröße mini: */
@media screen and (max-width: 319px) {
.hauptmenu .menuLink{
background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 13px 12px no-repeat;
padding:0 11px 0 19px;
font-size: 80%;
height: 32px;
}
.hauptmenu .menuLink a{
margin-top: 10px;
}
/* Alt. Menü Anfang */
.altern_menu .menuLink{
background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 13px 11px no-repeat !important;
padding:0 11px 0 19px;
font-size: 80%;
height: 32px;
}
.altern_menu .menuLink a{
margin-top: 8px;
}
/* Alt. Menü Ende */
} /* Ende Bildschirmgröße mini */


.hauptmenu .navbar-toggle{
  float: left;
  border: 2px solid #c90909;
 
}


.hauptmenu .navbar-toggle{
    background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 23px 12px no-repeat;
    margin: 0 !important;
    padding: 0;
    height: 34px;
    width: 100px;
}
.hauptmenu .navbar-toggle .collapse_menu{
	display: inline-block;
    margin-top: 2px !important;
    margin-left: 4px !important;
    color: #333;
    font-weight: bold;
}
.hauptmenu .navbar-toggle:hover .collapse_menu, .hauptmenu .navbar-toggle:focus .collapse_menu{
	color: #c90909;
}

/* servmenu */
.servmenu .xs_service_container{
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #f5f5f5;
    height: 35px;
    padding: 0;
}
.servmenu .service_button{
    margin: -5px auto auto -12px !important;
}
.servmenu .altern_service{
	text-align: right;
	margin: 0 5px 0 0;
	padding: 0;
	overflow: visible;
	float: right;
}
 .servmenu .service_switch{
    text-align: center;
    margin: 4px -2px auto auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    /*background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 13px 9px no-repeat;*/
    display: inline-block;
    width: 150px;
    padding: 0;
 }
.servmenu .navbar-toggle{
    background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 8px 9px no-repeat;
    padding: 0 !important;
}
.servmenu .navbar-toggle .collapse_service{
	display: inline-block;
    padding: 2px 8px 4px 14px;
    color: #333;
    font-weight: bold;
    font-size: 80%;
}
.servmenu .navbar-toggle:hover .collapse_service, .servmenu .navbar-toggle:focus .collapse_service{
	color: #c90909;
}
/* für extrem kleine Bildschirme < 345px: */

/* Kontakt und eBanking: */
.header-container a img{
display: inline;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 3px;
}
/* alternativer Link: */
@media (max-width: 365px){
.servmenu .service_switch{
margin: 4px -2px auto auto !important;
/*background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 7px 8px no-repeat;*/
width: 150px;
 }	
.servmenu .imprLink a{
display: inline-block;
font-size: 70%;

}
.servmenu .imprLink{
margin-right: -5px;
}


/* eigentlicher link: */
.servmenu .navbar-toggle{
    background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 8px 9px no-repeat;
    padding: 0 !important;
}
.servmenu .navbar-toggle .collapse_service{
	
    font-weight: normal;
    font-size: 60%;
}
	
} /* Ende media query */
/* --------------Ende Menü Buttons im kleinen Display < 767 px -------------------- */ 

/* Anfang Impressum-Menü im extrem kleinen Display < 319px mini ---*/
@media screen and (max-width: 319px){
/* alternativer Link: */
.servmenu .service_switch{
background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 9px 10px no-repeat;
text-align: left;
width: 110px;
padding: 0 0 3px 15px;
 }	
.servmenu .imprLink a{
display: block;
font-size: 50%;
margin-top: -10px;
padding: 0 7px 0 0 !important;
}
.servmenu .imprLink{
margin: 0 !important;
padding: 0 !important;
width: 100%;
}


/* eigentlicher link: */
.servmenu .navbar-toggle{
    background: #f5f5f5 url(../Images-Admin/LayoutBilder/orangePfeil.png) 20px 10px no-repeat;
    padding: 0 !important;
}
.servmenu .navbar-toggle .collapse_service{
	
    font-weight: normal;
    font-size: 50%;
    width: 100px;
}
	

}
/* Ende Impressum-Menü im extrem kleinen Display < 319px ---*/

/* sm, md, lg aktiver dropdown-link: */
@media (min-width: 768px){
li.dropdown.open a.dropdown-toggle{
display: inline-block;
border: 1px solid #ccc;
border-bottom: none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
  /*
-moz-box-shadow: 2px 2px 2px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc; 
*/
background: #f5f5f5 !important;
}
}

/* jetzt in orange */
.dropdown > a .caret {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    width: 0;
    height: 0;
}
.dropdown > a:hover .caret,
.dropdown > a:focus .caret,
.dropdown > a:active .caret
{
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    width: 0;
    height: 0;
}

/* Hauptmenü bei kleinem sm - Anfang: */
@media (min-width:768px) and (max-width: 795px){
    .hauptmenu .navbar-nav > li > a{
     margin: auto 12px;   
    
     font-size: 110%;
    }
    /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 12px auto 0; 
     padding: 5px 0 5px 3px;
    
    }
    }
/* Hauptmenü bei kleinem sm - Ende */


/* Hauptmenü über ganze Breite bei sm - Anfang: */
@media (min-width:796px) and (max-width: 819px){
    .hauptmenu .navbar-nav > li > a{
     margin: auto 12px;
     padding: 5px 0;   
     font-size: 115%;
    }
   .hauptmenu .container {
   max-width: 100% !important;
   }
    /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 12px auto 0; 
    padding: 5px 0 5px 3px;
    
    }
    /* Aktuelles */
    .hauptmenu .navbar-nav > .menuid-52 > a{
      
    }
}


@media (min-width:820px) and (max-width: 869px){
    .hauptmenu .navbar-nav > li > a{
     margin: auto 12px;   
     font-size: 120%;
    }
   .hauptmenu .container {
   max-width: 100% !important;
   }
   /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 12px auto 0; 
      padding: 5px 0 5px 3px;
    
    }
    /* Aktuelles */
    .hauptmenu .navbar-nav > .menuid-52 > a{
     
    }
}

@media (min-width:870px) and (max-width: 926px){
    .hauptmenu .navbar-nav > li > a{
     margin: auto 12px;   
     font-size: 125%;
    }
    /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 12px auto 0; 
      padding: 5px 3px;
    
    }
    }

@media (min-width:927px) and (max-width: 991px){
    .hauptmenu .navbar-nav > li > a{
     margin: auto 15px;   
     font-size: 130%;
    }
   .hauptmenu .container {
   max-width: 100% !important;
   }
    /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 15px auto 0; 
      padding: 5px 0 5px 3px;
    
    }
    /* Aktuelles */
    .hauptmenu .navbar-nav > .menuid-52 > a{
       
    }
}
/* Hauptmenü über ganze Breite bei sm - Ende */


/* Hauptmenü Abstände größer bei md und lg: */
/* md: über ganze Breite */
@media (min-width:992px) and (max-width: 1040px){
    .hauptmenu .navbar-nav > li > a{
     margin: auto 15px ; 
     font-size: 135%;
    }
    /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 15px auto 0; 
      padding: 5px 3px;
    
    }
    /* Aktuelles */
    .hauptmenu .navbar-nav > .menuid-52 > a{
     
    }
}
@media (min-width:1041px) and (max-width: 1100px){
    .hauptmenu .navbar-nav > li > a{
     margin: auto 18px;   
     font-size: 140%;
    }
     /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 18px auto 0; 
      padding: 5px 3px;
    
    }
    /* Aktuelles */
    .hauptmenu .navbar-nav > .menuid-52 > a{
      
    }
}
@media (min-width:1101px) and (max-width: 1150px){
    .hauptmenu .navbar-nav > li > a{
     margin: auto 20px;   
     font-size: 145%;
    }
     /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 20px auto 0; 
      padding: 5px 3px;
    }
    /* Aktuelles */
    .hauptmenu .navbar-nav > .menuid-52 > a{
       
    }
}
@media (min-width:1151px) and (max-width: 1199px){
    .hauptmenu .navbar-nav > li > a{
     margin: auto 23px;   
     font-size: 145%;
    }
     /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 23px auto 0; 
      padding: 5px 3px;
    
    }
    /* Aktuelles */
    .hauptmenu .navbar-nav > .menuid-52 > a{
      
    }
}
/* Ende md */

/* lg: über ganze Breite */
@media (min-width:1200px) {
    .hauptmenu .navbar-nav > li > a{
     margin: auto 23px; 
     font-size: 145%;
    }
    /* Startseite */
    .hauptmenu .navbar-nav > .menuid-119 > a{
     margin: auto 23px auto 0; 
      padding: 5px 3px;
    
    }
    /* Aktuelles */
    .hauptmenu .navbar-nav > .menuid-52 > a{
     
     
    }
}


/* Container für Hauptmenü: ---------------Ende */


/* Container für Klickpfad: ---------------Anfang */

.klickpfad{
  background-color: transparent !important;
  border-radius: 4px;
  
  max-width: 1140px !important;
  padding:0 0 0 3px !important;
  margin: -20px auto 0 auto !important;
    }

.klickpfad .row div{
  margin-top: 5px !important;
    }

@media (min-width:768px) {
    .klickpfad{
        max-width: 720px;
    }
}
@media (min-width:992px) {
    .klickpfad{
        max-width: 940px;
    }
}
@media (min-width:1200px) {
    .klickpfad{
        max-width: 1140px;
    }
}
@media (max-width:767px) {
    .klickpfad{
        margin: 0 auto !important;
    }
    
}

@media (width:768px) {
    .klickpfad{
        max-width: 720px;
        margin: 0 auto !important;
        
    }
}




.klickpfad li a{
font-size: 1em;
    color: #777;
    padding:0;
    
}

.klickpfad li a:hover{
color: #c90909;
text-decoration: none;    
    
}

.klickpfad .row div{
padding: 0;
margin: 0;
  
}

/* Container für Klickpfad: ---------------Ende */

ul.breadcrumb {
    margin-left:0;
    font-size:80%;
    padding: 0 0 10px 0;
}
/* Trennzeichen Breadcrump: */
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #0066b3;
  font-weight: bold;
  content: "/\00a0";
}


.Druckersymbol a img {
float: right;
padding-top: 10px;
margin-bottom: -10px;
}

/* Header */

.topheader{
 margin: 0 auto; 
 max-width: 1140px;
 padding:0 !important;

font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

 }


/* Container für Header: ---------------Anfang */


.header-container{
  max-width: 1140px !important;
  padding:0 !important;
  margin: 0 auto !important;
    }

.header-container .row div{
   margin-top: 0;
   margin-bottom: 0 !important;
   margin-left: 0 !important;
   
   padding: 0;
    }
    

    
/* rechts minimaler Abstand - Anfang */
@media (min-width: 768px) and (max-width: 1140px){
.header-container .row{
padding-right: 3px;
}
}
/* rechts minimaler Abstand - Ende */


.header-container .row input{
  margin-right: 4px !important;
  border-radius: 4px;
    }
/* cssval
.header-container img{
  border: none;
  border-radius: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
*/  
.header-container img{
  border: 0;
  border-radius:0;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
    }

@media (min-width:768px) {
    .header-container{
        max-width: 720px;
    }
}
@media (min-width:992px) {
    .header-container{
        max-width: 940px;
    }
}
@media (min-width:1200px) {
    .header-container{
        max-width: 1140px;
    }
}
@media (max-width:768px) {
    .header-container{
        margin: 0 auto  !important;
    }
    /* Suchfeld */
   
   .input-group{
    margin-top: -2px !important;
    padding: 7px 0 0 0;

    }
    .input-group .form-control{
    height: 33px;
    font-size: 12px;

    }

} /* Ende 768 px */


@media (width:768px) {
    .header-container{
      max-width: 720px;
      margin-left: auto !important;
      margin-right: auto !important;
        }
     .navbar-default{
     margin-bottom: 0;
     }
}



  



/* Container für Header: ---------------Ende */

/* Inhalte Header: ---------------Anfang */
.header-container a img{
display: inline;
padding-left: 3px;
padding-right: 3px;
}













/* responsive: mobile first Ansatz*/
/* mini - für extrem kleine Bildschirme, z.B. 240px: */
@media screen and (max-width: 319px) {

}

@media screen and (max-width: 420px) {


  
  }

@media screen and (max-width: 396px) {


 
  }
  
@media screen and (max-width: 768px) {


.topheader{
margin-top: 0 !important;
margin-bottom: 0!important;
}
 
  }



@media screen and (min-width: 768px) and (max-width: 992px) {



}


@media screen and (min-width: 993px) and (max-width: 1199px) {

.header-container {

font-size: 80%;

}



 
}


@media screen and (min-width: 1200px) {

.header-container {

font-size: 90%;

}


 
}



/* Inhalte Header: ---------------Ende */


/* Content Container - Seiteninhalt: */
.content.container{
border: 1px solid #ccc;

border-radius: 4px;
  
-moz-box-shadow: 2px 2px 2px #888;
-webkit-box-shadow: 2px 2px 2px #888;
box-shadow: 2px 2px 2px #888;  
  
max-width: 1140px !important;
padding:5px 15px 0 15px !important;
/*padding:0 !important;*/
margin: 5px auto 15px !important;
  
}


/* Footer */
footer {



}
footer p{
font-size: 0.8em;
line-height: 1em;
 
}
/* Dropdown */
.dropdown {
  position: relative;
}

.dropdown-menu {
  text-align: left;
  /* left: 15px; Windows: linksbündig; Safari: nach rechts verschoben */
}
/* Positionierung des Dropdown spezifisch je nach uid und Bildschirmbreite -Anfang */
/* damit dropdown z.B. auf Tablet Portrait ganz rechts nicht abgeschnitten wird */
/* Start */
.menuid-119 .dropdown-menu{
left: 5px;	
}
/* Privatkunden */
.menuid-28 .dropdown-menu{
left: -5px;	
}
/* Firmenkunden */
.menuid-65 .dropdown-menu{
left: -5px;	
}
/* Mitglieder */
.menuid-37 .dropdown-menu{
left: 0px;	
}
/* Wir für Sie */
.menuid-38 .dropdown-menu{
left: 5px;	
}
/* Aktuelles */

.dropdown-menu{
border: 1px solid #ccc;
}






/* Positionierung des Dropdown spezifisch je nach uid und Bildschirmbreite -Ende */

/* -------- Aktuelles: Dropdown rechtsbündig 11.4.15 - Anfang */
/* iPad hochkant: */
@media (min-width:768px) and (max-width:798px){
.menuid-52 .dropdown-menu{

}
}
@media (min-width:799px) and (max-width:819px){
.menuid-52 .dropdown-menu{

}
}

@media (min-width:820px) and (max-width:841px){
.menuid-52 .dropdown-menu{

}
}
@media (min-width:842px) and (max-width:869px){
.menuid-52 .dropdown-menu{

}
}
@media (min-width:870px) and (max-width:892px){
.menuid-52 .dropdown-menu{

}
}
@media (min-width:893px) {
.menuid-52 .dropdown-menu{

}
}
/* --------- Aktuelles: Dropdown rechtsbündig - Ende */

.dropdown-menu  li  a {
  
  color: #333333 !important;
  background: transparent;
  
}

.dropdown-menu  li  a:hover,
.dropdown-menu  li  a:focus,
.dropdown-menu  li  a:active,
.dropdown-menu  li  a.dropdown-toggle{
  color: #c90909 !important;
  background: transparent;
  
  
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
 color: #c90909;
 background: transparent;
}

/* Hintergrund für die Spalten in layout2 (Dreispalter) und layout1 (Zweispalter) sowie layout3 und layout4 --- Anfang */

.layout1 .content .row>div .csc-frame-frame1, .layout1 .content .row>div .csc-default,
.layout2 .content .row>div .csc-frame-frame1, .layout2 .content .row>div .csc-default,
.layout3 .content .row>div .csc-frame-frame1, .layout3 .content .row>div .csc-default,
.layout4 .content .row>div .csc-frame-frame1, .layout4 .content .row>div .csc-default,

/* auch für die rechte aside-Spalte! : */
.layout1 .content .row>aside .csc-frame-frame1, .layout1 .content .row>aside .csc-default,
.layout2 .content .row>aside .csc-frame-frame1, .layout2 .content .row>aside .csc-default,
.layout3 .content .row>aside .csc-frame-frame1, .layout3 .content .row>aside .csc-default,
.layout4 .content .row>aside .csc-frame-frame1, .layout4 .content .row>aside .csc-default,

/* auch für Spalte über die ganze Breite, die auf Banner oben oder Überschrift folgt */
.layout-2 + .layout-0,
.container-headline + .layout-0,
/* auch für Einzelelemente; */

#c288,
#c589,
#c283,
#c634,
#c697,
#c724,
#c574,
#c756,
#c754
{
/*background-color: #dedede;*/

background-image: -webkit-linear-gradient(top, #dedede 0%, white 100%); 
background-image: -moz-linear-gradient(top, #dedede 0%, white 100%); 
background-image: -o-linear-gradient(#dedede 0%, white 100%); 
background-image: linear-gradient(#dedede 0%, white 100%);
/* moderner Farbverlauf: */
background-image: linear-gradient(to top, white 0%, #dedede 100%);

padding: 10px;
border-radius: 4px;
margin-bottom: 10px;
}
/* Auf jeder Seite: obere breite Spalte */
.container-headline + .layout-0
{
background-image: none;
background: transparent;
padding: 0 12px 0 0;
margin:0;
font-weight: bold;
text-align: justify;
}

aside{
padding-left:0 !important;
padding-right:7px !important;
padding-bottom: 10px;
}

/*aside bei sehr schmalen Bildschirmbreiten < 300px: */
@media (max-width:300px) {
    aside{
        padding: 10px 0;
        margin: 5px 0;
    }
}


/* Hintergrund für die Spalten in layout2 (Dreispalter) und layout1 (Zweispalter) sowie layout3 und layout4 --- Ende */


/* } */
/* Anpassungen gegen horizontal scroll bar - Anfang */
/* Bereiche gingen über 1140 px hinaus: 
.content .container .row{
max-width: 1080px !important;
background: purple;
}

/* Anpassungen gegen horizontal scroll bar - Ende */

/* header-Bereich vertikal komprimieren - Anfang*/
.nav > li > a{
padding: 5px 15px 10px 15px;
}
/* header-Bereich vertikal komprimieren - Ende*/

.hauptmenu .nav > li > a{
padding: 5px 3px;
}

/* in rows immer 20px Innenabstand */
.content .row > div > div,
.content .row > aside > div,
/* auch in bestimmten Einzelelementen: */
/* Phishing, Anwaltshotl, Mitglbonuskonz, Datensch, AGB, Pflichin, Nutzu, Filial,
 Impress, Suchergebn, Gestaltung  */
#c288,
#c589,
#c283, #c473, #c576, #c564, #c620, #c756, #c87, #c754{
padding-left: 20px !important;
padding-right: 20px !important;
}
#c574{
padding-left: 20px !important;
padding-right: 15px !important;
margin-right: 7px;
}

.content .row > aside > div{
padding-top: 10px !important;
}
/* Ausnahmen: */
/* Seite Ansprechpartner, Seite Filialen */
#page-146 .content .row > div > div,
#page-148 .content .row > div > div{
padding: 0 !important;
}

/* Abstand zum äußeren Rand/container-headline: */
/* Seiten Datensch, AGB, Pflicht, Nutz, Impr */

#c473, #c576, #c564, #c620, #c597, #c603{
margin-top: 10px;
}

/* Kästen der Startseite im Bereich 768-1020 gleich hoch */
@media (min-width: 768px) and (max-width: 1020px){
#c610, #c611, #c588{
height: 225px;
}
}

/* Suchfeld in Menüzeile -Anfang */
.headsearch{
    display: inline;
    float: left;
    width: 25%;
    overflow: hidden;
    padding-right: 3px;
}
.input-group{
display: inline !important;

}
.input-group .form-control{
display: inline !important;
float: left;
width: 90%;
border: 1px solid #ccc;
border-radius: 4px !important; 
}
 .input-group-btn{
padding: 6px 1px 0 1px; 
border: 1px solid #ccc;
border-radius: 4px !important; 
background: #fafafa;
width: 8%;
height: 33px;
display: inline !important;
float: right;
}
/* Suchfeld in Menüzeile - Ende */
/* Suchfeld für xs -Anfang */
.headsearchxs{
padding: 4px;
height: 44px;
border: 1px solid #ccc;
border-radius: 4px !important; 
background: #000;

}
/* Suchfeld für xs -Ende */

/* Ökostrom in Footer - Anfang */
.oekostrom{
height: 27px;
padding-right: 23px;
background: transparent url(../Images-Admin/LayoutBilder/Blatt_Oekostrom.png) top right no-repeat;
text-align: right;
float: right;
}
.oekostrom p {
padding-top: 7px !important;
font-size: 12px;
}
.oekostrom p a{
text-decoration: none !important;
color: inherit;
font-weight: bold;
padding-left: 5px;
margin-left: 3px;
background: transparent url(../Images-Admin/LayoutBilder/orangePfeil.png) 0px 4px no-repeat;
}
/* Verlagern auf großen Bildschirmen */
@media (min-width: 769px){
.oekostrom{
display: inline-block;
margin-top: -35px;
}
}
@media (max-width: 768px){
.oekostrom p a{
background: transparent url(../Images-Admin/LayoutBilder/orangePfeil.png) 0px 2px no-repeat;
}
.oekostrom p{
font-size: 10px;
}
}
/* Ökostrom in Footer - Ende */