html { height: 100%; font-size : 21px; }
body { background-color: #efefef; line-height: 26px; padding: 20px 0; }
a, a:link { color: #005fac; }

/*LAYOUT NEU*/
.uk-container {
	background-color: #fff;
	padding: 0 00px;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding-bottom: 2em;
	max-width: 1080px;
}

@media (min-width: 960px) {
  .uk-container {	
	padding: 0 20px;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-container {	
	padding: 0 40px;
  }
}
/* Desktop and bigger */
@media (min-width: 1600px) {
  .uk-container {	
	padding: 0 100px;
  }
}




.kontakt {	
	padding: 0 20px;	
}

.background-blue { background-color: #005fac; }
.margin-left-75 { margin-left: 125px; }
.margin-left-50 { margin-left: 60px; }
.margin-top-40 { margin-top: 40px; margin-bottom: 35px; }
p { margin: 10px 0; }

/*HEADER*/
/*.bg-header { background: transparent url(../images/bg_header10.jpg) center bottom; height: 250px; margin: 0 -25px; }*/
/*.bg-header { background: transparent url(../images/bg_header12.jpg) center bottom; width:100%; height: 180px; margin:2% 0;}*/
.bg-header { background: url('../../images/bg_header12.jpg') no-repeat center bottom; 
background-size: 100%;
width:100%;margin-top:20px;
}

.menuitem {
	padding: 0 20px;
	font-size: 120%;
}

.preislink{
    /*height:27px;  pixelhöhe vom Pfeil 31x27*/ /*ist beim zoomen schlecht - bleibt fix*/
	margin:1% 0 3% 0;
	padding:1px;
	background-color:#fd7400;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color:#ffffff;
	font-weight:bold;
	font-size:120%;
	vertical-align:middle;
	/*font-size:200%;:larger; - bringt alles nichts, da sich die Höhe nicht verändert :-(*/
}
.preislink a:link, .preislink a:visited{
	color:#ffffff;	
	font-weight:bold;
	font-size:120%;
}

.infolink{
	/*height:27px;  pixelhöhe vom Pfeil 31x27*/ /*ist beim zoomen schlecht - bleibt fix*/
	margin: 1% 0 3% 0;
	padding: 1px;
	background-color: #00FF00;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #000000;
	font-weight: bold;
	font-size: 120%;
	vertical-align: middle;
	text-align:center;
	/*font-size:200%;:larger; - bringt alles nichts, da sich die Höhe nicht verändert :-(*/
}
.infolink a:link, .infolink a:visited{
	color:#000000;	
	background-color: #00FF00;
	font-weight:bold;
	font-size:120%;
}

.preislink img{
	margin-left:2%;
	margin-top:1%;	
}
.infolink img{
	margin-left:2%;
	margin-top:1%;	
}

h3.blau{
	color:#005fac;
	font-weight:bold;
}

.kopftext{
	color:#000000;
	font-style: italic;
}
/*h1.margin-left-50 { margin-top: 25px; color: #000; text-shadow: 3px 1px 1px #fff }*/
h1.margin-left-50 { margin-top: 2% ; color: #000; text-shadow: 3px 1px 1px #fff }

h1 span { padding-left: 40px;  }
h2.kopftext{	
	/*font-size:200%;*/
	font-size: 3.0em;
	/*font-weight:bold;*/
}
/*h2.margin-left-75 { margin: 75px 0 0 25px; text-shadow: 3px 1px 1px #fff }*/
h2.margin-left-75 { margin: 8% 0 0 1%; text-shadow: 3px 1px 1px #fff }
h2 em { color: #f39437; font-weight: bold;font-size: 2.4em; }

h2 em span { color: #9d9b8c;font-weight: bold; }
.footer { background: #efefef; opacity: 0.9; color: #353535; border: 1px solid #e5e5e5; border-radius: 4px; }
/*.uk-panel-box { background: #fafafa; opacity: 0.9; color: #666; border: 1px solid #e5e5e5; border-radius: 4px; }*/

/*CONTENT*/
h3.title { color: #005fac; font-size: 1.7em; margin: 0 0 10px 0; line-height: 1.2em;}
h3 em { color: #f39437;font-weight: bold; font-size: 1.2em; }
a.title:hover{
	text-decoration:underline;
	color:#0066cc;
}
a.title:link, a.title:visited{
	text-decoration:none;
}

.uk-card-body { padding: 35px 0; /*font-size: 14pt;*/ }

h3 em.cash { color: #006600;font-weight: bold; font-size: 1.2em; }
h3 em.food { color: #006600;font-weight: bold; font-size: 1.2em; }
h3 em.time { color: #ff9900;font-weight: bold; font-size: 1.2em; }
h3 em.order { color: #0000ff;font-weight: bold; font-size: 1.2em; }
h3 em.facility { color:#ff0000 ;font-weight: bold; font-size: 1.2em; }

h3 em { color: #000;font-weight: bold; font-size: 1.2em; }
h3 em span { color: #9d9b8c;font-weight: bold; }
h4.subtitle { color: #706f6f; font-size: 1.6em; margin: 0 0 15px 0; font-style: italic; }
p em { color: #f39437; font-weight: bold;  }
p em span { color: #9d9b8c; font-weight: bold; }
.thumbnail { border-radius: 4px; }

.button1 {
	/*position: fixed;
	padding: 0.3rem 1.0rem;*/
	/*bottom: 40px;
	right: 40px;*/
	color: #fff;
	background: #005fac;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	font-size: 0.9rem;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	-o-border-radius: 11px;
	border-radius: 11px;
}

.button1 a {
	color: #fff;	
}


/*FOOTER*/
.stopper {
	position: fixed;
	padding: 0.3rem 1.0rem;
	/*bottom: 40px;*/
	top: 45%;
	right: 40px;
	color: #fff;
	background: #d97c50;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	-o-border-radius: 11px;
	border-radius: 11px;
}

.stopper a {
	color: #fff;	
}

.footer { margin: 20px 0 20px 0 !important; font-size: 0.75rem; }
.uk-modal-dialog { border-radius: 4px; }
.uk-text-muted { color: #353535; }
.uk-modal-dialog { width: 800px; }
.uk-modal-dialog .uk-card-title { color: #005fac; }
.uk-modal-body { background: #fff; color: #353535; }
a.unsichtbar{
	color:#efefef;
	background-color: #efefef;
}

form input.uk-input[type=submit] {
	background: #666;
	border-radius: 3px;
	border-width: 0;
	color: #fff;
	cursor: pointer;
	margin-top: 2em;
}

/* foodpilot textual logo (usage: <span class="tp">food<span>pilot</span></span>) */
span.fp {
	color: #00F;
	font-weight: bold;
}
span.fp > span { color: #7a7a7a; font-style: italic; }

/* Datenschutzerklärung */
#datenschutz h4 { font-size: 1.1em; margin: 20px 0 12px 0; }
#datenschutz p { font-size: 0.9rem; line-height: normal; text-align: justify }

.nobr { white-space: nowrap; }

/*ul.uk-slideshow-items > li > div { margin: 0 70px; }*/
ul.uk-slideshow-items > li > div { background-color: rgba(34,34,34,.6); border-radius: 4px; color: white;}

.uk-slidenav:focus { color: #005fac; }
.uk-slidenav:hover { color: #666; }

.uk-dotnav > * > * {
	width: 0.9em;
	height: 0.9em;
	border-color: #005fac;
}
.uk-dotnav > .uk-active > *,
.uk-dotnav > * > :focus,
.uk-dotnav > * > :hover {
	background-color: #005fac;
}

svg[data-svg=slidenav-previous], svg[data-svg=slidenav-next] {
	width:21px;
	height:36px;
}
svg[data-svg=slidenav-previous] > polyline, svg[data-svg=slidenav-next] > polyline {
	stroke-width: 0.3em;
	transform: scale(0.5, 0.5) translate(3px, 5px) scale(1.5, 1.5);
	stroke-linejoin: round;
	stroke-linecap: round;
}

div.video-slide { height:100%; margin:0 !important; padding:0 !important; }
div.video-slide video { height:100%; width:100%; object-fit:contain; }

/* text overlay on image - https://www.w3schools.com/howto/howto_css_image_text.asp */
.container {
  position: relative;
  text-align: center;
}

label.missing {
	color: #500;
}
input.missing,
div.missing {
	border-color: #500;
	background-color: #faa;
}
.animation-slow {
 animation-duration:1.5s !important;
}

.uk-accordion-content { color:black; padding-left:30px; margin-top:0; }

.uk-accordion-title::before {
      background-image: url('../../images/chevron-down.svg');
      background-size: 0.9em;
}
.uk-open .uk-accordion-title::before { background-image: url('../../images/chevron-up.svg'); }

.uk-accordion .uk-open {
	background: #efefef;
	border-radius: 3px;
}

table.checklist td { vertical-align: top; }

a.uk-slidenav-previous, a.uk-slidenav-next { color: red; }

#slideshow h3 { font-size: 2.25rem; }
#slideshow p { font-size: 1.5rem; }

#title { font-size: 1.7rem; text-align: center; }