/* CSS Document */





/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, sub, strong, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, 
header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video {


	font-size: 100%;
	margin: 0;
	padding: 0;
		}


/* HTML5 display-role reset for older browsers */ 


html {
overflow-y: scroll;
overflow-x: hidden;
}



 /*Fonts*/
 
 /* Clash Grotesk-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: bold;
  font-weight: 400;
  src: url('../fonts/Quicksand-Bold.eot'); /* IE9 Compat Modes */
  src: local('Quicksand'), local('Quicksand-Bold'),
       url('../fonts/Quicksand-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Quicksand-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Quicksand-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Quicksand-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Quicksand-Bold.svg#Quicksand') format('svg'); /* Legacy iOS */
}



figure {
  display: inline-block;
  position: relative;
  margin: 15px 15px 15px 0px;
  padding-left: 0px;
  padding-right:15px;
  width: auto;
  
  background: transparent;
}

figure img {
  max-width: 800px;
}
 
 figure img.klein {
  width: 200px;
  box-shadow: 8px 8px 12px silver;
}

figcaption {
  padding-top: 8px;
  text-align: left;
  font-style: italic;
font-size: 0.975em;
width: 100%;
}

article, aside, details, footer, header, hgroup, menu, nav, section {
	display: block;
}


html {
	height: 100%;
	width: 100%;
}


img {
  max-width: 100%; 
  height: auto;
  
}

img.logo {
  max-height: 100px;
  width: auto;
  margin: -40px 40px 0px -40px;
}


img.logitsch
{
padding-top:20px;
margin-left: 50px;
}

img.rahmen {
  max-width: 100%; 
  height: auto;
  border: 1px solid #000;
  padding:4px;
  
}

ul {
font-family: 'Quicksand ', sans-serif;;
	list-style: none;
}

#incontent ul {
font-family: 'Quicksand ', sans-serif;
 color: #000000;
 list-style: url(../images/menubutton4.gif);
 }
 
#incontent ul a:link {
   font-family: 'Quicksand ', sans-serif;
 color: #c00b46;
 }


tr,td,p,div
{
	font-family: 'Quicksand', sans-serif;
	font-weight: normal;
	font-size: 1em;
line-height: 1.6;
	}


blockquote, q {
	quotes: none;
}


blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}


body.mceContentBody {
color: #000;
background-color: #FFFFFF !important; 
background-image: none;
}

.pagination  {
margin-top: 20px;
  text-align: center !important;
  }
  
  .pagination ul li {
  display: inline;
  }

/*Schaltet die Silbentrennung bei modernen Brwosern ein*/

body {
-webkit-hyphens: auto;
-o-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap:break-word;
hyphenate-limit-chars: auto 3;
hyphenate-limit-lines: 3;
}


/*Schaltet die Silbentrennung aus*/
 
.ganzeswort {
 white-space: nowrap;
 }
 
 
 hr {
border: 0;
max-width: 420px;
height: 4px;
background-color: #acc5c5;
}

 
 table.qmthermo  {
/* border-collapse: collapse;*/
width: 103%;
border-spacing: 1.5px;
margin: 0px 10px 0px 0px;
}

.qmthermo caption {
text-align:left;
font-size:10pt;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 2px 10px 2px 10px;
}

.qmthermo h1 {
text-align:middle;
font-size:9pt;
font-weight:bold;
color:#ffffff;
background-color: #6c99ab;
margin: 0px 0px 0px 0px;
padding: 4px 2px 2px 2px;
}

.qmthermo tr:nth-child(1) {
background-color: #6c99ab !important;

}

.qmthermo tr:nth-child(n+1) {
background-color: #6c99ab !important;
}

.qmthermo td:nth-child(1) {
background-color: #eff8fe !important;
max-width:180px;
width: 20%;
}

.qmthermo td:nth-child(2) {
background-color: #f8f8f8 !important;
width: 20%;
}

.qmthermo td:nth-child(3) {
background-color: #e5eff2 !important;
width: 48%;
}

.qmthermo td:nth-child(4) {
background-color: #f3f3f3 !important;
width: 12%;
}
	
table.thermointro  {
/* border-collapse: collapse;*/
width: 100%;
margin: 0px 10px 0px 0px;
background-color: #f1d8c1;
text-align: left;
padding-left: 30px;
border-spacing: 20px;
}
 
 .thermointro h3 {
text-align:right;
font-size:1.3em;
line-height: 1.6;
font-weight:bold;
color:#af8d55;
margin: 0px 0px 20px 0px;
padding: 4px 2px 10px 2px;
}

.thermointro img {
  max-width: 100%; 
  min-width: 300px;
  height: auto;
    padding:4px;
	vertical-align: top;
  }
  

 .thermointro td:nth-child(1) {
background-color: #eff8fe !important;

}

.introspalten1 {
column-count: 1;
  

hyphens: auto;
   text-align: justify;
   padding-bottom: 40px;
 
}

div[itemprop="articleBody"] {
	margin: 0 auto;
  width: 60%;
  padding-bottom: 40px;
}

div.com-content-article__body {
  margin: 0 auto;
  width: 60%;
  padding-bottom: 40px;
}

