/*==================================================================*\
    Change Colors
\*==================================================================*/
.blogcontainer a,
.blogcontainer .teaser-full h2.teaser-title,
.blogcontainer .teaser-twothird h2.teaser-title,
.blogcontainer article h2.article-title,
.blogcontainer #blog-pagination .blog-pagination-previous span::before,
.blogcontainer #blog-pagination .blog-pagination-next span::after,
.blogcontainer .comments-pagination .prev.page-numbers span::before,
.blogcontainer .comments-pagination .next.page-numbers span::after,
.blog-pagination-previous,
.blog-pagination-next,
.blog-pagination-previous span::before,
.blog-pagination-next span::after
{
	color: rgba(86, 28, 138, 1);
}
.blogcontainer article .article-category, 
.blogcontainer article .article-category a,
.blogcontainer .ausgewaehltekategorien .widget .widget-title a,
.blogcontainer .relatedposts .widget .widget-title a,
.blogcontainer .relatedposts .widget .widget-title a:hover, 
.blogcontainer .relatedposts .widget .widget-title a:focus, 
.blogcontainer .relatedposts .widget .widget-title a:active,
.post .blogcontainer .article-meta>div a,
.blogcontainer .teaser-full .teaser-category a,
.blogcontainer .teaser-twothird .teaser-category a
{
	color: #a6a4c1;
}
.blogcontainer .teaser-full:hover .teaser-category a,
.blogcontainer .teaser-twothird:hover .teaser-category a,
.blogcontainer .article:hover .article-category a,
.blogcontainer .widget:hover .widget-title a
{
	color: rgba(0, 0, 0, 0.5);
}
.blogcontainer #blog-pagination .blog-pagination-previous:hover span::before,
.blogcontainer #blog-pagination .blog-pagination-next:hover span::after
{
	color: rgba(0, 0, 0, 0.8);
}
.blogcontainer #respond input.submit,
.blogcontainer #respond input:focus,
.blogcontainer #respond textarea:focus
{
	border-color: rgba(86, 28, 138, 1);
}
.blogcontainer #respond input.submit:hover
{
	background-color: rgba(86, 28, 138, 1);
}
/*==================================================================*\
    Text-Aligns & Special Widths
\*==================================================================*/
.blogcontainer .teaser-full .teaser-image
{
	max-width: 800px;
	max-height: 530px;
	margin-left: auto;
	margin-right: auto;
}
.page-category .blogcontainer .article {
    min-height: 355px;
}
/*==================================================================*\
    Bloglogo, Header
\*==================================================================*/
.blogcontainer #bloglogo
{
	background: url('../img/sweethome/header_sweethome.jpg') center center no-repeat transparent;
	background-size: cover;
	width: 660px;
	height: 132px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
{ 
    /* Retina-specific */
	.blogcontainer #bloglogo
	{
		background-image: url('../img/sweethome/header_sweethome@2x.jpg');
		background-size: cover;
	}
}
.mobile .blogcontainer #bloglogo
{
	width: 190px;
	height: 38px;
}
.blogcontainer
{
	margin-top: 60px;
}
.blogcontainer #bloglogo
{
	margin-bottom: 5px;
}
.blogcontainer #blognavigation-top
{
	width: 50%;
}
	
/*==================================================================*\
    Share Buttons Mouseover / Pro and normal Version
\*==================================================================*/
	.blogcontainer .ssbp-wrap .ssbp-list .ssbp-btn.ssbp-facebook:hover,
	.blogcontainer .ssba div a.ssba_facebook_share:hover
	{
		background-image: url('../img/icons/facebook_icon_mouseover_sweethome.png');
	}
	.blogcontainer .ssbp-wrap .ssbp-list .ssbp-btn.ssbp-pinterest:hover,
	.blogcontainer .ssba div a.ssba_pinterest_share:hover
	{
		background-image: url('../img/icons/pinterest_icon_mouseover_sweethome.png');
	}
	.blogcontainer .ssbp-wrap .ssbp-list .ssbp-btn.ssbp-twitter:hover,
	.blogcontainer .ssba div a.ssba_twitter_share:hover
	{
		background-image: url('../img/icons/twitter_icon_mouseover_sweethome.png');
	}
	.blogcontainer .ssbp-wrap .ssbp-list .ssbp-btn.ssbp-email:hover,
	.blogcontainer .ssba div a.ssba_email_share:hover
	{
		background-image: url('../img/icons/mail_icon_mouseover_sweethome.png');
	}
	.blogcontainer .ssbp-wrap .ssbp-list .ssbp-btn.ssbp-whatsapp:hover,
	.blogcontainer .ssba div a.ssba_whatsapp_share:hover
	{
		background-image: url('../img/icons/whatsapp_icon_mouseover_sweethome.png');
	}
	.blogcontainer .ssbp-wrap .ssbp-list .ssbp-btn.ssbp-facebook:hover img,
	.blogcontainer .ssbp-wrap .ssbp-list .ssbp-btn.ssbp-twitter:hover img,
	.blogcontainer .ssbp-wrap .ssbp-list .ssbp-btn.ssbp-pinterest:hover img,
	.blogcontainer .ssbp-wrap .ssbp-list .ssbp-btn.ssbp-email:hover img,
	.blogcontainer .ssbp-wrap .ssbp-list .ssbp-btn.ssbp-whatsapp:hover img,
	.blogcontainer .ssba div a.ssba_facebook_share:hover img,
	.blogcontainer .ssba div a.ssba_twitter_share:hover img,
	.blogcontainer .ssba div a.ssba_pinterest_share:hover img,
	.blogcontainer .ssba div a.ssba_email_share:hover img,
	.blogcontainer .ssba div a.ssba_whatsapp_share:hover img
	{
		visibility: hidden;
	}
	
/*==================================================================*\
    Sweethome: Rezepte
\*==================================================================*/
.blogcontainer table.rezepte
{
	width: 800px;
	max-width: 100%;
	font-size: 17px;
	line-height: 25px;
	margin: 32px auto 62px;
}
	.blogcontainer table.rezepte p,
	.blogcontainer table.rezepte ul,
	.blogcontainer table.rezepte ol,
	.blogcontainer table.rezepte h1,
	.blogcontainer table.rezepte h2,
	.blogcontainer table.rezepte h3,
	.blogcontainer table.rezepte h4,
	.blogcontainer table.rezepte h5,
	.blogcontainer table.rezepte h6	
	{
		width: 100%;
		padding: 0;
		margin: 0 auto;
		max-width: 712px;
	}
	.blogcontainer table.rezepte tr,
	.blogcontainer table.rezepte td,
	.blogcontainer table.rezepte th
	{
		height: auto !important;
	}
	.blogcontainer table.rezepte td,
	.blogcontainer table.rezepte th
	{
		vertical-align: top;
		text-align: left;
	}
	/* --- Rezept Bild --- */
	.blogcontainer table.rezepte .rezept-bild td
	{
		margin: 0 auto;
		text-align: center;
	}
		.blogcontainer table.rezepte .rezept-bild img,
		.blogcontainer table.rezepte .rezept-bild div
		{
			max-width: 100%;
			margin: 0 auto;
		}
	/* --- Rezept Titel --- */
	.blogcontainer table.rezepte .rezept-titel td
	{
		
		font-size: 21px;
		font-weight: bold;
		text-align: center;
		padding: 16px 44px 10px;
	}
	/* --- Rezept Beschreibung --- */
	.blogcontainer table.rezepte .rezept-beschreibung td
	{
		padding-bottom: 24px;
		padding-left: 44px;
		padding-right: 44px;
	}
	/* --- Rezept Zutaten & Rezebt Zubereitung --- */
	.blogcontainer table.rezepte .rezept-zutaten-titel
	{
		padding-bottom: 6px;
		padding-left: 44px;
	}	
	.blogcontainer table.rezepte .rezept-zubereitung-titel
	{
		padding-bottom: 6px;
		padding-right: 44px;
	}	
	.blogcontainer table.rezepte .rezept-zutaten
	{
		font-family: 'Hind', sans-serif;
		font-size: 17px;
		line-height: 24px;
		padding-right: 16px;		
		text-align: left;
		width: 30%;
		padding-bottom: 16px;
		font-weight: 600;
	}
		.blogcontainer table.rezepte .rezept-zutaten p
		{
			font-weight: 600;
			padding-bottom: 6px;
			padding-left: 44px;
		}
	.blogcontainer table.rezepte .rezept-zubereitung
	{
		width: 70%;
		padding-right: 44px;
	}
	.blogcontainer table.rezepte .rezept-zubereitung td
	{
		padding-bottom: 16px;
		padding-left: 44px;
		padding-right: 44px;
	}
	/* --- Print Button --- */
	.blogcontainer table.rezepte tr.rezept-print td
	{
		padding: 0 44px 26px;
		text-align: left;
	}
		.blogcontainer table.rezepte button.rezept-print
		{
			background-color: transparent;
			border: medium none;
			height: 29px;
			padding: 0;
			text-align: center;
			width: 29px;
		}
		.blogcontainer table.rezepte button.rezept-print:hover
		{
			cursor: pointer;
		}
		.blogcontainer table.rezepte button.rezept-print span.btn-print
		{
			background: transparent url("../img/icons/print.png") no-repeat scroll center center / cover;
			display: block;
			height: 29px;
			text-indent: -9999px;
			width: 29px;
		}
		
	/* ========= Mobile ================================== */
		
	.post.mobile .blogcontainer table.rezepte
	{
		width: 100%;
	}		
	.post.mobile .blogcontainer table.rezepte td,
	.post.mobile .blogcontainer table.rezepte th
	{
		width: 100% !important;
		display: block;
		font-weight: normal;
	}
	.post.mobile .blogcontainer table.rezepte th.rezept-zutaten
	{
		font-weight: 600;
	}
	/* --- Rezept Zutaten & Rezebt Zubereitung --- */
	.post.mobile .blogcontainer table.rezepte .rezept-zutaten-titel,
	.post.mobile .blogcontainer table.rezepte .rezept-zubereitung-titel
	{
		display: none;
	}
	
	/* --- Rezept Bild --- */
	.post.mobile .blogcontainer table.rezepte .rezept-bild,
	.post.mobile .blogcontainer table.rezepte .rezept-bild div
	{
		max-width: 100% !important;
		width: 100% !important;
	}
	/* --- Rezept Titel --- */
	.post.mobile .blogcontainer table.rezepte .rezept-titel td
	{
		padding-left: 0;
		padding-right: 0;
	}
	/* --- Print Button --- */
	.post.mobile .blogcontainer table.rezepte .rezept-print
	{
	}
	.post.mobile .blogcontainer table.rezepte tr.rezept-print td
	{
		padding-top: 0;
		text-align: center;
	}
	/* --- Rezept Beschreibung --- */
	.post.mobile .blogcontainer table.rezepte .rezept-beschreibung td
	{
		padding-left: 0;
		padding-right: 0;
	}
	.post.mobile .blogcontainer table.rezepte .rezept-zutaten p
	{
		padding-left: 0;
	}
	.post.mobile .blogcontainer table.rezepte .rezept-zubereitung
	{
		padding-right: 0;
	}
	.post.mobile .blogcontainer table.rezepte .rezept-zubereitung td
	{
		padding-left: 0;
		padding-right: 0;
	}
	/* --- Print Button --- */
	/* .blogcontainer table.rezepte tr.rezept-print td
	{
		padding-left: 0;
		padding-right: 0;
	} */
		
/*==================================================================*\
    Sweethome: Wieso nicht // Desktop / Mobile
\*==================================================================*/
.post .blogcontainer .article-wiesonicht
{
	max-width: 712px;
	width: 100%;
	margin: 40px auto 52px;
	vertical-align: middle;
}
	.post .blogcontainer .article-wiesonicht .wiesonicht-bild
	{
		display: inline-block;
		overflow: hidden;
		text-align: center;
		max-width: 240px;
		max-height: 240px;
		width: 100%;
		height: auto;
	}
	.post .blogcontainer .article-wiesonicht .wiesonicht-bild img
	{
		margin: 0 auto;
		padding: 0;
		max-width: 100%;
		height: auto;
	}
	.post .blogcontainer .postcontent.wiesonicht img::after
	{
		clear: both;
		content: ' ';
		display: block;
		float: none;
	}
	.post .blogcontainer .article-wiesonicht .wiesonicht-content
	{
		display: inline-block;
		width: 410px;
		margin-left: 34px;
		vertical-align: top;
	}	
	.post .blogcontainer .article-wiesonicht span
	{
		font-family: "Hind", sans-serif;
		color: #a6a4c1;
		font-size: 20px;
		line-height: 24px;
		font-weight: bold;
	}
	.post .blogcontainer .article-wiesonicht h4
	{
		font-weight: bold;
		margin-bottom: 7px;
		margin-top: 0;
		font-size: 21px;
		line-height: 24px;
		width: 100%;
	}
	.post .blogcontainer .article-wiesonicht p
	{
		width: 100%;
		margin: 0;;
	}	
	.post .blogcontainer .article-wiesonicht p:last-child
	{
		padding-bottom: 0;
	}
	.post .blogcontainer .article-lead
	{
		max-width: 852px;
	}
	
	/* ========= Mobile ================================== */
	.post.mobile .blogcontainer .article-wiesonicht .wiesonicht-content
	{
		display: block;
		width: 100%;
		margin-left: 0;
	}	
	.post.mobile .blogcontainer .article-wiesonicht .wiesonicht-bild
	{
		display: table;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 24px;
	}
	.post.mobile .blogcontainer .article-wiesonicht h4
	{
		margin-top: 0;
	}
	
	
	.blogcontainer h3 {
		font-size: 21px;
	}