/*
  Kalender - Jahresuebersicht
  Copyright (C) 2022  Ulrich Hilger

  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU Affero General Public License as
  published by the Free Software Foundation, either version 3 of the
  License, or (at your option) any later version.

  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU Affero General Public License for more details.

  You should have received a copy of the GNU Affero General Public License
  along with this program.  If not, see <https://www.gnu.org/licenses/>.
*/
/* 
    Created on : 13.01.2022, 15:17:20
    Author     : Ulrich Hilger
*/

html {
  margin: 0;
  padding: 0;
  height: 100%; /* Anmerkung 2 */
  font-family: sans-serif;
}
body {
  margin: 0;
  padding: 0;
  height: 100%; /* Anmerkung 2 */
  min-height: 0; /* Anmerkung 1 */
  display: flex;
  flex-flow: column;
  /* margin: 0 auto 0 auto; */

  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.5;
  color: #292b2c;
  background-color: #fff;
}
.inhalt {
  display: flex;
  flex-flow: row;
  height: 100%; /* Anmerkung 2 */
  min-height: 0; /* Anmerkung 1 */
}
.nord {
  background-color: lightgray;
}
.sued {
  background-color: #efefef;
  text-align: center;
  font-size: smaller;
  color: #5a5a5a;
}
.west {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 10em;  
  background-color: antiquewhite;
}
.ost {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 10em;
  background-color: antiquewhite;
}
.zentrum {
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.zentrum-inhalt {
  padding: 0em 0.3rem 0 0.3rem;
}
.lipsum {
  color: lightgrey;
}

/*
  Anmerkungen:
  1.) min.height: 0 fuer body und inhalt ist gegen einen Bug, vgl. 
      http://stackoverflow.com/questions/33859811/understanding-flexbox-and-overflowauto 
  2.) height 100% fuer html, body und inhalt sorgt dafuer, dass sich alles 
      immer ueber das gesamte Browserfenster ausdehnt.
*/

a {
  text-decoration: none;
  color: #00b2f9;
}

a:hover {
  color: #6cd5ff;  
}

.zeit-titel {
  /* padding-left: 4em; */
  /* color: white; */
}