/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./font/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./font/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./font/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./font/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./font/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./font/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./font/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./font/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./font/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./font/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


a
{
	color: #ff7e00;
	text-decoration: none; 
}
a:active 
{
	color: #000;
	text-decoration: none;
}
a:hover
{
   color: #000;
   text-decoration: none;
}
   
body
{
 font-family: 'Open Sans', sans-serif;
	font-size: 0.95em;
  color: #444;-webkit-text-size-adjust:none;
  font-weight: 400;
}

p, td {

}


input, textarea
{  
   font-size: 13px;
}

 
.small
{
   font-size: 85%;
}
         
h1 {
font-size: 2.1em;
color: #42a4d1;
font-weight: normal;
margin: 20px 0 20px 0;
line-height: 1.5em;
font-weight: 300; text-transform: uppercase;
}

h1 span  { background: #fff; }

h2 {
font-size: 1.5em;
color: #42a4d1;
font-weight: normal;
margin: 25px 0 20px 0;
}
h3 {
font-size: 1.3em;
margin: 5px 0 15px 0;
color: #df780e; font-weight: normal;
}

h4 {
font-size: 1.1em;
margin: 20px 0 15px 0;
font-weight: bold;
}

h5 {
color: #df780e; font-weight: normal;
font-size: 1.3em;
margin: 15px 0 10px;
}

p.beschriftung {
font-size: 1.5em;
color: #42a4d1;
font-weight: normal;
margin: 25px 0 20px 0;
}

.alignleft {text-align: left;}
.aligncenter {text-align: center;}
.alignright {text-align: right;}

hr {
    float: left; width: 100%; margin: 20px 0; border: 0; height: 1px; background: #df780e;
}
hr.us {  width: 20%; margin: 5px 40% 30px; }
.zc > hr {
    margin: 50px 3%; width: 94%;
}

.unav h3 a {
padding-left: 20px;
font-size: 90%;
}

p {
margin: 10px 0 15px 0;
line-height: 1.5em;
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

p.willkommen {
color: #23388B;
margin-top:15px;
font-size: 120%;
font-weight: bold;
}

p.utitle {

}


.teaserbox, .box {
margin: 5px 5px 10px 5px;
float:left;
padding-bottom: 5px;
border-bottom: 1px dotted #000;
}

.teaserbox {
width: 100%;
}

#textfeld img.boxbild {
float: left;
margin: 5px 5px 0 5px;
max-width: 30%;
}

.textfeld {
    text-align:left;
}

.teaserbox h3, .box h3, #newsletterabo h2 {
padding: 5px;
margin: 10px 0 5px 0;
font-size: 16px;
color: #000;
font-weight: bold;
border-bottom: 1px dotted #fff;
}

.teaserbox a {
color: #000;
}

.teaserbox h3 a:link , .teaserbox h3 a:visited {
color: #000;
text-decoration: none;
}

.teaserbox h3 a:hover, .teaserbox h3 a:active {
color: #000;
text-decoration: underline;
}

p.teaserinhalt {
margin:0;
padding: 5px;
}

a.button {
background: #444; color: #fff; padding: 5px 30px;
font-weight: bold; font-size:1.2em;
cursor: pointer;border: none;
display: inline-block;
}
a.button:hover {background: #d7d7d7; color: #000;}



@media only screen and (min-width: 680px)
{
div.zs {-webkit-columns: 2; -moz-columns: 2; columns: 2; float: left; width: 100%; margin: 0;
-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;
    }
div.zs p {margin: 0 0 20px;}
}

@media only screen and (max-width: 1160px)
{
       body {font-size: 0.85em;}
}
@media only screen and (max-width: 960px)
{
.contentelement.tmehr {width: 48%; margin: 20px 1%;}
}

@media only screen and (max-width: 680px)
{
h1 {font-size: 2.0em;}
.vmmehr, .hmmehr, .awmehr, .evmehr, .rvmehr {
    float: left; width: 100%; padding: 10px 0;
}
div.acclinks {
    width: 100%; margin-top: 0; padding: 10px 0 ;
}
div.accrechts {
    width: 100%; margin-top: 0; padding: 10px 0;
}

}

@media only screen and (max-width: 460px)
{
.contentelement.tmehr {width: 98%;}
}