/*Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic'*/
/*Roboto Condensed:300italic,400italic,700italic,400,300,700'*/
/*Open Sans Condensed :300,700'*/
/*Open Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'*/
/* orange: #ff8d1c */
/* hellorange :#fae4ce */


body { font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.42857143; color: #666; background-color: #fff; }

header { border-top: 5px solid #ff8d1c; /* background: url(../bilder/elemente/topStart.jpg) no-repeat; background-size: 100% auto; */}

.inhalt{ padding: 20px 0;}

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

.box {margin: 0 0 5px 0; padding: 5px;}

.logo { margin: 50px 0 0 0;}

/* Text */

/* h1 { color:#95b6aa; font-size: 2.0em; font-family: 'Open Sans Condensed', sans-serif; font-weight: 400;} */

h1 { color:#ff8d1c; font-size: 2.2em; line-height: 2.0em; font-weight: 400; margin: 0 0 20px 0;}

h2 { color:#ff8d1c; font-size: 2.0em; line-height: 1.2em; font-weight: 300; padding: 0 0; margin: 5px 0;}

.h2tag { color:#efefef; font-size: 0.8em; font-weight: 400; border: none; line-height: 1.0em; padding: 0 0; margin: 0 0;}

h3 { color:#ff8d1c; font-size: 1.4em; line-height: 1.2em; font-weight: 300; padding: 0 0; margin: 5px 0;}

h3 a { color:#ff8d1c; }

h4 { color:#ff8d1c; font-size: 1.6em; }

h5 { color:#ff8d1c; font-size: 1.2em; }

span {color: #ff8d1c; font-weight: 300; font-size: 1.1em;}

.inhalt p { font-size: 1.3em; font-weight: 300;}

.inhalt a { color:#ff8d1c; textdecoration: none; font-weight: 300;}

.lead { font-size: 1.8em; font-weight: 300;}

.lead a { font-size: 1.8em; font-weight: 300; color:#ff8d1c;}

strong { font-weight: 600; color:#ff8d1c;}

small { font-size: 0.8em;}

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

.inhalt li { font-family: 'Open Sans Condensed', sans-serif; font-size: 1.3em; font-weight: 300;}

/* ###  navi ### */

.balken { padding: 5px 0;}

.navbar-default {border: none; background: none; box-shadow: none; margin: 0 0;}

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

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

.navbar-nav li { margin: 0 -4px; padding: 0 0; font-size: 1.5em;}

.navbar-nav a{  font-weight: 300; color: #666; text-decoration: none; /* text-transform: uppercase; */}

.navbar-default a:hover { color: #017b72; }

.navbar-nav .active a { color:#017b72; font-weight:300; background: none;}

.icon-bar { background: #017b72;}

.teiler { margin: 5px 0;}

.bgTrans { background: url(../bilder/elemente/bgTrans.png);}

.bgGruen { background: #017b72 /* url(../bilder/elemente/bgGruen.png) */;}

.bgOrange { background: #fae4ce;}

/* #### table #### */

.inhalt table{float: left; width: 100%; font-size: 1.2em;}

.tg-left { text-align: left; }
.tg-right { text-align: right; }
.tg-center { text-align: center; }
.tg-bf { font-weight: 800; }
.tg-it { font-size: 0.9em; }
.tg-table-plain { border-collapse: collapse; border-spacing: 0; font-size: 1.2em; font: inherit; }
.tg-table-plain td, .tg-table-plain th { border: 1px #555 solid; padding: 10px; vertical-align: top; color:#666; }
.tg-line { text-decoration: line-through; }

/* bilder */

.maxbild { width: 100%; margin-bottom: 10px;}

.boxbild { margin: 10px 0;}

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

.rand { /* border: 1px solid #95b6aa; */ box-shadow: 1px 1px 4px #666;}

/* ### footer ### */

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

footer p a{ color:#ff8d1c;}

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

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

footer ul li { border-bottom: 1px solid #ccc; color: #333; font-weight: 300; font-size: 1.2em;}

footer ul li a { color: #333;}

footer ul li a:hover{ color:#ff8d1c; text-decoration: none;}

/* ### video ### */

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}