/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}


.container {
      background:#edecec;
      padding-right: 25px;
      padding-left: 25px;
}

.row {
    margin-right: -25px;
    margin-left: -25px;
}

.demo-content {
     padding:0px;
     font-size: 18px;
     min-height: 50px;
     margin-bottom: 10px;
 }

#logo-ver {
     position: absolute;
     z-index:9;
     margin-left: 29px;
     margin-top: 14px;
 }

.header-image, .news{
    padding-right: 25px;
    padding-left: 25px;
    width: calc(99.999999% - 30px);
    margin-left:15px;
    }

.header-image, #frontendSlider {
    width: calc(99.999999% - 30px);
    margin-left:15px;
    position: relative;
    min-height: 365px;
    border: 14px solid #bcbcbc;
  }



#frontendSlider .carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.5)),to(rgba(255,255,255,.0001)));
    background-image: linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

#frontendSlider .carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.0001) 0,rgba(255,255,255,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.0001) 0,rgba(255,255,255,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.0001)),to(rgba(255,255,255,.5)));
    background-image: linear-gradient(to right,rgba(255,255,255,.0001) 0,rgba(255,255,255,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

#frontendSlider .carousel-control {
    font-size: 20px;
    color: #261c1cb3;
    text-align: center;
    text-shadow: 0 1px 2px rgba(255,255,255,.6);
}

   .carousel-inner {
   width: auto;
    height: 337px;
    object-fit: cover;
}

  .carousel-inner > .item {

    object-fit: cover;
    height: 320px;
}
  .carousel-inner > .item > a > img, .carousel-inner > .item > img {
    line-height: 1;
    object-fit: cover;
    min-height: 340px;
    width: auto;

}





/**--------------Rundgang **/

#rundgangSlider{
   width: 80%;
   max-width: 640px;
   height: auto;
  margin: 2% auto 15% auto;
   }

.carousel-indicators-numbers li {
      text-indent: 0;
      margin: 0 1px;
         font-size: 11px;
      width:25px;
      height: 25px;
      border: none;
      border-radius: 100%;
      color: #fff;
      background-color: #999;
      transition: all 0.25s ease;
          line-height: 12px;
}
.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
        margin: 0 1px;
        width: 25px;
        height: 25px;
        background-color: #337ab7;
   }

 #rundgangSlider .carousel-indicators {
    bottom: -70px;
        width: 90%;
        margin-left:-45%;
}

 #rundgangSlider .carousel-caption h3 {
    text-shadow: 0 2px 4px rgba(0,0,0,1);

}

.news {
        background-color:#fff;
        min-height: 50px;
        margin-bottom: 15px;
        padding: 12px;
    }

.content-unterseite h1{
        font-size: 2.0em;
        font-weight:500;
        margin-bottom: 1.5em;
    }

.content-unterseite{
        background-color:#fff;
        height:auto;
        display:inline-block;
        position:relative;
        font-size: 0.90em;
        padding: 12px;
        width: calc(99.999999% - 30px);
        margin-left:15px;

    }

.berufskolleg {
        min-height: 50px;
        padding: 12px;
        text-align:center;

    }

.berufskolleg h1{
        font-size: 0.90vw;
        font-weight: 550;
        line-height: 1.7vw;
    }

.footer {
      background-color: #fff;
     border-bottom: 10px solid #005f98;
       margin-bottom: 10px;
     font-size: 0.80em;
     padding:1.5vw;
     padding-top:2.0vw;
     padding-bottom:0.5vw;
     min-height:452px;
    }

.footer:nth-child(3), .footer:nth-child(1)  {
       width: calc(33.33333% - 15px);
       float:left;

    }
 .footer:nth-child(2)  {
       width: calc(33.33333% - 5px);
       float:left;
    }

    .row:last-of-type   {

    margin-left: -20px;
    margin-right: -23px;
    }




.footer:nth-child(1)  {
      margin-left:15px;
    }

