html {
  height:101%;
}

div#c8 img {
max-width:100% !important;
}

.csc-textpic-imagewrap[data-csc-cols="2"] > .csc-textpic-imagerow > .csc-textpic-imagecolumn { 
  float:left;
  width:40%;
  margin-right:5%;
} 

.csc-textpic-imagewrap[data-csc-cols="3"] > .csc-textpic-imagerow > .csc-textpic-imagecolumn { 
  float:left;
  width:30%;
  margin-right:3%;
}

.csc-textpic-imagewrap[data-csc-cols="4"] > .csc-textpic-imagerow > .csc-textpic-imagecolumn { 
  float:left;
  width:23%;
  margin-right:1%;
}

.csc-textpic-imagewrap[data-csc-cols="2"] img, .csc-textpic-imagewrap[data-csc-cols="3"] img, .csc-textpic-imagewrap[data-csc-cols="4"] img { 
  max-width:100% !important;
} 



.csc-textpic-caption {
font-size:0.8em;
}

@-moz-document url-prefix() {  
  #texte img {   
    width: 100%;   
  }

#texte .book img {   
    width: auto;   
  }
}

#texte h1 {
    font-size: 1em;
}

.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.news-list-morelink a {
display:block;
}

div.csc-textpic-imagecolumn div.csc-textpic-lastcol, div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-left .csc-textpic-imagewrap {
  float: none;
  text-align:center;
}

.csc-textpic-imagewrap img {
  margin-bottom:10px;
  max-width:100%;
}

div.csc-textpic div.csc-textpic-imagecolumn {
  float: left !important;
  width: 22%;
}

main p {
  margin-bottom:0;
}

ul#footerNavi {
  border-top: 1px dotted #0078a0;
  line-height:1.3em;
}

ul#footerNavi.breadcrumbs {
    padding: 0.8em 0px !important;
    margin-top:0.5em;
    border-radius: 0px;
}

body > header {
  text-align: right;
}

body > header .fixPunkt {
  position:relative;
  min-height:120px;
  margin-bottom:1em;
}

body > header h1 {
  padding:0;
  margin:0;
  color:#2b4b5a;
}

body > header img {
  max-width:100px;
}

.book {
  border-bottom:1px dotted #0078a0;
  margin-bottom:1em !important;
  margin-left:0em !important;
  float:left;
}

.book .columns {
    padding-left:0 !important;
    padding-bottom:1em !important;
    padding-right:1 !important;
}


  .breadcrumbs {
    padding:0 !important;
  }

  .breadcrumbs > * {
    text-transform:none;
    color:#0078a0;

}

  .breadcrumbs li {
    padding:0 !important;
    margin:0 !important;
  }

.breadcrumbs > *::before {
    content: "|";
    color: #0078a0 !important;
    margin: 0px 0.25rem;
    position: relative;
    top: -1px;
}

.breadcrumbs li > a:hover{
    color: #0078a0 !important;
}

@media only screen and (min-width: 50.125em) {
.noBorder {
  padding:0;
}

  .book .columns {
  padding-right:0 !important;
}



#sideRight .menuLeft.side-nav > li.active {
  border-top: 1px solid red;
  border-bottom:none;
}

main #sideRight .menuLeft.side-nav > li.active a {
  border-bottom:none;
}

#texte {
  min-height:400px;
}

    #sideRight {
      padding-top:7em;
      max-width:200px;
      min-width:200px;
    }

  main .menuLeft.side-nav  li {
    width: 100%;
    font-size: 1em;
    border-bottom:none;
    border-top: none;
    padding: 0px;
    margin: -1px 0px 0px 0px !important;
}

    main .menuLeft.side-nav > li > a {
     /*border-bottom: 1px dotted #0078a0;*/
     border-top: 1px dotted #0078a0;
    }


    main .menuLeft.side-nav > li > a {
        padding: 3px 8px;
    }

    main .menuLeft.side-nav > li > a:hover   {
       padding: 1px 8px 3px 8px;
    }      

    main .menuLeft.side-nav > li > a {
    padding: 3px 8px;
    }

      main .menuLeft.side-nav > li > a:hover   {
        padding: 1px 8px 3px 8px;
     }
      main .menuLeft.side-nav > li:first-child  {
        border-top: none;
        border-bottom:none;
      }

      .menuLeft.side-nav > li:first-child a {
        border-top:none;
        padding: 4px 8px 3px 8px;
      }

      .menuLeft.side-nav > li:first-child a:hover {
        border-top:3px solid #8080ff;
      }

      main .menuLeft.side-nav > li:nth-child(2) a:hover   {
        border-top:3px solid #ff0000;
      } 

      main .menuLeft.side-nav > li:nth-child(3) a:hover   {
        border-top:3px solid #00c040;
      } 

      main .menuLeft.side-nav > li:nth-child(4) a:hover   {
        border-top:3px solid #c00040;
      } 
      main .menuLeft.side-nav > li:nth-child(5) a:hover   {
        border-top:3px solid #208080;
      } 

       main .menuLeft.side-nav > li:nth-child(6) a:hover   {
        border-top:3px solid #ffff00;
      } 

     main .menuLeft.side-nav > li:first-child > a:hover, main .menuLeft.side-nav > li:last-child > a:hover    {
        padding: 1px 8px 3px 8px;
     }

     main .menuLeft.side-nav > li.active > ul > li a {
       padding: 2px 18px 3px 18px !important;
        border-top:1px dotted #0078a0;
    }

   main .menuLeft.side-nav > li.active > ul > li a:hover {
        padding: 2px 18px 3px 18px !important;
        border-top:1px solid #0078a0;
   }

   main #sideRight .menuLeft.side-nav > li a {
      padding: 2px 18px 3px 18px;
        border-top:1px dotted #0078a0;
    }

   main #sideRight .menuLeft.side-nav > li a:hover {
        padding: 2px 18px 3px 18px;
        border-top:1px solid #0078a0;
   }

main #sideRight .menuLeft.side-nav > li.active > ul > li a:hover {
        padding: 2px 18px 3px 40px;
        border-top:1px solid #0078a0;
   }

  main .menuLeft.side-nav > li.active > a {
        border-bottom:none;
   }

   main #sideRight .menuLeft.side-nav > li.active  a {
        border-bottom:none;
   }


main #sideRight .menuLeft.side-nav > li.active > ul > li.active a{
    padding: 2px 18px 3px 40px !important;
    border-top: 1px dotted #0078a0;
}

   main #sideRight .menuLeft.side-nav > li.active > ul > li a:hover {
        padding: 2px 18px 3px 18px;
        border-top:1px solid #0078a0;
   }

}


@media only screen and (min-width: 64em) {

h1,h2,h3,h4,h5,h6 {
  font-size:0.85em !important;
  margin-bottom:0;
  font-weight:bold;
}

h1.show-for-medium-down {
display:none !important;
}

.csc-textpic-imagewrap img {
  margin-bottom:10px;
  max-width:117px;
}

img#logoHead {
  width:300px !important;  
  height:50px !important;
  max-width:300px !important;
  position:absolute;
  right:0px;
  top:50px;
  display:block !important;
}

header .fixPunkt {
  position:relative;
  min-height:120px;
  margin-bottom:5em;
}

/*div.drei #boxImage img {
       position:relative;
       right:70px;
       top:0px;
       width:80px;

  }

  div.vier #boxImage img {
       position:relative;
       right:66px;
       top:0px;
       width:50px;
  }*/


  #inhalt {
    min-width:550px;
    padding-top:0.4em;
  }
    
div.csc-textpic div.csc-textpic-imagecolumn {
  float: left;
  width: 23.4%;
}
   
}