body {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  background-color: #f2f2f2;
  font-size: 14px;
}
/*Philipp Buss */
/*Hintergrund*/
.backgroundmaincontent {
  background-color:#fff ! important;
}
/* Hintergrund*/



/*Suche*/
.browsebox li {float:left;display:block}
.browsebox{clear:both;height:30px;}

/*Textpix*/
.csc-textpic h1, .csc-textpic h2, .csc-textpic h3 {
  margin-top:0px;
}


/*Uploads Zusammenfassung der Klassen .teaser und .inverse .teaser+.teaserpic*/
.uploads {
    background-color: #fff;
    /*background-image: linear-gradient(to bottom, #991355, #5d0b34);*/
    background-repeat: repeat-x;
    color: #991355;
    border: 1px solid #991355;
   
   margin-bottom: 20px;
    overflow: hidden;
    padding: 20px;  
   
}

.uploads a, .uploads p {
  color:#888;
}
.uploads a:hover {
  /*text-shadow: 1px 1px 0 #053b62;*/
  color:#991355;
}
/*�berschreiben*/
.csc-uploads-fileName {
     width:600px;
}

.csc-uploads .csc-uploads-fileName {
     width:800px;
}

.csc-uploads .csc-uploads-fileName .textpic-left {
     width: 30px;
     margin: 0 20px 20px 0;
}

.uploads .icon-chevron-right {
    background-image: url("../img/glyphicons-halflings.png");
    opacity: 0.25;
}

.uploads h1,.uploads h2,.uploads h3 {
  margin-top:0px;
}

/*Formulare*/
.csc-mailform textarea {
  width:400px;  
}
.csc-mailform select {
  height:30px;
  line-height:20px;
  width:400px;
}

.csc-mailform-radio {
  display: block;
  float:left;
  padding-top:5px;
  margin-bottom:5px;

}

.csc-mailform-radio label {
  display: block;
  float:left;
  padding-left:5px;
  padding-right:20px;
  margin-bottom:5px;
}

.csc-mailform-field {
  clear:both;
  
}

.csc-mailform-check{
  margin-top:-5px ! important;
  margin-bottom:15px ! important;
}

.csc-mailform input[type="text"],.csc-mailform input[type="password"] {
  width:400px;
  height:20px;
  line-height:20px;
}

/*�berschreiben der Typo3 Eigenschaft mit den Bootstrapklassen btn und btn-primary*/
.csc-mailform-submit {
    background-color: #991355;
    background-image: -moz-linear-gradient(center top , #991355, #8C114E);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 0 0 0 0;
    box-shadow: 0 0 0 1px #FFFFFF inset;
    color: #FFFFFF;
    margin-bottom: 9px;
    padding: 4px 9px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);   
}

.csc-mailform-submit:hover,
.csc-mailform-submit:active,
.csc-mailform-submit.active,
.csc-mailform-submit.disabled,
.csc-mailform-submit[disabled] {
  background-color: #8C114E;
  *background-color: #991355;
}

