/*
 * Farben
 * 
 * #411B2E Überschriften und menü im Header (Lila)
 * #D7B956 Unterlinie im Header Goldfarbe
 * 
 * #ffffffc4  Karten Hintergrund Transperenz
 * 
 * #FFFFFF  Hintergrund Farbe 0  Hintergrund Weiß Farbwechsel
 * #FFF9E8  Hintergrund Farbe 1  Hintergrund Farbe für alle Seiten
 * #FAF0D7  Hintergrund Farbe 2  Hintergrund Farbe2 Farbwechsel
 * 
 * Footer
 * #411B2E Hintergrund (Lila)
 * #D7B956 Schrift Goldfarbe
 * 
 * */


/* 
 * Überschriften 
 */


/* sticky offset */
[id] {
  scroll-margin-top: 100px;
}





h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, header a{
	font-family: Cabin, sans-serif!important;
}

main :is(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h2, h3), h1, h1 a{
	color:#411B2E;
}

footer h5{
	font-weight: 500;
	letter-spacing: 1px;
}

body h2 {
    font-size: 2.25em;
}

body h3 {
    font-size: 2em;
}

/* Prefix Kategorie und Schlagwort ausblenden im Header */
h1 .archive-title-prefix{
		display:none;
}


/*
 * Header ANFANG
 */

/* sticky header */
header.wp-block-template-part { position: sticky; top: 0; left: 0; right: 0; z-index: 1000;}
.admin-bar header.wp-block-template-part { top: 32px; }

/* mobile logo max Breite */
@media (max-width: 600px) {
	body .wp-block-site-logo img {
    max-width: 70vw;	
		height: auto;
	}
}

/* Breiten und abstände anpassen  */
@media (min-width: 782px) and (max-width: 1300px){
	header.wp-block-template-part .header-box{
		display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	}
}

@media (max-width: 1280px){
	body header > div{
		padding-top: 10px!important;
	}
}

@media (max-width: 768px){
	body header > div{
		padding-bottom: 10px!important;
	}
}


/* höhe des dorp down menüs korregieren */
body .wp-block-navigation .wp-block-navigation__submenu-icon {
    height: 76px;
}

/* Dropdown menü rechtsbündig */
body .wp-block-navigation .has-child :where(.menu-rechtsbundig .wp-block-navigation__submenu-container) {
    left: unset!important;
    right: -1px;
}

/* Dropdown menü min 250px breit */
.wp-block-navigation:where(.has-background) .wp-block-navigation-item__content, .wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
    min-width: 250px;
}


/* schatten des menüs */
@media (min-width: 768px){
	.wp-block-navigation__submenu-container {
		border-bottom: 5px solid #D7B956;
		box-shadow: 0px 4px 8px 5px rgb(0 0 0 / 17%);
	}

	.wp-block-navigation__submenu-container li:first-child {
    border-top: 0px;
	}

	.wp-block-navigation__submenu-container li {
    border-top: 1px solid #c3c3c3;
	}
}

/* Mobiles menü anpassen */
body .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #411b2e;
    color: #d7b956;
}
body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    padding-top: 0px;
}
/*
 * Header ENDE
 */


/* 
 * Footer 
 */
