.w3-theme-l5 {color:#000 !important; background-color:#f6f8f8 !important}
.w3-theme-l4 {color:#000 !important; background-color:#e1e9e7 !important}
.w3-theme-l3 {color:#000 !important; background-color:#c3d3cf !important}
.w3-theme-l2 {color:#000 !important; background-color:#a4bdb7 !important}
.w3-theme-l1 {color:#fff !important; background-color:#86a89f !important}
.w3-theme-d1 {color:#fff !important; background-color:#5e8279 !important}
.w3-theme-d2 {color:#fff !important; background-color:#54746b !important}
.w3-theme-d3 {color:#fff !important; background-color:#49655e !important}
.w3-theme-d4 {color:#fff !important; background-color:#3f5751 !important}
.w3-theme-d5 {color:#fff !important; background-color:#344843 !important}

.w3-theme-light {color:#000 !important; background-color:#f6f8f8 !important}
.w3-theme-dark {color:#fff !important; background-color:#344843 !important}
.w3-theme-action {color:#fff !important; background-color:#344843 !important}

.w3-theme {color:#fff !important; background-color:#699186 !important}
.w3-text-theme {color:#699186 !important}
.w3-border-theme {border-color:#699186 !important}

.w3-hover-theme {color:#344843 !important; background-color:#699186 !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:#699186 !important}
.w3-hover-theme-w:hover {color:#344843 !important; background-color:#ffffff !important}
.w3-hover-text-theme:hover {color:#699186 !important}
.w3-hover-border-theme:hover {border-color:#699186 !important}
.w3-hover-theme-d1 {color:#ffffff !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/headinternbg.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_4.png);
background-position: center center;
background-repeat:no-repeat;
background-color:#01bbd4;
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;
}

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/olumiant_teaser_background.png');
background-position:center left;
background-repeat:no-repeat;
background-color:#01bbd4;
background-size:100% auto;
vertical-align:bottom;
height:120px;
}
