/* Header */

.bp-header  {
	height: 150px;
}

.bp-headerbg-img {
	height:200px;
	width:100%;
	z-index: -1;
	position:absolute;
}

.bp-header-img {
	height: 100px;
	width: auto;
}

.bp-logo-img {
	height: 130px;
	width: auto;
}

.bp-mobile-header {
	position: sticky;
	top: 0;
}

.bp-logo-img-mobile {
    height: 70px;
    width: auto;
	transition: 0.2s;
}

/* Search */
#bp_searchInput {
	transition: width .5s ease;
}

#bp_searchInput:not(:focus) {
	width: 0px !important;
}

#bp_searchInput:focus {
	width: 200px;
}

.search-result {
	border: 1px solid black;
	margin: 1rem;
	padding: 1rem;
}

.search-query-found {
	background-color: #ffb347;
}


.bp-footer {
	margin-top: 10px;
	padding-top: 10px;
	background-color: #7aaed9;
	border: 1px solid black;
	border-radius: 20px 20px 0 0;
}

.bp-footer a {
	color: white;
}

.bp-footer a:hover {
	color: green;

}

/* Sidebar #a5c2da*/

.bp-sidebar {
	background-color: #7aaed9DD;
	border: 1px solid black;
	border-radius: 30px;
}

.bp-sidebar-menu button::after{
	width: 1.25em;
	line-height: 0;
	content:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
	transition: transform 0.35s ease;
	transform-origin: .6em 50%;
}

.bp-sidebar-menu button[aria-expanded="true"]::after {
    transform: rotate(90deg);
}

.nav-sidebar .current {
	font-weight: bold;
}

.nav-sidebar .nav-link {
	color: white;
	font-size: 1.15rem;
	font-weight: 700;
	transition: color .3s;
}
.nav-sidebar .nav-link:hover {
	color: green;
}


/* Fonts */
.bp-s1 {
	color: #3333cc;
	font-size: 3.5rem;
	font-family: 'Sacramento', 'Brush Script MT', Helvetica, Arial, sans-serif, cursive;
    text-shadow: -5px 5px 8px #373737;
	font-style: italic;
}


.bp-s1-sub {
	color: #3333cc;
	font-size: 1.5rem;
	font-family: 'Courgette';
}




/* Main */
body {
	font-family: 'Noto+Sans+Display';
	font-family: 'Josefin Sans';
}

.bp-main-col {
    margin: 0px 30px;
	font-size:1.2rem;
}
@media (max-width: 768px) {
	.bp-main-col {
		margin: 0px 0px;
	}
}



.bp-breakall {
	word-break: break-all;
}


.bp-zitat {
	display: inline-block;
	text-align: center;
	background-image: url("/img/general/seifenblasen3.png");
	font-weight: bold;
	background-color: rgba(170,170,170,0.4);
	background-position-x: center;
	border-radius: 20px;
	padding: 10px;
	border: 1px solid black;
}

.bp-zitat-text {
	font-style: italic;
}
.bp-zitat-text::before {
	content: "„";
}
.bp-zitat-text::after {
	content: "“";
}

.bp-zitat-source::before {
	content: "---";
	display: block;
}

/* Blog */
.bp-blogpost {
	border-radius: 30px;
}

.bp-blogpost hr {
	border: 1px solid black;
}

.bp-blogpost-img {
	height: 100%;
	object-fit: cover;
	border-radius: 30px 0px 0px 30px;
}
@media (max-width: 768px) {
	.bp-blogpost-img {
		border-radius: 30px 30px 0px 0px;
	}
}

.bp-blogentry {
	border-radius: 30px;
}

.bp-blogentry hr {
	border: 1px solid black;
}

.bp-blogentry h5 {
	font-weight: bold;
}

.bp-blogentry-header-img {
	max-width: 80%;
	max-height: 30vh;
}

.bp-blogentry-img {
	position: relative;
	display: inline-block; 
	text-align: start;
	max-width: 100%;
	max-height: 50vh; 
	padding-bottom: 50px;
}

.bp-blogentry-img img {
	display: block;
	max-width: 100%;
	max-height: inherit;
	border-radius: 30px 30px 30px 30px;
}

.bp-blogentry-img span {
	position: absolute; 
	margin-top: 7px;
}

.bp-blogentry-img-row {
	max-width: 100%;
}
.bp-blogentry-img-row img {
	display: block;
	max-width: 100%;
	max-height: 50vh;
	border-radius: 30px 30px 30px 30px;
	margin: 10px auto 10px;
}


.bp-blogpost .bp-singleblog-link {
	color: black;
	text-decoration: none;
}
.bp-blogpost .bp-singleblog-link:hover {
	color: rgb(63, 69, 67);
}

.bp-like-btn {
	color: transparent;	
}
.bp-like-btn:hover {
	color: grey;
}
.bp-like-btn.liked {
	color: black;
}

.bp-blog-video {
	max-width: 100%;
	max-height: 50vh;
}

/* #fff0f5 */


/* #fdfd96
#c8f3cd
*/

/* Kategorien */

/*  garten - grün - #afdb72
	bauen - beige - #eec591
	tiere - blau - #93d7e8
	kunst - lila - #c3a6df
	küche - rot - #ed7b6c
	sonstiges - gelb - #fdf896

	gelb, blau, beige, grau, 

*/

.bp-color-tiere {
	background-color: #93d7e8;
}

.bp-color-garten {
	background-color: #afdb72;
}

.bp-color-bauen {
	background-color: #C1C1C1;
}

.bp-color-kunst {
	background-color: #c3a6df;
}

.bp-color-küche {
	background-color: #ed7b6c;
}

.bp-color-sonstiges {
	background-color: #fdf896;
}



/* Youtube */

.yt-wrapper {
	position:relative; 
	height:0; 
	padding-bottom: 56.25%;
}

.yt-video {
	position: absolute; 
	left:0; 
	top:0;
	width: 100%; 
	height: 100%; 
}

@media (max-width: 768px) {
	.cc-revoke {
		display: none !important;
	}
}


.rounded-10 {
	border-radius: 30px;
}