/* Font Awesome */
@font-face {
    font-family: 'Font Awesome 6.5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("https://tpl.rotering-net.de/fonts/font-awesome-6-5/fa-solid-900.woff2") format("woff2");
}

@font-face {
 font-family: 'Source Code Pro';
 font-weight: 400;
 font-style: normal;
 src: url('https://tpl.rotering-net.de/fonts/SourceCodePro-Regular.ttf.woff2') format('woff2');
}

.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'Font Awesome 6.5 Free';
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    text-rendering: auto;
    line-height: 1;
}


body {
    font-family: 'Calibri', 'Arial', sans-serif;
    font-size: 16px;
}

header {
    background-color: #6985C5;
    border-bottom: 1px solid #2E4E97;
    padding: 15px;
}

header h1 {
    margin: 0;
    padding: 0;
}

header a {
    color: #C6D3F2 !important;
}

#logo {
    height: 70px; 
    position: absolute;
    right: 0;
    top: 0;
}

nav.breadcrumbs {
    background-color: #C6D3F2;
    padding: 0 15px; 
}

nav.breadcrumbs ol {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

nav.breadcrumbs ol li:before {
    content: "› ";
}

#content {
    margin: 30px;
}

footer {
    border-top: #335142 solid 1px;
    color: #335142;
    margin-bottom: 1em;
    text-align: center;
}

ul.horizontal {
    margin: 0;
    padding: 0;
}

ul.horizontal li {
    display: inline-block;
}

ul.padded li {
    padding: 0 6px;
}

ul.horizontal li a.active {
    font-weight: bolder;
}

a, a:link {
    color: #4A319B;
    text-decoration: none;
}

a:visited {
    color: #624AAE;
}

:not(.tiles) > :not(div) > a:focus,
:not(.tiles) > :not(div) > a:hover,
:not(.tiles) > :not(div) > a:active {
    text-decoration: underline;
}

a.fas:focus, a.fas:hover, a.fas:active,
a:focus .fas, a:hover .fas, a:active .fas {
    text-decoration: none;
    color: #19692c;
}

nav li {
    display: inline;
}

th {
    background-color: #C6D3F2;
    text-align: center;
}

td, th {
    border: 1px solid #bbb;
    padding: 0.25em;
    min-width: 40px;
}

td.highlighted, tr.highlighted td {
    background-color: lightgreen !important;
}

td.thincell {
    width: 10px;
    min-width: 0;
}

td.style1 {
    background-color: mistyrose;
}

td.style2 {
    background-color: lemonchiffon;
}

td.style3 {
    background-color: lightskyblue;
}

td.style4 {
    background-color: palegreen;
}

td.style5 {
    background-color: lavender;
}

td.style6 {
    background-color: antiquewhite;
}

td.style7 {
    background-color: gainsboro;
}

td.style8 {
    background-color: paleturquoise;
}

td.style9 {
    background-color: thistle;
}

td.style10 {
    background-color: lightpink;
}

td.style11 {
    background-color: honeydew;
}

td.style12 {
    background-color: plum;
}

tr:hover td {
    background-color: #FFF6CB;
}

td.fileicon {
    line-height: 0;
    vertical-align: middle;
    text-align: center;
}

fieldset {
	border:2px solid #555;
	border-top-width:18px;
	margin:0.3em 0;
	padding:0.3em;
}

legend {
	background-color:#555;
	color:cornsilk;
	font-weight:bold;
}

input[type=text], input[type=number], input[type=password], input[type=number], select, textarea {
    border: 1px solid #666;
    border-radius: 5px;
    color: cornflowerblue;
    padding: 0.2em;
}

input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, select:focus, textarea:focus {
    border-color: cornflowerblue;
}

label {
    padding-left:0.5em;
}

textarea {
    width: 95%;
}

textarea.textarea-2-rows {
    height: 2.6em;
}

textarea.textarea-10-rows {
    height: 12.2em;
}

kbd {
    font-family: 'Source Code Pro';
    color: blue;
    border: 1px solid gray;
    display: inline-block;
    font-size: 90%;
    padding: 3px;
}

kbd.min50 {
    min-width: 50px;
}

kbd.min20 {
    min-width: 20px;
}


div.tiles {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

div.tiles div {
    background-color: #C6D3F2;
    border: 2px solid #2E4E97;
    border-radius: 5px;
    width: 200px;
    margin: 5px;
    padding: 5px;
}

div.tiles div:hover {
    background-color: #FFF6CB;
}

div.tiles a {
    display: block;
    height: 100%;
}

div.tiles p {
    text-align: center;
    line-height: 1.1em;
    margin: 0 auto;
    padding: 0.25em;
    display: block;
}

div.tiles p.fas {
    font-size: 250%;
}

div.flex-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

div.flex-top-nowrap {
    display: flex;
    align-items: flex-start;
}

div.box {
    border: 1px solid gray;
    padding: 20px;
    margin: 10px;
}

div.box-heading {
    background-color: dimgray;
    margin: -20px;
    margin-bottom: 10px;
    padding: 5px;
    color: white;
}

div.box-heading h3 {
    margin: 0;
    padding: 0;
}

div.box-heading p {
    margin: 0;
    padding: 0;
}

@media print {
 
 body {
  font-size: 11pt;
 }
 
 nav.breadcrumbs {
  display: none;
 }
 
 footer {
  display: none;
 }
 
 td, th {
  border: 1px solid #000;
 }
 
 .noprint {
     display: none;
 }
 
 
 
}


body.iframe {
    color: rgb(60, 60, 60);
}

body.iframe th {
    background-color: #4D6694;
    color: white;
}