/* *****************************************************************
  Style-Sheet Veranstaltungskalender remso.de, remso.eu, remso.org
  Karl-Heinz Osmer, Groß-Gerau 2014
  Stand: Juni 2017

  Inhalt:
  media print
  media screen
  media handheld
  tags
  classes
----.----1----.----2----.----3----.----4----.----5
*/
* {
  box-sizing: border-box;
  hyphens: auto;    /* Silbentrennung */
}
/* *************************************
 * 2020-10-29 zu _text/remsoKopf.htm
 * ************************************* */
#remsoKopf_menue {
  position: absolute;
  right: 5px;
  top: 2em;
  white-space: nowrap;
  background: rgba(255,255,255,.9);
  border: .1pt solid #ccc;
  padding: 5px;
  display:none;
}
#remsoKopf_schalter {
  display: none;
  display: inline;
}
#remsoKopf_schalter:checked ~ #remsoKopf_menue {
  display: inline-block;
}


h1, h2, h3 {
  font-family: sans-serif;
  margin: 0 0 .2em 0;
  font-weight: normal;
}
/*
h1  { color: #00f; }
*/
h2  {  }
h3  { letter-spacing: .05em; }


@media print {
  body {
    margin: 5mm 10mm;
    background-color: #fff;
  }
  body, td, p {
    font-size: 10pt;
    font-family: verdana,arial,sans-serif;
  }
  .screen {
    display: none;
  }
  a {
    color: inherit;
  }
  form l, l {
    display: inline-block;
    position: relative;
    width: 12em;
    border: .1pt dotted transparent;
  }
  form l img.help {
    position: absolute;
    top: 0;
    right: 5px;
  }
  q {
    page-break-inside: avoid;
  }
  .flex {
    display: flex;
    width: 100%;
    justify-content: center;
    justify-content: space-between;  /* = justify */
  }
} /* @media print */



@media screen {
  *:target {
    color: #f00;
    background-color: #ffa;
    padding: 10px;
  }
  body {
    background-color: #fff;
    font-family: sans-serif;
    padding: 0;
  }

  div#anzahl_markierte { /* Zaehler fuer markierte Positionen 2016-05-28 */
    display: none;
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-color: rgba(255,255,127,0.6);
    padding: 5px;
    border: 1px solid #000;
  }
  div#body, section#body {
    z-index:        1;
    position:       relative;
    margin:         0 auto .5em auto;
    width:          100%;
    max-width:      250mm;
    max-width:      60em;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 5px 5px 5px #66a; /* horizontal vertical verwaschen farbe */
    background-color: #fff;
  }
  .print {display:none}
} /* @media screen */

/* ****************************
 * schmaler viewport = view_kl
 * **************************** */
@media screen and (max-width: 800px) {
  body {
    margin: 0;
    padding: 0;
/*    font-size: 10pt;*/
  }
  h1 {
    font-size: 1.2em;
  }
  h2 { font-size: 1.2em; }
  h3 { font-size: 1.1em; letter-spacing: .05em; }
  .view_breit  { display: none; }
  .view_mittel { display: none; }
  .view_schmal {  }
/*
  h1 {
    font-size: 27pt;
  }
  h2 {
    font-size: 1.2em;
  }
*/
  .position > div:nth-of-type(1) { /* lfd */
    display: none;
  }
  .position > div:nth-of-type(2) { /* bild */
    max-width: 8em;
    max-height: 8em;
  }
  /* 2020-10-18 p107 p532 */
  form l, l {
    display: block;
    position: relative;
    width: 12em;
  }
}

/* ***************************
 * breiter viewport = view_gr
 * *************************** */
@media (min-width: 800.1px) {  /* breites viewport */
  .view_mi  { display: none; }
  .view_kl  { display: none; }
/*
  body      { font-size: 11pt; }
  h1        { font-size: 180%; }
  h2        { font-size: 150%; }
  h3        { font-size: 110%; letter-spacing: 2px; }
*/
  .fix_lo {                   /* 2019-08-09 p510 */
    position: fixed;
    left: 1em;
    top: .5em;
    background: #f0ffff;
    padding: 5px;
  }
  .flex,
  .flex2 {
    display: flex;
    width: 100%;
    justify-content: center;
    justify-content: space-between;  /* = justify */
/* p510
    flex-wrap: wrap;
*/
  }
  .flex2 {
    justify-content: center;
  }
/* 2019-11-03 verhindert rechtsbuendig 
  .flex>div,
  .flex2>div {
    margin-right: 1%;
    margin-bottom: 10px;
  }
*/
  .flex2>div {
    width: 49%;
  }
  .flex>section {
    margin-right: .5em;
    margin-bottom: .5em;
  }
  .zweispaltig {
    column-count: 2;
    column-gap: 1.5em;
  }
  form l, l {
    display: inline-block;
    position: relative;
    width: 12em;
    border: .1pt dotted transparent;
  }
  form l img.help {
    position: absolute;
    top: 0;
    right: 5px;
  }
} /* breites viewport */