.csc-mailform-submit:hover,
.csc-mailform-submit:hover {
  background-color: #8C114E;
  *background-color: #991355;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}


/*Image CSS von Typo3 �berschreiben*/
DIV.csc-textpic IMG {
   border: 1px solid #FFFFFF;
}

/*Men�*/
.lastmenuitem {
    border-color: -moz-use-text-color -moz-use-text-color #E4E4E4;
   border-bottom: 1px solid #E4E4E4;
    border-width: medium medium 1px;
    padding-left: 12px;
    padding-right: 12px;   
}

.level3li {
  font-size:13px;
  margin-left:5px;
}

.level3ul {
  margin-left:10px;
}

 /*Alle Eigenschaften aus den Klassen: table table-striped table-hover table-bordered 
  * (das Tabellenelement von Typo3 akzeptiert nur eine Klasse als Parameter*/
.contenttable{
    margin-bottom: 20px;
    width: 100%;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: separate;
    border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD;
    border-image: none;
    border-radius: 0px 0px 0px 0px;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0px;   
}

.contenttable tbody tr:nth-child(odd) td,
.contenttable tbody tr:nth-child(odd) th {
  background-color: #f2f2f2;
}

.contenttable tbody tr:hover td,
.contenttable tbody tr:hover th {
  background-color: #f6fbfe;
}

.contenttable td,th {
    border-left: 1px solid #DDDDDD;
    line-height: 20px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}

/*Philipp Buss*/

.shadow, .shadowtop {
  position: relative;
}

.shadow:before, .shadow:after {
  z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 15px;
  left: 5px;
  width: 50%; 
  top: auto;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);   
     -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
      box-shadow:0 2px 10px rgba(0, 0, 0, 0.5);
  -webkit-transform: rotate(-2deg);    
     -moz-transform: rotate(-2deg);   
     -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
      transform: rotate(-2deg);
}

.shadow:after {
  -webkit-transform: rotate(2deg);
     -moz-transform: rotate(2deg);
     -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
      transform: rotate(2deg);
  right: 5px;
  left: auto;
}

.shadowtop:before, .shadowtop:after {
  z-index: -3; 
  position: absolute; 
  content: "";
  top: 15px;
  height: 50px;
  width: 50%; 
  width: 50px;
  top: 15px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);   
     -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
  
  -webkit-transform: rotate(2deg);    
     -moz-transform: rotate(2deg);   
     -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
      transform: rotate(2deg);
  left: 5px;
}

.shadowtop:after {
  -webkit-transform: rotate(-2deg);
     -moz-transform: rotate(-2deg);
     -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
      transform: rotate(-2deg);
  right: 5px;
  left: auto;
}

.shadowimg {
    background: transparent url(../img/bg_shadow.png) no-repeat right center;          
}


.maincontent .sidebar.shadow:before {
  top: auto;
  bottom: 5px;
  left: 3px;
  height: 50px;
}

.maincontent .sidebar.shadow:after {
  display: none;
}


article.shadow:before, article.shadow:after {
  left: -25px;
  bottom: 10px;
  top: auto;
  height: 50px;
}

article.shadow:after {
  right: 5px;
  height: 50px;
  left: auto;
}

#start article.shadow:before {
  left: 2px;
} 


/* **************************************************
 * Außendienst
 * ************************************************** */


.maincontent .tx-gaertnerfieldpersonnel ul {
  overflow: hidden;
  margin: 0 -5px 0;
}


.maincontent .tx-gaertnerfieldpersonnel ul li {
  width: 416px;
  float: left;
  border: 1px solid #991355;
  box-sizing: border-box;
  padding: 15px 10px 5px;
  min-height: 230px;
  margin-bottom: 10px;
  list-style-type: none;
  margin: 0 5px 20px;
}

.maincontent .tx-gaertnerfieldpersonnel .header {
  /*background-color: #7f0641;*/
  margin: 5px 10px;
  /*padding: 10px;*/
  color: #991355;
  height: 40px;
  font-weight: bold;
  font-size: 16px;
}

.maincontent .tx-gaertnerfieldpersonnel .data div.employee {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 0;
}

.maincontent .tx-gaertnerfieldpersonnel .data div {
  padding: 10px;
  color: #888;
}

.maincontent .tx-gaertnerfieldpersonnel .data div:first-child {
  /*padding-left: 20px;*/
}

.maincontent .tx-gaertnerfieldpersonnel input[type="text"] {
  margin-top: 0px;
  margin-bottom: 0px;  
}



/* **************************************************
 * Grid 
 * ************************************************** */
.inner {
  padding: 20px 27px 20px 0;
}

.innerfirst {
  padding: 20px 27px 20px 20px;
}

.hero-unit .inner {
  padding: 25px 30px 0 0;
}

