/* General */ 

nav *, main *, .form-control, .btn {
border-radius: revert;
}


nav .dropdown-menu {
background-color: #343A40;
}

nav .dropdown-menu  a {
color: #C6C6C6;
}


#page-header {
font-family: 'Exo 2', Verdana, Geneva, sans-serif;
padding-top: 0px;
height:90px;
background-color: #FF9966;
clear:both;
}

#page-header .logo {
background-color: #FFFFFF;
color: #FF9966;
border-radius: 35px;
height: 70px;
width: 70px;
font-size: 40px;
font-weight: bold;
text-align: center;
padding-top: 0;
padding-bottom: 8px;
display:flex;
align-items: center;
justify-content: center;
float: left;
margin-top: 7px;
margin-bottom: 7px;
margin-right: 20px;
}

#page-header .toptitel {
font-size: 45px;
line-height: 40px;
font-weight: bold;
vertical-align: baseline;
display:inline;
padding-right: 30px;
white-space: nowrap;
overflow: hidden;
}

#page-header .haupttitel {
font-size: 20px;
line-height: 20px;
font-weight: bold;
color:#FFFFFF;
vertical-align: baseline;
display:inline;
white-space: nowrap;
overflow: hidden;
}

@media (max-width: 767px) {
#page-header .haupttitel, #page-header .toptitel  {
    display: block;
  }
}

#page-header .logout {
display:block;
text-align: right;
height: 20px;
}

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

@media (max-width: 767px) {
main.container {
padding-left: .5rem;
padding-right: .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;
} 

@media (max-width: 991px) {
.navbar-brand {
    display: none;
  }
 
#main-menu .form-inline {
	width:190px;
	}
}

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

.introtext, .title, .beitrag_liste_header, .beitrag_liste-navi {
padding-left: 0.5rem;
padding-right: 0.5rem;
}

#beitrag_liste .title-left {
float:left;
padding: 0 0.5rem;
}

#beitrag_liste .title-right {
float: right;
padding: 0 0.5rem;
}

#beitrag_liste hr {
margin: 0.5rem;
border 0;
border-top: 1px solid #666666;
clear: both;
}

/* Cards */

.card-columns {
	column-count: 1;
	margin-left: -.5rem;
	margin-right: .5rem;
}

/*md*/
@media (min-width: 768px) {
.card-columns.tile {
    column-count: 1;
  }
}

/*lg*/
@media (min-width: 992px) {
.card-columns.tile {
    column-count: 2;
  }
}

.tile { 
  display: flex;
  flex-flow: row wrap;
}

.card {
margin-bottom: 1rem;
border-radius: 0px !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 #666666 1px;
/*max-width: 960px;
margin-left: auto;
margin-right: auto;*/
}

.card .card-body img {
width: 100px;
display:block;
}

.tile .card {
/*height: 350px;*/
  flex: auto;
}

@media (min-width: 768px) {
.tile .card {
    width: calc((100% - 2rem) / 2);
  }
}

.tile .card-header, .tile .card-body {
background-color: #FFFFFF;
border: none;
}

.tile .date {
color: #FF9966;
font-weight: bold;
font-size: .75rem;
}

.tile .card-title {
}

.tile .card img {
width: 80px;
height: 80px;
float:left;
margin: 3px 10px 3px 0;
border-radius: 0px !important;
-o-object-fit: cover;
object-fit: cover;
}

.tile .card img.logo {
height: auto;
}

@media only screen and (max-width: 575px) {
.tile .card img {
width: 100%;
height: 200px;
}

.tile .card img.logo {
width: 80px;
height: auto;
}

}

.tile .card-body {
height: auto;
min-height: 200px;
}


.tile .card-text {
overflow: hidden;
text-overflow: ellipsis;
}

.tile .card-footer {
border-radius: 0px !important;
background-color: #333333;
height: 80px;
overflow: hidden;
color: #ffffff;
}

.tile .card-footer span {
color: #ffffff;
}

.tile .card:hover .card-footer {
   background-color: #000;
}



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

.card-body, .featured .card-footer {
	border-radius: 0 !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 {
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;
}

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

@media only screen and (max-width: 990px) {
.featured .card {
  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;
}

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

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

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

.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;	
 }

.bhead_filter {
text-align: right;
}

#beitrag_liste .title-left h2 {
color: #FF9966;
vertical-align: baseline;
}

#beitrag_liste .title-right {
text-align: right;
vertical-align: baseline;
}

#beitrag_liste .title-right .anzahl {
font-weight: bold;
color: #FF9966;
}

span.sort-order{
	white-space:nowrap; 
}

a.sort-order{
	white-space: pre-line;
}


.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:10px; 
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;
padding: 0 .5rem;
}

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

a.button, a.button:hover, a.button:visited, a.button:focus {
  color: #000;
  text-decoration : none;
}


/* 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;}