/* 2016-03-07, cookie 2019-02-28 */
#programm_name,
#datenbank_name,
#mandant_name,
#admin_name,
#kopfzeit,
#cookie {
  display: inline-block;
  font-size: 60%;
  margin-right: 5px;
  border: 1px solid #aaa;
  padding: 0 5px 0 5px;
  font-weight: normal;
  white-space: nowrap;
}
#programm_name {
  font-size: 100%;
/*border: none;*/
}
#programm_name:before {
  display: block;
  font-size: 60%;
  color: #44f;
  content: "Programm";
}
#datenbank_name:before {
  display: block;
  font-size: 60%;
  color: #44f;
  content: "Datenbank";
}
#mandant_name:before {
  display: block;
  font-size: 60%;
  color: #44f;
  content: "Mandant";
}
#admin_name:before {
  display: block;
  font-size: 60%;
  color: #44f;
  content: "Admin";
}
#kopfzeit:before {
  display: block;
  font-size: 60%;
  color: #44f;
  content: "Seite geladen";
}
#cookie:before {  /* 2019-02-28 p151 */
  display: block;
  font-size: 60%;
  color: #44f;
  content: "Cookie";
}


body {
  margin: .5em 0;
  position: relative; /* Vorschlagsfelder positionieren, reduziert Karten-Höhe in p509. Warum?  */
  position: inherit;
}
header, .main, footer, .body {
  background: rgba(255,255,255,.8);
  border-radius: 5px;
  padding: 5px;
  max-width: 210mm;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;   /* 2019-07-18 wg. QRC */
}
.main {
  overflow: hidden;
}
header::after, .main::after, footer::after {
  content: "";
  display: block;
  clear: both;
}
footer {
  margin-top: .5em;
  border-top: .1pt solid #a00;
  padding-top: .5em;
  font-size: 80%;
}
footer p:nth-of-type(1) {
  float: left;
}
footer p:nth-of-type(2) {
  float: right;
}

a {
  text-decoration: none;
  border-bottom: 1px dashed #888;
}
a:hover  {
  color: #0a0;
  background: rgba(255,255,0,.5);
  border-top: 1px solid #f00;
  border-bottom: 1px solid #f00;
}
a.noborder  {
  text-decoration: none;
  border: none;
}
a.aktiv {
  font-weight:         bold;
  letter-spacing:      2px;
}
.external {
  background-image:    url(../img/external.png);
  background-repeat:   no-repeat;
  background-position: center right;
  padding-right:       13px;
}
.mp3 {
  background-image:    url(../img/icon_lautsprecher.png);
  background-size:      1.5em 1em;
  background-repeat:   no-repeat;
  background-position: center right;
  padding-right:       2em;
}
.youtube {
  background-image:    url(../img/icon_youtube.png);
  background-size: 1.5em 1em;
  background-repeat:   no-repeat;
  background-position: center right;
  padding-right:       2em;
}
a.pf_rechts {
  background-image:    url(../img/pf_rechts_rot.gif);
  background-repeat:   no-repeat;
  background-position: center right;
  padding-right:       13px;
}
korr { /* 2019-04-30 Markierung von korriegierten Begriffen - Meind */
  opacity: .8;
  background-color: rgba(0,255,0,.3);
}
/*
audio {
  position: relative;
  color: #afa;
  background: #afa;
  vertical-align: middle;
  opacity: .5;
  border-radius: 5px;
}
audio.external:after {
  content: "<img class=ic src='../img/external.png' />";
  display: inline-block;
  margin-left: -10px;
  margin-top: -10px;
}
*/
/*
audio,
p audio {           /* p593t //
  width: 100%;
  height: 1em;
  max-height: 1em;
  opacity: .5;
  border-radius: 5px;
}
*/
audio {   /* wenn nicht in h1 */
  display: block;
  width: 100%;
  height: 2em;
  opacity: .6;
  border-radius: 5px;
  margin-bottom: .2em;
}
h1 audio {
  height: 1em;
}

