/**
* den Link zur Kategeorie geändert, der war viel zu dominant!
* in blog und blog kategorien 
* link ist direkt unter dem Titel
*/
.ast-blog-meta-container .entry-meta a, 
.ast-article-single .entry-meta,
.ast-article-single .entry-meta * {
	color: #9A9A9A;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

/**
* Ast archiv description war für blinde!
* Text der Blogkategorien
*/
.ast-archive-description p {
	font-size: inherit;
}

/*Blog Einleitungstext */
.ast-archive-description {
    max-width: 1200px;
}

/*Seitenbreite der Atrikel in blog und kategrie auf 0 setzten*/
.ast-separate-container .ast-article-post, 
.ast-separate-container .ast-article-single{
	padding:0;
	margin-bottom: 20px;
}
/**Bei spalten layout nicht 3 sondern 3 posts nebeneinander*/
.ast-blog-layout-4-grid .ast-article-post {
    width: 50%;
}
/*für Tablet und Handy 1 spalte(nur handy 543px)*/
@media (max-width:922px){
	.ast-blog-layout-4-grid .ast-article-post {
 		width: 100%;
	}
}

/*Blog widget an der seite alle gleich stylen*/
.ast-separate-container .site-content #secondary .widget {
	padding-top: 2.3em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
	margin-bottom: 2.8em;
}



/*Ab hier Altes css einmal prüfen wenn ich zeit haben*/
/*___________________________________________________*/




/** Downloadbutton ohne alles andere anzeigen für Rezepte oder anderes 
* .button_download als zusatzliche css Klasse angeben */
.button_download a:not(.wp-element-button){
	visibility:hidden;
}

/**Bild in Rezepthintergrund 
* .hintergrundbild als zuatzliche css Klasse angeben */
/*nur für desktop 70% noch machen!*/
@media (min-width: 544px){
	.wp-block-uagb-columns.hintergrundbild{
		background-size:70% !important;
	}
}
/*nur für Handy*/
@media (max-width: 543px){
	/*Hintergrundbild für Handy raus in Rezepte*/
	.wp-block-uagb-columns.hintergrundbild{
		background-image:none !important;
	}
	/*Dowenlodbutton links oder recht auf die Mitte(urspurng) legen, gibt sonst anzeige fehler*/
	.wp-block-file.alignright.button_download,
	.wp-block-file.alignleft.button_download  {
		float:inherit;
	}
}



/*REzeptblock hintergrund Image gesetzt */
.rezept-block-image{

	background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
}
.rezept-block-image.brot{
	background-image: url("https://kleine-stiche.de/wp-content/uploads/2022/12/BlumenrandBrotRezeptHintergrund.png");
}
.rezept-block-image.keks{
	background-image: url("https://kleine-stiche.de/wp-content/uploads/2022/12/BlumenrandKeksRezeptHintergrund.png");
}


/*Seitenleiste*/
/*.sidebar_mainwidgets neben dem Blog ein rand*/
.sidebar-main .widget.widget_block:not(.widget_media_image) {
	border-color:var(--ast-global-color-7) !important;
	border:1px solid;
	border-radius:5px;
}

/* Überschrift der Seitenleiste in den Border gesetzt*/
.bordertitle h3 mark,
.sidebar-main .widget.widget_block h3 mark{
	background-color:white;
	padding-left:1em;
	padding-right:1em;
	font-weight:normal !important;
}
/*Überschrift in den Border legen */
.bordertitle > h3{ 
	margin-top: -0.8em !important;
}

/*Erstes Div(Überschrift) nach oben setzten*/
.sidebar-main .widget.widget_block:not(.widget_media_image) > div{
	  margin-top:-3.2em !important;
}

/* 1. Unterkategorie einrücken*/
.sidebar-main .widget.widget_block li > ul li{
  padding-left: 10px;
}
/*Pagination ist verrutscht*/
.ast-pagination {
	padding-top:0px !important;
}
/*Camelhobs aus Titel entfernt!*/
.entry-title{
	text-transform:inherit !important;
}


/*Button zum Shop so aussehen lassen wie die Socialmedia Links in der Seiten leiste*/
/*Den Button Stylen auf die Farbe von den Icons!*/
.wp-block-button.has-custom-font-size.button-shop .wp-block-button__link {
 	border-color:var(--ast-global-color-7);	
	background-color:var(--ast-global-color-7);
	padding-left:9px !important;
	padding-right:9px !important;
}
/*Icon eingesetzt für den Button*/
.wp-block-button.has-custom-font-size.button-shop .wp-block-button__link:after{
	font-family: dashicons;
	content:"\f174";
	color:white;
}
/*Button für vergrößern vorbeiten von den social links übernommen*/
.wp-block-button.has-custom-font-size.button-shop a.wp-block-button__link{
	transition: transform .1s ease;
	display:flex;
	align-items:center;
	line-height:1.05em;
}
/*beim Hover etwas vergrößern*/
.wp-block-button.has-custom-font-size.button-shop a.wp-block-button__link:hover{
  	font-size: 17px;
	transform:scale(1.1, 1.1);
}

.uagb-post-grid .uagb-post__inner-wrap{
	padding-bottom:0px !important;
	margin-bottom:20px;
}


/*Style für die Blog Vorschau Seiten Desktop und tablet bähm, Handy nicht*/
/*Nicht auf Handy*/
@media (min-width: 544px){
	/*Blogvorschau mit Naht*/
	.blog-vorschau.sticky-note article .uagb-post__image{
		padding-top:30px;
	}
	/*Schrift größer*/
	.blog-vorschau.sticky-note article .uagb-post__title a{
		font-size: 1.0em;
	}
	/*Blogvorschau mit Naht*/
	.sticky-note article:before{
		font-family: dashicons;
		content: "\f460\f460\f460\f460\f460\f460\f460\f460\f460";
		color:black;
		font-size: 1.35em;
		font-weight: bolder;
		position: absolute;
		z-index: 1;
		margin-top: -5px;
		margin-left: -17px;
	}
	/*drehen der Naht auf den Beitragsbildern */
	.sticky-note article:nth-child(5n+0):before{
		transform: rotate(3deg);
	}
	.sticky-note article:nth-child(5n-1):before{
		transform: rotate(-2deg);
	}
	.sticky-note article:nth-child(5n-2):before{
		transform: rotate(0deg);
	}
	.sticky-note article:nth-child(5n-3):before{
		transform: rotate(2.5deg);
	}
	.sticky-note article:nth-child(5n-4):before{
		transform: rotate(-1.5deg);
	}
}
/*Für Tablet style anpassen */
@media(max-width:922px) and (min-width:545px){
	/*Padding um das bild anpassen*/
	.blog-vorschau.sticky-note article .uagb-post__image{
		padding-top:30px !important;
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.sticky-note article:before{
		content: "\f460\f460\f460\f460\f460\f460\f460\f460\f460\f460" !important;
		font-size:1.35em;
	}
	/*Schrift größer*/
	.blog-vorschau.sticky-note article .uagb-post__title a{
		font-size: 1.3em;
	}
}

/*Für Handy style etwas runterfahren*/
@media (max-width:544px){
	/*Hintergrundfarbe*/
	.blog-vorschau.sticky-note article{
		background-color:#ededed;
		box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.72)!important;
	}
	/*Padding um das bild anpassen*/
	.blog-vorschau.sticky-note article .uagb-post__image{
		padding-top:30px !important;
		--padding-top:10px !important;
		padding-left:0px !important;
		padding-right:0px !important;
	}
	/*Schrift größer*/
	.blog-vorschau.sticky-note article .uagb-post__title a{
		font-size: 1.3em;
	}
}