.hero-unit .row .row {
    border-top: 2px solid #f2f2f2;
    margin-top: 25px;
}

.hero-unit .row .row [class*="span"] {
    padding-bottom: 13px;
    position: relative;
}

.maincontent {
  margin-left: 0;
}

.sidebar {
  margin: 0;
  font-size: 11px;
  background-color: #fff;
}

.sidebar .row .inner {
  padding: 10px 10px 10px 20px;
}

.sidebar > .row {
  border-top: 1px solid #f2f2f2;
  padding: 10px 0 0;
}

article > .row {
  background-color: #fff;
  /*border-left: 1px solid #f3f3f3;*/
}

.hero-unit > .row {
  border: none;
}

#start article > .row {
  background-color: transparent;
}




/* **************************************************
 * Content 
 * ************************************************** */
.hero-unit {
  padding: 0;
  margin-bottom: 20px;
  background-color: #fff;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
      border-radius: 0;
  font-size: 14px;
}

.hero-unit p {
  font-size: 14px;
    font-weight: normal;
    line-height: 22px;
}

.maincontent article section:first-child > *:first-child {
  margin-top: 0;
}

.maincontent article section > p:first-child {
  margin-top: 30px;
}


h1, .hero-unit h1 {
  margin-top: auto;
  margin-bottom: 15px;
  font-size: 22px;
}

.hero-unit h3 {
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 18px;
}

h2, #start h2 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}

h1, h2, h3, h4, h5 {
  margin: 40px 0 15px 0;
}

h3 {
  font-size: 16px;
    line-height: 22px;
}

a {
  color: #991355;
  text-decoration: underline;
}

a:hover {
  color: #00375e;
}

.maincontent .text ul, ol {
  margin: 0 0 10px 25px;
  padding: 0;
}

.maincontent ul.text {
  list-style-image: url("../img/icon-bullet-beere.png");
}

.maincontent .text ul {
  list-style-image: url("../img/icon-bullet-beere.png");
}

.maincontent ul.csc-menu-def {
  list-style-image: url("../img/icon-bullet-beere.png");
}

.maincontent .csc-textpic-text ul {
  list-style-image: url("../img/icon-bullet-beere.png");
}

.maincontent ul.csc-bulletlist{
  list-style-image: url("../img/icon-bullet-beere.png");
}

.maincontent li {
  margin: 0 0 6px 0;
  padding: 0 0 0 5px;
}

.startteaser {
  background-color: #fff;
}

.icon-chevron-right {
    opacity: 0.25;
    margin-top: -1px;
    background-position: -460px -71px;
}

