@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/montserrat.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} 

html, body {
	text-align:left;
	font: 1em/1.5em 'montserrat', Arial, Verdana, Lucida, sans-serif;
	color: #222; color: var(--ContentTextColor);
	width: 100%;
	height: 100%;
	margin:0px;
	padding:0px;
	background-color:#fff;
}


h1,h2,h3,h4,h5{
  line-height:110%;
  color: var(--h12345Color);
  text-align:left;
  font-weight: 500;
  text-shadow: 2px 1px 1px rgba(0,0,0,0.15);
  hyphens: none;
  margin: 0px;
}

h1{
  font-size:180%;
  /*text-transform: uppercase;*/
  font-variant:small-caps;        
  font-weight: 300;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height:1.1em;
  letter-spacing: 1px;
}
/*h1:first-letter {color:#ab0000;}*/


h2{
  font-size: 135%;
  padding-top: 10px;
  padding-bottom: 3px;
  letter-spacing: 1px; 
  font-variant:small-caps;
}

h3{
  font-size: 125%;
  padding-top: 15px;
  padding-bottom: 2px;
  margin-left: 0px;
  
}

h4{ /*Überschriften für Contentboxen*/
  font-size: 120%;
  padding-top: 10px;
  padding-bottom: 2px;
}

h5{
  font-size: 110%;
  padding-top: 3px;
  padding-bottom: 1px;
  color:#1F3944;
  font-weight:600;
}


