/*
 
petrol
#0B6273; 
 
rot
 #AD0539
 
 gelb 
 #EFD80B
 
 dunkelgrau BG
 #87878D
  
 hellgrau BG
 #F5F5F5
 
 
 Schrift headline
 #4F5355
 
Schrift Fließtext petrol
#0B6273
 
 */
    @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=4bf63cce-4c9e-48d1-8243-5ea8169994f1&fontids=1121589,1121591,1121593");
    @font-face{
        font-family:"Zurich W01 Roman";
        src:url("fonts/1121589/99e31e67-ba75-443b-b76d-278a38568cf8.woff2") format("woff2"),url("fonts/1121589/447b5374-2b55-4be5-8afd-b1124a6e96db.woff") format("woff");
    }
    @font-face{
        font-family:"Zurich W01 Italic";
        src:url("fonts/1121591/39658b61-374e-4b49-9123-49f40b66ff1a.woff2") format("woff2"),url("fonts/1121591/fe4f0d98-9834-4607-a220-872f36ad11d3.woff") format("woff");
    }
    @font-face{
        font-family:"Zurich W01 Bold";
        src:url("fonts/1121593/7f0f573b-ba73-4210-91f3-f80f08f98499.woff2") format("woff2"),url("fonts/1121593/e6ff27c6-ba66-45a3-98b4-7e605482d08f.woff") format("woff");
    }