.inverse {
  background-color: #991355;
  background-image: -moz-linear-gradient(top, #991355, #5d0b34);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#991355), to(#5d0b34));
  background-image: -webkit-linear-gradient(top, #991355, #5d0b34);
  background-image: -o-linear-gradient(top, #991355, #5d0b34);
  background-image: linear-gradient(to bottom, #991355, #5d0b34);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#991355', endColorstr='#5d0b34', GradientType=0);
  color: #fff;
}

.inverse a {
  color: #fff;
}

.inverse .icon-chevron-right {
    background-image: url("../img/glyphicons-halflings-white.png");
    opacity: 1;
}

.inverse a:hover {
  text-shadow: 1px 1px 0 #053b62;
}

.teaser_inverse {
  margin-top: 30px;
}

.startteaser p {
  font-size: 12px;
  line-height: 16px;
}

.startteaser .inner {
    border-right: 2px solid #f2f2f2;
}

.startteaser .noborder {
    border-right: none;
}

.startteaser h3 {
  font-weight: normal;
  margin: 10px 0 5px;
}

.leistungsverzeichnis .icon-chevron-right {
    margin-top: 1px;
}

.leistungsverzeichnis .form-search {
  margin: 0 0 15px;
  text-align: left;
}

.leistungsverzeichnis p {
  font-size: 14px;
}

.leistungsverzeichnis .input-xlarge {
   width: 220px;
} 

.standorte {
  margin: 30px -27px -20px -20px;
  border-top: 2px solid #f2f2f2;
  padding: 20px 20px 35px 30px;
  position: relative;
}

.standorte p {
  font-size: 14px;
  line-height: 22px;
}

.standorte .icon-chevron-right {
    margin: 1px 3px 0 -3px;
}

.standorte img {
  position: absolute;
  right: 10px;
    top: -25px;
}

/* Textpic */
/* Erstmal Styles ausschalten */

.thumbnail {
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
      border-radius: 0;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      box-shadow: none;
  -webkit-transition: none;
     -moz-transition: none;
     -o-transition: none;
      transition: none
}

a.thumbnail:hover {
  border: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      box-shadow: none;
}

/* und neu schreiben */

.textpic-right {
  float: right;
  margin: 0 0 20px 30px;
}

.textpic-left {
  float: left;
  margin: 0 30px 20px 0;
}

.textpic:before, .textpic:after {
  display: table;
  line-height: 0;
  content: "";
}

.textpic:after {
  clear: both;
}

.textpic img {
  border: 1px solid #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
}

.textpic img:hover {
  border-color: #5d0b34;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
      box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.textpic .caption {
  background-color: #F2F2F2;
    font-size: 12px;
    padding: 5px 10px;
}

.sidebar > * {
  border-right: 1px solid #f2f2f2;
}

.sidebar p {
  line-height: 15px;
}


/* (Bunter) Teaser auf Folgeseiten */
.teaser {
  overflow: hidden;
  padding: 20px;
  margin-bottom: 20px;
}

.teaser img {
  border: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      box-shadow: none;
}

.teaser .textpic-left, .teaser .textpic-right {
  text-align: center;
  background: url("../img/bg_shadow.png") no-repeat left top transparent;
  min-height: 80px;
  min-width: 120px;
  margin-bottom: 0;
}

.teaser .textpic-left {
  padding: 0 30px 0 0;
  background-image: url("../img/bg_shadow_inverse.png");
  background-position: right top;
}

.teaser .textpic-right {
  padding: 0 0 0 30px;
}


/* Tabellen */
.table-bordered {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f2f2f2;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #f6fbfe;
}


table tbody td input {
  width: 180px;
  margin-right: 10px;
}





/* **************************************************
 * Headerbereich - Logo - Suche 
 * ************************************************** */

.headerbar {
  background-color: #fff;
}

.headerbar:before,
.headerbar:after {
  display: table;
  line-height: 0;
  content: "";
}

.headerbar:after {
  clear: both;
}

.logo {
  float: left;
  min-width: 345px;
}


/* Suche */
.form-search {
  text-align: right;
  margin: 35px 20px 20px 0;
}

.form-search .input-append .search-query,
.form-search .input-prepend .search-query,
.form-search .input-append .btn, 
.form-search .input-prepend .btn {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

/*
.form-search .input-append .btn img,
.form-search .input-prepend .btn img {
  display: block;
    margin: 3px 0;
    border: 1px solid black;
}
*/



/* **************************************************
 * Menues 
 * ************************************************** */


/* Funcnav */
.navbar-funcnav {
  margin: 10px 0 0 0;
}

.navbar-funcnav .nav {
  float: right;
  font-size: 11px;
}

.navbar-funcnav .nav > li {
  line-height: 14px;
}

.navbar-funcnav .nav > li > a,  
.navbar-funcnav .nav > li > span {
    color: #4d4d4d;
    float: none;
    padding: 5px 15px 5px;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
   display: block;
}

.navbar-funcnav .nav > li.flag > a,
.navbar-funcnav .nav > li.flag > span {
    padding: 5px 8px;
}

.navbar-funcnav .nav > li > a:focus, 
.navbar-funcnav .nav > li > a:hover,
.navbar-funcnav .nav .active > a, 
.navbar-funcnav .nav .active > a:hover, 
.navbar-funcnav .nav .active > a:focus, 
.navbar-funcnav .nav .active > span {
  background-color: #fff;
    -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
            box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
            background-clip: padding-box;
}



/* Mainnav */
.navbar-main {
  border-top: 1px solid #991355;
  border-bottom: 1px solid #ac3470;
  margin-bottom: 10px;
}

.nav-collapse.collapse {overflow: visible !important;}

#start .navbar-main {
  margin-bottom: 20px;
}

.navbar-inner {
  border: none;
  border-top: 1px solid #ac3470;
     -webkit-border-radius: 0;
      -moz-border-radius: 0;
         border-radius: 0;
  background-color: #991355;
  background-image: -moz-linear-gradient(top, #991355, #5d0b34);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#991355), to(#5d0b34));
  background-image: -webkit-linear-gradient(top, #991355, #5d0b34);
  background-image: -o-linear-gradient(top, #991355, #5d0b34);
  background-image: linear-gradient(to bottom, #991355, #5d0b34);
  background-repeat: repeat-x;
    
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#991355', endColorstr='#5d0b34', GradientType=0);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
      box-shadow: none;
}

.navbar-main .nav > li > a {
    color: #fff;
    text-shadow: 0 1px 0 #053A61;
    font-size: 12px;
    font-weight: bold;
}

.navbar-main .nav > .active  {
  border-right: 1px solid #7a1849;
  border-left: 1px solid #7a1849;
}

.navbar-main .nav > .active > a {
  border-right: 1px solid #991355;
  border-left: 1px solid #991355;
}

.navbar-main .nav > li > a:hover,
.navbar-main .nav > .active > a,
.navbar-main .nav > .active > a:hover,
.navbar-main .nav > .active > a:focus,
.navbar-main .nav li.dropdown:hover {
  color: #fff;
  background: #521C37 url(../img/bg_navmain_active.png) repeat top left;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.4);
}

/* Mainnav Covid19*/
.dropdownCovid {
  color: #fff;
  border: none;
    border-top: 1px solid #ac3470;
       -webkit-border-radius: 0;
        -moz-border-radius: 0;
           border-radius: 0;
    background-color: #e2007a;
    background-image: -moz-linear-gradient(top, #f02a94, #c70667);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f02a94), to(#b31363));
    background-image: -webkit-linear-gradient(top, #f02a94, #b31363);
    background-image: -o-linear-gradient(top, #f02a94, #b31363);
    background-image: linear-gradient(to bottom, #f02a94, #b31363);
    background-repeat: repeat-x;
      
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e2007a', endColorstr='#b31363', GradientType=0);
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
        box-shadow: none;
}
.navbar-main .nav > li.dropdownCovid > a {
    color: #fff;
    text-shadow: none;
    font-size: 12px;
    font-weight: bold;
}
/* ENDE: Mainnav Covid19*/

.navbar-main .nav > li > a:focus {
  color: #fff;
}

.navbar-main .btn-navbar {
  background-color: #8C114E;
  *background-color: #991355;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8C114E), to(#991355));
  background-image: -webkit-linear-gradient(top, #8C114E, #991355);
  background-image: -o-linear-gradient(top, #8C114E, #991355);
  background-image: linear-gradient(to bottom, #8C114E, #991355);
  background-image: -moz-linear-gradient(top, #8C114E, #991355);
  border-color: #991355 #991355 #8C114E;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8C114E', endColorstr='#991355', GradientType=0);
}

.navbar-main .btn-navbar:hover,
.navbar-main .btn-navbar:active,
.navbar-main .btn-navbar.active,
.navbar-main .btn-navbar.disabled,
.navbar-main .btn-navbar[disabled] {
  background-color: #991355;
  *background-color: #8C114E;
}


.navbar-main .dropdown-menu {
  margin-top: 0px;
  width: 235px;
  -webkit-border-radius: 0;
       -moz-border-radius: 0;
        border-radius: 0;
}

.navbar-main .dropdown-menu a {
  white-space: normal;
  margin-bottom: 1px;
}

.navbar-main ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;    
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  background-color: #991355;
  background-image: -moz-linear-gradient(top, #991355, #5d0b34);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#991355), to(#5d0b34));
  background-image: -webkit-linear-gradient(top, #991355, #5d0b34);
  background-image: -o-linear-gradient(top, #991355, #5d0b34);
  background-image: linear-gradient(to bottom, #991355, #5d0b34);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#991355', endColorstr='#5d0b34', GradientType=0);
}



/* Pfadnav */
.breadcrumb {
  background-color: transparent;
  margin: 0 10px 0 0;
  padding: 0;
  font-size: 11px;
}

.breadcrumb a {
  color: #888;
  text-decoration: none;
}

.breadcrumb li {
  color: #888;
}

.breadcrumb li:after {
  content: "\003e";
  margin: 0 1px 0 5px;
}

.breadcrumb li.active, .breadcrumb li.active a {
  color: #4d4d4d;
}

.breadcrumb li.active:after {
  display: none;
}



/* Subnav */
.sidebar nav {
  font-size: 14px;
  padding: 20px 0 30px 0;
}

.sidebar .nav-tabs > li {
  margin-bottom: 0;
  list-style-type: none;
  padding: 0;
}

.nav-tabs.nav-stacked > li > a {
  border: none;
  border-bottom: 1px solid #e4e4e4;
  border-radius: none;
  margin: 0 20px;
  color: #888;
  text-decoration: none;
}

.nav-tabs.nav-stacked > li:first-child > a,
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-radius: 0;
       -moz-border-radius: 0;
          border-radius: 0;
}

.nav-tabs.nav-stacked > li:last-child > a,
.nav-tabs.nav-stacked > li:last-child > a:hover {
  border-bottom: 0;
}

.nav-tabs.nav-stacked > li > a:hover {
  z-index: 2;
  border: none;
  border-bottom: 1px solid #e4e4e4;
  color: #991355;
  background-color: #f2f2f2;
}

.nav-tabs.nav-stacked > li.active > a {
  font-weight: bold;
  color: #991355;
}

.nav-tabs.nav-stacked > li.active > a:hover {
  color: #888;
  background-color: transparent;
}

ul.nav.nav-tabs.nav-stacked.nav-sub.level3ul a {
  padding-left: 16px;
}

.sidebar .nav-tabs > .active > a > [class^="icon-"] {
  background-image: url("../img/glyphicons-halflings.png");
  /*margin: -1px 2px 0 -4px;*/
}



/* **************************************************
 * Forms 
 * ************************************************** */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #fefefe;
  *background-color: #efefef;
  border: 1px solid #d0d0d0;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#efefef));
             background-image: -webkit-linear-gradient(top, #fefefe, #efefef);
              background-image: -o-linear-gradient(top, #fefefe, #efefef);
             background-image: linear-gradient(to bottom, #fefefe, #efefef);
              background-image: -moz-linear-gradient(top, #fefefe, #efefef);
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
      border-radius: 0;
}

.btn {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
      border-radius: 0;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
     -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
  padding: 4px 9px;
  border-color: #d0d0d0 #d0d0d0 #d0d0d0;
  border-color: rgba(208, 208, 208, 1) rgba(208, 208, 208, 1) rgba(208, 208, 208, 1);  
  background-color: #991355;
  *background-color: #8C114E;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#991355), to(#8C114E));
  background-image: -webkit-linear-gradient(top, #991355, #8C114E);
  background-image: -o-linear-gradient(top, #991355, #8C114E);
  background-image: linear-gradient(to bottom, #991355, #8C114E);
  background-image: -moz-linear-gradient(top, #991355, #8C114E);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#991355', endColorstr='#8C114E', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #8C114E;
  *background-color: #991355;
}

.btn:hover,
.btn:hover {
  background-color: #8C114E;
  *background-color: #991355;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}



input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #444444;
  font-size: 11px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #444444;
  font-size: 11px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #444444;
  font-size: 11px;
}


/* **************************************************
 * News 
 * ************************************************** */

/* Latest */
.news-latest-container h2 [class^="icon-"],
.news-latest-container h2 [class*=" icon-"] {
  background: transparent url(../img/icon_news.png) no-repeat top center;
    height: 25px;
    width: 25px;
    margin: -6px 0 0 10px;    
}

.news-single-item .newsheader h1 {
  margin: 5px 0 0 0;
}

.news-single-item .newsheader h2{
  font-size: 14px;
  margin: 0 0 15px 0;
}

.news-latest-item {
  border-bottom: 1px solid #e4e4e4;
}

.link-all-news {
  margin: 50px 0 0;
}

/* **************************************************
 * Events 
 * ************************************************** */

/* Latest */
.events-latest-container h2 [class^="icon-"],
.events-latest-container h2 [class*=" icon-"] {
  background: transparent url(../img/icon_events.png) no-repeat top center;
    height: 27px;
    width: 26px;
    margin: -6px 0 0 10px;    
}

.events-latest-item {
  border-bottom: 1px solid #e4e4e4;
}

.events-latest-item h3 {
  margin: 10px 0 0;
}


.link-all-events {
  margin: 33px 0 0;
}


/* **************************************************
 * Footer 
 * ************************************************** */
footer {
  font-size: 11px;
  padding: 0 0 50px;
  color: #888;
  background-color: #F2F2F2;
  margin: 20px 0 0;
}

footer .row > [class*="span"] {
  margin-bottom: 10px;
}

footer h5 {
  margin: 0;
  color: #4d4d4d;
  font-size: 11px;
}

footer a {
  color: #888;
}

footer a:hover {
  color: #4d4d4d;
}

.adress {
  width: 50%;
  float: left;
}

footer nav ul {
  overflow: hidden;
  margin-left: 0;
}

footer nav ul > li {
  float: left;
  width: 148px;
  list-style-type: none;
}

footer nav ul > li .icon-chevron-right {
  float: left;
  margin-top: 2px;
}

footer nav ul > li > a {
  padding: 0 0 0 14px;
  text-decoration: none;
  display: block;
}



/* **************************************************
 * Responsive 
 * ************************************************** */

@media (min-width: 1200px) {
  .sidebar.span3 {
      width: 269px;
  }
  
  .sidebar .row .span2 {
      width: 149px;
      margin-left: 0;
  }
  
  .sidebar .row .span1 {
    width: 119px;
  }
  
  .sidebar .row .inner {
    padding: 10px 10px 10px 20px;
  }

  .leistungsverzeichnis .input-xlarge {
      width: 260px;
  }

  .standorte {
    margin-left: -30px;
  }

}


@media (min-width: 767px) and (max-width: 1200px) {
  .standorte {
    margin-left: -20px;
    padding-left: 20px;
  }
  
  .sidebar .row .span1 {
    width: 80px;
  }
  
  article.shadow:before {
    left: -15px;
  }
  
}



@media (max-width: 979px) {
  .leistungsverzeichnis .input-xlarge {
      width: 145px;
  } 
  
  .standorte {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
  }
}



@media (max-width: 767px) {
  .hero-unit .inner {
    padding-left: 30px;
  }
  
  .container {
    max-width: 570px;
  }
  
  .shadowimg {
      background: none;
      text-align: center;          
  }
  
  .inner {
    padding: 20px;
  }
  
  .sidebar {
    margin-bottom: 20px;
  }
  
  article.shadow:before {
    left: 0;
  }
  
  .navbar-main ul.dropdown-menu,
  .navbar-main ul.nav li.dropdown:hover ul.dropdown-menu {
        display: none;
    }

  .nav-collapse.collapse {overflow: hidden !important;}

}

@media (min-width: 768px) and (max-width: 979px) {
  .leistungsverzeichnis {
    padding-left: 0;
  }
  
  .navbar-main ul.dropdown-menu,
  .navbar-main ul.nav li.dropdown:hover ul.dropdown-menu {
        display: none;
    }
.nav-collapse.collapse {overflow: hidden !important;}
}


/*  Reihenfolge aus der responsive.css
@media (min-width: 768px) and (max-width: 979px)
@media (max-width: 767px)
@media (min-width: 1200px)
@media (min-width: 768px) and (max-width: 979px)
@media (max-width: 767px)
@media (max-width: 480px)
@media (max-width: 979px)
@media (min-width: 980px)
 */


div.csc-textpic-imagerow {
  float: left;
  margin: 10px;
}



@media all and (min-width: 980px) and (max-width: 1199px) {
   table tbody td input {
      width: 144px;
      margin-right: 8px;
   }
}

@media all and (min-width: 768px) and (max-width: 979px) {
   table tbody td input {
      width: 105px;
      margin-right: 8px;
   }
}


@media all and (min-width: 626px) and (max-width: 767px) {
   table tbody td input {
      width: 108px;
      margin-right: 8px;
   }
}

@media all and (min-width: 512px) and (max-width: 625px) {
   table tbody td input {
      width: 80px;
      margin-right: 10px;
   }
}

@media all and (min-width: 375px) and (max-width: 511px) {
   table tbody td input {
      width: 50px;
      margin-right: 4px;
   }
}

@media all and (min-width: 100px) and (max-width: 374px) {
   table tbody td input {
      width: 40px;
      margin-right: 5px;
   }
}





/* Smartphone adaptable Logo Sizes */

@media all and (min-width: 100px) and (max-width: 460px) {
   .logo {
      min-width: 350px;
      width: 350px;
   }
}

@media all and (min-width: 100px) and (max-width: 375px) {
   .logo {
      min-width: 325px;
      width: 325px;
   }
}

@media all and (min-width: 100px) and (max-width: 320px) {
   .logo {
      min-width: 280px;
      width: 280px;
   }
}

.csc-mailform-radio legend {
  display: none;
}

.csc-mailform select {
  width: 98%;
}

.csc-mailform input[type="text"], .csc-mailform input[type="password"] {
  width: 98%;
}
.csc-mailform textarea {
  width: 98%;
}

/* Covid19-Teaser */
.hero-unit .inner-covid {
    padding: 10px 15px 0 0;
}

.hero-unit .covid-bg {
    background-color: #e2007a;
}

.inverse-covid {
  background-color: #e2007a;
  background-image: -moz-linear-gradient(top, #e2007a, #830543);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e2007a), to(#830543));
  background-image: -webkit-linear-gradient(top, #e2007a, #830543);
  background-image: -o-linear-gradient(top, #e2007a, #830543);
  background-image: linear-gradient(to bottom, #e2007a, #830543);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e2007a', endColorstr='#830543', GradientType=0);
  color: #fff;
}

.inverse-covid a {
  color: #fff;
}

.inverse-covid .icon-chevron-right {
    background-image: url("../img/glyphicons-halflings-white.png");
    opacity: 1;
}

.inverse-covid a:hover {
  text-shadow: 1px 1px 0 #053b62;
}

/* ENDE Covid19-Teaser */

/* Reiber-Diagramme */

#reiber table tbody td input {
  width: 100px;
  margin-right: 10px;
}

#jubilaeum {
  width: 300px;
  padding: 10px;
  border: 1px #991355 solid;
  background-color: #f2f2f2;
}