div[itemprop="blogPost"] {
	margin: 0 auto;
  width: 60%;
}

div.blog-item {
  margin: 0 auto;
  width: 60%;
}

.introspalten2 {
column-count: 2;
  column-gap: 2rem;
}

.introspalten3 {
column-count: 1;
    width: 60%;
	margin: 0 auto;
hyphens: auto;
   text-align: justify;
   padding-bottom: 40px;
 
}

.intros2 {
  width: 60%;
  	margin: 0 auto;
hyphens: auto;
   text-align: justify;
   padding-bottom: 40px;
}

.intros2 > img  {
 float: left !important;
margin: 0 20px 60px 0;
clear: both;
}

.acym_module_form input {
  cursor: pointer;
  
  max-width: 100%;
}

.acym_module_form td, .acym_module_form tr {
  border: none;
  padding-left: 20px;
}


 /*****************custom joomla styling for pages*********************/

#map96 {
    height: 400px;
	width: 500px;
}


a:link,a:visited
{
font-family: 'Quicksand', sans-serif;;
color:#764079;
text-decoration:none;
}

 a:link.external,a:visited.external 
{
color:#764079;
text-decoration:none;
background:url(../images/external_link.svg) right no-repeat;
padding-right: 22px;
}

#incontent a:link,a:visited
{
color:#c4744b;
text-decoration:underline;
}


a:hover
{
color:#B07676;
text-decoration:underline;
}


.mosimage {
  border: 1px solid #972626;
  margin: 30px
}


.mosimage_caption {
margin-top: 2px;
padding: 1px 2px;
color: #972626;
font-size: 10px;
border-top: 1px solid #972626;
}

hr {
width:  90%; 
 }

hr.separator {
width:  40%; 
 }

a.pnav {
margin-left: 20px;
}


.pnav:hover {
}

.small {
font-size: 11px;
color: #B07676;
}

.smalldark {
font-size: 11px;
color: #B07676;
height: 10px;
line-height: 10px;
text-align: left;
}

.sectiontableentry1 {
text-align: left;
font-size: 11px;
padding: 2px;
}

.sectiontableentry2 {
font-size: 11px;
text-align: left;
padding: 2px;
}
.button {
border: 1px solid #B12E36;
}

.inputbox {
width: 100%;
height: 40px;
border: 2px solid #6c99ab;
}

.createdate {
font-size: 10px;
color: #B12E36;
height: 10px;
}

.modifydate {
font-size: 11px;
color: #B12E36;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}

a.readon {
font-size: 12px;
text-decoration: none;
line-height: 15px;
text-decoration: none;
font-weight: normal;
}

.items-more {
font-size: 11px;
}

a.readon:hover {
text-decoration: none;
}

.blog {
width: 100%;
}

h1 {
font-weight: bold;
font-size:1.4em;
color: #6c99ab;
margin-bottom: 10px;
}

h2,.contentheading {
font-family: Quicksand !important;
margin-left: 10%;
padding-top: 40px;
font-size: 1.6em;
color: #000000;
}

.contentpaneopen {
text-align: left;
font-size: 12px;
background: transparent;
}

table.contentpane td.contentheading {
font-weight: bold;
font-size: 12px;
height: 16px;
line-height: 20px;
border: none;
}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 10px;
}

.contentdescription {
font-size: 12px;
}

h1 {
color:#acc5c5;
height:1.6 em;
font-size:1.2px;
margin-left: 0px;
padding-top:2px;
font-weight:bold;
}

h1,.contentheading {
font-family: Quicksand !important;
margin-left: 10%;
padding-top: 40px;
font-size: 1.6em;
color: #427367;

}

h1, .contentheading.aktut {
  font-family: Quicksand !important;
margin-left: 0%;
  padding-top: 40px;
  font-size: 1.6em;
  color: #427367;

  
}

h1, .contentheading.ueberuns {
  font-family: Quicksand !important;
margin-left: 20%;
  padding-top: 40px;
  font-size: 1.6em;
  color: #22383f;
}

h2, .componentheading.ueberuns {
  font-family: Quicksand !important;
   padding-top: 40px;
  font-size: 1.6em;
  color: #22383f;
}

h2.newstitle {
  font-family: Quicksand !important;
    font-style: normal !important;
    padding-top: 40px;
  font-size: 1.6em;
  color: #22383f;
}

h3,.contentheading {
color:#174A0C;
height:30px;
font-size:11px;
margin-left: 0px;
padding-top:2px;
font-weight:bold;
}

.contentpaneopen {
text-align: left;
color:#174A0C;
font-size: 12px;
padding-left:10px;
}

h4 {
  font-family: Quicksand !important;
  padding-top: 40px;
  font-size: 1.6em;
  color: #000000;
}

table.contentpane td.contentheading {
text-align:left;
background:url(../images/mod_r_th2.jpg) no-repeat;
height:16px;
color:#ffffff;
font-size:11px;
padding-left:5px;
padding-top:2px;
font-weight:bold;
}

table.contentpagetitle {
text-align:left;
background:url(../images/mod_r_th2.jpg) no-repeat;
height:16px;
color:#ffffff;
font-size:11px;
padding-left:5px;
padding-top:2px;
font-weight:bold;
text-decoration:underline;
}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 10px;
}