.footer:nth-child(3)  {
      margin-right:15px;
      position:relative;

    }

.footer:nth-child(3) div {
      margin-top:7px;
      position:absolute;
      font-size:1.0em;

    }

.footer ul  {
      margin-right:25px;
    }

.footer ul  li a{
     padding-right: 20px;
     background: url(../images/internal-link.png);
     background-repeat:no-repeat;
     background-position:right bottom;
     line-height:0.5vw;
    }

.footer div  img{

    padding: 5px;
    max-width: calc(50% - 5px );

    height:auto;
    }


.logo {
    background: url(../images/logo.png);
     background-repeat:no-repeat;
     background-posiition:top middle;
    width:40px;
    min-height: 46px;
     position: relative;
     top:-28px;
     float:right;
     right:15%;
     margin-bottom: -15px;
}

.header-menu {
        min-height: 50px;
       }

.header-content {
         min-height: 50px;
       }

 .navbar-default{
        background:none;
        border:0;
        position:absolute;
    }



.demo-content.header-menu{
        padding:15px 0 10px 0;
    }

.navbar-toggle {
     margin: 0px;
     float:left;
   }

    .navbar-collapse{
        background:#f5f5f5;
    }
    .navbar-collapse.collapse{
        display: none!important;
        height: 0!important;
        padding-bottom: 0;
        overflow: hidden!important;
    }
    .navbar-toggle.collapsed{
        display:block!important;
    }
    .navbar-toggle{
        display:block!important;
    }
    .navbar-collapse.collapse.in{
        display:block!important;
        height:auto!important;
        overflow:visible!important;
    }
    .navbar-nav>li,.navbar-header{
        float:none;
    }
    .navbar-default .navbar-toggle.collapsed{
        background:#fff;
    }


 /* ********************* Collapsed Menü Anfang         *************************** */
 .div-burger {
 z-index: 20;
  position:absolute;
  width:80px;
  height:60px;
  top:20px;
  }

 .burger {
  display: inline-block;
  border: 0;
  background: none;
  outline: 0;
  padding: 0;
  color:#005f98;
  cursor: pointer;
  border-bottom: 4px solid currentColor;
  width: 28px;
  font-size:1.10vw;
  transition: border-bottom 1s ease-in-out;
  -webkit-transition: border-bottom 1s ease-in-out;
 }

.burger::-moz-focus-inner {
      border: 0;
      padding: 0;
  }

.burger:before {
      content: "";
      display: block;
      border-bottom: 4px solid currentColor;
      width: 100%;
      margin-bottom: 5px;
      transition: -webkit-transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
      -webkit-transition: -webkit-transform 0.5s ease-in-out;
}

.burger:after {
      content: "";
      display: block;
      border-bottom: 4px solid currentColor;
      width: 100%;
      margin-bottom: 5px;
      transition: -webkit-transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
      -webkit-transition: -webkit-transform 0.5s ease-in-out;
}

.burger-check {
      display: none;
}

.burger-check:checked ~ .burger {
      border-bottom: 4px solid transparent;
      transition: border-bottom 0.8s ease-in-out;
     -webkit-transition: border-bottom 0.8s ease-in-out;

}
.burger-check:checked ~ .burger:before {
  transform: rotate(-405deg) translateY(1px) translateX(-3px);
  -webkit-transform: rotate(-405deg) translateY(1px) translateX(-3px);
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
}
.burger-check:checked ~ .burger:after {
  transform: rotate(405deg) translateY(-4px) translateX(-5px);
  -webkit-transform: rotate(405deg) translateY(-4px) translateX(-5px);
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
}



.burgerm::after, .burgerm::before, label.burger:nth-child(3)  {
   border:0 !important;
   top: -4px;
   left:4px;
   position: relative;
}