ol, ul {
  margin: 0 0 .5em 1.5em;
  padding: 0;
}
li {
  padding: .2em 0;
  margin: 0;
}
/* 2017-05-29
div#gemerkt ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div#gemerkt ul li {
  position: relative;
  display: block;
  font-size: 80%;
  height: 2em;
  float: left;
	border: 1px solid #ccf;
  margin-right: 0.5em;
}
*/
/* 2017-05-11 */
div#helptext {
  position: absolute;
/*display: none;*/
  visibility: hidden;
  left: 5px;
/*width: 25em;*/
  max-width: 25em;
  top: 5px;
  min-height: 5em;
  background-color: #ffc;
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 5px 5px 10px #666; /* horizontal vertical verwaschen farbe */
  padding: 10px;
  z-index: 5;
}
div#helptext p {
  margin: 0 0 .5em 0;
}
.help {             /* icon_info.png - veraltet: help-Buchstaben */
/*font-weight: bold;*/
  cursor: help;
}
.help img, img.help {   /* icon_info.png */
  height: 1.2em;
  cursor: help;
  vertical-align: middle;
}
/* 2019-07-31 #translatetext wird in ajax_getHelptext.js eingerichtet */
div#translatetext {
  position: absolute;
  visibility: hidden;
  left: 1%;
/*width: 25em;*/
  width: 98%;
  top: 1em;
  min-height: 5em;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 5px 5px 10px #666; /* horizontal vertical verwaschen farbe */
  padding: 10px;
  z-index: 5;
}
img.translate {   /* icon_nl.png  2019-07-31 */
  display: none;
  height: 1.2em;
/*cursor: pointer;  // wird in ajax_getHelptext.js gesetzt, nur bei Admins */
  vertical-align: middle;
}
/* 2019-09-29 */
.info {
  cursor: pointer;
  padding-bottom: .1em;
  border-bottom: .1pt dotted #f0f;
}
div#infotext {
  position: absolute;
  visibility: hidden;
  left: 5px;
  max-width: 40em;
  top: 5px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 5px 5px 10px #666; /* horizontal vertical verwaschen farbe */
  padding: 10px;
  z-index: 5;
}
/*
div#oben, footer { // 2016-02-04 p510_de.htm, p591inliner.htm, p593_de.htm //
  min-height: 1em;
}
div#oben p, footer p { // 2016-02-04 p510_de.htm, p591inliner.htm, p593_de.htm //
  margin: 0;
  padding: 5px;
}
*/
div#panoramabild {
  position:relative;
  padding:0;
  height:150px;
  overflow:hidden;
}
div#panoramabild img {
  position:absolute;
  width:100%;
  bottom:0;
  z-index:1;
}
div#panoramabild p {
  position:absolute;
  left:5px;
  bottom:5px;
  margin-bottom:0;
  z-index:2;
}

/* 2018-10-09 */
div.position {
  display: flex;
  page-break-inside: avoid;
  margin-bottom: 2em;
}
div.position > div:nth-of-type(1) { /* lfd */
  width: 2em;
  margin-right: .5em;
  text-align: right;
  color: #ccc;
}
div.position > div:nth-of-type(2):before { /* wg. gleicher Breite */
  display: block;
  width: 7em;
  height: 1px;
  content: "";
}
div.position > div:nth-of-type(2) { /* thumbnail */
  width: 7em;
  height: 7em;
  margin-right: .5em;
}
div.position > div:nth-of-type(2) a,
div.position > div:nth-of-type(2) img {
  max-width: 7em;
  max-height: 7em;
  display: block;
  border-radius: 5px;
  border-bottom-style: none;
}
div.position > div:nth-of-type(3) { /* text */
}

/* 2017-04-12 einheitlich //
div.position {
  page-break-inside: avoid;
  margin-bottom: 2em;
  position: relative;
}
div.position > div:nth-of-type(1) { /* lfd //
  float: left;
  width: 2em;
  text-align: right;
  border: 1px solid transparent;
}
div.position > div:nth-of-type(2) {
  float: left;
  margin-left: 2.5em;
  width: 7em;
  overflow: hidden;
  border: 1px solid transparent;
}
div.position > div:nth-of-type(2) img {
  max-width: 100%;
  max-height: 7em;
  display: block;
  border-radius: 5px;
}
div.position > div:nth-of-type(3) {
  margin-left: 10em;
  border: 1px solid transparent;
}
div.position > div:nth-of-type(3) h2 {
  font-weight: bold;
}
div.position::after {
  content: "";
  display: block;
  clear: both;
}
*/
hr {
  margin: 1em;
  color: #0ff;
}
iframe {
  border: 1px solid #aaf;
  border-radius: 5px;
}
img.ic   {border:none; height:1.2em; vertical-align:middle}
img.ic_kl{border:none; height:0.9em; vertical-align:middle}
img.ic_gr{border:none; height:1.7em; vertical-align:middle}
img.qrc {
  display: block;
  width: 15mm;
  height: 15mm;
}

