.w3-theme-l5 {color:#000 !important; background-color:#f6f7fc !important}
.w3-theme-l4 {color:#000 !important; background-color:#e0e3f6 !important}
.w3-theme-l3 {color:#000 !important; background-color:#c0c7ec !important}
.w3-theme-l2 {color:#000 !important; background-color:#a1abe3 !important}
.w3-theme-l1 {color:#fff !important; background-color:#818fd9 !important}
.w3-theme-d1 {color:#fff !important; background-color:#4a5dc9 !important}
.w3-theme-d2 {color:#fff !important; background-color:#384cbc !important}
.w3-theme-d3 {color:#fff !important; background-color:#3143a5 !important}
.w3-theme-d4 {color:#fff !important; background-color:#2a398d !important}
.w3-theme-d5 {color:#fff !important; background-color:#233076 !important}

.w3-theme-light {color:#000 !important; background-color:#f6f7fc !important}
.w3-theme-dark {color:#fff !important; background-color:#233076 !important}
.w3-theme-action {color:#fff !important; background-color:#233076 !important}

.w3-theme {color:#fff !important; background-color:#6070d0 !important}
.w3-text-theme {color:#6070d0 !important}
.w3-border-theme {border-color:#6070d0 !important}

.w3-hover-theme {color:#031056 !important; background-color:#6070d0 !important}
.w3-hover-theme-l1 {color:#ffffff !important; background-color:#818fd9 !important}
.w3-hover-theme:hover {color:#fff !important; background-color:#ffc107 !important}
.w3-hover-theme-w {color:#fff !important; background-color:#7080e0 !important}
.w3-hover-theme-w:hover {color:#233076 !important; background-color:#ffffff !important}
.w3-hover-text-theme:hover {color:#6070d0 !important}
.w3-hover-border-theme:hover {border-color:#6070d0 !important}
.w3-hover-theme-d1 {color:#f6f7fc !important; }

.w3-red {background-color:#97bfb4;}

.w3-roboto {
  font-family:"Segoe UI",Arial,Helvetica,sans-serif;
}

body {
background-color:#f8f8f8;
background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(240,240,240,1));
padding:0px 0px;
}

#HENaviHoribar {
background-image:url(https://www.haarerkrankungen.de/bilder/headbg.jpg);
border-bottom:2px solid #ffc107;
}

#HENaviHoribar .w3-dropdown-content a {
font-size:1em;
line-height:0.8em;
}

#kopfbild {
background-repeat: no-repeat;
background-position: 10% 20%;
background-size:100% auto;
}

div.kasten_trichocare {
background-image: url(https://www.haarerkrankungen.de/bilder/trichocare_head.jpg);
background-position: top left;
background-repeat:no-repeat;
background-color:#c9c9c9;
background-size:100% auto;
vertical-align:bottom;
height:150px;
}

div.kasten_aatherapie {
background-image: url(https://www.haarerkrankungen.de/bilder/230124_LY_954_052303_Olumiant_Banner_Alopecia_600x200px_D.png);
background-position: center center;
background-repeat:no-repeat;
background-color:#ee3a29;
background-size:auto 100%;
vertical-align:bottom;
height:200px;
}

div.kasten_expertenrat {
background-color:#c9c9c9;
}

div.kasten_expertenrat a {
color:#36368b;
text-decoration:none;
}

div.kasten_expertenrat div.eritem {
background-color:#eee;
clear:both;
padding:10px 15px 0px;
font-size:0.9em;
}

#ExpertenratkastenKopf {
padding:16px;
height:150px;
background-color:#98c2b6; 
background:url('https://www.haarerkrankungen.de/bilder/expertenrat_head.jpg'); 
background-repeat: no-repeat;
background-position: left top;
background-size:100% auto;
color:#eee; 
font-size:20px; 
font-weight:bold; 
text-shadow:#000 0px 0px 4px;
}

#ExpertenratkastenHeadline {
padding:8px 16px;
background-color:#98c2b6; 
color:#fff; 
font-size:20px; 
font-weight:bold; 
}

#NewsBlock .NewsBlockItem {
border-bottom:1px solid #e0e0e0;
}

#NewsBlock .NewsBlockRow1 {
padding:2px;
text-transform:uppercase;
font-weight:bolder;
}

.NewsBlockDate {
color:#b0393f;
font-weight:bolder;
}

.NewsBlockTitle {
padding:2px;
}

.NewsBlockTitle a {
color:#527a6f;
font-weight:normal;
}

.NewsBlockRow3 {
padding:2px;
}

#NewsBlock img {
  height: 160px;
  width: 100%;
  object-fit:cover;
}

h1 {
font-size:18px;
}

h2 {
border-bottom:2px solid #ffc107;
font-size:20px;
width:70%;
}

h3 {
border-bottom:2px solid #ffc107;
font-size:18px;
}

h4 {
border-bottom:2px solid #c00000;
font-size:16px;
}

.w3-main p { 

}

.w3-main a:link { 
color:#6070d0;
text-decoration:none; 
font-weight:bold; 
}

.w3-main a:visited { 
color:#587878; 
text-decoration:none; 
font-weight:bold; 
}

.w3-main a:hover { 
color:#ffffff; 
text-decoration:none; 
font-weight:bold; 
background-color:#b02020; 
}

footer {
font-size:0.7em;
color:#505050; 
text-align:center;
}

.w3-opacity-min {
  opacity: 0.95;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* CSS f&uuml;r Pfleger-Anzeigen */ 

#pflegerpflichttext {
	background-color: rgba(245, 155, 0, .9);
	padding: 20px;
	color:#ffffff;
}

#AdInNewsblock {
  background-image: url("https://www.haarerkrankungen.de/bilder/pfleger-banner-minoxidil-maenner-frauen_s.jpg");
  height: 100px; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
}

#Ad1InSidebar {

}

#Ad2InSidebar {
  background-image: url("https://www.haarerkrankungen.de/bilder/trichosense_karrer_start_1100x273_202011.jpg");
  height: 125px; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%; 
}

div.kasten_lilly {
background-image: url(https://www.haarerkrankungen.de/bilder/lilly_teaser_background2.png);
background-position:center left;
background-repeat:no-repeat;
background-color:#b0393f;
background-size:100% auto;
vertical-align:bottom;
height:140px;
}