/******************************************* Colors & Variables ************************************/
:root {
  --maingrey: #4a4a4a;
  --mainblue: #3e96be;
  --mainblue87: #57a3c7;
  --mainblue44: #aad1e3;
  --mainblue20: #d8eaf2;
  --mainblue07: #f1f8fa;
  --mainred: #b5152b;
  --formfield: #57a3c7;
}
.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}
.clearfix:after {
    clear: both;
}
/**************** html *****************/
body {
  background: #fff;
  font: 18px "Avance W04 Regular";
  color: #4a4a4a;
}
p {
  font-size: 18px;
  line-height: 1.3;
  padding: 5px 0px 5px 0px;
}
.ZA-klein p {
  line-height: 1.1;
  padding: 0 0 0 0;
}
aside p {
  padding: 5px 0 5px 0;
}
img {
  border:none;
  width: 100%;
  height:auto;
}  

a:link, a:visited {
  text-decoration: none;
  color: #ffffff;
}
main a:link .leaflet-control-zoom-in, main a:link .leaflet-control-zoom-out,
main a:visited .leaflet-control-zoom-in, main a.visited .leaflet-control-zoom-out,
main a.leaflet-control-zoom-in, main a.leaflet-control-zoom-out {
	color: #b5152b !important;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
    font-size: 25px;
}
span.print{
   font-size: 14px;/****footer drucken Link *****/
   cursor: pointer;
}
/*für arabisch */
.align-right {text-align:right;}
figcaption {
  font-family:"NotoSans Bold";
  color: #b5152b;
  line-height: 1.8;
  padding: 15px 5px;  
}
main a:link, main a:visited, main a:link {
  color: #57A3C7;
}
main a:hover, main a:focus {
  color: #b5152b;
}
main .sml a:link, main .sml a:visited, main .sml a:link {
  background-color: #b5152b;
  color: #fff;
  margin-bottom: 5px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;  
}
section.content i, footer i {
  margin-right: 5px;
}
i {
  font-style: italic;
}
/** Abstände im Textfeld **/
section.content .standard .ce-text p + p, section.content .standard .ce-bodytext p + p { /** Wenn auf ein <p> ein weiteres <p> folgt - innerhalb eines Textfeldes */
  padding: 20px 0px 5px 0px;
}
.standard .ce-text p + h2,
.standard .ce-bodytext p + h2{ /** Wenn auf ein <p> ein <H2> folgt - innerhalb eines Textfeldes */
  padding-top: 35px;
}
.standard .ce-text h2 + p,
.standard .ce-bodytext h2 + p { /** Wenn auf eine <H2> ein <p> folgt - innerhalb eines Textfeldes */
  padding-top: 0px;
}
.standard .ce-text h3 + h2,
.standard .ce-bodytext h3 + h2{ /** Wenn auf eine <H3> ein <H2> folgt - innerhalb eines Textfeldes */
  padding-top: 15px;
}
.roterText + .telefon,
.roterText + .mail,
.roterText + .fax {
  margin-left: 10px;
}
@media only screen and (max-width: 768px) {
  aside .standard .ce-text span, aside .standard .ce-bodytext span, aside .standard .ce-text p + span, aside .standard .ce-bodytext p + span,
  aside .standard .ce-text .ZA-klein p, aside .standard .ce-bodytext .ZA-klein p { 
    line-height: 1.2;
    margin: 5px 0 5px 0;
  }
}
@media only screen and (min-width: 768px) {
  aside .standard .ce-text span, aside .standard .ce-bodytext span, aside .standard .ce-text p + span, aside .standard .ce-bodytext p + span,
  aside .standard .ce-text .ZA-klein p, aside .standard .ce-bodytext .ZA-klein p { 
    line-height: 1.2;
  }
}
/********************************** structure **********************************/
/** Max-Width 1400px **/
main, #header-logo, .menu-container:not(.sticky), .sticky .menu-wrapper, .breadcrumb, footer .footercontent {
  max-width: 1400px;
  margin: auto;
}
#wrapper {
  width: 100%;
}
header.logo:before {
  position: absolute;
  top: -8px;
  width: 270px;
  border-top: solid #fff 10px;
  content: '';
}
/** roten Balken beschränken über 1900 Pixel**/
@media only screen and (min-width: 1900px) {
  header.logo:before {
    position: absolute;
    top: -8px;
    width: 30%;
    border-top: solid #fff 10px;
    content: '';
  }
}
/*********/
header.logo {
  border-top: 8px solid #b5152b;
  position:relative;
}
.content header, aside header, #homeTop header {
  border-top: none;
  position:relative;
  z-index: 999;
}
#header-logo {
  background-color: #fff;
  width: 100%;
  line-height: 0;
}
#head-logo {
  position: relative;
  top: -8px;
  left: 0;
  display: inline-block;
  z-index: 999;
  padding-top: 12px;
  background: #fff;
  float:left;
}
#head-logo img { /* Umgebaut um Regionen eigene Logobreiten zu ermöglichen (z.B. Misericordia) */ 
  width: 270px;
  height: 100%;
}
#head-logo img.mis-rap { /* Umgebaut um Regionen eigene Logobreiten zu ermöglichen (z.B. Misericordia) */
  width: 390px;
  height: 100%;
}
#head-logo img.mis-aug { /* Umgebaut um Regionen eigene Logobreiten zu ermöglichen (z.B. Misericordia) */
  width: 390px;
  height: 100%;
}
#head-logo img.mis-cle { /* Umgebaut um Regionen eigene Logobreiten zu ermöglichen (z.B. Misericordia) */
  width: 390px;
  height: 100%;
}
#header-top {
  width: 100%;
  min-height: 62px;
  position:relative;
}
header.logo.regionenlogo #header-top {
  width: 100%;
  min-height: 77px;
  position:absolute;
  top: 10px;
}
main{
  width: 100%;  
  padding-bottom: 20px;
  display:flex;
}
#homeTop {
  width: 100%;
  display:inline-block;
  background-color: #edf5f8;
  color: #b5152b;
  text-align:left;
  position:relative;
}
#homeTop > div {
  max-width: 1920px;
  margin: auto;
  position: relative;
}
section.content,
div.job-details {
    float: left;
    width: 50%;
    margin-left: 25%;
    margin-right: 10px;
    padding-bottom: 50px;
}
aside {
  float: right;
  width: 25%;
  padding: 30px 0 0 0;
  margin-right: 30px;
  margin-left: 10px;  
}


