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

/* Einstellungen für die gesamte Seite */
 body {
     width: 100.01%;
     background-color: #FFFFFF;
     font-family: 'ABeeZee', sans-serif;
     color: #000000;
     font-size: 14px;
}

 .headline {
     border: 0;
}
.navbar-right {
     float: right !important;
     font-size: 20px;
     font-weight: bold;
     margin-top: 40px;
     margin-left: 50px;
     margin-right: 20px;
}
#logoWrapper {
     margin-top: -15px;
}
#logoWrapper a {
     background-color: transparent;
}
/* Einstellungen der Kopfzeile mit E-Mailadresse und Telefonnummer */
 .mini-navbar-dark {
     background-color: #E8E9F3;
     color: #8B6220;
     border: 0;
     min-height: 40px !important;
     text-align: right;
}
 .mini-navbar-dark a {
     color: #8B6220;
     border: 0;
     padding: 0;
}
 .mini-navbar-dark a:hover {
     background-color: #FFCC66;
     color: #FFFFFF;
     border: 0;
     text-decoration: none;
     padding: 0px;
}
.wrapper {
    padding-top: 30px;
}
a {
   color: #8B6220;
}
a:hover {
   color: #FFFFFF;
   background-color: #FFCC66;
   text-decoration: none;
}
.topic h1, .topic h3 {
    display: inline-block;
    margin: 0 0 -1px 0;
    font-size: 28px;
    font-weight: bold;
    color: #2F6DBD;
    line-height: 2.5em;
    text-transform: uppercase;
}
.navbar-dark .navbar-nav > .open > a:after {
    color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6, .primary-font {
     font-family: 'ABeeZee', sans-serif;
     font-weight: 500;
}

h5 {
    font-size: 12px;
    font-weight: normal;
}
/* Einstellungen des Fußbereiches */
 #areaFooter {
     margin-top: 20px;
     min-height: 200px;
     color: #8B6220;
     border: none;
}
 #areaFooter.footer-dark hr {
     border-top: 1px solid #8B6220;
}
 #areaFooter .container {
     margin-top: -50px;
     padding: 10px;
}
 #areaFooter.footer-dark {
     background-image: linear-gradient(to top, #FFFFFF 0%, #FFCC66 50%);
     color: #8B6220;
}
 #areaFooter.footer-dark a {
     color: #8B6220;
     transition: 0s;
}
 #areaFooter.footer-dark a:hover {
     color: #FFFFFF;
     text-decoration: none;
     transition-delay: 0s;
     transition: 0s;
}
 #areaFooter span.ftext {
     padding-left: 0px;
     padding-right: 0px;
     color: #8B6220;
}
 footer {
     color: #8B6220;
     font-size: 15px;
}
#sbs-footer {
     margin-top: 10px;
}
.uid-65 {
  visibility: hidden;
}
/* Eingebettete Inhalte werden auf 99% Fensterbreite skaliert */
 iframe {
     border: 0;
     width: 99%;
}
/* Ausblenden des Links bei verwendeten Schulnamen, weil das Template ein falsches Linkziel wählt */
 a.navbar-brand {
     display: none;
}
/* Einstellungen der Hauptnavigationssleiste */
#menuMain {
     margin-top: 18px;  
     height: 140px;
}
 .navbar-dark {
     border-top: 4px solid #FFFFFF;
     border-bottom: 10px solid #C8412C;
     background-color: #FFCC66; 
}
.navbar-dark .navbar-nav > li > a {
    color: #8B6220;
}
 .navbar-dark .navbar-nav > li > .dropdown-menu {
     color: #8B6220;
     background-color: #FFCC66;
     border: 1px solid #FFCC66;
     -webkit-box-shadow: none;
     box-shadow: none;
     left: 0px;
}
 .navbar-dark .navbar-nav > .dropdown > a:hover {
      background-color: #FFCC66 !important;
      color: #FFFFFF;
}
 .navbar-dark .navbar-nav > li > .dropdown-menu > li > a {
     background-color: #FFCC66;
     padding: 7px 20px;
     border: none;
     color: #8B6220;
     font-size: 16px;
}
 .navbar-dark .navbar-nav > li > .dropdown-menu > li > a:hover {
     background-color: #FFCC66 !important;
     color: #FFFFFF;
}
 .navbar-dark .navbar-nav > .active > a, .navbar-dark .navbar-nav > .active a:hover, .navbar-dark .navbar-nav > .active a:focus {
     background-color: #FFCC66 !important;
     color: #8B6220;
}
 .navbar-dark .navbar-nav > .open > a, .navbar-dark .navbar-nav > .open a:focus, .navbar-dark .navbar-nav > .open a:hover {
     background-color: #FFCC66 !important;
     color: #FFFFFF;
}
/* Einstellungen der Breadcrumb Navigationsleiste bei Untermenüs */
 .breadcrumb li:nth-child(1) {
     display: none;
}
 .breadcrumb li:nth-child(2)::before {
     content: "Sie sind hier:";
     color: #999999;
     font-size: 13px;
}
 .breadcrumb li:nth-child(2) {
     display: visible;
     font-size: 13px;
}
 .breadcrumb li:nth-child(3)::before {
     content: "/";
     font-size: 13px;
}
 .breadcrumb li:nth-child(3) {
     display: visible;
     font-size: 13px;
}
/* Einstellung bei Bildanzeige in mehreren Spalten */
 div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
     margin-right: 5px;
     margin-bottom: 0px;
}
 .content-column {
     margin-right: -2px;
}
/* Oberer Rand des Hauptinhaltes */
 #areaMain {
     margin-top: -30px;
}
 .headline {
     line-height: 45px;
}
 @media only screen and (max-width: 1330px) {
    .container {
       width: 100%;
    }
    .navbar-right {
          float: right !important;
          margin-top: 10px !important;
          background-color: #FFCC66;     
          font-size: 18px;
     }
    img {
         padding-bottom: 5px;
    }
     .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
         margin-bottom: 0px !important;
    }
     h1 {
         font-size: 24px;
    }
     h2 {
         font-size: 22px;
    }
     .csc-textpic-imagewrap {
         width: 100%;
         margin-left: 0px;
    }
     .csc-textpic div.csc-textpic-imagecolumn {
         float: left;
         clear: both;
    }
     .panel-body img {
         width: 140%;
         height: auto;
    }
}

 @media only screen and (max-width: 900px) {
    .navbar-brand img {
         margin-top: 20px;
         max-width: 80%;
   }
     img {
         padding-bottom: 5px;
    }
     .topic .col-sm-4 {
         width: 100%;
    }
     img {
         max-width: 80%;
         height: auto;
    }

}
 @media only screen and (max-width: 450px) {
     footer {
         font-size: 11px;
    }
}
@media (min-width: 1331px) {
    .container {
        width: 70% !important;
    }
}
.navbar-dark .navbar-toggle {
    margin-top: 50px;
    border: 1px solid #8B6220;
}
.navbar-dark .navbar-toggle .icon-bar {
    background-color: #8B6220;
}