/* **************************************
 * Eingabefelder hellgruen
 * disabled grau (Standard), kein border
 * ************************************** */

button, input, select, textarea {
  font-size: 110%;
  border: 1px solid #88f;
  border-radius: 5px;
  vertical-align: middle;
}
button, .button {
  text-align: center;
  background-color: #aff;
  letter-spacing: .05em;
  cursor: pointer;
  font-family: monospace;
  height: 2em;
/*
  font-family:      arial,sans-serif;
*/
}
button:hover {
  background: #ffa;
}
a > button {
  color: #000;
/*margin-bottom: none; ungueltig*/
}
/*
button:not([size]), button:not([type]):not([size]) {
  width: 30ch;
}
*/
input {
  height: 2em;
}
input, textarea {
  font-family: 'courier new', courier, monospace;
  color: #008;
  padding-left: 0.2em;
  padding-right: 0.2em;
  background: #efe;
}
input:disabled, textarea:disabled {
  border: 1px solid #fff;
  background: #ccc;
}
input:focus, textarea:focus {
  background-color:#ff8;
  border: 1px solid #0c0;
}
input[type='text'] {
  max-width: 100%;
}
/* 2020-10-15 https://forum.selfhtml.org/self/2020/oct/15/css-input-size-vorbelegen/1776604#m1776604 */
input[type="text"]:not([size]), input:not([type]):not([size]) {
  width: 30ch;
}
input[type='checkbox'], input[type='radio'] {
  transform: scale(1.5);
  margin-left: 5px;
  margin-right: 5px;
}
input:required, .pflichtfeld {
  border-left: 4px solid #000 ! important;
}
input[type='reset'], input[type='submit'] {
  font-family:      arial,sans-serif;
}
input[readonly], textarea[readonly]  {
  background-color: #fcc;
}
::placeholder {
   color:    #faa;
}
label {
  border-bottom:  1px solid #f00;
  white-space: nowrap;
}
.lg_bg { /* language background - nicht ausgewaehlte Sprache */
  opacity: 0.5;
}
.lg_bg:hover {
  opacity: 1;
  font-size: 140%;
}
.lg_fg { /* language foreground - ausgewaehlte Sprache */
  font-size: 120%;
  opacity: 1;
}



textarea.feld_gr {margin:0.2em auto 0.2em auto; width:99%}
p  {
  margin: 0 0 0.5em 0;
  letter-spacing: .05em;
}
table.liste {
  border-collapse:  collapse;
  empty-cells:      show;
  margin-bottom: .5em;
}
table.liste td {
  border:            1px solid #ccf;
  padding:           0 5px 0 5px;
  vertical-align:    top;
}
table.liste thead {
  position: -webkit-sticky;
  position: moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;   /* bleibt beim Scrollen am oberen Rand kleben */
  top: 5px;
  background-color: #fe0;
}
table.liste thead td, table.liste thead th {
  border: 1px solid #aaf;
  padding: 5px;
  text-align: left;   /* wg. th */
}
table.liste thead td:before, table.liste thead th:before {  /* Bugfix: sticky loescht border */
  content: '';
  display: block;
  margin-top: -6px;
  margin-bottom: 5px;
  border-top: 1px solid #aaf;
}
table.liste tbody tr:nth-of-type(even) {
  background-color: #eee;
  background-color: rgba(220,220,220,.5);
}
/* Tabelle in p502, p504 mit Vorschlagswerten aus ajax_getTreffpunkte.js 2019-03-18 */
table.t_ajax {
  font-family: sans-serif;
}
table.t_ajax td {
  font-size: 11pt!important;
  font-weight: normal!important;
  text-align: left!important;
  color: #000!important;
}
table.t_ajax tr>td:nth-of-type(1) {
  width: 2.5em;
  text-align: right!important;
}

/* ================
   KLASSEN
   ================ */