/* Leere Pressekontaktbox ausblenden **/
div.press_contact:empty < div.standard {
  display: none;
}
#homeBottom {
  padding-bottom: 20px;
  /*display:inline-block;*//* Old Styles DaKS */
  display: block;
}
footer {
  /*background-color: #b5152b;*/
  background-color: #57a3c7; /* 4a4a4a grau #3E96BE sekundärblau 100*/
  padding: 0 100px 50px 100px;
  color: #fff;
  font-size: 18px;
  line-height: 1.6;
  overflow: hidden;
  clear:both;
  /*display:flex;*/
  letter-spacing: 0.3px;
}
footer .box {
  float:left;
  padding: 20px;
  width: 24%;
}
footer p {
 color: #fff;
 padding: 5px 5px 5px 0;
  line-height: 1.6;
}

footer a.tel, footer span {
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: 0.1px;
  display:block;
}
footer .box a.tel, footer span {
  margin-top: 1em;
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: 0.1px;
  display:block;
}
footer .box a.mail {
  word-wrap: break-word;
  overflow-wrap: break-word;
  cursor:pointer;
}
footer a.tel i{
  margin-right: 0;
}
footer a.tel i.icon-plus:before {
  font-size: 22px;
}
footer a.tel i.icon-phone:before {
  font-size: 26px;
}
footer a.xtra {
  margin-top: 40px;
}
footer h3, footer .header {
  text-transform: uppercase;
  font-family:"NotoSans Bold";
  font-size: 14px;
  margin: 30px 0 10px 0;
  color: #fff;
  line-height: 1.3;
  letter-spacing: 1px;
}
footer .footercontent_row1 h3:nth-of-type(1) {
  margin: 30px 0 0 0;
  padding-bottom: 20px;
}
footer .footercontent_row1 h3.telefon {
  padding-bottom: 0 !important;
}
footer .footercontent_row1 h3.telefon2 {
  margin-top: 60px;
}
footer .footercontent_row2 h3:nth-of-type(1), 
footer .footercontent_row2 h3:nth-of-type(2) {
  margin: 0;
  padding-bottom: 20px;
}
footer .footercontent_row2 {
    border-top: 1px solid #fff;
    padding-top: 20px;
}
/** Abstände innerhalb des Footer **/
footer h3.print, footer h3.sitemap {
  margin: 15px 0 5px 0;
  padding-bottom: 0;
}
footer .footercontent_row1 h3.bf {
  padding-bottom: 0;
}
footer .footercontent_row2 h3.imprint, 
footer .footercontent_row2 h3.disclaim,
footer .footercontent_row2 h3.copy {
  margin: 0;
  padding-bottom: 20px;
}
footer ul {
   margin: 0 20% 0 20%;
   padding-bottom: 20px;
   display:block;
}
/** Externe Links in der Navigation auszeichen **/
footer a[href^='http://']:after, footer a[href^='https://']:after {
  content: "";
}
@media only screen and (max-width: 1024px) and (min-width: 481px) {
  footer {  
    padding: 0 15px 50px 15px;
  }
}
footer .box .footer-image .mySlides-fade-image  img{
  width:120px;
  height:150px;
}
footer ul.service {
  margin: 0 0 0 20px;
  padding-bottom: 20px;
  float:left;
}
footer ul.service li {
  display: inline-block;
  padding-right: 3%;
  font-size: 14px;
  font-family: "NotoSans Regular";
}
footer ul.service li button {
  color: #fff;
  background-color: transparent;
  border:none;	
  font-size: 14px;
  font-family: "NotoSans Regular";
}
footer .socialMediaIcons {
	padding-top: 10px;
	margin-left: 20px;
	padding-bottom: 20px;
	text-align:right;
}
@media only screen and (min-width: 960px) {
	.socialMediaIcons {
		float:right;
		margin-right: 2%;
	}
	footer ul.service {
		width: 70%;
   }
}	
footer .sml-icon {
  border: 2px solid #fff;
  border-radius: 25px;
  margin-right: 10px;
  padding: 10px 3px 6px 3px;
  text-align:center;
}