a { color: #0085ae;color: var(--ContentLinkColor);text-decoration: none;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
a:visited {color: #186982;color: var(--ContentLinkColorVisited); text-decoration: underline;}
a:hover {color: #00c3ff;color:var(--ContentLinkColorHover); text-decoration: underline;}
a:focus {color: #00388e;}


a IMG {border:none;}
A:hover .Bild_Rahmen {background-color: var(--ContentLinkColorHover);}
A .Bild_Rahmen {border:none;}

P {margin:0; margin-bottom:10px;}

b,strong {font-weight:300; text-shadow: 1px 1px 1px rgba(0,0,0,0.6);letter-spacing: 0.1em;}



HR{
  border:none;
  border-top:1px solid #415958;
  border-top:1px solid #519C37;
  border-top:1px solid #cccccc;
  height:0px; /*Hack, damit HR im  IE & FF gleich*/
}

UL, .liste{
  margin-top:10px;margin-bottom:10px;margin-left:0px;padding-left:20px;
  list-style-image:url("../images/liste.png");
  }

UL li UL {list-style-image:none}
UL li UL li{margin-bottom:5px;}

UL>li, .liste li{  margin-bottom:10px; padding-left:5px; margin-left:0px; line-height:130%; text-align:left;}


/*default.css override*/
table.Tabelle_Hintergrund {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border:none;
    padding:0;
    box-shadow:none;
}
table.Tabelle_Hintergrund>TBODY>TR>TH{background-color:var(--TitelBG); color:var(--TitelColor);font-weight:500;}
table.Tabelle_Hintergrund>TBODY>TR:last-of-type>TD:first-of-type{border-bottom-left-radius: 3px;}
table.Tabelle_Hintergrund>TBODY>TR:last-of-type>TD:last-of-type{border-bottom-right-radius: 3px;}



/********** terminliste Spalte rechts ***************************************/
.TerminlisteRechts{text-align:left;}
.TerminlisteRechts .ueberschrift{background-color:#bf1212;color:#fff;padding: 4px; padding-right:0;padding-left:10px;}
.TerminlisteRechts .ueberschrift A{color:#fff;}
.TerminlisteRechts .Eintrag{clear:both; width:100%;}
.TerminlisteRechts .Eintrag .Titel {background-color:#cc3300;line-height:1.2;font-size:90%;}
.TerminlisteRechts .Eintrag .Titel A{color:#eee; display:block;color:#fff;padding-left:5px; padding-top:5px;}
.TerminlisteRechts .Eintrag .Titel A:hover{color:#fff;background-color:#bf1212;}

.TerminlisteRechts .Eintrag .Titel>A[href^="#NoContent"]{cursor:default; color:#eee;}
.TerminlisteRechts .Eintrag .Titel>A[href^="#NoContent"]:hover{cursor:default; color:#eee;background-color:transparent;}
.TerminlisteRechts .Eintrag .Text{  background-color:#cc3300; color:#eee; 
  padding:15px;
  padding-left:8px;
  padding-top:3px;
  padding-bottom:5px;
  font-size:90%; line-height:1.2;
}
.TerminlisteRechts .Eintrag{border-bottom:1px solid #dd7857;}
.TerminlisteRechts .Eintrag:last-of-type{border:none;}
.TerminlisteRechts .Eintrag .Text:empty{padding:0;padding-top:1px;}

/***********Terminliste () [AKTUELLES|NameDerRubrik]*****************************************/
.Terminliste{text-align:left;}
.Terminliste .Eintrag{clear:both; width:100%;}
.Terminliste .Eintrag:hover{background-color:#f0f0f0;}
.Terminliste .Eintrag .Titel{background-color:#cc3300;color:#fff;padding:5px 15px;}
.Terminliste .Eintrag .Titel A{color:#fff;}
.Terminliste .Eintrag .Text{ 
  padding:15px;
  padding-top:5px;
  font-size:95%; line-height:1.3;
}

/***********Terminliste Startseite*****************************************/
.TerminlisteList{text-align:left;}
.TerminlisteList .Eintrag{clear:both; width:100%;}
.TerminlisteList .Eintrag:hover{background-color:#fafafa;}
.TerminlisteList .Eintrag .Titel{border-bottom:1px solid var(--TitelHellBG);padding:3px;padding-left:10px;}
.TerminlisteList .Eintrag .Titel A{color:#505d68; font-weight:600;}
.TerminlisteList .Eintrag .Titel>A[href^="#NoContent"]{cursor:default; color:#667179;}
.TerminlisteList .Eintrag .Titel>SPAN>A[href^="#NoContent"]{display:none;}
.TerminlisteList .Eintrag .Text{padding:10px;padding-bottom:20px;font-size:95%; line-height:1.3;}
.TerminlisteList .Eintrag .Text:empty{display:none;}
.TerminlisteList .ueberschrift{background-color:#cc3300;color:#fff;padding-left:7px;}

.Pagination{clear:both;margin-bottom:1em;text-align:center;font-weight:200;}
.Pagination B{font-weight:900;text-shadow: 0 0 10px #fff,0 0 5px #fff;}
.Pagination A{ display:inline-block; margin-right:0.1em;margin-bottom:0.1em; height:2em; width:2em; text-align:center; color:#fff;  background-color:#888;background-color:var(--TitelBG);font-size:130%;line-height:2em;}
.Pagination A.aktive{background-color:#aaa;background-color:var(--TitelHellBG);font-weight:500}
.Pagination A:hover{color:#fff;text-decoration:none;text-shadow: 0 0 5px #fff;opacity:0.9;}

/****************************************************************/
.lastpage, .nextpage {border:1px solid #eee;padding:5px;padding-top:3px;padding-bottom:3px;color:#999;margin-left:15px; float:right; font-size:90%;}
.lastpage:hover, .nextpage:hover {color:#666; background-color:#f8f8f8;}
.lastpage:visited, .nextpage:visited {color:#aaa;}
#lastnext{margin-top:-35px;margin-bottom:40px;}
.nextpage{clear:both;}

/*********** Terminliste *****************************************/
.TerminlisteBox{text-align:left;box-sizing: border-box;}
.TerminlisteBox.head{position:relative;line-height:65px;font-size:125%;font-weight:600;color:#333;padding-bottom:2px;padding-left:135px;margin-bottom:20px;text-align:left; vertical-align: middle;margin-top:40px;
background-image:url('../images/design/Logo-small.png'),url('../images/design/Logo-small-x.png'); background-repeat:no-repeat,repeat-x; background-position:left 5px top 2px, left top 2px
}
/*.TerminlisteBox.head .logo{position: absolute;top: -10px;left:-6px;z-index:1;width:89px;height:64px;}*/
.TerminlisteBox.head SELECT{height:30px; font-size:90%;height:26px;vertical-align:middle;line-height:15px;padding:0;padding-right:18px;padding-left:4px;}
.TerminlisteBox.head A{text-decoration:none;border: none;display:inline-block;color:#333}
.TerminlisteBox.head IMG {vertical-align: middle;}  
.TerminlisteBox.head IMG.inaktiv{opacity:0.5}
.TerminlisteBox.head IMG:hover{opacity:0.8}
.TerminlisteBox.head FORM{margin:0;color:var(--TitelBG);}
.TerminlisteBox.head FORM:first-letter {color:var(--TitelHellBG);font-weight:900;}
.TerminlisteBox.head .buttons{vertical-align: middle;float:right;height:100%;background-color:#fff;padding-right:15px;padding-left:5px;}
.TerminlisteBox.head .buttons A{margin-left:10px;}
.TerminlisteBox.head .tooltiptext{margin-top:30px}

.TerminlisteBox .Eintrag{  width:50%;position:relative; float:left;box-sizing: border-box; border-top:1px solid #eee;padding-bottom:30px;}
.TerminlisteBox .Eintrag:nth-child(1),.TerminlisteBox .Eintrag:nth-child(2){border-top:none;}

.TerminlisteBox .Eintrag:nth-child(odd){padding-right:20px; clear:left; }
.TerminlisteBox .Eintrag:nth-child(even){padding-left:20px;}
.TerminlisteBox .Eintrag .Titel{position:absolute;background-color:rgba(255,255,255,0.8);padding:7px /*height:78px;*/ /*overflow:hidden;*/ } 
.TerminlisteBox .Eintrag .Titel h2{font-size:120%;z-index:1000;}
.TerminlisteBox .Eintrag .Titel A{color:#444;}
.TerminlisteBox .Eintrag .Text{margin-top:55px;}
.TerminlisteBox .Eintrag .Datum{font-size:80%; color:#888;line-height:1;}
.TerminlisteBox .Eintrag IMG{ box-sizing: border-box; width:100%;margin-bottom:10px;}
.TerminlisteBox .Eintrag .Text{padding-top:10px;}
.TerminlisteBox .Eintrag .Text>A[href^="#NoContent"]:last-child{display:none;}

.TerminlisteBox .Eintrag DIV.KeinBild{margin-bottom:10px; background-image:url('../UserFiles/Image/Aktuell/KeinBild.png');border-width:6px;border-left-width:12px; background-color:transparent; background-size:cover; background-position: center;box-shadow:3px 2px 6px 0px rgba(0,0,0,0.5);}
.TerminlisteBox .Eintrag DIV.KeinBild IMG{background-color:transparent;margin-bottom: -6px;box-shadow:none}

@media screen and (max-width:600px) {
 .TerminlisteBox .Eintrag{width:100%;}
 .TerminlisteBox .Eintrag:nth-child(odd),
 .TerminlisteBox .Eintrag:nth-child(even){padding-left:0px;padding-right:0px;}
 .TerminlisteBox .Eintrag:nth-child(2){border-top:1px solid #eee;}
}


/***** Terminliste Ende ***********************/

/******** Tooltip*********************************/
a.tooltip{outline: none;}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #888;
}
.tooltip .tooltiptext {
    font-size:14px !important;
    visibility: hidden;
    font-size:95%;
    line-height:1.2;
    width: 250px;
    margin-left: -180px;
    margin-top: 20px;
    text-align:left;
    background-color: #F9F8F4;
    background-color: rgba(249,248,244,0.95);
    color: #888;
    border-radius: 5px;
    padding: 10px 15px;
    box-shadow:         2px 3px 6px 2px rgba(0, 0, 0, 0.4);
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
/********* Tooltip ende **************************/
/****Suche*******************************/

.Suchtreffer{/*border:1px solid #f0f0f0;*/padding:5px;margin-bottom:10px }
.Suchtreffer .Titel {background-color:#f0f0f0; padding-left:10px;}
.Suchtreffer .Titel A{color:#666}
.Suchtreffer .Titel A:hover{color:#0F8AC1}
.Suchtreffer .Kurzbeschreibung {padding-left:10px;padding-top:5px;font-size:90%; line-height:1.3;min-height:1em}
.Suchtreffer .Titel .relevance{float:right;padding-right:5px; font-size:70%;color:#aaa;}


/***************************************/
																																						 
/*.search {text-align:center;}
.search INPUT {margin-bottom:20px;}
.search INPUT[type=text] {width:30%;}
.search FORM {display:inline;}

.eac-square{display:inline-block;z-index:101; width:400px;max-width:calc(100% - 150px)}
*/
/***************************************/

/* [KATEGORIEINDEX|kat] */
.katalogbox .Eintrag{clear:left;margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #eee;text-align:left;}
.katalogbox .bild{width:240px; float:left;clear:left;}


/** VCARD **********************************/
.vcard{float:right;margin-left:30px;margin-bottom:30px;clear:right;box-sizing:border-box;width:320px;max-width: 100%;border-left:1px solid #ccc; font-size:85%; line-height:1.25;  text-align:left;padding-left:20px;padding-right:0px;background:#fff;}
.vcard .titel{border-bottom: 2px solid var(--TitelHellBG); font-weight:600;padding-bottom:5px;margin-bottom:10px;margin-top:0px;}
.vcard .name{text-shadow: 1px 0px 0px rgba(0,0,0,0.4); margin-top:5px;}
.vcard .adresse{margin-top:5px;margin-bottom:5px;}
.vcard .kontakt{margin-top:15px;margin-bottom:5px;}
.vcard .kontakt A{/*clear:right; display:block;*/}
.vcard .download{text-align:right; float:right;}
.vcard .download IMG{width:70px; height:auto;}
.vcard .download IMG:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);}
.vcard+DIV{display:table;width:280px;}

@media screen and (max-width:600px) {
.vcard{width:100%;border:none;padding:20px;padding-left:0;padding-right:0;margin:0;border-bottom: 2px solid #b60F80;}
}
/***VCARD Ende******************************************/




/*** Bildaufzähling Startseite ***/

.imagelist{text-align:center;padding:10px !important;}
.imagelist h3{text-align:center;}
.imagelist IMG{height:210px;width:100%;object-fit: cover; margin-top:10px;margin-bottom:-20px;}
.imagelist>A{position: relative;border:1px solid var(--TitelBG);background-color:var(--TitelBG);color:#fff;padding:5px;width:200px; display:block;margin:auto;text-align:center;}