@font-face {
  font-family: fontheadlines;
  src: url(./fonts/Libre_Baskerville/LibreBaskerville-Regular.ttf);
  src: url(./fonts/Roboto_Serif/RobotoSerif-Light.ttf);
   
}
@font-face {
  font-family: fontlogo;
  src: url(./fonts/Libre_Baskerville/LibreBaskerville-Regular.ttf);
  src: url(./fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf);
}
@font-face {
  font-family: fontbold;
  font-weight: normal;
  src: url(./fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf);
}
@font-face {
  font-family: fontnormal;
  font-weight: normal;
  src: url(./fonts/Roboto_Condensed/RobotoCondensed-Light.ttf);
}
@font-face {
  font-family: fontmiddle;
  font-weight: normal;
  src: url(./fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf);
}
@font-face {
  font-family: fontnav;
  font-weight: normal;
  src: url(./fonts/Roboto_Condensed/RobotoCondensed-Light.ttf);
  text-transform: uppercase;
}

body {
	font-family: fontnormal, sans-serif;
	font-weight: 300;
}
strong {
	font-weight: normal;
	font-family: fontmiddle;
}
address {
	font-style: normal;
}
blockquote {
	font-style: normal;
}
label span {
	font-size: 1rem;
}
input[type=text], input[type=email], #suchform input[type=text] {
    font-size: 1rem;
}
body.login [type="submit"]  {
	font-size: 1.2rem !important;
	font-weight: normal;
}
#suchform input[type=text] {
    line-height: 1.8rem;
}

#pageHeader h1 {
	font-size: 6vw;
	letter-spacing: 0.1rem;
	line-height: 1em;
	font-family: fontheadlines, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	font-family: fontheadlines, sans-serif;
}
a {
	font-weight: 400;
}
h2 {
	font-size: 1.6rem;
	font-weight: 300;
}
#content ul h2 {
	font-size: 1.0rem;
}
h3 {
	font-size: 1.5rem;
}
h4, h5, h6 {
	font-size: 1.3rem;
}

#footnav a, #footer a {
	font-weight: 300;
}
#languageChange {
	font-size: 1.8rem;
	font-family: fontmiddle;
}
#languageChange a {
	font-weight: bold;
}
.buttonext a {
	font-size: 1.1rem;
}
#terminvereinbarung a {
	font-size: 1.5rem;
	font-variant: small-caps;
}
p, a, #header p, #header a {
	font-size: 1.3rem;
}
.spl a {
	font-size: 1rem;
}
.privacywire p, 
.privacywire ul, 
.privacywire div, 
.privacywire a {
	font-size: 0.6rem;
}

.breadcrumbs a {
	font-size: 1rem;
}
#khNav a {
    font-size: 1.2rem;
}
#khNav ul li ul a {
	padding: 0 1rem;
	font-size: 95%;
}


#content p, #content ul, #content ol, #content td {
	font-weight: 300;
	font-size: 4vw;
}

#content p.markieren {
}


#content th {
	font-weight: 400;
}
#content td ul,
#content td ol,
#content td p {
	font-size: 1.0rem;
}
.tablekh tr th {
	font-size: 1.5rem;
}


#contentslider .bereichtext strong {
	font-weight: normal;
	font-size: 1.5rem;
	line-height: 1.7rem;
}

#mehrcontent {
	font-weight: bold;
	font-size: 1.3rem;
}

#copyright {
	font-size: 0.8rem;
}

.mapunloadtext {
	font-size: 1.5rem;
}

.dropbtn {
  font-size: 16px;
}

.fontlogo {
	font-family: fontlogo, sans-serif;
}



/***  SMARTPHONE ***/
#mainnavdesk ul li a,
#mainnavdesk ul li .linkverw,
#mainnav ul li a {
	font-family: fontnav;
	font-weight: normal;
	font-size: 1.8rem;
}

.sliderkopf .slidertext {
	text-align: center;
	font-size: 7vw;
	line-height: 1vw;
	padding: 2rem 0;
}

#headersummary {
	font-family: fontheadlines;
}
#content #headersummary p {
	font-size: 3rem;
	line-height: 2.3rem;
}

#bereichenav ul li a {
	font-style: italic;
}
#bereichenav ul li a:hover {
	font-size: 1.7rem;
}

#Inputfield_wmsuche .InputfieldHeader {
	font-size: 1.3rem;
}
.InputfieldSubmit .ui-button-text {
	font-size: 1rem !important;
}
.InputfieldSubmit .wmbtnsearch  .ui-button-text {
	font-size: 1.3rem !important;
}

#calendarwrapper, #calendarwrapper p, #calendarwrapper a {
	font-size: 0.4rem;
}

.datumerstellt {
	font-size: 1rem;
}

.pageselections3 h2 {
	font-size: 1.4rem;
}

.hinweis {
	margin: 1rem;
	padding: 1rem;
	background: #FFF9AA;
	font-style: italic;
}

#map-KH .leaflet-popup {
	font-size: 0.4rem;
}

body.role2 #mainnavdesk ul li.last .linkverw,
body.role1 #mainnavdesk ul li.last .linkverw {
	font-weight: bold;
}

#content a.more, #content button.wmbtnsearch {
	text-transform: uppercase;
	text-transform: none;
	font-size: 1.3rem;
}

#content .bereichaktivitaet .innerber h2 {
	font-size: 5vw;
}

#footeranfang {
	font-size: 1.3rem;
}

#content.bodyspecial #contentInnerSpecial h1 {
	font-family: fontheadlines;
	font-size: 2rem;
}

#scrolltopBtn {
  font-size: 8px;
}

.kalenderblatt .monatsname {
	font-size: 1.5rem;
}
.kalenderblatt .monatstag {
	font-size: 4rem;
}
.kalenderblatt .monatsuhrzeit,
.kalenderblatt .monatswtag {
	font-size: 1.7rem;
	font-weight: bold;
}

/******************* BEREICHE *****************************/

.berm .beruet header {
	width: 100%;
	margin-top: 0;
	font-size: 5rem;
	text-align: left;
}
.bereichheader {
	font-size: 1.5rem;
	line-height: 2.7rem;
}
.articlelist header {
	font-size: 0.8rem;	
	font-weight: lighter;
}
.articlelist header a {
	font-weight: lighter;
}
#children article h2,
.bereiche2 article h2 {
	font-size: 5vw;
	letter-spacing: 0.1rem;
	font-weight: 300;
	line-height: 1.1em;	
}
#children article.darst4 h2,
.bereiche2 article.darst4 h2 {
	font-size: 4vw;
}