span.head {
  padding: 4px 8px 4px 8px;
  border-bottom: 2px solid #ccc;
  width: 90%;
  margin-top: 5px;
  margin-right: 5%;
  margin-bottom: 10px;  
}
ul.checkboxList {
  margin-top: 20px;
  margin-bottom: 20px;
}
ul.checkboxList li {
  margin-top: 5px;
  margin-bottom: 8px;
}
.breadcrumb {
  color: #4a4a4a;
  font-size: 12px;
  overflow: hidden;
  padding: 0 0 10px 0;
  line-height: 1.2;
  width: 100%;
  font: 12px "NotoSans Regular";
}
.breadcrumb ul {
  padding: 0;
  margin: 0 0 0 20px;
  list-style-type: none;
  display:inline;
  float: left;
  width: 80%;
}
.breadcrumb ul li  {
  float: left;
  padding-right: 4px;
}
.breadcrumb span  {
  float: left;
  padding-right: 10px;
}
.breadcrumb ul li a {
  color: #4a4a4a;
  text-decoration: underline;
  padding-right: 5px;
}
.breadcrumb ul li a:hover {
  color: #b5152b;
}
.breadcrumb ul li+li:before {
  content: "\f054";
  padding-right: 5px;
  font-family: "alexianer_icons";
  font-size: 8px;
}
.breadcrumb ul li.active:after {
  content: none;
}
/** Regionenkennzeichnung Breadcrumb **/
.breadcrumb span.info {
  color: #b5152b;
  font-family: "NotoSans Bold", sans-serif;
}
.breadcrumb ul li:nth-of-type(1) > a {
  color: #b5152b;
  font-family: "NotoSans Bold", sans-serif;
}
.breadcrumb .info-mobile {
  display: none;
}
.breadcrumb .mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .breadcrumb span.info {
    display: none;
  }
  .breadcrumb span.info-mobile, .breadcrumb span.info-mobile-home {
    display: list-item;
    font-family: "NotoSans Bold", sans-serif;
  }
  .breadcrumb ul li {
    display: none;
  }
  .breadcrumb ul li:nth-last-child(2) {
    display: list-item;
   }
  .breadcrumb ul li:after {
    content: none;
  }
  .breadcrumb ul li+li:before {
    content: "\f053";
  }
  .breadcrumb ul.mobile li+li:before {
    content: "\f054";
  }
  .breadcrumb .mobile {
    display: block;
    margin-top: 0.5em;
  }
  .breadcrumb ul.mobile li:nth-last-child(2) {
    display: none;
  }
  .breadcrumb ul.mobile li.active {
    display: list-item;
  }
}
@media only screen and (max-width: 1279px) and (min-width: 769px) {
  .breadcrumb ul {
    width: 100%;
  }
}
/********* content ***********/
h1 {
  font-family: "Avance W04 Italic";
  font-size: 50px;
  text-transform: uppercase;
  color: #B5152B;
  line-height: 1;
  letter-spacing: 0.2px;
  padding-bottom: 5px;
  margin-top: 35px;
  margin-bottom: 40px;
}
h2, strong {
  color: #4a4a4a;
  line-height: 1.3;
   font-family: "Avance W04 Bold";
   font-size: 18px;
}
h2.aktuelles  {
  color: #b5152b;
  text-transform:uppercase;
  letter-spacing: 2.2px;
  line-height: 0.6;
  font: 53px "Avance W04 Italic", "Times New Roman", serif;
  margin-top: 40px;
}
h3 {
  color: #b5152b;
  font: 21px "NotoSans Regular", sans-serif;
  line-height: 1.2;
  letter-spacing: 0.2px;
  padding: 0 0 10px 0;
}
h4 {
  color: #b5152b;
  font: 16px "NotoSans Bold", "Times New Roman", serif;
  line-height: 1.6;
  letter-spacing: 0.2px;
  padding: 0 0 10px 0;
  text-transform:uppercase;
}
#homeTop .box-100-prozent h1 {
  position:absolute;
  top: 20%;
  left: 30%;
  color: #fff;
  font-size: 90px;
  line-height: 0.9;
  font: 90px "Avance W04 Italic", "Times New Roman", serif;
}
#homeTop .intro {
  padding: 40px 0 35px 0;
  margin: 0 auto;
  text-align:left;  
  font-family: "NotoSans Regular", sans-serif;
  max-width: 1400px;
}
.intro p {
  font: 20px "NotoSans Medium", sans-serif;
  color: #b5152b;
  font-size: 21px;
  line-height: 1.3;
  padding: 5px 0 5px 0;
}
.home > .standard h1 {
  margin-bottom: 28px;
}
#homeTop .intro h2 {
  font: 65px "Avance W04 Italic", "Times New Roman", serif;
  color: #B5152B;
  line-height: 1;
  letter-spacing: 1.2px;
  padding-bottom: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