.contentdescription {
text-align:left;
background:url(../images/mod_r_th2.jpg) no-repeat;
height:16px;
color:#ffffff;
font-size:11px;
padding-left:5px;
padding-top:2px;
font-weight:bold;
}

.sectiontableheader {
margin-top: 20px;
font-weight: bold;
font-size: 14px;
height: 16px;
color:#6c99ab;
background-color:#cdebeb;
}

.categorytitle {
font-weight: normal;
font-size: 12px;
height: 16px;
line-height: 25px;
}

h3,.componentheading {
font-size: 1.095em;
color: #697b88;
padding-bottom: 10px;
}

h2,.componentheading {
  font-family: Quicksand !important;

 width: 60%;
  padding-top: 40px;
  padding-left: 10%;
  font-size: 2em;
  color: #427367;
}

div[itemprop="blogPost"] h2.item-title {
margin-left: 0px !important;
padding-left: 0px !important;
width: 100% !important;
color: #427367;
}

h2.item-title {
  margin-left: 0px !important;
  padding-left: 0px !important;
  width: 100% !important;
  color: #427367;
}

div[itemprop="blogPost"] h2  {
margin-left: 0px !important;
padding-left: 0px !important;
width: 100% !important;
}



input    { 
border: 1px solid #0E67A1;
padding: 4px;
margin-top:4px;
 }

a.category { 
 }

a.category:hover {
text-decoration:  underline; 
}

.poll {
text-align: left;
border:0px solid #FFFFFF;
}

.back_button a{
font-size: 10px;
font-weight: normal;
}

.blogsection {
font-size: 10px;
}

.items-more ul li{
list-style: none;
padding-left: 14px;
line-height: 18px;
}

table.contenttoc {
margin-left: 20px;
margin-bottom: 15px;
border: 1px solid #972626;
padding: 3px;
}

table.contenttoc th{
font-weight: bold;
font-size: 10px;
border-bottom: 1px solid #972626;
}

form {
margin: 0px;
padding: 0px;
}

.akut .leading-0 {
width: 100%;
height: 120%;
padding-top: 30px;
font-weight: normal;
padding-bottom: 40px;

}

.akut .leading-1 {
width: 100%;
height: 120%;
font-weight: normal;
margin-top: 30px;
padding-bottom: 40px;
background: transparent !important;
}

.akut.leading-2 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}


.leading-0 {
width: 100%;
height: 120%;
font-weight: normal;
padding-bottom: 40px;
 }

.leading-1 {
width: 100%;
height: 120%;
font-weight: normal;
padding-top: 10px;
padding-bottom: 40px;

}

.leading-2 {
width: 100%;
font-weight: normal;
padding-top: 10px;

padding-bottom: 40px;
margin-bottom: 10px;

}

.leading-3 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-4 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-5 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-6 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #eacc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-7 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-8 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-9 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-10 {
width: 100%;
font-weight: normal;
padding-top: 10px;
border-bottom: 3px solid #acc5c5;
padding-bottom: 40px;
margin-bottom: 10px;
}

.leading-1 hr {
width:  493px;
height: 5px;
border: none;
background: #acc5c5;
}

h2 a:link, a:visited {
    font-family: 'Quicksand', sans-serif;
font-size: 1.1em;
font-weight: bold;
color: #af8d55 !important;
padding-left: 0px;
padding-top: 20px;
margin-bottom: 20px;
}


/*some joomla! classes*/

.btn-group {
color: #ffffff;
}


.btn {
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #cdebeb;
    color: #6c99ab;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
	font-weight: bold;
    font-family: 'Helvetica ', sans-serif;
    line-height: 20px;
    outline: none;
   
    text-shadow: none;
    box-shadow: none;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.icon-search {
display: none;
}

.Tooltip {
visibility: none;
}

.item-separator { /* was in J! 1.5= .article_separator */
}

.items-more { /* was in J! 1.5= .blog_more */
}

.mod_events_latest_table.jevbootstrap {

	margin: 0 auto;
hyphens: auto;
   text-align: justify;
   }

 .eventdetaillink a:link, a:visited {
 
 font-weight: bold !important;
 color: #427367 !important;
    text-decoration: none !important;
	background-color: #e0eff4;
}

#lnee_91 .innernews a:not(.btn) {
 font-weight: bold !important;
 color: #427367 !important;
    text-decoration: none !important;
	background-color: #e0eff4;
}

/*[Print, PDF, Email] button in an article were before in td.buttonheading and are now in an unsorted list*/


#container ul.actions {
list-style: none;
float: right;
}


.actions li {
float: left;
margin-left: 5px;
}

#incontent ul {

}

.anmelden #user1 {
width: 500px;
margin: auto;
z-index:1;
}


/*new*/


.print-icon {
}
.email-icon {
}

/*neu 2.5: new component finder */

.finder{
}

#finder-search {
}
form .finder label {
}

dl.search-results dd.result-url {
}

.finder .inputbox {
}

#topzwei form .finder {
}


/*new 2.5: article images */


