@font-face {
  font-family: "Arvo";
  src: url("../Fonts/Arvo-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Arvo";
  src: url("../Fonts/Arvo-Bold.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "Source Sans Pro";
  src: url("../Fonts/SourceSans3-VariableFont_wght.ttf") format("truetype");
}


@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap')



/* DEFAULT FONTS & RTE ELEMENTS-------------------------------------------------- */

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


body  {
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 140%;
color: #666;
}

p {  margin-bottom:15px;  }

h1, h2, h3, h4, h5 {
    margin-top: 0px !important;
 }



h1, .h1  {
/* font-family: 'Arvo', serif; */
font-family: "Raleway", sans-serif;
font-size:38px;
margin-bottom:20px;
font-style:normal;
font-weight:900;
color:#2B5E98;
text-transform:none;
padding: 0px;
}
 

h2, .h2  {
/* font-family: 'Arvo', serif; */
font-family: "Raleway", sans-serif;
font-size:26px;
margin-bottom:10px;
font-style:normal;
font-weight:600;
color:#2B5E98;
text-transform:none;
padding: 0px;
line-height:120%;
}


h3, .h3  {
font-family: 'Arvo', serif;
font-size: 24px;
font-weight: 400;
line-height: 100%;
color: #666;
text-transform:none;
padding: 0px;
margin:0px !important;
}

h4, .h4  {
/* font-family: 'Arvo', serif; */
font-family: 'Source Sans Pro', sans-serif;
font-size:18px;
margin-bottom:10px;
font-style:normal;
font-weight:700;
color:#2B5E98;
text-transform:none;
padding: 0px;
line-height:110%;
}

h5, .h5  {
font-size: 20px;
font-weight: 500;
line-height: 140%;
text-transform:none;
padding: 0px;
margin:0px !important;
}

.aktuell h5  {
  font-size: 19px;
  font-weight: 600;
  line-height: 120%;
  text-transform:uppercase;
  color:#62B8E3;
  padding: 0px;
  margin:0px !important;
  margin-bottom:5px !important; 
  }

.referate h4 {
  font-size:19px;
  margin-bottom:14px; 
}
/*
.referate h2 {
  color:#000; 
}
*/

h5 a, h5 a:hover, h5 a:visited, h5 a:focus { color:#000 !important; text-decoration:none !important;}

#typo-logo h5 {
  font-weight:700 !important;
}

.align-center { text-align:center;}
.center-text {text-align:center; }




ul {
	margin-left:15px;
 /* margin-top:-4px; */
}

li {	
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
} 


/* Fusszeile */
#footer h3 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size:18px; 
  font-weight:600;
  color:#fff !important; 
  margin-bottom:8px; 
}

#footer p {
  font-size:17px;
  margin:0px; 
  line-height:130%;
  color:#fff !important; 
}

#footer a { 
  color:#fff !important; 
  text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
}


/*maps*/
.overlay_map {
   background:transparent;
   position:relative; 
   width:100%;
   height:480px; /* your iframe height */
   top:480px;  /* your iframe height */
   margin-top:-480px;  /* your iframe height */
}



/* Linkstyle */
a img { border:0px;}

#content a,
#content a.download, 
#content a.internal-link,
#content a.external-link-new-window, 
#content a.external-link-new-window, 
#content a.mail  a { color:#666; text-decoration:underline; }

#content a:hover,
#content a.download:hover, 
#content a.internal-link:hover,
#content a.external-link-new-window:hover, 
#content a.external-link-new-window:hover, 
#content a.mail:hover  a { color:#2B5E98;  }
/*
#footer a { color:#9F9F9F; text-decoration:none;}
#footer a:hover {color:#2B5E98; text-decoration:underline;}
*/

.fa:hover {  color: #2B5E98 !important;}

#typo-logo h2 {
  font-size:32px;
  font-weight:700; 
}
#typo-logo a {
  color:rgb(39, 39, 39) !important;
  text-decoration:none !important;
}