#homeTop .intro p:first-child, #homeTop .intro p:last-child a  { 
  font-size: 19px;
  color: #b5152b;
  line-height: 1;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-family:"NotoSans Bold";
}
#homeTop .intro p:first-child {
  padding: 0;
}
#homeTop .intro p {
  font-size: 28px;
  color: #b5152b;
  line-height: 1.4; 
  padding: 10px 0;
  font-weight:normal;
}
#homeTop .intro p:last-child   { 
  margin-top:20px;
  text-align:center !important;
}
#homeTop.regionenauswahl .intro p:last-child   {
  margin-top:20px;
  text-align:left !important;
}
section.content ul li, 
section.content ol li, 
section.content  div.job-details ul li {
  list-style: none;
  font-family:"Avance W04 Regular";
  font-size: 18px;
  line-height: 1.3;
  padding: 10px;
  margin-left:10px;
  text-indent: -20px;
}
/** Sitemap Styles **/
section.content .frame-type-menu_sitemap_pages ul,
section.content .frame-type-menu_sitemap_pages ul li ul,
section.content .frame-type-menu_sitemap_pages ul li ul li ul,
section.content .frame-type-menu_sitemap_pages ul li ul li ul li ul {
  margin-bottom: 10px;
  }

section.content .frame-type-menu_sitemap_pages ul li {
  margin-left: 0;
  text-indent: 0;
  }