* { 
	margin: 0; 
	padding: 0; 
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
 
 
*::-webkit-input-placeholder {
    color: #455560;font-size:16px;
}
*:-moz-placeholder {
  
    color:  #455560;font-size:16px;
}
*::-moz-placeholder {

    color:  #455560;font-size:16px;
}
*:-ms-input-placeholder {
 color:  #455560;font-size:16px;
}
  

body { font-family: 'Zurich W01 Roman', sans-serif; color:#4F5355; }
 
a { 
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-touch-callout: none; 
}

a {color:#AD0539;text-decoration:none;}
a:hover {color:#0B6273;text-decoration:none;}


a.white {color:#fff;text-decoration:none;}
a.white:hover {color:#fff;text-decoration:none;}
 
 
.calendar_item a {color:#4F5355;text-decoration:none;}
.calendar_item a:hover {color:#AD0539;text-decoration:none;}

#footer_left a, #footer_left span , #footer_left p, #footer_left li  {color:#fff;text-decoration:none;font-size:16px;}
#footer_left a:hover,  #footer_left a:focus  {color:#C0C0C0;cursor:pointer;}

span.ihavecookiesBtn {color:#AD0539;cursor:pointer; }

 
#page ul { margin:16px 0px 16px 0px;
padding:0;list-style-type:disc;list-style-type:none; }
 
 
#page li {color:#4F5355;   padding-left:0px;
list-style-type:none; 
padding-left:15px;background-image:url('../images/icons/rheuma-bullet-rot.svg');
background-repeat:no-repeat;
background-size: 6px 6px;
background-position: top 8px left 0px;
}
 
 
 
.listenpunkt {color:#4F5355;  display:block; 
padding:0px 0px 0px 15px;background-image:url('../images/icons/rheuma-bullet-rot.svg');
background-repeat:no-repeat;
background-size: 6px 6px;
background-position: top 8px left 0px;
}

.collapsetext span.listenpunkt + br {display:none; }


a .listenpunkt {color:#AD0539;}
a:hover .listenpunkt {color:#0B6273;}
 
.schriftpetrol p, .schriftpetrol h4 {color:#0B6273 !important;}

/*, .schriftpetrol a 
.schriftpetrol a:hover {color:#AD0539 !important;}*/
 
p, #page li {font-size:16px;  line-height:22px;color:#4F5355;}

p.bigtext, .introcol p , .eventline     {font-size:20px;  line-height:28px;   } 
 
p.centered, .text-center {text-align:center; }


.eventinfo p ,.eventinfo_mobile p   {font-size:16px;  line-height:22px; color:#4F5355; }

.eventinfo a,.eventinfo_mobile a  ,.eventbox a     {font-size:16px;  line-height:22px; color:#0B6273; }


 
p.morelink {font-size:18px; font-weight:400;line-height:26px; }
 
.boldtext, b, strong {font-weight:600;}

.small , label {font-size:14px; color:#4F5355;}

h1 { font-size:34px; font-weight:normal;line-height:40px;margin-bottom:22px;color:#4F5355; margin:3px 0px 18px 0px;  margin:3px 0px 32px 0px;}
 
h2 { font-size:34px; font-weight:normal;line-height:40px;margin-bottom:22px;color:#4F5355;}
h2:first-of-type {margin-bottom:40px;}


h1 + h2 , header + h2 {margin-top:22px; margin-top:8px;}
 
 
 
.white h1, .white h2, .white h3, .white h4, .white p, .white span,  .white a, .blau h3, .blau h4, .blau p, .blau a  {color:#fff !important;} 
 
h3, .frame-type-list h2 , .frame-type-form_formframework  h2  , .listcontent  h2, #c58   h2, #c1   h2/*startseite...*/ {font-size:28px;margin-bottom:24px; font-weight:normal; line-height:36px;color:#4F5355;}

/*klassische unter überschrift direkt nach h1*/
.frame-type-form_formframework  h2 , .listcontent  h2  {margin-top:20px;margin-bottom:10px;}

.trigger h3 {margin-bottom:0px;}

.lcol h3  {margin-top:32px;}
 
h4, .zitat {font-size:22px;margin-bottom:10px;margin-bottom:10px; font-weight:normal;line-height:28px;}

.trigger h4 {font-size:22px; margin-bottom:10px; margin-top:10px;font-weight:normal;line-height:28px;color:#0B6273;}
 
.rcol h4  {color:#AD0539; }


.mediathek .rcol h4  {color:#0B6273; margin-top: 16px;}
.mediainfo p {margin-bottom: 0px;margin-top: 0px;}
.mediainfo p:first-of-type {margin-bottom: 0px;margin-top:16px;}



.lcol h4  {margin-top:48px;}
.lcol .toggle_container h4  {margin-top: 2px;}

.lcol .trigger h4 {margin-top:8px;}

.rcol .bggrey h4 {color:#4F5355;margin-bottom:32px; margin-bottom:0px;}

.rcol .bggrey p { margin-top:16px;}

.rcol .bggrey .kontaktbox p { margin-top:0px;}




h4.slider {color:#fff;font-weight:400;}


.lcol .elementcontainer h4 { margin-top: 0px; }
 
h5 {font-size:14px;margin-bottom:24px; font-weight:400; line-height:20px; color:#0B6273;text-transform:uppercase;letter-spacing:1px; }

.rcol h5 ,  .textcol h5 ,  .singlecoltext h5   ,   .col33 h5 {border-bottom:1px solid #0B6273;margin-bottom: 24px;}

 
 .captionline {width:100%; display:block;}
 
/*.newsteaser h4 ,.terminteaser h4 {margin-bottom:16px;}
.newsline  {border-bottom:1px solid #0B6273;margin-bottom:8px; margin-top:8px;}
.newsline span, .listitem.header span, .mobile-label {float:left;font-size:14px;font-weight:400; line-height:20px; color:#0B6273;text-transform:uppercase;letter-spacing:1px;}
 .newsline span:first-of-type {float:right;}
 .mobile-label { display:block; width:100%; float:none;font-size:14px;font-weight:400; line-height:20px; color:#0B6273;text-transform:uppercase;letter-spacing:1px;}
*/
 
 /*zwischenüberschrift*/
h6 {font-size:18px;  line-height:24px;margin-bottom: 16px;margin-top:48px;font-weight:600;}
 
h6.liste {font-size:18px;  line-height:24px;margin-bottom: 4px;margin-top:48px;padding-left:24px;  background-image:url('../images/icons/Bullet.svg');
background-repeat:no-repeat;
background-size:8px 8px;
background-position:left top 8px; background-position: top 11px left 4px;}


 
p  {margin-bottom: 24px;margin-bottom: 16px;} 

p:last-of-type {margin-bottom:0px;}

.toggle_container p:last-of-type {margin-bottom:32px;}

.lcol .toggle_container .linkbutton {
    margin: 48px 0px 0px 0px;
}



.col30 .toggle_container p:last-of-type , .fortbildungen .toggle_container p:last-of-type{margin-bottom:0px;}



.news-img-caption , .news-single .image-caption, .introcol p.news-img-caption {font-size:14px;line-height:20px; color:#858585;  }

p.newsdetail-meta {font-size:18px !important;line-height:22px;color:#4F5355; margin-bottom:22px;}

.news-single .singlecol .news-img-caption, .news-single .contentelements .news-img-caption {padding: 6px 0px 24px 0px;}

.news-single .fullwidth .singlecol  .news-img-caption{padding: 0px 0px 0px 0px;}
 

#metanavi a {color:#4F5355;font-size:20px;} 
 
 
.accordion .trigger, 
.fw_accordion .trigger , 
.text_accordion .trigger  {  font-size:16px;}

.text_accordion .toggle_container p { font-size:16px;}



div.resultrow {padding:10px;display:block; clear:both; margin-bottom:20px; margin-left:-10px;}

.resultrow h4 {margin-bottom:0; }

.resultrow p {margin-bottom:10px; }

.resultrow a ,.resultrow a h4 {color:#4F5355;}

.resultrow a b,  .resultrow a:hover b  {color:#4F5355 !important;}

 
 .resultrow:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px  rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 5px  rgba(0,0,0,0.2);
    
    transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
 
  /*  /background:rgba(0,94,168,0.05);*/
}

   
/***************************************************************************************************/ 
 
 
@media all and (max-width: 1280px) and (min-width: 1200px){
	.newsbox h4 {font-size: 20px}

} 


 
@media all and (max-width: 1024px) and (min-width: 900px){
	.newsbox h4  {font-size: 20px}
 
} 



 
  /***************************************************************************************************/ 
 
/***************************************************************************************************/