.absolute {position:absolute}
.aen {
  font-family:     arial,sans-serif;
  background-color:#ff0!important;
  font-weight:     bold;
  color:           #00a;
}
.aname{padding-top:45px}
.arial {font-family:verdana,arial!important}
.bb {
  border-bottom: 1px solid #800;
  padding-bottom: 5px;
}
.bnone {border:none}
.bgpapier {background-image:url(../img/bg_papier.jpg)}
.bgtransp      {background-image:url(../img/transp.gif)}
.bgtransp_gelb {background-image:url(../img/transp_gelb.gif)}
.bgtransp_grau {background-image:url(../img/transp_grau.gif)}
.bgtransp_gruen{background-image:url(../img/transp_gruen.gif)}
.bgtransp_weiss_20 {background-image:url(../img/transp_weiss_20.png)}
.bgtransp_weiss_40 {background-image:url(../img/transp_weiss_40.png)}
.bgtransp_weiss_60 {background-image:url(../img/transp_weiss_60.png)}
.bgtransp_weiss_80 {background-image:url(../img/transp_weiss_80.png)}
.bgweiss2orange {
  background-image: linear-gradient(#FFFFFF, #FFBB00);
}
.bianca{color:#0af;letter-spacing:2px}
.bo {
  border: 1px solid #aaf;
  border-radius: 5px;
  padding: 5px;
}
.bo .img { /* 2017-06-11 */
  display: block;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.bold {font-weight:bold}
.brot {border:2px solid #f00}
.bt {
  border-top: 1px solid #800;
  padding-top: 5px;
}
.clear {clear:both; font-size:1px; height:1px}
/*.clear::after {
  display: block;
  content: "xxx";
  border: 1px solid #0ff;
  clear: both;
}*/
.cm {text-align:center; vertical-align:middle}
.co {text-align:center; vertical-align:top}
.courier{font-family:'courier new',monospace}
.cur_help {cursor:help}
.cur_pointer {cursor:pointer}
.css_hide{display:none}
.drehlogo {
  transition: transform 3s ease;
}
.drehlogo:hover {
  transform: rotate(360deg);
}
.eintritt_frei {
  display: inline-block;
  background-color: rgba( 0,255,0,.6);
  color: #000;
  padding: 2px 5px;
}
.em05{font-size: 50%}
.em06{font-size: 60%}
.em08{font-size: 80%}
.em11{font-size:110%}
.em12{font-size:120%}
.em13{font-size:130%}
.em14{font-size:140%}
.em16{font-size:150%}
.em18{font-size:180%}
.em20{font-size:200%}
.fehler {
  background: #ff0;
  color: #a00;
  padding: 5px;
}
.fehler_border {
  border: 3px solid #f00!important;
}
.fehler p {
  margin: 0;
}
.feiertag {color:#f00}
.hinweis {
  background: #afa;
  padding: 5px;
}
.hinweis p {
  margin: 0;
}
.float {
  padding-left: 0.2em;
  padding-right:0.2em;
  border-left:  2px solid #fff!important;
  border-right: 2px solid #ccc!important;
}
.fussnote {
  font-size: 80%;
  vertical-align: super;
  color: #00aaff;
}
.icon img {height:1em; vertical-align:middle}
.italic {font-style:italic}
.li {
  float: left;
  margin-right: 1em;
  margin-bottom: .5em;
}
.lo {text-align:left; vertical-align:top}
.loe {
  font-family:     arial,sans-serif;
  background-color:#f00!important;
  font-weight:     bold;
  color:           #fff;
}
/* 2018-10-17 Einheitliches Formular-Layout */
form {
  border-right: 1px solid #ccc;
  padding-right:  5px;
  margin-bottom: .5em;
  background-color: rgba(255,255,0,.1);
}

/* 2020-10-29
form table {
  width: 100%;
  border-collapse: collapse;
  empty-cells: show;
  margin-bottom: .5em;
}
form table td {
  padding: .1em 0 .1em 0;
/* 2020-02-17
  border-top: 1px solid #ccf;
  border-bottom: 1px solid #ccf;
  padding: 2px 5px;
  min-height: 2em;
//
}
form table tr > td:nth-of-type(1) {
  border-bottom: 1px solid #ccc;
}
form tr > td.h3 {
  background-color: #eee;
  padding: .2em;
  color: #a00;
  font-size: 120%;
}
*/
/* .logo ist alt seit 2008-03-20 */
form.logo, form.logo1, form.logo2 {
  display: inline-block;
  width: 2em;
  height: 2em;
  padding: 2px;
  background: #ffc;
  border-left:   2px solid #eee;
  border-top:    2px solid #eee;
  border-bottom: 2px solid #888;
  border-right:  2px solid #888;
  margin-right: 5px;
  margin-bottom: 0;
  overflow: hidden;
}
form.logo1 button, form.logo2 button {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
}
form.logo1 img, form.logo2 img {
  display: block;
  width: 100%;
  height: 100%;
}
form.logo1 img {
  transition: transform 3s ease;
}
form.logo1 img:hover {
  transform: rotate(360deg);
}
.lfd {  /* laufende Nr. in Tabellen */
  text-align: right;
}
.ls0 {letter-spacing:0}
.ls2 {letter-spacing:2px}
.lu  {text-align:left; vertical-align:bottom}
.lt  {
  text-decoration: line-through;
}
.mb00 {margin-bottom:0!important}
.mb05 {margin-bottom:0.5em!important}
.mb10 {margin-bottom:1em!important}
.ml10 {margin-left:1em}
.mr05 {margin-right:0.5em}
.mt00 {margin-top:0!important}
.mt05 {margin-top:0.5em!important}
.mt10 {margin-top:1em!important}
.neu {
  font-family:     arial,sans-serif;
  background-color:#0f0!important;
  font-weight:     bold;
  color:           #000;
}
.nodisplay {display:none}
.nowrap {white-space:nowrap}
.np {padding:0!important}
.pr100 {width:100%}
.pt05 {padding-top:0.5em!important}
.pd05, .px05 {padding:5px}
.pos_markiert {
  background-color: #0f0!important;
}
.rd05 {
  border: 1px solid #ccc;
  border-radius: 5px;
}
.rd08 {
/*background-image: url(../img/transp_weiss_60.png);*/
  background-color: #fff;
  padding: 5px;
  margin-bottom: 0.5em;
  border-radius: 8px;
/*
  border: 1px solid #666;
  box-shadow: 5px 5px 10px #666; /* horizontal vertical verwaschen farbe */
}
.re {
  float: right;
  margin-left: .5em;
  margin-bottom: .5em;
}
remso, .remso {
  background-image: url("http://remso.eu/img/logo_remso.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 1.5em 1.5em; /* width height */
  font-family: sans-serif;
  letter-spacing: 0.1em;
  padding-left: 1.8em;
  color: #f00;
}
.remso_weiss {
  background-image: url("http://remso.eu/img/logo_remso_weiss.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 1.5em 1.5em; /* width height */
  font-family: sans-serif;
  letter-spacing: 0.1em;
  padding-left: 1.8em;
  color: #fff;
}
/* .rgt{width:49%;float:right} ZUSATZ, NICHT BASIS */
.rm  {text-align:right; vertical-align:middle!important}
.ro  {
  text-align: right ! important;  /* ueberschreibt left bei table.liste */
  vertical-align: top;
}
.ru  {text-align:right; vertical-align:bottom}
.row {clear:both; border-top:1px solid #aaa}
.samstag {
  color: #080;
}
.sonntag {
  color: #f00;
}
.shadow {
  box-shadow: 5px 5px 10px #666; /* horizontal vertical verwaschen farbe */
}
.sticky {   /* 2018-04-11 */
  position: sticky;
  top: 5px;
}
.subm_gr {
  width:         100%;
  font-weight:   bold; 
  padding:       5px;
}
.suc {
  background-color:#aaf;
  font-weight:     bold;
  color:           #000;
/*
  font-family:     arial,sans-serif;
*/
}
.titel2 {border:none; border-bottom:1px solid #000; padding:0.2em}
.transp_weiss_20 {background:url(../img/transp_weiss_20.png)}
.transp_weiss_40 {background:url(../img/transp_weiss_40.png)}
.transp_weiss_60 {background:url(../img/transp_weiss_60.png)}
.transp_weiss_80 {background:url(../img/transp_weiss_80.png)}
.upper {text-transform:uppercase}
.vorschlaege {
  position:       absolute;
  left:           0;    /* wird mit JS veraendert */
  top:            0;    /* wird mit JS veraendert */
  min-width:      10px;
  min-height:     10px;
  display:        none;
  text-align:     left;
  padding:        10px;
  border:         2px solid #aaf;
  border-radius:  5px;
  box-shadow:     5px 5px 5px #66a; /* horizontal vertical verwaschen farbe */
  background:     #eef;
  z-index:        10;
  white-space:    nowrap;
/*font-family:    courier,monospace;*/
  font-size: 80%;
}
.warnung {background:#afa; color:#f00; margin:0}
.werktag {color:#000}
/* ENDE */