Team:Bielefeld-CeBiTec/CSS

/* HQ CSS*/
.firstHeading {

display: none; }

.mw-content-text { display: none; }

.logo_2018 { display: none; }

.globalWrapper { padding: 0px;

       margin: 0px;

}

#content { margin-left:0px; padding:0px; width:100%; }

/*OWN STYLES*/

body { font-family: "Lato", sans-serif; }

.content { margin-bottom: 30px; background-color: white; margin-left: 300px;

   margin-right: 300px;
   margin-top: 60px;

border: 1px solid #000000; border-radius: 15px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); min-height: 100px;

   padding-bottom: 50px;

}

.container{ max-width:980px; margin-top:80px; margin-bottom:60px; }

article, .article { text-align: justify;

   display: block;
   margin: auto;

font-size: 16px; padding-bottom: 20px; }

article, .article, .contentline { width: 96%; font-size: 16px; padding-bottom: 20px; }

.contentline article, .contentline .article { width: 100%; }

h1, h2, h3, h4, h5, h6 {

   width: 92%;
   margin: auto;
   margin-top: 0px;

   padding-top: 20px;
   padding-bottom: 15px;

}

.p { align: justify; }

/* NAVBAR */ .navbar{ background-color: #000000; border-color: #000000; font-size: 20px; margin-bottom: 0px; }

.navbar.center .navbar-inner {

   text-align: center;

}

.navbar.center .navbar-inner .nav { float: none; display:inline-block; vertical-align: middle; }

.navbar-inner{

vertical-align:center; }

/* Title */ .navbar .navbar-brand { color: #777; } .navbar .navbar-brand:hover, .navbar .navbar-brand:focus { color: #5E5E5E; } /* Link */ .navbar .navbar-nav > li > a { color: #ffffff; background-color: #00000;

padding-top: 20px

} .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus { background-color: #002a5c; } .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus { color: #ffffff; background-color: #002a5c; } .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus { color: #ffffff; background-color: #002a5c; }

/* Caret */ .navbar .navbar-nav > .dropdown > a .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; }

.navbar .navbar-nav > .open > a .caret, .navbar .navbar-nav > .open > a:hover .caret, .navbar .navbar-nav > .open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; }

.navbar .navbar-nav .dropdown-toggle{ color: #ffffff; background-color: #000000; }

.navbar .navbar-nav .dropdown-menu { color: #ffffff; background-color: #000000; }

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

.navbar .navbar-nav .dropdown-menu > li > a:hover, .navbar .navbar-nav .dropdown-menu > li > a:focus { color: #ffffff; background-color: #002a5c; }

.navbar .navbar-toggle { border-color: #DDD; } .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { background-color: #DDD; } .navbar .navbar-toggle .icon-bar { background-color: #CCC; }

.affix { top: 0; width: 100%; z-index: 9999 !important; }

.affix + .container-fluid { padding-top: 70px; }

.logo-img{ width: 65px;

               padding-top: 10px;

}

/*Footer*/ .fa-facebook-official:before {

   content: "\f230";
   color: white;

}

.fa-instagram:before {

   content: "\f230";
   color: white;

}

.fa-twitter:before {

   content: "\f230";
   color: white;

}