html { height: 100%;font-size : 16px; }
body { background-color: #efefef; line-height: 26px; padding: 20px 0; }
a, a:link { color: #005fac; }
/*LAYOUT*/
.uk-container {
background-color: #fff;
padding: 0 100px;
border: 1px solid #ddd;
border-radius: 4px;
padding-bottom: 2em;
max-width: 900px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
.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: transparent center bottom;
background-repeat:no-repeat;
background-image:url('../images/bg_header12.jpg');
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: 2.5em; 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, a.title:hover {
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; }
/*FOOTER*/
.stopper {
position: fixed;
padding: 0.6rem 2.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: 70px 0 20px 0 !important; }
.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;
margin-top: 2em;
}
.logo {
font-family: Roboto, Helvetica, Arial, sans-serif;
font-size: 80px;
font-weight: 300;
letter-spacing: 0px;
}
/* computer projects textual logo (usage: 2CP.de) */
span.cp { color: #005fac; }
span.cp > span { color: #161921; }
/* timepilot textual logo (usage: timepilot) */
span.tp { color: #f00; font-weight: bold; }
span.tp > span { color: #7a7a7a; font-style: italic; }
/* foodpilot textual logo (usage: foodpilot Basis|Premium) */
span.fp { color: #060; font-weight: bold; }
span.fp > span:first-child { color: #7a7a7a; font-size: 1.0em; font-weight: bold; font-style: italic; }
span.fp > span { color: black; font-size: 0.65em; font-weight: normal; }
/* GPSAnalytics textual logo (usage: GPSAnalytics) */
span.ga { color: #00f; font-weight: bold; }
span.ga > 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 }
/* Beschreibungslisten */
dl { line-height: 1.5em; padding-left: 0.7em; }
dl > dt { display: inline-block; margin-top: 0.5em; margin-left: -0.7em; }
dl > dd { display: inline; }
dl > dd::after { content: '\A'; white-space: pre; }
.nobr { white-space: nowrap; }