/* Roboto:400,100,300,500,700,900' */
/* Roboto Condensed:400,300,700' */
/* hellgrün: #27a9b1 */
/* blau: #3646aa ; */
/* footer-blau: #2f4d67*/


body{ font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 15px; background-image: url(../bilder/elemente/bg.jpg);}

header .container {padding: 0 10px;}

.inhalt {padding: 30px 0;}

/* Text */

h1 { color:#2f4d67; font-size: 1.6em; font-weight: 500; text-transform: uppercase; line-height: 1.4em;}

h2 { color:#fff; background-color: #999; font-size: 1.4em; font-weight: 500; padding: 10px; margin: 0 auto;}

h3 { color:#666; font-size: 1.3em; font-weight: 500; padding-bottom: 10px;}

h4 { color:#fff; font-size: 1.6em; font-weight: 700; text-transform: uppercase;}

h5 { color:#fff; font-size: 1.4em; font-family: 'Roboto', sans-serif;}

span {color: #cc0000; font-weight: 600; font-size: 1.1em;}

p { color:#666633; font-size: 1.1em;}

p a { color:#2f4d67; font-weight: 400;}

.datum { font-size: 1.6em; background-color: #ccc; padding: 10px; font-weight: 700; color: #fff;}

.h3sidebar { color:#2f4d67; font-size: 1.6em; font-weight: 500; text-transform: uppercase; line-height: 1.4em;}

.inhalt ul { list-style: square; padding-left: 20px;}

li { color:#666633; font-size: 1.1em;}

.navbarbalken { background-color: #ddd; padding-bottom: 10px; border: none; border-radius: 0; margin: 0 auto;}

.navbar { font-size: 1.1em; padding-top: 15px; }

.navbar-nav a { color:#666; font-weight: 300;}

.navbar-nav .active a { color:#2f4d67; font-weight: 500;}

.icon-bar { background: #2f4d67;}

@media screen and (min-width: 766px) {

  .navbar .nav,  .navbar .nav > li { 
    padding: 0 7px;
    float:none; 
    display:inline-block; *display:inline; /* ie7 fix */ *zoom:1; /* hasLayout ie7 trigger */ vertical-align: top;  }
    .navbar-inner { text-align:center;} ul.nav li.dropdown:hover ul.dropdown-menu { display: block; }
  }

.teiler { margin: 5px 0;}


/* bilder */

.bild-links{ margin: 0 10px 0 0;}

.rand { border: 5px solid #6e653c;}

.radius { border-radius: 5px; }

.bildabstand { margin: 5px 0; }

.topbild { padding: 0 0; margin: 0 auto; }

.maxbild { width: 100%; }

footer{ padding-top: 20px;}

footer p{ color:#fff; font-size: 1.0em; font-weight: 300;}

footer p a{ color:#fff;}

footer small a { color:#fff;}

footer ul {padding-left: 20px; list-style: square; }

footer ul li { color: #fff; font-size: 1.0em; }

footer ul li a { color: #fff; }

.bgfooter { background-color: #2f4d67; }

/* ##### ##### */

.equalheight {
  display: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  }
  
 .equal {
  flex: 0 0 1;
 }

 @media (max-width: 767px) {
 .equalheight {
    display: block;
 }
 }