/* Farbfestlegung fuer Header und Footer: */
/* Uebergang von weiss nach leight-gray */
:root {
  --cassiopeia-color-primary: white;
  --cassiopeia-color-hover: #D0D0D0;
  --cassiopeia-color-link: blue;
}

/* Save, Save as ..., etc. button of TinyMCE ("Bearbeiten") have white background -> they're invisible */
/* ... this includes the login-dialog an many others */
.btn-primary {
    background-color: #C0C0C0;
    border-color: black;
}


/* Lokal Fonts: Ubuntu-latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ubuntu-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v12-latin-regular.svg') format('svg'); /* Legacy iOS */
}


/* Umsetzung der Designervorgaben */
body {
  font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 300;
  font-size:   14px;
  line-height: 1.5  !important;
}

h1 {
  font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  font-size:    36px !important;
}
h2 {
  font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size:    28px !important;
}
h3 {
  font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:    24px !important;
}
h4 {
  font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:    18px !important;
}
h5 {
  font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:    14px !important;
}
h6 {
  font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:    14px !important;
}



/* Menuzeile des Headers */
header div.grid-child.container-nav {
    background-color: #D0D0D0;
}
header ul.mod-menu.mod-list.nav {
    color: black !important;
    font-size: 18px !important;
}

header div.container-search {
    height: 25px !important;
}
/* Search vertikal zentrieren */
header .container-search {
    margin-top: .0em !important;
}


/* Menuzeile des Footers */
footer ul.mod-menu.mod-list.nav {
    color: black !important;
}
/* Menuzeile des Footers: Hover-Farbe schwarz (statt default-weiss) */
footer ul.mod-menu.mod-list.nav a:hover {
    color: black !important;
}

/* Responsive Design: Tabelle des Belegungsplans */
table.belegungstabelle {
    width: 100% !important;
    max-width: 650px !important;
    display: block;
	border-collapse: collapse;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

div.container-belegungstabelle {
    container: card
    width: 35em;
}


/* Anpassungen fuer div. Displaybreiten */

/* Little larger screen */
@media only screen and (min-width: 480px) {

}

/* Pads and larger phones */
@media only screen and (min-width: 600px) {

}

/* Larger pads */
@media only screen and (min-width: 768px) {

}

/* Horizontal pads and laptops */
@media only screen and (min-width: 992px) {
    /* Footer-Menu: Hoehe sparend */
    footer div.grid-child {
        padding: 1.0rem .5em !important;
    }
    /* Footer-Menu: Ausrichtung rechts */
    .footer .grid-child {
        justify-content: right !important;
    }
    /* Footer-Menu einzeilig */
    footer ul.mod-menu.mod-list.nav {
        flex-direction: row;
    }
    /* Abstand zwischen den Menupunkten */
    footer ul.mod-menu.mod-list.nav li {
        padding: .25em .5em !important;
    }
}

/* Really large screens */
@media only screen and (min-width: 1382px) {

}

/* 2X size (iPhone 4 etc) */
@media only screen and
        (-webkit-min-device-pixel-ratio: 1.5), only screen and
        (-o-min-device-pixel-ratio: 3/2), only screen and
        (min-device-pixel-ratio: 1.5) {

}