.img-fulltext-left {
}

.img-intro-left {
}

.img-fulltext-right {
}

.img-intro-right {
}




/*****************Layout*********************/

 

body {
	
	margin: auto;
		line-height: 1.5;
	text-align: left;
	background: #6c99ab;
	}
	
#container {
width: 100%;
background-color:#ffffff;
margin: 0 auto;
}


#topeins
{
height:0px;
width: 100%;
background-color: #fff;
overflow: hidden;
position: sticky;
top: 0px;
z-index:999;
}


#topzwei
{
width: 100%;
height:0px;
margin:0 auto;
background: #fff;
}


#topdrei
{
height:118px;
padding-top: 2px;
align-items: center;
justify-content: center;
width: 100%;
display: -ms-grid;
display: grid; 
  -ms-grid-columns:50px 50px 900px; 
  grid-template-columns:5% 5% 90%; 
   grid-column-gap: 20px;
   -ms-grid-rows:100px 12px; 
  grid-template-rows:80% 20%; 
   grid-rows-gap: 0px;
background-color: #c2e4f0;
position: sticky;
top: 0px;
z-index:999;
}






div#topdrei .menuspalte1
{
 grid-column-start:1; 
  grid-column-end:2; 
  grid-row-start:1; 
  grid-row-end:2;
  -ms-grid-column: 1; 
  -ms-grid-column-span: 2; 
  -ms-grid-row:1; 
 text-align: left;
    }


div#topdrei .menuspalte2
{
 grid-column-start:2; 
  grid-column-end:2; 
  grid-row-start:1; 
  grid-row-end:1;
  -ms-grid-column: 2; 
  -ms-grid-column-span: 2; 
  -ms-grid-row:1; 
    text-align: left;
    }
	

div#topdrei .menuspalte3
{
 grid-column-start:3; 
  grid-column-end:3; 
  grid-row-start:1; 
  grid-row-end:1;
   -ms-grid-column: 3; 
  -ms-grid-column-span: 3; 
  -ms-grid-row:1; 
  text-align: left;
    }
	

div.modultable_menu {
display: flex;
align-items: left;
justify-content: left;
margin-left: 40px;
}


#startbild
{
 max-width: 1960px;
  margin: 0 auto;
  background: #ffffff;
    background-size: auto;
  background-size: auto;
    background-size: contain;
}

#startbild .moduletable {
  width: 100%;
  }

#left_outline
{
width:0px;
float: left;
margin-left:18px;
margin-top: 13px;
}

#left
{
width:0px;
display:inline;
}

#content {
height: auto !important;
width:100%;
background:#def7ff;
}



#content .info {
height: auto !important;
background:#def7ff;
width:100%;
}

#content .akut {
height: auto !important;
background:#def7ff;
width:100%;
}


#content .angebot {
height: auto !important;
background: #def7ff;
width:100%;
}

#content .termine {
height: auto !important;
background:#def7ff;
width:100%;
}


#incontent {

height: 130%;

margin-top:2.5%;
text-align: justify;
margin: 0 auto;
width: 100%;
z-index:1;
background:#effbff;
}



#footer
{
height:auto;
width:100%;
margin:0 auto;
margin-top: auto;
display: -ms-grid;
display: grid;
   -ms-grid-rows: 120px;
   grid-template-rows: 110px; 
 -ms-grid-columns:200px 20px 600px; 
 grid-template-columns:20% 0% 70%; 
   grid-column-gap: 40px;
background-color: #c2e4f0;
font-family: 'ClashGrotesk';
padding-top: 10px;
}

div#footer .moduletable
{
display: grid;
margin: 0 auto;

}


div.moduletable.spalte1
{
 grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:1; 
  grid-row-end:1;
  -ms-grid-column: 1; 
  -ms-grid-column-span: 1; 
  -ms-grid-row:1; 
    text-align: left;
	padding-left: 20px;
	padding-top: 20px;
	font-family: 'ClashGrotesk' !important;
	font-size: 100% !important;
	    }



div.moduletable.spalte2
{
 grid-column-start:2; 
  grid-column-end:2; 
  grid-row-start:1; 
  grid-row-end:1;
  -ms-grid-column: 2; 
  -ms-grid-column-span: 2; 
  -ms-grid-row:1; 
    text-align: left;
    }
	

div.moduletable.spalte3
{
 grid-column-start:3; 
  grid-column-end:3; 
  grid-row-start:1; 
  grid-row-end:1;
   -ms-grid-column: 3; 
  -ms-grid-column-span: 3; 
  -ms-grid-row:1; 
  text-align: left;
padding-left: 10px !important;
    }



#right_outline
{
width:40%;
float: right;
margin-right: 15px;
margin-top: 2px;

}

#right
{
width:40%;
float: right;
}

/*************styling for some div containing modules and menus************************/

/***********topeins modules******************/


#topeins .moduletable
{

float:right;
margin-right:10%;
width:70%;
display:inline;
z-index: 500;

}


/***********style for topeins menu******************/


div#topeins ul
{
list-style: none;
float: right;
margin-right: 25%;
margin-top:1.2%;
font-weight:normal;
color:#000000;

}