section.content .frame-type-menu_sitemap_pages ul li ul li,
section.content .frame-type-menu_sitemap_pages ul li ul li ul li,
section.content .frame-type-menu_sitemap_pages ul li ul li ul li ul li {
  padding: 0 20px;
  }

section.content .frame-type-menu_sitemap_pages ul li a {
  line-height: 2.8;
  border-top: 3px solid #57A3C7;
  border-bottom: 1px solid #57A3C7;
  font-family: "NotoSans Regular", sans-serif;
  font-size: 21px;
  display: block;
  color: #4a4a4a;
  margin-bottom: 10px;
}
section.content .frame-type-menu_sitemap_pages ul li ul li a,
section.content .frame-type-menu_sitemap_pages ul li ul li ul li a,
section.content .frame-type-menu_sitemap_pages ul li ul li ul li ul li a {
  border: none;
  font-family: "NotoSans Regular", sans-serif;
  font-size: 18px;
  color: #4a4a4a;
  line-height: 1.8;
  margin-bottom: 0;
}
section.content .frame-type-menu_sitemap_pages ul li a:hover,
section.content .frame-type-menu_sitemap_pages ul li ul li a:hover,
section.content .frame-type-menu_sitemap_pages ul li ul li ul li a:hover,
section.content .frame-type-menu_sitemap_pages ul li ul li ul li ul li a:hover {
  color: #d13f48;
    }

/** ****** ***** ***** **/
section.content ul.listview li, section.content .tx-browser-pi1 ul li {
  margin-left:0;
  text-indent: 0;
}
section.content ul.listview li:before, 
section.content .tx-browser-pi1 ul li:before, 
section.content div.job-details ul.ce-uploads li:before,
section.content .frame-type-menu_sitemap_pages ul li:before {
  content: none;
}
section.content ul li:before, 
section.content div.job-details ul li:before {
  content: "\2022"; 
  color: #57A3C7;
  padding-right: 0.5em;
}
section.content ul.home li:before {
  content: ""; 
  padding-right: 0;
}
section.content ul li ul li,
section.content ol li ol li,
section.content  div.job-details ul li ul li {
  padding: 3px 10px; 
  }
section.content ul li ul li ul li,
section.content ol li ol li ul li,
section.content  div.job-details ul li ul li ul li {
  padding: 0 10px;
  }
section.content ul li ul li:before,
section.content div.job-details ul li ul li:before {
  content: "\25E6"; 
  }
section.content ul li ul li ul li:before,
section.content div.job-details ul li ul li ul li:before {
  content: "\2B1D";
  }
section.content ol li  {
  list-style: decimal;
  margin-left:15px;
  text-indent: 0;
}
aside h1 {
  font: 18px Avance, "Times New Roman", serif;
  text-transform: uppercase;
  color: #58585a;
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 15px;
}
section.content .ce-align-left { text-align: left; }
section.content .ce-align-center { text-align: center; }
section.content  .ce-align-right { text-align: right; }
section.content .ce-table td, section.content .ce-table th { vertical-align: top; }
section.content .ce-textpic, section.content .ce-nowrap .ce-bodytext, section.content .ce-gallery, section.content .ce-row, section.content .ce-uploads li, section.content .ce-uploads div { overflow: hidden; }
section.content .ce-left .ce-gallery, section.content .ce-column { float: left; }
section.content .ce-center .ce-outer { position: relative; float: right; right: 50%; }
section.content .ce-center .ce-inner { position: relative; float: right; right: -50%; }
section.content .box-100-prozent .ce-left { margin-left: -50%; padding-right: 70px; } /** KERYGMA Bild Variante "Groß" **/
section.content .ce-right .ce-gallery { float: right; }
section.content .ce-gallery figure { display: table; margin: 0; }
section.content .ce-gallery figcaption { display: table-caption; caption-side: bottom; padding-bottom: 0; }
section.content .ce-gallery img { display: block; }
section.content .ce-gallery iframe { border-width: 0; }
section.content .ce-border img,
section.content .ce-border iframe {border: 2px solid black;padding: 0px;}
section.content .ce-intext.ce-right .ce-gallery, section.content .ce-above .ce-gallery {margin-bottom: 0;}
section.content .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
section.content .ce-intext.ce-left .ce-gallery { margin-right: 5%; }
section.content .ce-below .ce-gallery { margin-top: 10px; }
section.content .ce-row { margin-bottom: 0; }
section.content .ce-above .ce-bodytext { clear: both; }
section.content .ce-intext.ce-left ol, section.content .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }
section.content .ce-uploads { margin: 0; padding: 0; }
section.content .ce-uploads li, section.content div.job-details ul.ce-uploads li { list-style: none outside none; margin: 1em 0; }
section.content .ce-uploads img { float: left; vertical-align: top; height: 100%; }
section.content .ce-uploads span { display: block; }

