/*
 *  Event-Kalender - kalenderstyle.css (utf-8)
 * - https://werner-zenk.de
 */


/* Link */
a:link, a:visited {
 font-family: Arial, Sans-Serif;
 font-size: 0.85rem;
 color: #529EEA;
}

/* Kalender */
div#kalender {
 box-shadow: 1px 1px 10px #CFCFCF;
 /*background-image: url(hintergrundbild.jpg);
 background-repeat: No-Repeat;
 background-size: Cover;*/
}

table#kalender {
 font-family: Verdana, Sans-Serif;
 background-color: #F5F5F5;
 border-collapse: Collapse;
 width: 100%;
 /*opacity: 0.85;*/
 cursor: Default;
}

/* TH */
table#kalender th {
 background-color: #E5E5E5;
 border: Solid 1px #FFFFFF;
 font-weight: Normal;
}

/* TD */
table#kalender td {
 vertical-align: Top;
 padding: 4px;
 border: Solid 1px #FFFFFF;
}

/* Tabelle Navigation */
table#kalender td#navigation {
 font-size: 1.10rem;
 font-weight: Bold;
 letter-spacing: 2px;
 text-align: Center;
 background-color: #F5F5F5;
}

table#kalender td#navigation span {
 white-space: Nowrap;
}

/* Heute */
table#kalender td.heute {
 background-color: #D5D5D5 !important;
}

/* Wochenende */
table#kalender th.wochenende {
 background-color: #D5D5D5;
}

/* Anzeige (Event, Formular) */
table#kalender td#anzeige {
 font-family: Verdana, Sans-Serif;
 font-size: 0.95rem;
 background-color: #EDEDED;
}

/* Uhrzeit */
table#kalender span.uhrzeit {
 font-family: Arial, Sans-Serif;
 font-size: 0.72rem;
 color: #555555;
}

/* Feiertag */
table#kalender span.feiertag {
 font-family: Arial, Sans-Serif;
 font-size: 0.72rem;
 color: #E60000;
}

/* Ein Tag! */
table#kalender td.eintag {
 height: 50px;
 cursor: Default;
 line-height: 14px;
 word-break: break-all;
 transition: background-color 0.5s;
}

table#kalender td.eintag:hover {
 color: #529EEA;
 background-color: #E8E8E8 !important;
}

/* Kein Tag! */
table#kalender td.keintag {
 height: 50px;
 color: #C5C5C5;
 cursor: Pointer;
 transition: background-color 0.5s;
}

table#kalender td.keintag:hover {
 background-color: #E8E8E8;
 color: #529EEA;
}

/* Aktiver Tag */
.aktivtag {
 box-shadow: Inset 0px 0px 100px 100px #DEEEFC;
}

/* Tabelle (child even/odd) */
table#kalender td:nth-child(even) {
 background-color: #F5F5F5;
}
table#kalender td:nth-child(odd) {
 background-color: #F0F0F0;
}

/* Navigation Link */
span.navLink {
 font-family: Verdana, Sans-Serif;
 font-weight: Normal;
 padding: 2px;
 cursor: Pointer;
 outline: Solid 1px Transparent;
 transition: background-color,outline 0.5s;
}
span.navLink:hover {
 background-color: #DEEEFC;
 outline: Solid 1px #7EB4EA;
}

span.navBlock {
 min-width: 120px;
 display: Inline-Block;
}

/* Event Link */
span.eventLink {
 font-family: Arial, Sans-Serif;
 font-size: 0.72rem;
 color: #529EEA;
 cursor: Pointer;
}
span.eventLink:hover {
 text-decoration: Underline;
}

/* user-select */
table#kalender td#navigation,
 table#kalender td.eintag,
 table#kalender td.keintag,
 table#kalender th.wochentag,
 table#kalender th.wochenende,
 table#kalender span.uhrzeit,
 table#kalender span.feiertag,
 table#kalender span.navLink,
 table#kalender span.eventLink {
 -ms-user-select: None;
 -moz-user-select: None;
 -webkit-user-select: None;
}

mark.mark {
 font-weight: Bold;
 background-color: Transparent;
 color: #529EEA;
}

mark.fehler {
 font-weight: Bold;
 font-size: 18px;
 background-color: Transparent;
 color: #FF0000;
}

/* Kalenderblatt */
div#kalenderblatt {
 color: #555555;
 background-color: #FFFFFF;
}

/* Anzeige */
form#Form,
 p#fehler,
 div#aktevents,
 dl#dl,
 div#kalenderblatt {
 padding: 5px;
 margin: -20px 0px 0px 5px;
}

input, select, textarea {
 font-family: Verdana, Sans-Serif;
 font-size: 0.95rem;
 margin-top: 3px;
}

textarea#textarea {
 width: 420px;
 min-width: 420px;
 max-width: 420px;
 height: 200px;
 min-height: 200px;
 max-height: 400px;
 resize: Vertical;
}

input[type="number"] {
 width: 60px;
}

div#anzeigeBeenden {
 text-align: Right;
 padding-right: 15px;
}

 /* Anpassung an mobile Kleingeräte */
@media screen and (max-width: 35rem) {

 /* TD */
 table#kalender td {
  padding: 1px;
 }

 /* Feiertag */
 table#kalender span.feiertag {
  font-family: Arial, Sans-Serif;
  font-size: 0.60rem;
 }

 /* Uhrzeit */
 table#kalender span.uhrzeit {
  font-family: Arial, Sans-Serif;
  font-size: 0.60rem;
 }

 /* Event Link */
 span.eventLink {
  font-family: Arial, Sans-Serif;
  font-size: 0.60rem;
 }

}

/* Für den Ausdruck optimieren */
@media print {
 div#kalender {
  box-shadow: none;
 }

 table td {
  outline: Solid 1px #888888;
 }

 .print {
  display: None;
 }
}