div#topeins ul li 
{
float: left;
clear:right;
padding-left:14px;
line-height:100%;
}

div#topeins ul li a:link 
{
font-size:0.875em;
font-weight:normal;
color:#000000;
text-decoration:none;
}

div#topeins ul li a:visited
{
font-weight:normal;
color:#658f92;
text-decoration:none;
}

div#topeins ul li a:hover
{
color:#eaffff;
font-weight:normal;
text-decoration:none;
}


div#topeins ul li.current.active a {
color:#731818;
font-weight:normal;
text-decoration:none;
}

div#topeins .inputbox
{
font-size:11px;
width:140px;
color:#365873;
float:right;
margin-right:2px;
margin-top:138px;
border:1px solid #000000;
background:url(../images/searchfield.gif) 100% 100% no-repeat;
}

/***********topzwei modules******************/


#topzwei .moduletable
{
}



/***********style for topdrei menu******************/

/* hauptmenu  nav container */ 


/* hauptmenu  listen und links */ 

div#topdrei ul {
  margin: 0;
  padding-top: 20px;
  font-size: 16px;
}
 
div#topdrei a {
  display: block;
   color: #000000;
    text-decoration: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

/* hauptmenu  style listenelemente */ 

div#topdrei ul li {
  position: relative;
  float: left;
  color: #ffffff;
  list-style: none;
}
 
 
div#topdrei ul li a:hover
{
color: #b9cdd6;
font-size: 1.2em;
text-decoration:none;
}

 
div#topdrei ul li a {
	font-family: 'Quicksand';
		padding-left: 25px;
		font-size: 1.2em;
				color: #427367;
	padding-right: 35px;
	padding-top: 40px;
	
}

div#topdrei ul li.current.active a {
color:#427367;
font-size: 1.2em;
text-decoration:none;
}

div#topdrei ul li a:visited
{
font-weight:normal;
font-size: 1.2em;
color:#427367 !important;
text-decoration:none;
}

#srm_select_list {
    width: auto !important;
    max-width: none !important;
    border: none;
	color: #000000 !important;
    -webkit-appearance: none;
	background: transparent;
	border: none;
	}



.srm_position {
    display: block !important;
	
}

.srmp_outer {
    cursor: pointer;
}

/* untermenu */ 

div#topdrei ul ul {
    position: absolute;
  top: -9999px;
  left: -9999px;
  text-align: left;
  color:#686868;
  background: #f1f1f1;
   box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
   z-index: 999;
}
 
div#topdrei ul ul li {
    float: none;
    width: 200px;
	color:#686868;
  
}
 
div#topdrei ul ul li a {
text-align: left;
  color:#686868 !important;
  padding: 12px 25px;
 background:url(../images/menubutton4.gif) 12px 21px  no-repeat;
}

div#topdrei ul ul li a:visited {
text-align: left;
  color:#686868 !important;
  padding: 12px 25px;
 background:url(../images/menubutton4.gif) 12px 21px  no-repeat;
}

/* hauptmenu hover */ 

div#topdrei ul li:hover > ul {
text-align: left;
    top: 100%;
  left: 0;
 
}


/* untermenu hover */ 

div#topdrei ul ul li:hover > ul {
  top: 0;
  left: 200px;
  color:#74a4a7;
 
  }

div#topdrei ul ul li:hover a {
  color:#686868;
  text-align: left;
   background-color:#f8f8f8;
  }

div#topdrei ul ul li.current.active a {
color:#686868;
font-weight:bold;
text-decoration:none;
}

/* hauptmenu pfeil */ 

div#topdrei ul li.parent > a:after {
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  margin-top: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid  #6c99ab;;
  border-bottom: 5px solid transparent;
  color: #6c99ab;
}

/* untermenu pfeil */ 

div#topdrei ul ul li.submenu a:after {
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
   color: #6c99ab;
}

div#topdrei ul ul li:last-child {
  border-bottom: none;
}




/**************left modules******************/


#left .moduletable
{
width:140px;
}

/*************left side links and mainlevel links*****************/



#left ul li.item-101 a:link, #left ul li a:visited
{
color:#000000;
margin-top: 22px;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:12px;
padding-top: 10px;
background:url(../images/arrow.gif) 0px 8px no-repeat;
}

#left ul li.item-101 a:hover
{
color:#b42c36;
margin-top: 22px;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:12px;
padding-top: 10px;
background:url(../images/arrow.gif) 0px 8px no-repeat;
}


#left ul li.current.item-101 a { /* Aktiver Menüpunkt */
color:#b12e36;
margin-top: 22px;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:12px;
padding-top: 10px;
background:url(../images/arrow.gif) 0px 8px no-repeat;
}

#left ul li.item-101.current.parent.active a {
}

#left ul li.parent.active a { /* Aktiver Ober-Menüpunkt */
color:#000000;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:12px;
padding-top: 10px;
background:url(../images/arrow.gif) 0px 8px no-repeat;
}

#left ul li a:link, #left ul li a:visited
{
color:#000000;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:12px;
padding-top: 10px;
background:url(../images/arrow.gif) 0px 8px no-repeat;
}