footer a, footer a span{
		color:#F3EBD6;
		text-decoration: none;
		-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

footer a:hover, footer a:hover span{
		color:#D7B956;
}
/*
 * Footer Ende
 */



/* blog liste mit 3 spalten */
.wp-block-post-template.wp-block-post-template {
    background: none;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: auto;
    display: grid;
    grid-gap: 1.5em 1.5em;
		padding-bottom: 50px!important;
}

@media (max-width: 1470px){
	.wp-block-post-template.wp-block-post-template {
    grid-template-columns: 50% 50%;
		}
}

@media (max-width: 960px){
	.wp-block-post-template.wp-block-post-template {
    display: block;
		}
}

/* blog liste hintergrund, schatten, abgerundet */
.wp-block-post-template.wp-block-post-template li, .my-sitebar {
		background-color: #ffffffc4;
		box-shadow:0 8px 18px 0 rgba(0,0,0,0.12);
		border-radius: 8px;
}

/* blog liste text abstand links und unten */
.wp-block-post-template.wp-block-post-template li > figure {
		margin-top: 0!important;
}

.wp-block-post-template.wp-block-post-template li > h2, figure.wp-block-post-featured-image ~ h2 {
		padding-left: 20px!important;
		padding-right: 20px!important;
		padding-top: 20px;
}

figure.wp-block-post-featured-image ~ div {
		padding-left: 20px!important;
		padding-right: 0px!important;
		padding-top: 0px;
		margin-top: 0px;
}

body figure.wp-block-post-featured-image ~ div.taxonomy-post_tag {
		padding-right: 20px!important;
}



body .suchfenster .wp-block-post-template.wp-block-post-template li > div {
		padding-left: 0px!important;
		padding-right: 0px!important;
		/* padding-bottom: 20px!important; */
}

/* blog liste bild 4/3 und oben abgerundet */
.wp-block-post-template.wp-block-post-template img {
    -webkit-aspect-ratio: 4/3;
    aspect-ratio: 4/3;
		border-radius: 8px 8px 0px 0px;
		object-fit: cover;
}

/* Kein abstand über dem block */
.zero_gap, .zero_gap div{
		margin-block-start: 0;
}

/* blog liste abstand über dem bild entfernen */
body .wp-block-post-template:not(.is-flex-container) > li + li, .wp-block-query > .wp-block-query-pagination {
    margin-block-start: 0;
}

body .wp-container-24 > * + * {
    margin-block-start: 0
}

/* blog liste abstand innen unten entfernen */
.wp-block-columns {
    margin-bottom: 0;
}

/* beiträge box hintergrund */
body .bgboxcolor > li{
		background-color:#fff7ef!important;
}

/* Link aussehen in box beiträgen ohn unterschrich */
.wp-block-post a{
  text-decoration: none;
}


/* Schlagwörter im runden rahmen anpassen */
.wp-block-post-terms:is(.is-style-tw-outline, .is-style-tw-outline-pill) a, div.tag-border1 a {
    text-decoration: none!important;
    padding: 0.2rem 0.4rem;
    margin-top: 4px;
    margin-bottom: 4px;
    display: inline-block;
		border: 2px solid #d7b956;
    color: #411B2E;
    font-weight: 500;
		-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.wp-block-post-terms:is(.is-style-tw-outline, .is-style-tw-outline-pill) a:hover, div.tag-border1 a:hover {
		background-color:#d7b956;
		opacity: 1;
}

body .wp-block-post-terms.is-style-tw-plain .wp-block-post-terms__separator {
    width: 10px;
}



/* Button Farben */
body .wp-block-search__button, .wp-block-file .wp-block-file__button, body .wp-block-button__link {
    color: #d7b956;
    background-color: #411b2e;
}

/* Abstand zwischen den Buttons */
body .wp-block-kadence-advancedbtn .kt-btn-wrap {
    margin-right: 20px;
}



/* gästebuch */
.gwolle-gb .gwolle-gb-first {
    border-top: 1px #ddd solid!important;
}

.gwolle-gb .gb-entry {
    border-top: 0px;
		border-left: 1px #ddd solid;
		border-right: 1px #ddd solid;
		border-bottom: 1px #ddd solid;
    padding: 15px!important;
    background-color: #ffffff9e;
}


/* breite 160px -> services */
.min-w160 {
		min-width: 160px;
		max-width: 160px;
}

/* Service bilder werden bei größeren strecken auf 5 pro linie gehalten */
@media (min-width: 782px){
	.service5 > .kt-inside-inner-col {
    gap: calc((90% - 850px) / 4);
	}
}

/* mindest höhe 500px -> Tabfenster */
.min-h500 {
    min-height: 500px;
}

.margin-left15{
		margin-left:15px;
}

.padding-top20{
		padding-top:20px;
}

.inhalt-center{
    text-align: center;
}

/* Abstand zwischen den Buttons*/
.gap20 {
    gap: 20px;
    display: flex;
    justify-content: center;
    flex-flow: wrap;
}

body .gap20 .kt-btn-wrap {
    margin-right: 0px;
}

/* button style form */
footer form input[type="submit"] {
    color: #411b2e;
    background-color: #d7b956;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-align: center;
    text-decoration: none;
    word-break: break-word;
    box-sizing: border-box;
		border: 0;
		border-radius: 0px;
    box-shadow: none;
}

body .wpcf7-list-item {
    margin: 0;
}


/* Beitrag titel fette schrift */
.title-bold .wp-block-latest-posts__post-title {
		font-weight:700;
}

/* Abstände */
.margin-top0 {
		margin-top: 0!important;	
}