@charset "utf-8";
/* CSS Document */

/* ****************** Schriften allgemein ****************** */

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../webfonts/open-sans-v43-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/open-sans-v43-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html { font-size: 100%;
	 }

body { 
	font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
	line-height: 1.2;
	color: #333;
	font-size: 15px;
	}  

footer {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5;
	color: #cecece;
	font-size: 15px;
	}

footer a {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5;
	font-size: 15px;
	}

h1, h2, h3, h4, h5 {font-family: 'Open Sans', sans-serif; }

h1 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
 	font-size: 22px;
	margin-bottom: 15px;
	margin-top: 0;
	}

h2 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 10px;
	}
.ansprech h3 { color: #0c75a5; }
.auswahlbox h2 { color: #fff; }
.auswahlbox a { color: #fff; padding: 5px 0 5px 5px; }

.unterseite.datenschutz h2 { margin-top: 30px; }

.unterseite h2 { margin-top:0; }

h1 + h2 { margin: 8px 0 16px 0;  margin: 0.5rem 0 1rem 0; }

h2 a { color: #606060; }

h2 a { text-decoration: none;}
h2 a:hover { color: #b50314;}

h1 + h3 { margin-top: 0.5rem; }
h1 + .ce_text h2 { margin-top: 0.5rem; }

h3 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	color: #7C7C7C;
	margin-top: 0;
	}
.blauerkasten h3 {
   
    font-size: 16px;
    color: #fff;
    margin-bottom:10px;
}
.listenbox h3 {
    
    font-size: 16px;
    margin-bottom:10px;
}
.ansprechpartner h3 { color: #0c75a5; }
a { text-decoration: none; }
.datenschutz h3 {
	 font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 18px !important;
	color: #7c7c7c;
	margin-top: 20px;
	}

#streifen h2 {
    color: #fff;
    margin-top: 0;
	margin-bottom: 12px;
	font-style: normal;
    font-weight: 400;
    font-size: 20px;
    margin-top: 0;
}

h4 {
	font-size: 20px;
	font-size: 1.25rem;
	color: #7C7C7C;
	}

.datenschutz h4 {
	font-size: 16px !important;
	font-weight: bold;
	color: #7C7C7C;
	}


body p { 
	line-height: 1.3;
	margin-bottom: 15px;
}

#main p, 
#main li,
#main label,
span.captcha_text,
#main td {
	font-size: 16px; 
	}

#main .listenbox li { font-size: 15px; }

.ce_text ul { padding: 0 18px; }

.ce_text ul li {
    list-style-type: disc;
	/*list-style-image: url(../images/layout/roterpunkt6px.png);*/
	    padding: 5px 10px 5px 5px;
}


/* ****************** Schriften allgemein ENDE ****************** */

footer .mod_article a { color: #cecece; }
footer .mod_article a:hover { color: #fff; }

#main td { line-height: 1.4; }



#main ul { margin-bottom: 15px; padding-left: 25px; }
#main ul li { 
	list-style-type: disc;
	font-weight: 300;
	 }

.datenschutz #main ul li {
    font-weight: 300;
}

.stellenangebote #main ul li { 
	list-style-type: disc;
	
	padding: 1px 10px 1px 5px;
}


/* ******************* Colorbox ******************* */

#cboxOverlay { background: none repeat scroll 0 0 #fff !important; }
#cboxLoadedContent { border: 5px solid #fff !important; }
#cboxTitle { 

    color: #004389;

     }

#cboxContent { margin-top: 40px; }
#cboxCurrent { }
#cboxClose {  }

/* ******************* Colorbox ENDE ******************* */

.kontakt #main table { width: 95%; margin-top: 1rem; }
#main .mod_article .ce_form input, 
#main .mod_article .ce_form .textarea {
	margin-bottom: 8px;
	margin-bottom: 0.5rem; }

#main .mod_article .ce_form input.checkbox {
	margin-bottom: 0 !important;
	margin-bottom: 0.5rem; }
.explanation { text-align: right; }
td.explanation p { text-align: left; margin-left: 26%; }
#main .kontakt td.col_0 { width: 26%; }
#main .kontakt td.col_1 { width: 80%; }
.formdatenschutz { margin-top: 20px; }
.datenschutzzusatz { margin-bottom: 20px; font-size: 95%!important; }
.datenschutzzusatz a { color: #c80032 !important; font-weight: bold; }
.datenschutzzusatz a:hover { color: #A7A7A7; }
td.explanation p.pflichtfeld { text-align: right;  color:#c80032; }
.kontakt span.mandatory { color:#c80032; }

input[type="submit"], .button {
	float: right;
    display: inline-block;
    padding: 4px 15px 4px 14px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    font-size: inherit;
    color: #fff;
    cursor: pointer;
    border: 1px solid #c80032;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #c80032;
    background-image: -moz-linear-gradient(top,#930002,#c80032);
    background-image: -webkit-linear-gradient(top,#930002,#c80032);
    background-image: -ms-linear-gradient(top,#930002,#c80032);
    background-image: -o-linear-gradient(top,#930002,#c80032);
    background-image: linear-gradient(to bottom,#930002,#c80032);
    background-repeat: repeat-x;
    -moz-transition: background .15s linear;
    -webkit-transition: background .15s linear;
    -o-transition: background .15s linear;
    transition: background .15s linear;
}

.kontakt input.error { border: 1px solid #C70003; margin-bottom: 15px; }
.kontakt #main .col_1 p.error { font-size: 98%; margin-bottom: 0; color: #C70003; }

#main .gebieteoben ul li { 
	    /* display: inline-block; */
    padding: 7px 9px;
    background-color: #999;
    color: #fff;
    margin: 5px 5px 0 0;
    line-height: 1;
    /* border: 1px solid #999; */
    /* font-weight: bold; */
    list-style-type: none;}

.caption { font-size: 15px;  }

@media (max-width:590px)
{
	 
	 
}

@media (max-width:767px) {
	
	html { font-size:95%; } 
}


@media (min-width:768px) and (max-width:979px)
{
	html {font-size:90%;} 
	
}

@media (min-width:980px) and (max-width:1140px)
{
	
}