/*
Theme Name: Twenty Twenty-One Child
Description: childtheme
Author: Damiano Rezzonico
Author URI: http://www.newmedia-design.ch
Template: twentytwentyone
Version: 1.0.0
Tags:
*/


.respect-color-scheme-preference.is-dark-theme body {
    background-color: #333333 !important;
}

.respect-color-scheme-preference.is-dark-theme .primary-navigation-open .primary-navigation > .primary-menu-container, .respect-color-scheme-preference.is-dark-theme .primary-navigation-open .menu-button-container {
    background-color: #333333 !important;
}


/* Header Logo */
.site-header {
    padding: 20px 0px;
	/*border:1px solid red;*/
}
.site-logo .custom-logo {
	min-height: 180px !important;
}
.site-branding .site-logo:nth-child(2) {
	display: none !important;
}
.respect-color-scheme-preference.is-dark-theme .site-branding .site-logo:nth-child(2){
    display: block !important;
}

.respect-color-scheme-preference.is-dark-theme .site-branding .site-logo:nth-child(1) {
    display: none;
}

/* End Header Logo */


.primary-navigation a {
	text-decoration: underline;
}

.site-title {
  font-size: 1.8rem;
}

.site-title > a {
	text-decoration: none;
  /*text-decoration-color: ;*/
	
}


.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
  background-color: #666666;
  color: #fff;
  
}

.BildAbstand {
	padding-top: 10px;
}


/* Footer Logo */
.site-name .site-logo:nth-child(2) {
	display: none !important;
}
.respect-color-scheme-preference.is-dark-theme .site-name .site-logo:nth-child(2){
    display: block !important;
}

.respect-color-scheme-preference.is-dark-theme .site-name .site-logo:nth-child(1) {
    display: none;
}
/* End Footer Logo */


/* Footer */

.widget-area {
    margin-top: calc(2 * var(--global--spacing-vertical));
    padding-bottom: calc(var(--global--spacing-vertical) / 3);
}
/* End Footer */


/* Content width */
	.entry-content {
    max-width: var(--responsive--alignwide-width);
    margin-left: auto;
    margin-right: auto;
}
/* End Content width */


/* Content */

.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), [class*="inner-container"] > :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.editor-styles-wrapper .wp-block {
    max-width: 1200px !important;
}

h1, .h1, .singular .entry-title {
    font-size: 3em;
    letter-spacing: var(--heading--letter-spacing-h1);
    line-height: var(--heading--line-height-h1);
}

.singular .entry-header {
    border-bottom: 1px solid var(--global--color-border);
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.wp-block-button.is-style-outline .wp-block-button__link {
    padding: 10px;
}

.post-thumbnail .wp-post-image {
    display: block;
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(0 * var(--global--spacing-vertical));
}

/* End Content */


/* blog */
.blog .entry-title.default-max-width, 
.blog .entry-footer.default-max-width {
	margin-left: auto;
    margin-right: auto;
    width: var(--responsive--alignwide-width);
    max-width: var(--responsive--alignfull-width);
}
.single-post .entry-footer.default-max-width, 
.single-post .comments-area.default-max-width {
	margin-left: auto;
    margin-right: auto;
    width: var(--responsive--alignwide-width);
    max-width: var(--responsive--alignfull-width);
}
/* end blog */


.edit-link {
	display: none !important;
	
}

/*  iPad hoch */

@media handheld, only screen and (max-width: 1024px) {
	
	.primary-navigation .primary-menu-container > ul > .menu-item > a {
    padding-left: 8px;
    padding-right: 8px;
}

}


/* iPhone hoch */

@media handheld, only screen and (max-width: 479px) {

	.site-header, .entry-header > :first-child {
    	padding: 20px 0px;
	}
	
	
	.site-title {
  font-size: 1.5rem;
}

	.site-logo .custom-logo {
		max-width: var(--branding--logo--max-width);
		max-height: var(--branding--logo--max-height);
		height: auto;
		width: auto;
		height: 120px !important;
	}
	
	.site-header:not(.has-logo).has-title-and-tagline .site-branding {
  	margin-right: 0;
  	max-width: 320px !important;
}	

}