body {
	position:relative;
	padding-top:1rem;
	color:#333333;
}
strong {
	font-weight:500;
}
.info-label,
.transport-number {
	text-align:right;
}
.info-line {
	margin-bottom:5px;
}

.text-justify {
	text-align:justify!important;
}
.text-left {
	text-align:left!important;
}
.extra-small {
	font-size: .8em;
}

.no-list-style {
	padding:0;
	list-style:none;
}
.no-list-style li {}

/* --------------------------------------------------
DIVIDER
-------------------------------------------------- */
hr.home-divider,
hr.detail-divider {
	height:2px;
	margin:1.5rem 0 2.5rem 0;
	border:none;
	border-top:2px dotted #333333;
	color:#fff;
	background-color:#fff;
}
hr.primary-divider {
	height:3px;
    margin:3rem 0;
}
hr.secondary-divider {
    margin:3rem 0;
}
hr.tertiary-divider {
	margin:3rem 0;
}
hr.divider.detail-overview {
	margin:0.5rem 0;
}

/* --------------------------------------------------
BUTTONS
-------------------------------------------------- */
.btn-booksharing {
    color: #ffffff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-booksharing:hover {
    color: #ffffff;
    background-color: #6c757d;
    border-color: #6c757d;
}
a.booksharing-pagination,
.booksharing-list .btn-booksharing {
	display:block;
}

a.booksharing-pagination.prev {text-align:left;}
a.booksharing-pagination.next {text-align:right;}

a.booksharing-pagination {color:#333333;}
a:hover.booksharing-pagination {color:#6c757d;}

/* --------------------------------------------------
HEADLINES
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	text-align:center;
	/*font-weight:400;*/
}
.legal-content h1,
.legal-content h2,
.legal-content h3,
.legal-content h4,
.legal-content h5,
.legal-content h6 {
	text-align:left;
	font-weight:400;
}
h1 {
	font-size: 2.0rem;
}
h2 {
	font-size: 1.6rem;
	margin-top: 2.0rem;
}
h3 {
	font-size: 1.2rem;
	margin-top: 0.5rem;
}
h4 {
	font-size: 1.0rem;
	margin-top: 0.5rem;
	
}
.content-style-intro h2,
h2.content-style-intro {
    font-size: 1.0rem;
    margin-top: 0.5rem;
	color:#6c757d;
}
.content-style-intro h2 span,
h2.content-style-intro span {
    display:block;
	font-size: 1.2rem;
	color:#333333;
}
h2 span.intro,
.h1-intro {
    display:block;
	font-size: 1.2rem;
	color:#6c757d;
}
h1 span {
    display:block;
	font-size: 1.2rem;
	color:#6c757d;
	font-weight: 400;
}
.h2-intro {
    display:block;
	font-size: 1.2rem;
	color:#6c757d;
	font-weight: 400;
}

#map h2 {
    font-weight: 400;
	font-size:0.85rem;
	margin-top: 1rem;
}

#map .card-body {
	padding: 1.2rem 0.5rem 0.8rem 0.5rem;
}

.booksharing-list h2,
.booksharing-list h2 span {
    font-size: 1.1rem;
	text-align:left;
	margin:0 0 0.5rem 0;
    font-weight: 400;
    color: #333333;
}

.booksharing-list h2 span {
    display:inline;
	font-weight: 500;
	margin:0;
}

/* --------------------------------------------------
COLORS & ICONS
-------------------------------------------------- */
.icon-green,
.icon-status-green {color:#afdc1e;}
.icon-yellow {color:#ffe600;}
.icon-orange,
.icon-status-yellow {color:#ff8223;}
.icon-red,
.icon-status-red {color:#f55064;}
.icon-grey {color:#6c757d;}
.icon-status-blue {color:#32d7d7;}
.icon-status-lavender {color:#b4a0c8;}
.icon-status-darkgrey {color:#424242;}

.icon-md {font-size:1.5em;}
.icon-lg {font-size:2.0em;}
.icon-xl {font-size:2.5em;}
.icon-xxl {font-size:4.0em;}

.progress-bar.schrank {background-color:#afb42b;}
.progress-bar.zelle {background-color:#0097a7;}
.progress-bar.regal {background-color:#fbc02d;}
.progress-bar.kiste {background-color:#9c27b0;}

.progress.booksharing {
	height:1.7rem;
	margin-top:1.0rem;
}
/* --------------------------------------------------
DIVIDER
-------------------------------------------------- */
.quote-text,
.no-quote {
	font-size:1.5em;
}
.quotes {
	margin-bottom: 6rem;
}
/* --------------------------------------------------
LIST GRID DETAIL
-------------------------------------------------- */
.booksharing-list {}
.booksharing-grid .col {
	margin-bottom: 2rem;
}
.booksharing-grid .btn-booksharing {
	display:block;
}
.booksharing-detail {}

/* --------------------------------------------------
FOOTER
-------------------------------------------------- */
footer {
	margin-top:3rem;
	padding:2rem 0 2rem 0;
	color:#6c757d;
}
footer a {
	color:#6c757d;
	text-decoration:none;
}
footer a:hover {
	color:#f5f5f5;
	text-decoration:underline;
}

footer a.active,
footer a.active:hover {
	color:#f5f5f5;
	text-decoration:none;
}
/* --------------------------------------------------
OTHER
-------------------------------------------------- */

.bsnr {
	font-size:.75em;
	color:#6c757d;
}
.booksharing-source-list a,
.content-lp .container.booksharing-list a {
	color: #333333;
	text-decoration: none;
}
.booksharing-source-list a:hover,
.content-lp .container.booksharing-list a:hover {
	text-decoration: underline;
}

.content-sources .booksharing-source-list .row {
	margin-bottom:5px;
}

.content-audit code {
	color: #666;
}
.content-audit .line {
	font-size: .85em;
}

/* --------------------------------------------------
OpenStreetMap
-------------------------------------------------- */

.leaflet-control-attribution.leaflet-control a,
.leaflet-control-attribution.leaflet-control span {display:none;}

/* --------------------------------------------------
RESPONSIVE
-------------------------------------------------- */
@media (max-width: 575px){
	.info-label,
	.info-content,
	.transport-number,
	.transport-destination {text-align:center;}
	
	img.img-fluid,
	.info-content {margin-bottom:10px;}
	
	.btn-booksharing {padding: 1rem 1rem;}
	
	.footer-nav > div {margin-bottom:1rem;}
	.footer-nav > div a {
		display:block;
		padding:0.3rem 0;
		font-size:1.1rem;
	}
	.footer-nav > div br {display:none;}
	
	.footer-nav .h1-intro {font-size: 1.5rem;}
}