@import url(fonts-all.css);
@import url(menu.css);
body { font-family: 'Roboto', sans-serif; color:#727272; background-color:#fff; font-weight:300; font-size:16px; line-height:30px;/* overflow-x: hidden; */margin:0; padding:0 }
strong, b { font-weight:500; color:#727272 }
a, a b { color:#000;
  text-decoration:none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  -webkit-transition: background-color .4s linear, color .4s linear, border .4s linear;
  -moz-transition: background-color .4s linear, color .4s linear, border .4s linear;
  -o-transition: background-color .4s linear, color .4s linear, border .4s linear;
  -ms-transition: background-color .4s linear, color .4s linear, border .4s linear;
  transition: background-color .4s linear, color .4s linear, border .4s linear;
  cursor:pointer;
}
a:hover, a:active, a:focus {
  color:#5198a3;
  outline:none;
  text-decoration:none;
}
p { margin:0;padding:0 0 22px 0 }
img { max-width:100%; height:auto; }


header { position:relative; color:#fff; background-color:#fff; margin:0; padding:40px 0 0 0; z-index:3000 }

.slider { position:relative; }

section { margin:80px 0 }
.slider {margin-top:30px}
#logo { width:450px }
.abs { position:absolute }

.sc { padding:0; z-index:1; position:relative; overflow:hidden; }
.spic { float:left; width:100%; height:auto }

.clear { clear:both }
.center {text-align:center;}
.vmiddle { display:flex; align-items:center; justify-content:center }

#home { background-repeat:no-repeat; background-position:center center; /*background-attachment: fixed; */background-size:cover; background-color:#fff;}

.logo { z-index: 799; width:100%; text-align:center; }

.sect-1 { background-color:#fff; }
.sect-1 .row, .sect-1 .col2-s1{ margin:0; padding:0; }
.h1-sect-1 { font-family: 'Courier Prime', monospace; font-size:60px; color:#252850; line-height:50px; font-weight:700; text-transform:uppercase; }
.h1-sect-1-subline {letter-spacing:2px;}
.sect-1 h2 { font-size:24px; font-style: italic; font-weight:500; line-height:30px; margin:5px 0 20px 0; padding:0; }
.sect-1 h2 span { font-weight:300 }

.tile { display:block; width:100%; }
.tile:hover { color:#fff;  opacity: 0.9; }
.tile img { width:100%; }

.sect-news .container .row { background-image: url(images/bg-news.jpg); background-repeat: repeat-y; background-size: cover; min-height: 400px; }
.sect-news { color:#000; font-weight:700; }
.newstoggle {margin:200px 0 0 100px;}
.lesestofftoggle {margin:100px 0 0 100px;}

.sect-lesestoff .container  { background-image: url(images/bg-lesestoff.jpg); background-repeat: repeat-y; background-size: cover; min-height: 400px }
.sect-lesestoff, .sect-lesestoff b, .sect-lesestoff strong { color:#fff }
.box-g { width:284px; height:284px; margin:0 auto; }
.box-t { width:284px; height:284px; border:1px solid #000; border-top:0;  margin:0 auto; }
.box-g1 { background-image: url(images/bg-box-g1.jpg); background-repeat: repeat-y; background-size: cover; }
.box-g2 { background-image: url(images/bg-box-g2.jpg); background-repeat: repeat-y; background-size: cover; }
.box-g3 { background-image: url(images/bg-box-g3.jpg); background-repeat: repeat-y; background-size: cover; }
#lesestoff h4 { font-family: 'Courier Prime', monospace; font-size:32px; font-weight:700; text-transform:uppercase; letter-spacing:1px; }

.divider-contact { margin-top:-30px; }

.boxlink a { display:block; color:#fff; background-color:#b9a591; font-family: 'Libre Baskerville', serif; font-size:21px; line-height:255px; text-transform:uppercase; letter-spacing:2px;}
.boxlink a:hover { color:#fff; background-color:#000; }

footer p { margin:0;padding:0; }
footer a {color:#727272;}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.3);
    width: 30px;
    height: 30px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top img {
    color: #fff;
    margin: 0;
    position: relative;
    left: 0px;
    top: 0px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: .6;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover img {
    opacity: .9;
    top: -2px;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%;
  border: 1px solid black;
  background-image: none;
}



/*.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: red;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: red;
}*/



.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.5)}
.carousel-control-next-icon {background: no-repeat 50%/80% 80%; background-image: url('images/chevron-right-solid.svg');}
.carousel-control-prev-icon {background: no-repeat 50%/80% 80%; background-image: url('images/chevron-left-solid.svg')}

.carousel-indicators {
    bottom: -70px;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 15px;
    height: 15px;
    border-radius:50%;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #bec9c4;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}



.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn}

@media (max-width: 1454px) {

}

@media (min-width: 1200px) {

}
@media (max-width: 1199px) {
.h1-sect-1 { font-size:48px; line-height:52px; letter-spacing:3px; }
.h2-sect-1 { font-size:28px; line-height:68px; letter-spacing:1px;  }
.sect-1 h2 { font-size:18px; line-height:25px; margin:10px 0 5px 0; }
p, li { font-size:15px; line-height:26px; }
}

@media (min-width: 992px) {
  a[href^="tel"]:link,a[href^="tel"]:visited,a[href^="tel"]:hover {text-decoration:none;color:#000;pointer-events:none;cursor:default}
  footer a[href^="tel"]:link,footer a[href^="tel"]:visited,footer a[href^="tel"]:hover {color:#fff}
}

@media (max-width: 991px) {


}

@media (min-width: 768px) { 
.dhide { display:none }
}
@media (max-width: 1024px) {
.sect-2 h2, .sect-4 h2, .sect-5 h2 { font-size:38px; line-height:68px; padding:20px 40px }
}

@media (max-width: 767px) {
.mhide { display:none }
header .img-bg { filter: brightness(80%) }
.sect-5 {margin-top:10px}

}

@media (max-width: 523px) {
body { font-size:.9em; }
#logo { width:200px } 
#menuToggle {top: 45px;left: 20px;}
.newstoggle {margin:10px auto 0 auto;}
.lesestofftoggle {margin:10px auto 0 auto;}
#return-to-top { display:none; position: fixed; bottom: 10px; right: 10px; width: 20px; height: 20px;}
#return-to-top img { top:-5px;}
#menu{ margin: -100px 0 0 -30px;}
.sect-news .container .row { background-image: url(images/bg-news-2.jpg); min-height:auto; }

footer span { color:#fff;display:block;font-size:1px;line-height:1px; }
}

@media (max-width:320px) {
#return-to-top img {top:-4px;}
.box-g {width:264px; height:264px;}
.box-t {width:264px; height:264px;}
}