.navigation {
     overflow: hidden;
     max-height:455px;
     height:220px;
     font-size:0.80em;
      font-weight:bold;
     z-index: 50;
     width:930px;
     transition: max-width 0.5s ease-in-out;
     transition: max-height 0.5s ease-in-out;
      -webkit-transition: opacity 600ms, visibility 600ms;
     transition: opacity 600ms, visibility 600ms;
     text-align:left;
     background-color:rgba(255,255,255,1.93);
     padding: 5px 0px 0px 10px;
     margin-left:2px;
    opacity: 0;  visibility: hidden;
    line-height: 1.3vw;
}


.navigation ul li {
      float:left;
      font-weight:bold;
      position:relative;
      width:auto;
      margin-right:25px;
     }

  .navigation ul ul {
      padding-top:4px;
      overflow: hidden;
      display:block;
      font-size:0.92em;
      line-height:1.2em;
      font-weight:bold;
      clear:both;
      width:auto;
      min-width:370px;
      position:absolute;
      margin-left:-15px;
}


.navigation ul ul li{
     overflow: hidden;
     display:block;
     text-align:left;
     padding-left:-5px;
     background: url(../images/up.png);
     background-repeat:no-repeat;
     background-position:18px top;
     width:300px;
    position:relative;
    padding-top:7px;
    margin-bottom:-2px;
     }

.navigation ul ul li a{
       padding:3px 0 4px 10px;
       width:300px;
           display:block;
       min-width:300px;
           position:relative;
       background-color:#e6ecfe;


     }


.burger-check:checked ~ .navigation, .burger-check:checked ~ .navigation ul ul li {

    transition: max-width 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
    -webkit-transition: opacity 600ms, visibility 600ms;
   transition: opacity 600ms, visibility 600ms;
    opacity: 0.94;
    visibility: visible;
}

.burger-check:checked ~ .navigation  {
     padding-bottom:15px;
     min-height:585px;
}

body {
  background-color: floralwhite;
  font-family: 'Open Sans';
  font-size:1.6em;
  text-align:left;
  color:#005f98;
}

div.zweiteiler{
width:46%;
margin-right: 3.99999999%;
float:left;
}

 div.zweiteiler ol{

margin-left: -40px;

}

a {
  color: inherit;
}

small {
  font-size: 14px;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
  padding: 5px 0;
}



li a {
  text-decoration: none;
}

li a:hover {
  text-decoration: underline;
}
/* ********************* Collapsed Menü ENDE         *************************** */

#headermenu, #headermenu li {
  float:right;
  padding:0.5vw 0 0 1.8vw;
  font-size: 0.80em;
}


.aktuelles, .bildungsgaenge, .anmeldung, .schuelervertretung, .rundgang, .unsere-schule, .foerderverein, .ruanda {
  height:220px;
  background-image: url(../images/aktuelles.jpg);
  background-size: 245px 245px;
  background-repeat:no-repeat;
  background-position: center;
  transition: background-size 0.3 ease-out;
  -moz-transition: background-size 0.3s ease-out;
  -ms-transition: background-size 0.3s ease-out;
  -o-transition: background-size 0.3s ease-out;
  -webkit-transition: background-size 0.3s ease-out;
  text-align:center;
  padding-right: 0px;
  padding-left: 0px;
  margin-left:15px;
  margin-right:15px;
  width:calc(25% - 30px);
  position: relative;
  float:left;

}

.bildungsgaenge  {
     background-image: url(../images/bildungsgaenge.jpg);
     }

.anmeldung {
     background-image: url(../images/anmeldung.jpg);
     }

.schuelervertretung {
     background-image: url(../images/schuelervertretung.jpg);
     }

.rundgang {
     background-image: url(../images/rundgang.jpg);
     }

.unsere-schule {
     background-image: url(../images/unsere-schule.jpg);
     }
.foerderverein {
     background-image: url(../images/foerderverein.jpg);
     }
.ruanda {
     background-image: url(../images/schulprojekt-ruanda.jpg);
     }

.ruanda h3{
    text-align:right;
     }