#left ul li a:hover
{
color:#b42c36;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:12px;
padding-top: 10px;
background:url(../images/arrow.gif) 0px 8px no-repeat;
}


#left ul li.current a { /* Aktiver Menüpunkt */
color:#b12e36;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:12px;
padding-top: 10px;
background:url(../images/arrow_current.gif) 0px 8px no-repeat;
}


#left ul li.parent.active a { /* Aktiver Ober-Menüpunkt */
color:#000000;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:10px;
padding-top: 10px;
background:url(../images/arrow.gif) 0px 8px no-repeat;
}

/*****untermenu******/

#left ul li.current.parent.active ul li a {
color: #b42c36;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:16px;
background: transparent;
}

#left ul li.parent.active ul li a { /* Aktiver Unter-Menüpunkt */
color: #a41c1c;
font-size:12px;
font-weight:normal;
text-decoration:none;
line-height: 1.5;
padding-left:12px;
background: transparent;
}

#left ul li ul li.current a {
}

div#left .inputbox
{
font-size:11px;
border:1px solid #B12E36;
background-color:#FFFFFF;
color:#B12E36;
margin-bottom:10px;
}

div#left .button
{
color:#B12E36;
border:1px solid #B12E36;
font-size:10px;
background-color:#FFFFFF
}


/**************user1 modules******************/


div#user1 .moduletable
{
position:absolute; top:35px; left:25px; width:150px; height:150px;
      z-index:1; background-color:#ddf;
}


/*************user1 side links *****************/


div#user1 ul {
font-family:Arial;
font-size:12px;
color:#909090;
text-decoration:none;
margin:0;
padding-left:4px;
padding-right:4px;
}

/**************content style******************/



/**************user1 modules******************/


div#user1 .moduletable
{
width: 120px;
margin-top:30px;
}



/***********style for user1 links******************/


div#user1 .inputbox
{
font-size:11px;
border:1px solid #B12E36;
background-color:#FFFFFF;
color:#B12E36;
}


div#user1 .button
{
color:#B12E36;
border:1px solid #B12E36;
font-size:10px;
background-color:#FFFFFF
}



/**************right modules******************/


#right .moduletable 
{

width: 40%;
}


/*************right side links and mainlevel links*****************/

div#right ul
{
font-family:Arial;
font-size:12px;
color:#506e16;
text-decoration:none;
margin:0;
padding-left:10px;
padding-right:4px;
}

div#right ul li
{
font-family:Arial;
font-size:12px;
color:#506e16;
text-decoration:none;
padding-left:10px;
background: transparent;
background:url(../images/arrow_list.png) no-repeat;
background-position:0px 5px;
}

div#right a:link, div#right a:visited
{
font-family:Arial;
font-size:12px;
color:#506e16;
text-decoration:none;
}

div#right a:hover
{
font-family:Arial;
font-size:12px;
color:#B12E36;
text-decoration:none;
}

div#right .inputbox
{
font-size:11px;
border:1px solid #B12E36;
background-color:#FFFFFF;
color:#B12E36;
}

div#right .button
{
color:#B12E36;
border:1px solid #B12E36;
font-size:10px;
background-color:#FFFFFF;
}


/**************right modules-kontakt******************/


#right .moduletable-kontakt 
{
float: right;
margin-right: 10px;
width: 168px;
text-align: left;
color:#365975;
font-size: 12px;
padding-left:10px;
background:#f2f4f2;
border:2px solid #f2f4f2;
left:10px;top:50px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
text-align: left;
color:#365975;
font-size: 12px;
padding-left:10px;
}



/**************right modules-news1******************/


#right .moduletable-news1 
{
float: right;
margin-right: 10px;
margin-top: 20px;
width: 175px absolut;
background: #cccccc;
}


/**************right modules-news1******************/

#right .newsflash-news1 
{
width: 175px absolut;
padding-left: 5px;
background: none repeat scroll 0% 0% #cccccc;
}





/***********style for footer links******************/


div#footer ul
{
color:#972626;
padding-top:25px;
padding-left:180px;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
padding-left:5px;
background-position:0px 2px;
}


div#footer ul li
{
color:#972626;
padding-top:25px;
padding-left:180px;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
padding-left:5px;
background-position:0px 2px;
}


#footer ul li a:link, #footer ul li a:visited
{
color:#ffffff;
padding-top:25px;
padding-left:180px;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
padding-left:5px;
background-position:0px 2px;
}


#footer ul li a:hover
{
color:#ffffff;
padding-top:25px;
padding-left:180px;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
padding-left:5px;
background-position:0px 2px;
}

div#footer a {
  font-weight: normal;
     color: #000000 !important;
    text-decoration: none;
}

div#footer a:visited {
  font-weight: normal;
     color: #000000 !important;
    text-decoration: none;
}

div#footer a:link a:visited {
  font-weight: normal;
     color: #ffffff !important;
    text-decoration: none;
}

/**************logoleiste modules******************/


div#logoleiste .moduletable
{
max-width: 1920px;
margin-top:20px;
background-color:#ffffff;
border-top: 4px solid #cdebeb;
}


/***********style for footer links******************/


