/* General */ 

#page-header {
font-family: 'Exo 2', Verdana, Geneva, sans-serif;
padding-top: 60px;
padding-bottom: 40px;
background-color: #FF9966;
}

#page-header div.logout {
float:right;
text-align: right;
margin-top: -65px;
}

main.container {
background-color: #DDDDDD;
padding-top: 20px;
padding-bottom: 40px;
padding-left: 1.5rem;
padding-right: 1.5rem;
}

.beitrag_liste-navi {
	height: 25px;
}

.beitrag_liste-navi .previous {
	float: left;
}

.beitrag_liste-navi .previous a:before {
	content: "« ";
}

.beitrag_liste-navi .next {
	float: right;
}

.beitrag_liste-navi .next a:after {
	content: " »";
}

.row.bhead {
padding-bottom: 5px;
}

.btn-link {
	color: #FF9966;
	padding:0;
	text-decoration: none;
	font-size: .8rem;
}

.btn-link:hover {
	color: #333;
	text-decoration: none;
}

.btn-link:visited, .btn-link:focus {
	text-decoration: none;
}

input[type = text], select, textarea  {
max-width: 100%;
}

/* Navbar */
a.navbar-brand {
color: #FF9966 !important;
font-weight: bold; 
font-family: 'Exo 2', Verdana, Geneva, sans-serif;
} 

.navbar-dark .navbar-nav .nav-link {
color: #C6C6C6;
} 

.introtext, .title, .beitrag_liste_header, .beitrag_liste-navi {
max-width: 960px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;

}

/* Cards */

.card {
margin-bottom: 1rem;
border-radius: 6px !important;
/*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);*/
border: solid white 1px;
max-width: 960px;
margin-left: auto;
margin-right: auto;
}

.card-header, .featured .card-img-top {
border-radius: 4px 4px 0 0 !important;
}

.card-body, .featured .card-footer {
	border-radius: 0 0 4px 4px !important;
}

.card:hover {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
   transition: box-shadow .1s;
}

.card-body {
background-color: #F6F6F6;
padding: .75rem;
}

.card:hover .card-body, .featured .card:hover .card-body {
background-color: #E9E9E9;
}

.card-body .meta-1 {
	font-size: 0.75rem;
}

.card-body .description {
font-size: 0.85rem;
}

.card-body .meta-2 {
	min-width: 80px;
	font-size: 0.75rem;
}

.card-header {
background-color: #B6B6B6;
padding: .5rem .75rem 0 .75rem;
width: 100%;
min-height: 40px;
}

.card:hover .card-header {
background-color: #AAAAAA;
}

.card-header .id {
font-size: .5rem;
margin-top: -5px;
position: absolute;
}

.card-header .card-title {
padding-top: 5px;
}

.admin .card-header .card-title {
margin-right:100px;
}


.card-header .card-title h4 {
font-size: 1.25rem;
font-weight: bold;
}

.card-header .symbols {
text-align: right;
position: absolute;
width: auto;
}

.admin .card-header .symbols {
width: 80px;
z-index: 100;
top: 20px;
right: 20px;
}

.card-header .symbols .dlbsymbol img {
margin-top: -30px;
}

.blist_img {
  width:100%;
  padding: 0;
  margin: 0;
  border-radius: 6px;
  width: 100%;
  max-height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (max-width: 575px) {
.blist_img {
width: 200px !important;
}
}

.card-group.featured {
margin: 0.5rem -.5rem;
}

@media only screen and (max-width: 990px) {
.card.featured  {
  min-width: 220px !important;
}
}

.featured img {
  width: 100%;
  height: 180px;
  -o-object-fit: cover;
  object-fit: cover;
}

.featured .card-img-overlay {
padding: 0 0.5rem;
max-height: 180px;
overflow: hidden;
display: flex;
}

.featured .card-title {
padding: 0;
align-self: flex-end;
}

.featured .card-body {
padding: .75rem;
border-radius: 0 !important;
background-color: #EEEEEE;
}

.featured .card-text {
	font-size: .82rem;
}

.featured h5.card-title {
	font-size: .94rem;
}

.featured .card-title a {
	color: #FF9966;
	background-color: rgba(70, 70, 70, 0.85);
	padding-top:1.8px;
	padding-bottom:1.8px;
	line-height: 1.4;
}

.featured .card-title a:hover {
	text-decoration: none;
}

.featured .card-footer {
	font-size: .75rem;
	min-height: 65px;
   line-height: 1.25;
   background-color: #F9F9F9;
}

.featured .card:hover .card-footer {
   background-color: #F0F0F0;
}

.featured .card-footer .left {
	float: left;
	width: 50%;
	padding-right: 2px;
}

.featured .card-footer .right {
	float: right;
	width: 50%;
	padding-left: 2px;
	text-align: right;
}


/* Beitragsansicht */

.bdat, div.bdat, img.bdat {
    margin-left: 2%;
}

.komm_table, .bdat.komm_table {
    width: 100%;
    height: 25px;
    margin-top: 20px;
    font-size: .75rem;
}

/* Beitragsliste */
 .login_bhead {
	font-size: .75rem;	
 }
 
.login_bhead a {
	text-decoration: underline;	
 }

.komm_table td {
height: 20px;
}

/* Kommentare */
.container.comment input[type = text] {
width: 100%;
}

.container.comment textarea {
width: 100% !important;
}

/* Forms */ 
.uploadform h6 {
margin-top: 15px;
}

.uploadform input[type = text], .uploadform textarea  {
width: 100%;
}

.uploadform input[name = str_day], .uploadform input[name = str_month], .uploadform input[name = str_year]  {
width: auto;
}

.uploadform .row.last {
margin-top: 25px;
text-align: right;
}

form#uploadForm
{ 
  display: block; 
  margin-bottom:10px;
}
.progress { 
position:relative; 
width:60%; 
border: 1px solid #ddd; 
padding: 1px; 
border-radius: 3px; 
height:24px; 
}
.bar { 
background-color: #FF9966; 
width:0%; 
height:20px; 
border-radius: 3px; 
}
.percent { 
position:absolute; 
display:inline-block; 
top:2px; 
left:48%; 
font-size: 8pt;
}

.btn-outline-success {
color: #FF9966;
border-color: #FF9966;
}

.btn-outline-success.focus, .btn-outline-success:focus {
box-shadow: 0 0 0 .2rem rgba(167, 123, 40, 0.5);
}

.btn-outline-success:hover {
color: #fff;
background-color: #FF9966;
border-color: #FF9966;
}


.templ_files div {
display: inline-block;;
}

.templ_files .icon {
width: 20px;
}

.templ_files a img, .templ_files input[type=image] {
vertical-align: middle;
height: 16px; 
}



/* Search, Podcast */ 
.searchform, .podcastform {
font-size: 10pt;
}


div.searchform {
/*height: 45px;*/
margin-bottom: 20px;
}


.searchform .row, .form-group {
margin-top: 0px;
margin-bottom: 5px;
}

/* Footer */

.footer {
padding-top: 40px;
padding-bottom: 20px;	
background-color: #656565;
}

.footer a {
	color: #FF9966;

}
.footer .podcast {
margin-top: 10px;
text-align: right;
}

.footer ul li {
list-style-type: square;
margin-bottom: .5em;}