table {
  width: 100%;
  margin: 10px 0 10px;
  padding: 0 0 23px;
  border-spacing: 3px;
}
table th, table td {
  padding: 7px 17px 7px 17px;
  text-align: left;
  vertical-align: top;
}
table th {
  background: #f1f7fa; 
  color: #b5152b;
  text-transform: uppercase;
  font-size: 18px;
}
table thead {
  background: #f1f7fa;
  text-transform: uppercase;
  font-size: 14px;
}
table  tbody   tr {
  border-bottom: 1px solid #ccc;
 }
.fa {
  margin-right: 5px;
}
.rot {
  color: #b5152b;
}
#cookie-bar p {
  font-size: 14px; 
}
/* Frontend-Login für Aachen */
section.content .standard .frame-plus h1 , section.content .standard .frame-plus h2, section.content .standard .frame-plus h3 {
  color:  #3E96BE;
}
section.content .standard .frame-plus h1:before {
    font-family: "alexianer_icons";
  content: "\f067"; 
  margin-left: -50px;
  color:  #3E96BE;
}
section.content .standard .frame-plus h2 {
    margin-left: -20px;
  padding-left: 0;
  color:  #3E96BE;
}
section.content .standard .frame-plus h2:before {
    font-family: "alexianer_icons";
  content: "\f067"; 
  position:relative;
  left: -20px;
  color:  #3E96BE;
}
section.content .standard .frame-plus h3:before {
    font-family: "alexianer_icons";
  content: "\f067"; 
  margin-left: -30px;
}
section.content .tx-felogin-pi1 form {margin-top: 20px;}
aside .tx-felogin-pi1 h3, aside .tx-felogin-pi1 div:first-child, .tx-felogin-pi1 form legend {display:none;}
.tx-felogin-pi1 input[type="submit"], aside input[type="submit"] {
  float: none;
  background: #f1f7fa;
  color: #B5152B;
  font-weight: bold;
  font: 16px "NotoSans Bold";
  line-height: normal;
  line-height: 1.2;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 20px;
  border: none;
  width: 200px;
  height: 55px;
  display: block;
  margin: 20px auto 0 auto;
}
.tx-felogin-pi1 label, aside label {
  color: #B5152B;
  font: 16px "NotoSans Bold";
    line-height: normal;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  float: left;
  width: 25%;
  margin-right: 10px;
  margin-bottom: 20px;
  word-wrap: break-word;
}
aside form {
  padding-bottom: 20px; 
  border-bottom: 2px solid #57a3c7;
}
section.content .tx-felogin-pi1 form div {
    height: 70px;
}
aside .tx-felogin-pi1 label {
  width: 50%;
}
aside .tx-felogin-pi1 form div {
  margin-top: 20px;
}
.tx-felogin-pi1 input[type="text"], .tx-felogin-pi1 input[type="password"] {
  width: 70%;
  height: 55px;
  border: none;
  background: #f1f7fa;
  font: 21px "NotoSans Regular";
  line-height: normal;
  padding-left: 20px;
  line-height: 1.2;
  border-radius: 0px;
  color: #B5152B;
  float: right;
  margin-top: 0px;
  margin-bottom: 20px;
}
.tx-felogin-pi1 input[type="submit"]:hover {
  background-color: #d8eaf2; /** Sekundärblau 20% **/
  transition: all .2s;
  cursor: pointer;
  color: #d13f48; /** Lightred **/
}
#navbar li.intern .icon-plus {
  font-size: 10px;
  color: #3E96BE;
}
#navbar li.intern a {
  padding-left: 2px;
  color: #3E96BE;
}
/* Ende Frontend-Login für Aachen */