div#logoleiste ul
{
color:#972626;
padding-top:25px;
padding-left:180px;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
padding-left:5px;
background-position:0px 2px;
}


div#logoleiste ul li
{
color:#972626;
padding-top:25px;
padding-left:180px;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
padding-left:5px;
background-position:0px 2px;
}


#logoleiste ul li a:link, #footer ul li a:visited
{
color:#ffffff;
padding-top:25px;
padding-left:180px;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
padding-left:5px;
background-position:0px 2px;
}


#logoleiste ul li a:hover
{
color:#972626;
padding-top:25px;
padding-left:180px;
font-size:11px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
padding-left:5px;
background-position:0px 2px;
}

div#logoleiste a {
  font-weight: normal;
     color: #cdebeb;
    text-decoration: none;
}




@media only screen and (max-width:903px) {

body {
	width: 100%;
	margin: auto;
		line-height: 1.3em;
	text-align: left;
	background-color: #ffffff;
	}
	
/***********************layout stuff***************************/


#topeins
{
width: 100%;
height: 0px;
background-color: #ffffff;
overflow: hidden;
}


#topzwei
{
width: 100%;
height:0px;
margin:0 auto;
background:#d2ede9;


}


#topdrei
{
width: 100%;
height: 160px;
margin:0 auto;
background:url(../images/BENN_Alt_lichtenberg_logo_web.svg)  #d2ede9  120px 20px  no-repeat;
position: sticky;
top: 0px;
z-index:999;
}

  div#topdrei .menuspalte1
{
display: none;
  }
  
div#topdrei .menuspalte2
{
display: none;
  }
  
    div#topdrei .menuspalte1
{
height: auto;
  }

  
#container {
width: 100%;
background-color:#ffffff;
}


#left_outline
{
width:0px;
float: left;
margin-left:18px;
margin-top: 13px;
}

#left
{
width:0px;
display:inline;
}

#content .akut {
min-height: 350%;
height: auto !important;
width:100%;
margin: auto;
background:#fafafa;
width:100%;
}

#content {
display: flex;
justify-content: center;
align-items: center;
min-height: 350%;
height: auto !important;
width:100%;
margin: auto;
background:#ffffff;
}

#incontent {
float: left;
min-height: 350%;
height: auto !important;
padding-bottom:5%;

max-width:100%;
margin-top:2.5%;
z-index:1;
}


#incontent ul {
padding-left:15px;
}

.anmelden #user1 {
width: 500px;
margin: auto;
z-index:1;
}


#footer
{
height:auto;
margin:0 auto;
grid-template-columns:100%;
grid-template-rows: 33% 33% 33%;
grid-row-gap: 10px;
}

div#footer .spalte1
{
padding-top: 20px;
margin-left: 20px;
 grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:1; 
  grid-row-end:1; 
}

div#footer .testo
{
float: left;
padding-left: 10%;

}

div#footer .spalte2
{
padding-top: 20px;
margin-left: 20px;
 grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:3; 
  grid-row-end:3;
  }

div#footer .spalte3
{
padding-top: 20px;
 grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:2; 
  grid-row-end:2;
}


div#logoleiste .moduletable {
    max-width: 1920px;
    margin-top: 0px;
    background-color: #ffffff;
    border-top: 4px solid #cdebeb;
}


#right_outline
{
width:190px;
float: right;
margin-right: 15px;
margin-bottom:10px;
}


#right
{
width:180px;
float: right;
}


/*************styling for some div containing modules and menus************************/

/***********topeins modules******************/


#topeins .moduletable
{

float:right;
margin-right:10%;
width:70%;
display:inline;
z-index: 500;

}


/***********style for topeins menu******************/


div#topeins ul
{
list-style: none;
float: right;
margin-right: 25%;
margin-top:1.2%;
font-weight:normal;
color:#000000;

}



div#topeins ul li 
{
float: left;
clear:right;
padding-left:14px;
line-height:100%;
}

div#topeins ul li a:link 
{
font-size:0.875em;
font-weight:normal;
color:#000000;
text-decoration:none;
}

div#topeins ul li a:visited
{
font-weight:normal;
color:#658f92;
text-decoration:none;
}

div#topeins ul li a:hover
{
color:#eaffff;
font-weight:normal;
text-decoration:none;
}


div#topeins ul li.current.active a {
color:#731818;
font-weight:normal;
text-decoration:none;
}

div#topeins .inputbox
{
font-size:11px;
width:140px;
color:#365873;
float:right;
margin-right:2px;
margin-top:138px;
border:1px solid #000000;
background:url(../images/searchfield.gif) 100% 100% no-repeat;
}

/***********topzwei modules******************/


#topzwei .moduletable
{

}


/***********style for topzwei menu******************/


/***********topdrei modules******************/
#topdrei .moduletable
{
text-align: center;
}

div.modultable_menu {
display: flex;
align-items: center;
justify-content: center;
}

#topdrei .moduletable_menu
{
display: flex;
align-items: center;
justify-content: center;
}

div.modultable_menu {
display: flex;
align-items: center;
justify-content: center;
}
/***********style for topdrei menu******************/



/* hauptmenu  listen und links */ 