a.megura  { font-size:10px; color:#fff; text-decoration:none !important;  }
a.megura:hover, a.fdesk:hover {color:#fff; text-decoration:underline !important; }

#footer a.meguralink {
  color:#2B5E98 !important;
  font-size:14px !important; 
}



.magenta { color:#FF66FF; }
.rot { color:#940100; }


.box-grey {clear:both; background-color:#F8F8F8; margin-bottom:20px; padding:15px;}

.box-grey > div {
  display:flex; 
  width:100%;
}

.box-grey  .csc-textpic-imagewrap {
	width:160px; 
}

.box-grey  .csc-textpic-text {
	margin-left: 25px !important;
  flex: 1;
}

.cta,
.cta:visited {
  display:inline-block;
  padding:6px 12px;
  border:1px solid #2B5E98;
  border-radius:8px;
  background-color:#fff;
  color:#2B5E98 !important;
  text-decoration:none !important;
 transition: all .2s ease;
}

.cta:hover {
  background-color:#2B5E98;
  color:#fff !important;
}


.fa-file-download {  font-size: 1.2em !important; padding-right:7px;}


/* TABELLEN
-------------------------------------------------- */

/* Medienmitteilungen */
.medienmitt {   width:100%; /*font-size:13px; */ }
.medienmitt td { vertical-align:top; padding-top:9px; padding-bottom:9px; border-bottom:1px solid #DFDFDF;}

.medienmitt td:first-child {
  width:18%;
  min-width:35px;
  padding-left:3px;
}

.medienmitt td:nth-child(2) { width:85%; }
.medienmitt tr:nth-child(even) {background: #F8F8F8; }
.medienmitt tr:nth-child(odd) {background: transparent}

.medienmitt tr:first-child td { border-top:1px solid #DFDFDF; }
.medienmitt td p { margin:0px !important;}

.medienmitt a { color: #2B5E98 !important; text-decoration:underline;}
.medienmitt a:hover { color: #666; }
.medienmitt h4 { margin-bottom:0px !important;}


/* Cookie Consent */
.cc-message {
	font-size: 14px;
	line-height: 120%;
}

.cc-btn {
	text-decoration: none;
}








/* RESPONSIVE FONTS / RTE
-------------------------------------------------- */
@media screen and (min-width: 1980px) { 
  body, p, h4  { font-size: 19px; }

  .referate h4 {
    font-size:20px;
    margin-bottom:14px; 
  }
}


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

  .box-grey > div {
    display:flex; 
    flex-direction: column-reverse;
  }

  .box-grey  .csc-textpic-imagewrap {
    width:160px; 
  }

  .box-grey  .csc-textpic-text {
    margin-left: 0px !important;
  }

}


@media screen and (max-width: 600px) { 
  h1, .h1 { font-size: 32px; line-height:120%; }
  h2, .h2 { font-size: 26px; line-height:120%;  }
  h3, .h3 { font-size: 22px; line-height:120%;  }
  h4, .h4 { font-size: 16px; line-height:120%;  }
  h5, .h5 { font-size: 18px; line-height:120%;  }

  .medienmitt td:first-child, .medienmitt td:nth-child(2) {
    width:100%;
    padding-left:3px;
    display:block;
   }

  .medienmitt td { border-bottom:0px solid #fff;} 
  .medienmitt tr:first-child td { border-top:0px solid #fff; } 
  .medienmitt td:nth-child(2) { border-bottom:1px solid #DFDFDF; }
  tbody{  border-top:1px solid #DFDFDF;  }
 
 .medienmitt td:nth-child(1) { padding-bottom:0px !important; }
 .medienmitt td:nth-child(2) {  padding-top:3px !important; }

}


@media screen and (max-width: 500px) { 
  #typo-logo h2 {
    font-size: 27px;
  }
}

@media screen and (max-width: 460px) { 
  h1, .h1 { font-size: 28px; line-height:120%; }
  h2, .h2 { font-size: 23px; line-height:120%;  }
  h3, .h3 { font-size: 20px; line-height:120%;  }
  h4, .h4 { font-size: 14px; line-height:120%;  }
  body, p  { font-size: 17px; }
}







/* Backende RTE Settings */
.htmlarea-content-body { background-color:#fff; }

.htmlarea-content-body {
    font-family: 'Open Sans', sans-serif !important;
 
}

.htmlarea-content-body {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 140%;
margin: 0;
padding: 3px;
}


.htmlarea-content-body a.linkbox {
    border: 1px solid #6D7478 !important;
    color: #6D7478;
    text-decoration:none !important;
}

.htmlarea-content-body,
.htmlarea-content-body h1,
.htmlarea-content-body h2,
.htmlarea-content-body h3,
.htmlarea-content-body h4,
.htmlarea-content-body p   {
  /*color:#333 !important */
}

.htmlarea-content-body a.linkbox {
  color:#6D7478 !important;
}


.htmlarea-content-body a,
.htmlarea-content-body a:hover  {
  color:#6D7478;
  text-decoration:underline;
}