.start-content {
   position: relative;
   border:2px solid #fff;
   color:#fff;
   width:80%;
   height:80%;
   display:block;
   z-index:2;
   top:10%;
   left:10%;
   bottom:0;
   font-size: 1.4em;
   font-weight:400;
    -webkit-transition: width 0.5s, height 0.5s, top 0.5s, left 0.5s;
    transition: width 0.5s, height 0.5s, top 0.5s, left 0.5s;
   -o-transition: width 0.5s height 0.5s, top 0.5s, left 0.5s;
   -moz-transition: width 0.5s, height 0.5s, top 0.5s, left 0.5s;
   background-color: rgba(255,255,255,0.0);
   }

.start-content h3 {
    position: absolute;
    bottom:0;
    right:2%;
    font-size: 0.92em;
    letter-spacing: -0.035em;

  }

.start-section:hover div{
    background-size: 255px 255px;
    transition: background-size 0.3 ease-in;
    -moz-transition: background-size 0.3s ease-in;
    -ms-transition: background-size 0.3s ease-in;
    -o-transition: background-size 0.3s ease-in;
    -webkit-transition: background-size 0.3s ease-in;
    }

.start-section:hover .start-content  {
   width:86%;
   height:86%;
    top:7%;
   left:7%;
    background-color: rgba(255,255,255,0.6);
   -webkit-transition: width 0.5s, height 0.5s, top 0.5s, left 0.5s,  background-color 0.4s;
    transition: width 0.5s, height 0.5s, top 0.5s, left 0.5s,  background-color 0.4s;
   -o-transition: width 0.5s height 0.5s, top 0.5s, left 0.5s,  background-color 0.4s;
   -moz-transition: width 0.5s, height 0.5s, top 0.5s, left 0.5s,  background-color 0.4s;
}

.bildungsteaser div  {
      color:#005f98;
}

 a.bildungsteaser:hover  {
           text-decoration:none;
}

.bildungsteaser div:hover  {
       text-decoration:none;
       -webkit-background-clip: text;
       animation: 1s Always ease alternate infinite;
        -webkit-transition: color 2s;
        transition: color 2s;
        -o-transition: color 2s;
         -moz-transition: color 2s;
          color:#009452;
}


@keyframes Always {
        100% { transform:scale(1.03);  transform-origin: top left;}
}

.zweiteiler img.pfeil{margin-left:5px;margin-top:-2px;}


.start-section:hover .start-content h3 {
    font-weight: 700;
    color: #005f98;
}


.row1 {
 margin-bottom: 30px;
}

#imageline {
    min-height: 20px;
    padding:3px 0px 5px 15px;
    display:block;
    position:relative;
    font-style:italic;
     font-size:0.9em;
}

  /* === Seite Aktuelles    ==== */
img.crop-center {
    height: 100px;
    width: 100px  !important;
    object-fit: cover;
    object-position: top center;
        margin: 3px;
}

 img.crop-left {
    height: 150px;
    width: 150px  !important;
    object-fit: cover;
    object-position: top center;
        margin: 3px;
        margin-right:30px;
        float:left;
}

.teaser img, .teaser div {
    display:none !important;
    float:none !important;
   }

.teaser h1, .teaser h2, .teaser h3,  .teaser h4  {
   font-size: 1.00em !important;
   }

.teaserview .weiterlink  {
   padding-top: 10px;
   display: inline-block;;
   }

.header-news img {
   margin-right:5px;
}

.header-news{
 font-size:1.25em;
 margin:0.5em 0;
}
.einteiler{
 padding: 1.9em 0;
 border-top: 1px dotted #005f98;
}

.einteiler.teaserview {
 padding: 1.0em 0;
}


.links, .gallery, .gallery-o{
 margin-left:18px;
}
.gallery, .gallery-o{
 margin-top:15px;
}

#ligh##tbox-container-image-data-box {
 min-width:820px !important;
}


.trennlinie_hr {
float:left;
    width: 98%;
    height: 1px;
    background-color: #005f98;
    margin: 30px 0px;

}