/* Test Tabs Startseite */
 /* Relaunch Farben */
 /*
.tab {
  overflow: hidden;
  background-color: #fff;
  border-bottom: 5px solid #57a3c7;
}
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 26px;
  transition: 0.3s;
	font: 21px "NotoSans Regular",sans-serif;
	letter-spacing: 0.2px;
	color: #b5152b;
}
.tab button:hover {
  background-color: #f1f7fa;
}
.tab button.active {
  background-color: #f1f7fa;
}
.tabcontent {
  display: none;
  border-top: none;
} 
.tabcontent .news-list-view {
    margin-left: 0;
    margin-top: 0px;
    border-top: none;
}
*/
/* Test Tabs Startseite */
.tab {
  overflow: hidden;
  background-color: #fff;
  border-bottom: 5px solid #57a3c7; /*#4a4a4a;*/

}
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 26px;
  transition: 0.3s;
	font: 21px "NotoSans Regular",sans-serif;
	letter-spacing: 0.2px;
	color: #4a4a4a;
}
.tab button:hover {
  background-color: #f1f7fa;
}
.tab button.active {
  background-color: #57a3c7; /*#f1f7fa;*/
  color: #fff;
}
.tabcontent {
  display: none;
  border-top: none;
} 
.tabcontent .news-list-view {
    margin-left: 0;
    margin-top: 0px;
    border-top: none;
}
.tabcontent .news-list-view .article{
    border-bottom: 2px solid #57a3c7;
}
section.content .btn.cookieman {
    margin-left: 0;
    margin-top: 15px;	
}
footer .btn.cookieman {
    background-color:transparent;
	color: #fff;
	text-transform:uppercase;
	padding: 0 0 0 0;
    font-family: "NotoSans Bold";
    font-size: 14px;
    margin: 5px 0 30px 0;
    line-height: 1.3;
    letter-spacing: 1px;	
}


#stoererRotHeader.ausblenden {display:none;}
#stoererRotHeader{
	width: 90%;
    max-width: 500px;
    background-color: #b5152b;
    color: #fff;
    z-index: 999;
    position: fixed;
    top: 260px;
    right:0;
    padding: 20px 30px 20px 25px;
  }
#stoererRotHeader:hover {
	background-color: #D13F48;
}
#stoererRotHeader .standard {
    margin-bottom: 0px !important;
}
#stoererRotHeader h2 {
    color:#fff;
    font-size:25px;
	padding-right: 20px;
}
#stoererRotHeader h3 {
    color:#fff;
    font-size:20px;
	padding-right: 20px;
}
main #stoererRotHeader a, main #stoererRotHeader h2 a, main #stoererRotHeader h3 a {
    cursor:pointer;
	color: #fff;
	border-top:none;
}
#stoererRotHeader #closeStoerer{
    background-color: transparent;
    position: absolute;
    top: 20px;
    right: 1%;
    transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    z-index: 9899;
    font-size:30px;
    color:#fff;
    border:none;
	/*font-family: "NotoSans Bold", sans-serif;*/
	font-family: "alexianer_icons";
	cursor:pointer;
}

#stoererRotHeader #closeStoerer::after {
	content: "\e90d";
}

#stoererRotHeader.on.footeron, 
#stoererRotHeader.on.footeron a h2, 
#stoererRotHeader.on.footeron a h3
{
	background-color: #ffffff;
	color: #b5152b;
}

#stoererRotHeader.on.footeron button#closeStoerer {
	color: #b5152b;
}