div#topdrei ul {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
 
div#topdrei a {
  font-weight: bold;
  display: block;
   color: #4f8298;
    text-decoration: none;
}

/* hauptmenu  style listenelemente */ 

div#topdrei ul li {
  position: relative;
  float: left;
  color: #4f8298;
  list-style: none;
}
 
 
div#topdrei ul li a:hover
{
color: #b9cdd6;
font-weight:bold;
text-decoration:none;
}

 
div#topdrei ul li a {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom:11px;
}

div#topdrei ul li.current.active a {
color:#00f3f3;
font-weight:bold;
text-decoration:none;
}

#srm_select_list {
    width: auto !important;
    max-width: none !important;
    border: none;
	color: #000000 !important;
    -webkit-appearance: none;
	background: transparent;
	border: none;
	
}




/* untermenu */ 

div#topdrei ul ul {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: #d9f4f6;
   box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
}
 
div#topdrei ul ul li {
  float: none;
  width: 200px;
  border-bottom: 1px solid #eaffff;
}
 
div#topdrei ul ul li a {
  color:#74a4a7;
  padding: 10px 20px;
}

/* hauptmenu hover */ 

div#topdrei ul li:hover > ul {
    top: 100%;
  left: 0;
 
}


/* untermenu hover */ 

div#topdrei ul ul li:hover > ul {
  top: 0;
  left: 200px;
  color:#74a4a7;
  }

div#topdrei ul ul li:hover a {
  color:#d9f4f6;
   background:#88c0c3;
  }

/* hauptmenu pfeil */ 

div#topdrei ul li.parent > a:after {
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  margin-top: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  border-bottom: 5px solid transparent;
}

/* untermenu pfeil */ 

div#topdrei ul ul li.submenu a:after {
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

div#topdrei ul ul li:last-child {
  border-bottom: none;
}
}

@media only screen and (max-width:480px) {



body {
	width: 100%;
	margin: auto;
		line-height: 1.3;
	text-align: left;
	background-color: #ffffff;
	}

tr,td,p,div
{
	font-family: 'Helvetica ', sans-serif;;
	font-size:1em;
	}
	
	
#topeins
{
height:0px;
width: 100%;
position: fixed;
z-index: 999;
background: #d9f4f6;
overflow: hidden;
}


#topzwei
{
width: 100%;
height:0px;
margin:0 auto;
position: fixed;
z-index: 990;
overflow: hidden;
}

#topdrei
{
width: 100%;
height:160px;
margin:0 auto;
background:url(../images/Benn_Logo_Alt_Lichtenberg.svg)  #d2ede9  100px 16px  no-repeat;
overflow: hidden;
}

#startbild {
  width: 0px;
  height: 0px;
}

#content {
width: 100%;
}

#content .akut{
width: 100%;
background-color: #fafafa;
}

	
	
#incontent {
float: left;
min-height: 350%;
height: auto !important;
margin-top: 0px;
}

div[itemprop="blogPost"] {
	margin: 0 auto;
  width: 80%;
}

h1, .contentheading.aktut {
  font-family: ClashGrotesk !important;
  margin-left: 10%;
 padding-top: 10px;
  font-size: 1.6em;
  color: #000000;
}

.akut .leading-0 {
  width: 100%;
  height: 120%;
  padding-top: 0px;
  font-weight: normal;
  padding-bottom: 40px;
 }

.introspalten1 {
column-count: 1;
    width: 80%;
	margin: 0 auto;
hyphens: auto;
   text-align: justify;
   padding-bottom: 40px;
 
}

#footer
{
height:auto;
margin:0 auto;
width: 100%;
grid-template-columns:100%;
grid-column-gap: 0px;
grid-template-rows: 33% 33% 33%;
grid-row-gap: 10px;
}


div#footer .spalte1
{
padding-top: 20px;
margin-left: 20px;

 grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:1; 
  grid-row-end:1; 
  font-size: 90%;
  }

div#footer a.spalte1 {
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}



div#footer .spalte2
{
padding-top: 10px;
margin-left: 20px;
height: 120px;
 grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:3; 
  grid-row-end:3;
  }

div#footer .moduletable.spalte3
{
padding-top: 20px;
margin-left: 20px;

 grid-column-start:1; 
  grid-column-end:1; 
  grid-row-start:2; 
  grid-row-end:2;
}

	/***********style for topeins menu******************/


div#topeins ul
{
list-style: none;
display: inline;
margin-right: 1.2%;
margin-top:1.2%;
font-weight:normal;
color:#000000;

}



div#topeins ul li 
{
float: left;
clear:right;
padding-left:10px;
line-height:100%;
}

div#topeins ul li a:link 
{
font-size:0.875em;
font-weight:normal;
color:#000000;
text-decoration:none;
}

div#topeins ul li a:visited
{
font-weight:normal;
color:#658f92;
text-decoration:none;
}

div#topeins ul li a:hover
{
color:#eaffff;
font-weight:normal;
text-decoration:none;
}


div#topeins ul li.current.active a {
color:#731818;
font-weight:normal;
text-decoration:none;
}

	#map96 {
    height: 200px;
	width: 200px;
	}
	
}