/*Roboto:400,100,300,500,700,900'*/
/*Roboto Condensed:400,300,700'*/
/* Maven Pro: 400, 500, 700, 900 */
/* hellblau: #1899C8 */
/* blau #23647e */
/* rot: #a80209 */
/* orange: #fbc606 */
/* grau: #555555*/

body{ font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 14px; color: #444; }

header { padding: 10px 0 10px 0; }

header .container {padding: 0 0; position: relative; }

header .logo {position: absolute; right: 20px; top: 200px; z-index: 50; }
header .logoxs {position: absolute; right: 20px; bottom: -20px; z-index: 50;}

.inhalt {padding: 30px 0;}

.but { margin-bottom: 15px; }

/* Text */

.headline { font-family: 'Maven Pro', sans-serif; color:#555; font-size: 4.5em; font-weight: 700; padding: 0 0 0 35px; margin:0 0;}

.sidebarheadline { font-family: 'Maven Pro', sans-serif; color:#fbc606; font-size: 2.4em; font-weight: 500; padding: 0 0 10px 0; margin:0 0 10px 0; border-bottom: 1px solid #fbc606;}

.sidebarheadline a { color:#fbc606; text-decoration: none;}

h1 { font-family: 'Maven Pro', sans-serif; color:#fbc606; font-size: 2.4em; font-weight: 500; padding: 0 0 10px 0; margin:0 0 10px 0; border-bottom: 1px solid #fbc606;}

h2 { color:#fff; font-size: 1.1em; font-weight: 500; padding: 10px; margin: 0 0 20px 0; background-color: #fbc606; text-transform: uppercase; }

h3 { color:#fff; font-size: 1.3em; font-weight: 500; padding: 5px ; background-color: #fbc606; }

h3 a { color:#555; text-decoration: none; }

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

h5 { color:#fff; font-size: 1.4em; font-weight: 300;}

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

small { font-size: 0.7em; }

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

p a { color:#23647e; font-weight: 400;}

.inhalt ul { list-style: square; padding-left: 20px; font-size: 1.2em;}

.inhalt ul li a { color: #555; text-decoration: none; font-weight: 500;}

.inhalt ol { padding-left: 20px;}

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

.navbar-default .navbar-nav > li > a { font-family: 'Roboto', sans-serif; font-weight: 300; color: #555; font-size: 1.2em ;  }

.navbar-default .navbar-nav > li > a:hover { color: #fbc606; }

.navbar-default{ padding: 0 0;}

.navbar-toggle .icon-bar {
  display: block;
  color: #ccc;
  width: 28px;
  height: 4px;
  border-radius: 1px;
}

.navbar-toggle {
  position: relative;
  float: left;
  padding: 9px 10px;
  margin-top: 8px;
  margin-left: 30px;
  margin-bottom: 8px;
  background-color: #ccc;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-default .navbar-nav .hotline a { color: #fbc606; text-decoration: none;}

.inhalt .hotline a { color: #fbc606; text-decoration: none;}

.teiler { margin: 30px 0;}


/* bilder */

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

.topbild { width: 100%;}

.icon { margin-bottom: 10px;}

footer{ padding-top: 20px; background-color: #555;}

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

footer p a{ color:#fff; font-weight: 300;}

footer p a:hover{ color:#fb0d1b; }

footer .footerheadline { font-family: 'Maven Pro', sans-serif; color:#fff; font-size: 2.6em; font-weight: 700; padding: 0 0; margin:0 0;}

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

footer ul li { color: #fff; }

footer ul li a { color: #fff; font-weight: 300; }

footer ul li a:hover { color:#fb0d1b; }