/*!
CUSTOM
 */


/* ---------------------------------------------------------- > > > > > NAVIGATION */

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

.navbar-inverse .navbar-toggle.collapsed {
  background-color: #244360;
}

.navbar-inverse .navbar-toggle:hover {
  background-color:#e1c611;
}

.navbar-inverse {
background-color:#244361;
border-bottom:none;
-webkit-box-shadow: 0px 10px 12px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 12px -9px rgba(0,0,0,0.75);
box-shadow: 0px 10px 12px -9px rgba(0,0,0,0.75);
}

.navbar-brand {
  height:140px;
  padding: 23px 15px 15px 15px;
}

.navbar-brand img {
  max-width:160px;
  padding-top:8px; 
}

.navbar-toggle {
margin-top:54px;
}

.navbar-inverse .navbar-toggle {
border-color:#ffffff;
background-color:#e1c611;
}

.navbar-inverse .navbar-toggle span.icon-bar {
  color:#ffffff;

}

.navbar-inverse .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: 'Ubuntu', sans-serif;
    font-weight:400;
}



.nav>li>a {
  padding:10px 25px;
}

.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus, 
.navbar-inverse .navbar-nav>.open>a:hover 
{
  background-color:#244360!important;
  color:#e1c611!important;
  text-decoration: none;
}

.navbar-inverse .navbar-nav > li.active > a,
.navbar-inverse .navbar-nav > li.active > a:hover,
.navbar-inverse .navbar-nav > li:hover > a,
.navbar-inverse .navbar-nav > li:focus > a
 {
  background-color:#244361!important;
  color:#e1c611!important;
  text-decoration: none;
}

/* ---------------------------------------------------------- > > > > > HEADER STARTPAGE  */

.jumbotron {
  background-image: url("../images/header-startpage.jpg");
  background-position: center center;
  background-size:cover;
  background-repeat: no-repeat;
  display:flex;
  align-items: center;
  min-height:400px;
}

.jumbotron.subheader {
  background-image: url("../images/subheader.jpg");
  min-height:230px;
  max-height:230px;
}

.jumbotron h1 {
    color: #ffffff;
    font-size:31px;
    padding: 7px 10px 5px 10px;
    background-color: #e1c611;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Ubuntu', sans-serif;
    font-weight:700;
    margin-top:180px;
}

.jumbotron p.header-subline {
    color: #e1c611;
    font-size:16px;
    padding: 7px 20px 5px 20px;
    background-color: #ffffff;
    display: inline-block;
    letter-spacing: 1px;
    font-family: 'Ubuntu', sans-serif;
    font-weight:400;
    margin-top:10px;
    margin-left:40px;
}

.jumbotron.subheader h1 {
  background-color:transparent;
  padding:0px;
  text-align: center;
  font-weight:400;
  display:block;
  margin-top:95px;
  font-size:35px;
}


.btn-primary {
    color: #fff!important;
    background-color: #000000;
    border-color: #000000;
    border-radius: 0px;
    text-transform: uppercase;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-weight:400;
    letter-spacing:1px;
    font-size:21px;
  }

  a.btn-primary:link, 
  a.btn-primary:active, 
  a.btn-primary:hover,
  a.btn-primary:focus {
    color: #fff;
    background-color: #94c11c!important;
    border-color: #94c11c;
    border-radius: 0px;
    text-transform: uppercase;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
  color:#ffffff;
}

/* ---------------------------------------------------------- > > > > > BODY FONTS  */

body  {
      font-family: 'Ubuntu', sans-serif;
      color:#333333;
}

body a, body a:visited {
  color:#005477;
  text-decoration: none;
}

body a:hover {
  color:#005477;
  text-decoration: none;
}

body h1, body h2, body h3, body h4, body h5 {
  font-family: 'Ubuntu Condensed', sans-serif;
  color:#005477;
}

body h1 {
  font-weight:700;
}
/* ---------------------------------------------------------- > > > > > CONTENT ELEMENT STYLES  */

.entry {
  margin:auto;
  text-align: center;
  margin-bottom:50px;
  padding-top:30px;
  padding-bottom:30px;
}

.entry p {
  font-size:21px;
}

.entry h2 {
  font-weight: 400;
  font-size: 32px;
  line-height: 43px;
  margin-bottom: 22px;
}

.course_entry {
  text-align: left;
}

.course_entry h3 {
  font-weight: 400;
  font-size: 30px;
}

.course_entry li {
  font-size: 19px;
}

/* --------------------------------------> > > > > IMAGE-BOXES  */

.bg-container {
  padding-top:30px;
  padding-bottom:30px;
  background-image:url(../images/container-bg.jpg);
  background-size:cover;
  background-repeat: no-repeat;
}

