@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }
}

/*@font-face {*/
/*    font-family: 'DINProLight';*/
/*    src: url('../fonts/DINProLight.eot');*/
/*    src: local('DINProLight'), url('../fonts/DINProLight.woff') format('woff'), url('../fonts/DINProLight.ttf') format('truetype');*/
/*}*/
/*!* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_13033">Text with this font applied</p> *!*/
/*.fontsforweb_fontid_13033 {*/
/*    font-family: 'DINProLight', sans-serif !important;*/
/*}*/

/* Font downloaded from FontsForWeb.com */

body {  }


div.schatten { box-shadow: 6px 6px 3px grey; }

.linkable { cursor: pointer; }

.inhaltsverzeichnis { background-color: #fcfcfc; padding: 0.6em; cursor: pointer; }
.inhaltsverzeichnis .level0 { padding-left: 0; font-weight: bold; }
.inhaltsverzeichnis .level1 { padding-left: 1em;  }
.inhaltsverzeichnis .level2 { padding-left: 2em; font-style: italic; }
.inhaltsverzeichnis .level3 { padding-left: 3em;  }
.inhaltsverzeichnis .level4 { padding-left: 4em;  }
.inhaltsverzeichnis .last-leaf { }
.inhaltsverzeichnis .last-leaf:hover { background-color: yellow;  }
.inhaltsverzeichnis .last-leaf.active { background-color: orange;  }

.foto-dropzone {
    min-height: 10em;
    border: 1px solid #a8a8a8;
    /*background-image:*/
    /*    repeating-linear-gradient(45deg,*/
    /*    #fff,*/
    /*    #f7f7f7, #a9a9a9, #f7f7f7, #a9a9a9,#f7f7f7, #a9a9a9, #f7f7f7, #a9a9a9 );*/
}

.tn-status-none:hover { border: 2px solid; cursor: pointer; }
.tn-status-ok:hover { border: 2px solid green; cursor: pointer; }
.tn-status-list:hover { border: 2px solid orange; cursor: pointer; }

.left-bar { border-left: 3px solid #cccccc; display: inline-block; margin-right: 2em; }
.left-bar h4.empfehlung { margin-top: 0; padding: 0 1em; }


table.linkable tr { cursor: pointer; }
table.table-striped td { vertical-align: middle !important; }
table.plain td { padding: 0.2em 1em; }

table.table-striped tbody tr:hover { background-color: rgba(0,0,0,0.25); }

td.dt-nowrap { white-space: nowrap }

.termin-abgesagt { background-color: #ffe2e2 !important; }

#lexentry-dialog .row { margin: 0.4em 0; }

.samson { background-color: #ffebeb; }
.infoblock { margin: 2em 0; padding: 0.8em; background-color: #ebebeb;  }
.invinput { border:1px; width: 50px; }
.pick-date { width:50px; height:20px; padding:0 3px; background-color: #f7f7f7; }
#zettel-table .fa { font-size: large; margin: 0 0.5em; cursor: pointer; }

.warning { color: red; }
.success { color: green; }

.btn-empfaenger { padding: 0.2em 1.5em; }
.btn-empfaenger span { visibility: hidden; }
.btn-empfaenger:hover span { visibility: visible; }

.card-content.big-font { font-size: 18px; }

.login-form { width: 246px; position: absolute; left: 50%; margin-left: -123px; }

.tab-padding { padding: 1.4em; }
.tab-padding .row { margin-top: 0.4em; }


.fulljustify {
    text-align: justify;
}
.fulljustify:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.btn-line { text-align: right; margin-bottom: 1.7em; display: block; }
.btn-line h3 { float: left; margin-top: 0.4em;  }

span.zeitungsmascherl, span.newslettermascherl { margin-left: 0.4em; }

.truncate { width:120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/*.flex-box { display:flex; align-items: center; }*/

.red-top-border td { border-top: 1px solid red !important; }
.red-bottom-border td { border-bottom: 1px solid red !important; }
.container-button { margin-left: 1.4em; }

/* Übersicht */
div.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
div.accordion.active, div.accordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
div.panel-accordion {
    padding: 0 18px;
    background-color: white;
    display: none;
}


table.verteilung tr td { text-align: right; }
table.verteilung tr td:first-child { text-align: left; width: 60%; }
table.verteilung tr td:last-child { width: 20%; }



table.kalender-table { table-layout: fixed; width: 90%; margin-left: 5%; }
table.kalender-table td { width: 12%; font-size: 9px; vertical-align: top !important; height: 92px; overflow: hidden; }

table.kalender-wochen-table { width: 90%; margin-left: 5%; }
table.kalender-wochen-table td { vertical-align: top !important;  }



ul.suggestions { padding:0; margin: 0; }
ul.suggestions li { list-style: none; background-color: #f0f0f0; padding: 0.3em; }
ul.suggestions li:nth-child(odd) { background-color: #e3e3e3; }
ul.suggestions li:hover { background-color: #0097cf; cursor: pointer; }

ul.referent-list { padding:0; margin: 1em; }
ul.referent-list li { list-style: none; background-color: #f0f0f0; padding: 0.3em 0.7em; }
ul.referent-list li:nth-child(odd) { background-color: #e3e3e3; }
ul.referent-list li:hover { background-color: #0097cf; cursor: pointer; }

.btn-blue { background-color: #00349a; }
.grau { color: #82878c; }



/*

typeahead

 */

span.twitter-typeahead { width: 100%; display: inline !important; }

.tt-query, .tt-input {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-menu {    /* used to be tt-dropdown-menu in older versions */
    width: 422px;
    margin-top: 4px;
    padding: 4px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px;
}

.tt-suggestion.tt-cursor,.tt-suggestion:hover {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}