/* Eingebundene Schrift */
/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('font/dosis-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Dosis Regular'), local('Dosis-Regular'),
       url('font/dosis-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/dosis-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/dosis-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('font/dosis-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/dosis-v7-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* dosis-700 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: url('font/dosis-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Dosis Bold'), local('Dosis-Bold'),
       url('font/dosis-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/dosis-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/dosis-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('font/dosis-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/dosis-v7-latin-700.svg#Dosis') format('svg'); /* Legacy iOS */
}

/* Layout der Seite */ 
* {
	-web-kit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

html {
  font-family: Dosis, sans-serif;
  font-size: 100%; 
  background: #ddd url("grey-bg.png") repeat left top; 
  background: #333; 
}

body { 
	background: white;
	color: #333;
	/*font-size: 14px; */
	font-size: 1.0em; /* 0.875rem; */
	width: auto;
	max-width: none; 
	box-shadow: 0; 
	margin: 0;
}

header[role="banner"], 
footer[role="contentinfo"] {
  background: #019ab9;
  color: white; 
}

header[role="banner"], 
nav[role="navigation"], 
div[class="wrap"],  
footer[role="contentinfo"] {
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 0;
	padding-right: 0; 
}

header[role="banner"] h1 {
  color: white; 
  padding: 0;
  margin: 0;
  font-family: Dosis, sans-serif; 
  font-size: 2.125rem;
  letter-spacing: 1px;
}

header[role="banner"] a {
  color: white;
  text-decoration: none; 
}

header[role="banner"] p {
  padding: 0;
  margin: 0;
}

footer[role="contentinfo"] a {
  color: white;
  text-decoration: none;  
}

h1   { 
	font-size: 32px; font-size: 2rem; 
}   
	
h2   { 
	font-size: 22px; font-size: 1.375rem; 
}  
	
h3   { 
	font-size: 20px; font-size: 1.25rem; 
}
	
main { 
	line-height: 1.7; 
}

.podcast2 {
	width: 40%;
	margin-left: 30%;
	margin-right: 30%;


}
.podcast {
	width: 100%;
	background-color: #707070;
	
}
.inhaltbild {
	width: 80%;
	margin-top: 0.7em;
	margin-left: 9.7%;
	margin-right: 9.7%;
	margin-bottom: 0.7em;
}

div.wrap { 
    overflow: hidden; 
} 

footer[role="contentinfo"] {
	clear:both;
} 

/* Layout Navigation */ 
header[role="banner"] {
	/*box-shadow: 0 2px 6px rgba(51,51,51,0.3);*/
	margin-bottom: 0.5em;
}

nav[role="navigation"] {
	background: transparent;
	padding: 0.5em 1em 0 0em;
	margin: 0;
}

nav[role="navigation"] ul {
	position: relative;
	padding-left: 0; 
	margin: 0em;
}

nav[role="navigation"] li {
	list-style-type: none; 
	display: inline-block;
}

nav[role="navigation"] li a {
	display: block;
	min-width: 10em;
	background-color: #eee;
	color: #333;
	text-align: center;
	text-decoration: none;
	border-radius: 0em;
	padding: 0.5em 0;
	margin: 1em 2em 1em 0;
}

nav[role="navigation"] li.active a {
	background: #1b2d53;
	color: white;
	text-decoration: none; 
}

nav[role="navigation"] a:hover,
nav[role="navigation"] a:focus {
	text-decoration: underline;
}
  
/* Inhalt  */ 
img {
  max-width: 100%;
  height: auto;
}

main header h2 {
  line-height: 1; 
  padding: 0;
  margin: 0; 
  margin-bottom: 1em;
}

.startseite main header h2 { 
  margin-bottom: 1em;
}

main img {	
	border-radius: 0em;
	/*-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);*/
}

main h3 { 
  color: #444;
  line-height: 1; 
  padding-top: 0.5em;
  border-top: 1px solid #ddd;
  margin: 1.5em 0 0.25em 0;
}

main p { 
  margin-top: 0; 
  margin-bottom: 1em; 
}

/* Layoutraster */
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, 
.grid7, .grid8, .grid9, .grid10, .grid11, .grid12  { 
	float:left;
	margin-right: 1.041666666667%; 
	margin-left:  1.041666666667%; 
}

header[role="banner"] .hgroup {
	color:#ffbd4a;
	width: 100%;
}, 
nav[role="navigation"] ul#navlist, 
footer[role="contentinfo"] .footercontent {
	margin-right: 1.041666666667%; 
	margin-left:  1.041666666667%; 
} 

header > .inside,
nav#nav,
div.wrap,
footer > .inside {
	max-width: 960px; 
	width: 90%;        
	margin: 0 auto;   
}
.inside {
	

}
.grid1  { 
	width:6.25%;  
}
.grid13  { 
	width:9.375%;
	float: left;
	margin-top: 0.7em;
	margin-left: 0.7em;
	margin-right: 2.7em;
	margin-bottom: 0.7em;
}
.grid2  { 
	width:14.583333333333%; 
}
.grid3  { 
	width:22.916666666667%; 
}
.grid4  { 
	width:33%; 
	margin-left: 0em;
	margin-right: 0em;
}
.grid14  { 
	width:33%; 
	margin-left: 0.5%;
	margin-right: 0.5%;
	float: left;
}
.grid5  { 
	width:39.583333333333%; 
}
.grid6  { 
	width:47.916666666667%; 
}
.grid7  { 
	width:56.25%; 
}
.grid8  { 
	width:64.583333333333%; 
}
.grid9  { 
	width:72.916666666667%; 
}
.grid10 { 
	width:81.25%; 
}
.grid11 { 
	width:89.583333333333%; 
}
.grid12 { 
	width:97.916666666667%;
	margin: 0 auto; 
}
.grid15 {
	width: 100%;
	margin-bottom: 0em;
	margin-top: 0em;
}

/* Kontaktformular */ 
/*
form#kontakt {
  line-height: 1;
  background-color: #f9f9f9;
  /*-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
     -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
          box-shadow: 0 2px 6px rgba(0,0,0,0.3);*/
  padding: 1em;
  border-radius: 0em;
  margin-bottom: 2em; 
}

#kontakt label {
  display: block;
  line-height: 1.7;
  cursor: pointer;
}