.perl-box {
  color:#244361;
  background:#ffffff;
  text-align:center;
  padding-bottom:0px;
  margin-bottom:15px;
  min-height:320px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

div.perl-box.bg1:hover h3,
div.perl-box.bg2:hover h3,
div.perl-box.bg3:hover h3 {
  background:#e1c611;
  color:#ffffff;
  cursor:pointer;
}

div.perl-box.bg1:hover,
div.perl-box.bg2:hover,
div.perl-box.bg3:hover {
  filter: brightness(1.051);
}

.perl-box h3 {
  display:block;
  position:relative;
  bottom:0px;
  background:#ffffff;
  padding:10px;
  width:100%;
  margin-bottom:0px;
  font-size:31px;
  letter-spacing:1px;
  text-decoration: none;
}
.perl-box.bg1 {
  background-image:url(../images/box-image-schulungen.jpg);
  background-repeat:no-repeat;
  background-size:cover;
}
.perl-box.bg2 {
  background-image:url(../images/box-image-events.jpg);
  background-repeat:no-repeat;
  background-size:cover;
}
.perl-box.bg3 {
  background-image:url(../images/box-image-news.jpg);
  background-repeat:no-repeat;
  background-size:cover;
}

body a.boxed,
body a.boxed:visited {
  font-family: 'Ubuntu', sans-serif;
  font-size:21px;
  color:#005477;
  background-color:#e6e6e6;
  display: block;
  padding:10px;
  font-weight:300;
  margin-bottom:10px;
  margin-top:20px;
}

body a.boxed:hover,
body a.boxed:active,
body a.boxed:focus
 {
  color:#ffffff;
  background-color:#94c11c;
  text-decoration: none;
}

.info-box-yellow {
  background:#e1c611;
  color:#ffffff;
  display:inline-block;
  padding: 5px 20px 0px 20px;
  margin-bottom:40px;
}

.info-box-yellow p {
  font-size:31px;
}

.ghost-btn-yellow {
  color:#e1c611!important;
  border:3px solid #e1c611;
  display:inline-block;
  padding:10px 20px 10px 20px;
  font-size:28px;
  text-transform: uppercase;
  letter-spacing:1px;
}

.ghost-btn-yellow:hover {
  color:#244361!important;
  border:3px solid #244361;
  text-decoration: none;
  display:inline-block;
  padding:10px 20px 10px 20px;
  font-size:28px;
}

.contact {
  text-align: center;
  margin-top:30px;
}

.sidebarIMG {
  padding-top:0px;
  width:100%;
  max-width:500px;
}

.container ul {
  margin-top:10px;
}

.container ul li {
  margin-bottom:5px;
}

.sidebar-box {
  padding:20px;
  margin-top:40px;
  margin-left:20px;
}

.sidebar-box h4 {
  font-weight:600;
  border-bottom:1px solid #e8e8e8;
  padding-bottom:10px;
}

.sidebar-btn {
  display:inline-block;
  border:2px solid #005477;
  padding:5px 20px 5px 20px;
  margin-top:20px;
  font-size:18px;
}

.sidebar-btn:hover {
  background:#005477;
  color:#ffffff;
  border-color:#005477;
}


/* ---------------------------------------------------------- > > > > > FOOTER  */

body {
  padding-bottom:0px;
}

footer {
  background-color:#244361;
  color:#ffffff;
  padding-top:30px; 
  margin-top:40px;
  padding-bottom:40px;
  padding-top:40px;
}

footer a,
footer a:visited {
  color:#ffffff;
  text-decoration: none;
}

footer a:hover,
footer a:focus {
  color:#e1c611;
  text-decoration: none;
}

footer h4 {
  color:#ffffff;
  text-transform: uppercase;
  font-family: 'Ubuntu', sans-serif;
  font-weight:600;
  leter-spacing:1px;
}

footer ul {
  margin-left:0px;
  padding-left:0px;
}

footer ul li {
  list-style-type: none;
  display:block;
  padding:10px 0px 10px 0px;
  border-bottom:1px solid #44596e;
  font-weight:300;
  font-size:14px;
  letter-spacing: 1px;
}

footer ul li.phone:before {
  content: "\e182";
  font-family:'Glyphicons Halflings';
  font-size:14px;
  float:none;
  color:#ffffff;
  padding-right:10px;
  padding-bottom:20px;
}

footer ul li.mail:before {
  content: "\2709";
  font-family:'Glyphicons Halflings';
  font-size:14px;
  float:none;
  color:#ffffff;
  padding-right:10px;
  margin-top:-3px;
}

footer .social {
  padding-bottom:80px;
}

footer .social h4 {
  float:none;
  margin-right:10px;
}

footer .social .social-icons {
  float:none;
}

footer .social .social-icons i {
  font-size:35px;
  color:#d7d7d7;
  margin-left:5px;
    cursor:pointer;
}

footer .social .social-icons i:hover {
  font-size:35px;
  color:#e1c611;
  cursor: pointer;
}

footer .social .social-icons .social-first {
  margin-left:-10px;
}

.footer-contact {
  margin-top:40px;
  margin-bottom:40px;
}

.footer-box {
  text-align:center;
}