/*! 
* MatthiasPerkams.de-Bootstrap CSS Erweiterung
* v1.2 - Mai 2017
* William Remus - www.williamremus.de
*/



/*
* Farben: ALT
*   Body: #FFA23E;
*   Navbar und Footer: #FFD891;
*   Akzente: #1C9AD7;
*/

/*
* Farben: NEU
*   Body: #E0E0E0;
*   Footer: #2a2730;
*   Tafelgruen: #136238
*   Akzente: #1C9AD7;
*/


/* ALLGEMEINE ANGABEN ------------------------------------------------------- */

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
    font-family: Roboto-Light;
    src: url(../fonts/Roboto-Light.ttf);
}
@font-face {
    font-family: Roboto-Thin;
    src: url(../fonts/Roboto-Thin.ttf);
}
body {
    font-family: "Roboto","Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #E0E0E0;
    line-height: 1.42857143;
}

.panel {
    background-color: #FFFFFF;
}
.panel-default {
    border: none;
}

h1 {
    font-family: Roboto-Thin;
    font-size: 50px;
    /*color: #000000;*/
    text-shadow: 0 3px 4px rgba(255,255,255,0.16);
}
h2 {
    font-family: Roboto-Light;
    font-size: 30px; 
}
h3 {
    font-family: Roboto;
    font-size: 18px; 
}

a {
    color: #000000; 
}
a:active,
a:focus,
a:hover{
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  
}

/* TABELLEN -------------------------------------------------------------------- */
.table > tbody > tr > td{
    border: none;
}
td, th {
    padding: 5px;
}


.footer > a {
    color: #FFFFFF;
}



/* EIGENE ANGABEN ----------------------------------------------------------- */

/* TEXTGESTALTUNG */
.blocksatz{
    text-align: justify;
}

/*---------------------------------------------------------------------*/



.top-logo-login {
    height: 50px;
    padding-top: 8px;
}
.btn-primary {
    background-color: #00AFFF;
    border-color: #008BCC;
}
.btn-primary:hover {
    background-color: #008BCC;
}

/* NAVBAR ---------------------------------------------------------------- */
.navbar {
    border: none;
}
.navbar-header {
    height: 50px;
}
.navbar-header .navbar-toggle {
    border-bottom-color: transparent;
}

.navbar-nav {
    min-height: 50px;
    font-family: Roboto-Light;
}
.navbar-default {
    background-color: #E0E0E0;
    background-image: none;
}

/* ICONBAR SMARTPHONE */
.navbar-default .navbar-toggle {
    border-color: #000000;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-collapse {
    border: none;
    border-color: transparent;
}
.icon-bar{
    border: 1px solid #000000;
}


/* NAVTABS */
.navbar-default
.navbar-nav>li>a {
    color: #000000;
}
.nav-tabs {
    border-bottom-color: transparent;
}
.nav-tabs>li>a:hover,
.nav-tabs>li>a:active,
.nav-tabs>li>a:focus {
    border-color: #000000;
}


.navbar-logo-schriftzug, 
.navbar-logo-schriftzug:link, 
.navbar-logo-schriftzug:hover,
.navbar-logo-schriftzug:active,
.navbar-logo-schriftzug:visited {
    font-family: Roboto-Thin;
    font-size: 44px;
    line-height: 50px;
    color: #000000;
    margin-left: 110px;
    text-decoration: none;
    padding: 0px;
}
.navbar-logo-bild {
    position: absolute;
    overflow: visible;
    z-index: 2000;
    top: 5px;
    margin-left: 15px;
    width:100px;
    height:100px;
}
.navbar-logo-container {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 0px;
    padding-right: 0px;
    border: none;
    margin-left: 15px;
}

.abstand-5px {
    margin: 5px;
}

.gruener-streifen-oben {
    border: none;
    border-top: 4px solid #136238;
}
.gruener-streifen-unten {
    border: none;
    border-bottom: 4px solid #136238;
}

.schatten-oben {
    box-shadow: 0px -2px 8px rgba(0,0,0,0.16);
}
.schatten-unten {
    box-shadow: 0px 2px 8px rgba(0,0,0,0.16);
}
.schatten-text {
    text-shadow: 0px 0px 4px rgba(0,0,0,0.16);
}

.ohne-rahmen {
    border: none;
}

.tafelgruen {
    background-color: #136238;
    color: #FFFFFF
}

.verhaeltnis-16-9 {
    min-height: 10px;
}

@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 13px;
        padding-bottom: 13px;
        font-size: 24px;
        line-height: 24px;
    }
    .navbar-logo-bild {
      margin-left: 0px;
    }
    .navbar-logo-container {
      margin-left: 0px;
    }
    .verhaeltnis-16-9 {
      min-height: 432px;
    }
}

@media (min-width: 992px) {
    .navbar-logo-bild {
      margin-left: 0px;
    }
    .navbar-logo-container {
      margin-left: 0px;
    }
    .verhaeltnis-16-9 {
      min-height: 558px;
    }
}

@media (min-width: 1200px) {
    .navbar-logo-bild {
      margin-left: 0px;
    }
    .navbar-logo-container {
      margin-left: 0px;
    }
    .verhaeltnis-16-9 {
      min-height: 675px;
    }
}