input[type="text"],
input[type="email"],
input[type="submit"],
textarea {
  min-width: 12em;
  padding: 0.25em;
  border: 1px solid #ccc;
  border-radius: 0em;
  margin-bottom: 1em;
}

textarea {
  min-width: 18em;
}

input[type="submit"] {
  background-color: #019ab9;
  color: white;
  padding: 1em;
}

input[type="submit"]:hover, 
input[type="submit"]:focus {
  background-color: #019ab9;
  text-decoration: underline;
}

input[type="submit"]:active {
  background-color: #ffcc00;
  color: #019ab9
}*/
/* ----------------------------------------------------------------------------- * 
 *                          Styles für Formulare                                 *
 * ----------------------------------------------------------------------------- */

legend {
    padding: 0 0.5em;
}

.formset {
    margin: 0em 0;
}

.formset label, .formset input, .formset textarea, .formset select {
    display: inline-block;
}

.formset label {
    width: 100%;
    padding-right: 2%;
}

.formset img {
    width: 20%;
	display: inline;
    padding-right: 2%;
	/*margin-bottom: 2em;*/
	/*float:left;*/
}
.formset p {
    padding-right: 2.125em;
	float:right;
}

.formset input, .formset textarea {
    width: 100%;
    padding: 0.2em;
}

.formset input {
	height: 2em;
}

.formset input#captcha {
    width: 10em;
    padding: 0.2em;
}

.submit-btn {
    float: right;
    padding: 0.4em;
    margin-right: 2.5%;
}

input:required {
    padding-right: 3%;
}

/* Positionierung der Required * in em */
em{
    left: 98%;
}
.content {
	margin-left: -2px;
	margin-right: -2px;
}