@charset "UTF-8";
/* CSS Datenbank Neuer Israelitischer Friedhof Leipzig */
/* Body */
body{font-family: 'Fira Sans Condensed'; font-size: 16px; height: 100%; margin: 0;} 
/* Loginbox */
.loginbox{padding-top: 3em;}
/* Header */
header{background-color: #000066; border-bottom: 2px solid #000; font-size: 1.2em; color: #fff; }
.headerbox{padding: 0.3em 0;}
/* Navigation */
.hnavi {font-size: 1.2em; background-color: #ccc; border-bottom: 2px solid #000066;}
.menu a {color: #000066;}
.mobilmenu {
    display: none;
    background-color: #ccc;
    border-bottom: 2px solid #000066;
    padding-left: 1em;
    position: absolute;
    width: 100%;
    z-index: 1000;
    top: 97px;
    font-size: 1.5em;
}
.mobilmenu > ul > li > a {color: #000066;}
.title-bar{background-color: #333366;}

/* Schrift */
h1, h2, h3, h4 {font-family: 'Fira Sans Condensed'; color: #000066;}
h1 {font-size: 1.8em; margin-top: 0.5rem; font-weight: 600;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em; font-weight: 600;}
.bigtx{font-size: 1.3em;}

/* Formular */
.perstext{min-height: 120px;}
.sonsttext{min-height: 60px;}
hr {border: 1px solid #000066;}
h3.green {color: #009900;}
.hgreen{background-color: #9AFF4C;}
.klein{font-size: 0.7em;}
.warnrot{color: #cc0000; font-weight: bold;}
.grback{background-color: #ccc;}
.input-container {position: relative; display: inline-block; width: 100%}
.clear-button { position: absolute; right: 5px; top: 37%; transform: translateY(-50%); cursor: pointer; font-size: 1.5em; font-weight: bold; color: #ccc;}

/* Tabelle */
.listentitel{background-color: #000066; color: #fff;}
.zeile {cursor: pointer; }
.zeile:hover {background-color: #938EFA;}
.suchfeld table{width:100%; border: none;}
.suchfeld table tr td{background-color: #ccc;}
.suchfeld table tr td input, .suchfeld table tr td select, .suchfeld table tr td a{margin-bottom: 0.3rem;}
th {text-align: left; background-color: #000066; color: #fff;}

/* Accordion */
.accordion-title{font-size: 1.3rem; font-weight: bold;}

/* Footer */
.footer{display: flex; flex-direction: column; min-height: 50vh; background-color: #ccc; padding: 2em 1em; margin-top: 2em;}
.lastabs{background-color: #ccc; flex-grow: 1;}

/* Medium */
@media print, screen and (min-width: 40em) {
    header{font-size: 1.4em;}
    h1{font-size: 2.4em;}
    h2{font-size: 2em;}
}

/* Large */
@media print, screen and (min-width: 64em) {
    
}