.listen_content{
      margin-left: 22px;
        list-style: disc;
}

.zweiteiler img {
        margin-left: 15px;

}

figure,
figcaption {
        margin: 4px 0;
        padding: 0;
        float: left;
}

.einzel img {
        width: 100%;
        display: block;
}

.spalte {
        width:85%;
                float: unset;
}
.spalte figcaption {
        width:32%;

}
.spalte:first-of-type  {
        margin-top: -40px;
}


.spalte img {

position: relative;
        display: inline-block;
        width: 90%;
        padding-top: 40px;
        text-align: center;
}

.gesamt {
        position: relative;
        color: black;
        background: white;
            padding: 20px;
}
.einzel {
        position: relative;
        display: inline-block;
        width: 32.9%;
            padding: 15px;
}
figcaption {
        position: absolute;
        color: #005f98;
        width: 100%;
        text-align: center;
font-size: 13px;
    padding-top: 5px;
}


a.imagefilm:link
 {
    color: #009452;
}
 a.imagefilm:visited {
  color:#009452;
  }
 a.imagefilm:hover {
  color:#009452;
  }

 .video {
         max-width: 99%;
}

#imprint{
      display:block;
      width:100%;    padding-top:30px;
}

#imprint a{
     float:left;
     font-size:0.9em;
     font-weight:bold;
     text-align:left;
     width:100%;

}
  /* ********  News auf Startseite ***** */
.startnews {

    font-size: 0.90em;
}



.startnews h4 {
     font-weight: bold;
    font-size: 1.10em;
}

.neuig {
    margin: 0 5px;
    border: 1px solid #8F8F8F;
    padding: 8px;
    width: calc(25% - 10px);
    float:left;
    height:380px;
    position: relative;
}

.neuig img{
    margin: 0 auto;
   height: 200px;
   width: 100%;
   object-fit: cover;
    position: relative;
   display: block;
}

.neuig #wlesen {
 bottom: 10px;
    position: absolute;
display: block;
font-style: italic;
}


  /* ********************* Media Queries         *************************** */

