body { font-family: Verdana, Sans-Serif; }
/* 
primary #2a6fa2
secondary #184567
muted #efefef
*/
/* UIKIT CORE CHANGES */
html {font-size: 14px;
}  
.uk-section-primary, .uk-background-primary, .uk-tile-primary, .uk-card-primary {background-color:	 #3b82b6 /* #2a6fa2 */;
}
.uk-section-secondary, .uk-background-secondary, .uk-card-secondary {background-color:	 #184567;
}
.uk-section-muted, .uk-background-muted{background-color:	 #efefef;
}
.uk-width-medium {
    width: 225px;
}
 .uk-subnav-pill > .uk-active > a {
    background-color: #32d296;
}
.uk-card-title {
    font-size: 1.35rem;
}
.uk-navbar-nav > li > a{
min-height: 40px !important;

padding: 0 10px;

font-size: .775rem;
}
ins {
 background-color: transparent !important;
}
.uk-overlay-primary, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color) {
 color: rgba(255,255,255,.3);
}
.uk-overlay-primary {
    background: rgba(34,34,34,.3);
}
.uk-inline .uk-light {
  color: rgb(255, 255, 255) !important;
}
.uk-icon {line-height: 20px;
}
.uk-subnav > * {
    padding-left: 20px;
}
.uk-subnav-pill > * > :first-child {
    padding: 5px 5px;
}
/* END */




/* ToDo: Darstellungsfehler Nested uk-grid - rechte Spalte 40px Breiter als die Linke
-> folgende Lösung ist nicht wirklich gut... aber vorerst praktikabel: */
.uk-grid {margin-left: 0;}
.uk-grid-column-small > *, .uk-grid-small > * {padding-left: 0px;}

h1 {font-weight:600;}
h2,h3 {  font-weigth: 500;  }

#hauptnavigation {background-color: white;padding-right: 30px;padding-left: 20px;padding-top: 5px;border-bottom: 1px solid silver;
}
#brotkrumen {background-color: white;padding-bottom:12px;left: -15px;
}
#brotkrumen .uk-navbar-item, #brotkrumen .uk-navbar-nav > li > a, #brotkrumen .uk-navbar-toggle {text-transform: none;
    font-size: 0.75rem;
}
#brotkrumen .uk-navbar-nav > li > a {
min-height: 30px;
padding: 0 15px;
} 
.gefiltert .uk-subnav > * > :first-child {
    font-size: .7rem;
}
.hero { 
   margin-left: 12px !important; 
   margin-rigth: 12px !important; 
   margin-top: 12px !important; 
   padding: 5px; 
}
.hero .uk-icon, .hero-m .uk-icon {color: #32d296;	
}
.hero input, .hero-m input {border-radius:20px;
}
.hero .uk-text-small {
    font-size: .675rem;
}
#suche_artikel {background-color: rgba(255,255,255,0);
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,0);	
    font-size: 1.2rem;
}
#offcanvas-usage #suche_artikel {
    font-size: 0.85rem;
}
.grau {
     color: silver !important;
}

.weiss {
     color: #ffffff !important;
}
.small {
	font-size: 10px !important;
	line-height: 15px;
	padding: 15px;
}
.nocap {
	text-transform:none;
}
#anzeigeimsuchfeld {text-align: center;border: 1px dashed red;margin-top: -15px;background: silver;height: 80px;margin-left: 15%;margin-right: 15%;max-width:70%;opacity: 0.5;
}
#sucheinnavigation{padding-top: 14px;color: white;
}
#sucheinnavigation input[type=text] {
  -webkit-transition: width 0.4s fade-in;
  transition: width 0.4s fade-in-out;
  border: 1px solid #efefef;
}
#sucheinnavigation input[type=text]:focus, #sucheinnavigation input:hover {
  width: 100%;
 border: 1px solid;
}
.autocomplete {
    background: white;
    z-index: 1000;
    overflow: auto;
    box-sizing: border-box;
    border: 1px solid #efefef;
}
.autocomplete * {
    font: inherit;
}
.autocomplete > div {
    padding: 0 7px;
}
.autocomplete .group {border-bottom: 1px solid #efefef;padding-top: 10px;font-weight: 700;
}
.autocomplete > div:hover:not(.group),
.autocomplete > div.selected {
    background: #32d296;;
    cursor: pointer;
}

/* Phones portrait and smaller */
@media (max-width: 640px) {
	.mobile-padding-small {	padding: 15px !important;}
	.mobile-no-padding {	padding: 0px !important;}
	.mobile-no-padding-right {	padding-right: 0px !important;}
	.mobile-no-padding-left {	padding-left: 0px !important;}
	.mobile-no-padding-top {	padding-top: 0px !important;}
	.mobile-no-padding-bottom {	padding-bottom: 0px !important;}
	.mobile-padding-left {	padding-left: 15px !important;}
	.mobile-padding-right {	padding-right: 15px !important;}
}

ul.icon-list {list-style: none;
}
ul.icon-list li {clear:left;
}

ul.icon-list li:before {content: "";
  	height:1em;
  	width:1em;
    display:block;
    float:left;
    margin-left:-1.35em;
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
    margin-top: 4px;
}

ul.icon-list li.li-checked:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A%0A");
}
/* background-image: url("data:image/svg+xml;charset=UTF-8,<svg width="14" height="11" viewBox="0 0 14 11" xmlns="http://www.w3.org/2000/svg">
    <polygon fill="#fff" points="12 1 5 7.5 2 5 1 5.5 5 10 13 1.5" /></svg>
*/

/* TESTS später löschen / aufräumen */
button.custom-icon {
	background-color: #f8f8f8;	
}
a.custom-icon, span.custom-icon{
  display: inline-block;
  font-size: 0;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
a.icon-e_ov { 
	background-image: url(../media/icons/clock.svg);
}
a.icon-e_p {
	background-image: url(../media/icons/ointment.svg);
}
a.icon-e_p {
	background-image: url(../media/icons/charity.svg);
}
.i-code {
  display: none;
}
.icon-large {
	font-size: 50px;
}
.icons {
	font-size: 21px;
	margin-right: 2px;
	vertical-align: sub;
	margin-left: -3px; 
}
/*FIX FÜR STARTSEITE GESUNDHEITSPOLITIK auch inter .icons margin-left -3px */
.gapfix {
    column-gap: 0px !important;
}
#suche_artikel.qimeda-suche-artikel {
background-color:rgba(255,255,255,.1);
color:rgba(255,255,255,.7);
background-clip: padding-box;
border-color: rgba(255,255,255,.2);
border-radius: 20px; border:1px solid;	
}

.text-larger {
	font-size: 120%;
 	line-height: 120%;
}
.text-smaller {
	font-size: 80%;
 	line-height: 80%;
}

.verify-icon {
    display: inline-block;
    padding-left: 10px;
    width: 30px;
    height: 30px;
    background-image: url(../media/icons/verify.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

.ratingdots {
    white-space: nowrap;
    min-width: 250px;
}

.ratingdot {
    display: inline-block;
    height: 25px;
    width: 25px;
    background-color: #d8e3e4;
    border-radius: 50%;
}

.ratingdot-on {
    background-color: #3399ff;
}