@media (max-width: 767px) {

        .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {

     		padding-right: 2px;
     		padding-left: 2px;
 	}

	.carousel-inner {
    	      max-height: 166px;
              /*  max-height: 350px;   */
  	  }
           .news {
               font-size: 1.00em;
               line-height: 1.24em;
	  }


 	.row {
     		margin-right: 0px;
     		margin-left: 0px;
		}



        .container {
             	width:calc(95% - 5px);
    		padding-right: 2px;
   		padding-left: 2px;
     		margin: 0px;
	}

    #headermenu, #headermenu li {

             padding: 0.5vw 0 0 1.4vw;
    font-size: 0.70em;
}


        .burger {
         font-size: 3.80vw;
        }

        .div-burger {
             width: 100%;

         }

        .burger-check:checked ~ .navigation {
           width:100%;
         }


     .burger-check:checked ~ .navigation {
           padding: 5px 4px 10px 4px;
       }

        .navigation, .navigation ul li {
         width:calc(100% - 10px) !important;
                 padding: 14px 0 5px 5px;
                 float:none;
             display: block;
             position:relative;
         }

         .navigation {
         height: auto;
                 max-height: 575px !important;
         }

         .content-unterseite img{
                 max-width: calc(100% - 30px)!important;

         }

         .burger-check:checked ~ .navigation, .burger-check:checked ~ .navigation ul ul li {
         opacity: 1;
         }

         .burger-check:checked ~ .navigation{
         border-bottom: 1px dotted #005f98;
         }

         #logo-ver  img{
                 width:100% !important;
             height:100% !important;
         }
          #logo-ver {
                margin-top:5px;
                margin-left:5px;       max-width: 200px;
         }

          #frontendSlider{
    width:100%;
      margin-left:0px;
          border: 5px solid #bcbcbc;
}
    #frontendSlider.unterseite , #frontendSlider  {
            min-height:166px !important;

}
 #frontendSlider.unterseite  .item img,  #frontendSlider .item img {
    min-height:767px !important;
    min-height:166px !important;
 }

   #frontendSlider.unterseite .carousel-inner  {
        position: relative;
        width: 100%;
        height:166px !important;;
      }

   .col-md-10 {
         width:73%;
         float:right;
         position:absolute;
         top: 10px;
         right: 25px;
         z-index:24;
         }

     .navigation ul ul li a {
         padding: 3px 0 4px 5px;
          width: 100%;
         display: block;
}

         .navigation  li ul {
          display: block;
                  clear:none;
                  height:auto;
                  position:relative;
           width:  calc(100% - 10px);
           }

        .navigation ul ul li{
               margin-left: 5px;
         }

   .content-unterseite{
               margin-left: 0px;
                   padding: 10px 10px;
                    width:  calc(99.999999% );
         }

        .news {
       width:  calc(99.999999%) !important;
           margin-left:1px;
           min-height: 100px;
}
    .containernews {
               width:  calc(95%) !important;
       }

        .containernews h4 {
        font-size: 0.8em !important;
            line-height: 1.92857143;
            font-weight:700;
             width:  calc(95%) !important;
         }

        .containernews h4 img {
          top:  0px !important;
         }

     .aktuelles, .bildungsgaenge, .anmeldung, .schuelervertretung, .rundgang, .unsere-schule, .foerderverein, .ruanda{
                height: 180px;
                background-size: 325px 325px;
            margin: 5px;
                width: calc(50% - 10px);
   }

        .start-content {
          left:0%;
          margin: 0 10%;
          width: calc(80% - 4px);
        }

    .start-content h3 {
        font-size: 0.66em;
        letter-spacing: -0.045em;
            margin: 0;
                bottom:4px;
      }

    .spalte figcaption {
                width: 100%;
                text-align: left;
                font-size: 0.75em;
        }

    figcaption {
            position:relative;
                        text-align: left;
     }

        figure.gesamt {
                width: 100%;
                padding: 20px 2px;
}
        figure.einzel {
                width: 100%;
                padding: 0px;
    }

        .header-news {
       font-size: 1.05em;
    }

        #rundgangSlider .carousel-indicators {
                bottom: -150px;
                width: 99%;
                    margin-left: -50%;
     }

         #rundgangSlider {
                max-width: 99%;
                width: 99%;
                margin-bottom: 200px;
     }

         #rundgangSlider  .carousel-inner .item img{
                max-width: 100% !important;
         }

        .content-unterseite h1 {
         margin-bottom: 0.5em;
           font-size: 1.3em;
      }

   div.zweiteiler {
    width: 99.999999%;
    margin-right: 0%;
    float: none;
        padding: 20px 0;
}

    .berufskolleg h1 {
       font-size: 2.40vw;
       font-weight: 550;
       line-height: 3.5vw;
     }

         .footer {
    padding-left: 12px;
    padding-bottom: 20px;
    min-height: auto;
          }


     .row:last-of-type {
    padding: 0px;
    margin:0px;
}
           .row {
    width: 99%;
}



         #imprint {
    height: 70px;

}

        .footer:nth-child(3) div {
     position: relative;
         margin-right:0px;
}

  .footer:nth-child(3), .footer:nth-child(1),      .footer:nth-child(2)
  {
    width: calc(99.99999% - 5px);
    float:none;
    }



        .footer:nth-child(1) {
    margin-left: 2px;
    }

  .footer div  img{
     	 padding: 5px;
    	max-width: calc(50% - 5px );
       	min-width: calc(50% - 5px );
    	height:auto;
    }


    .neuig {

    width: calc(50% - 10px);
    float:left;
    margin-bottom:5px;
      height:440px;      
}



}




@media (min-width: 992px) {
    .col-md-10 {
           width: 89.6666666%;
        }
    .col-md-1 {
           width: 10.333333333%;
        }
}