/*
 Theme Name:   Twenty Twenty Kind - Eintracht
 Description:  Eintracht Theme
 Author:       Manfred Walter Juli 2024
 Author URI:   http://www.apmedien.de
 Template:     twentytwenty
 Version:      1.1
 Text Domain:  twenty-twenty-kind
*/
:root{
--text-color: #ab130e;
--bg-color: #fef4e1;

}

	body {
		font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
		font-family: Tahoma, Verdana, Helvetica, sans-serif;
		letter-spacing: 1;
		
	}
	
	
	body {
    background: #f1f1f1;
    box-sizing: border-box;
    color: #942825 !important;
	color: var(--text-color) !important;
	
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.8rem;
    letter-spacing: -0.015em;
    text-align: left;
}
/* Hauptnav Pulldown*/
body:not(.overlay-header) .primary-menu ul {
    background-color: #942825 !important;
	background-color: var(--text-color) !important;
}
/* Hauptnav Pulldown*/
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
    color: #942825 !important;
	color: var(--text-color) !important;
}
/* Hauptnav Pulldown Schrift*/


.primary-menu ul li.menu-item a {
    color: #f1f1f1 !important;
}


/* Home Link*/
.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, a {
    color: #942825 !important;
	color: var(--text-color) !important;
}
/* Button HG*/
button:not(.toggle), .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
    background-color: #942825 !important;
	background-color: var(--text-color) !important;
}
	

/* die breite des Contents*/
/* paralles dazu in gutenberg.css einrichten*/
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 58rem;
	max-width: 1000px;
	width: calc(100% - 4rem);
	line-height: 1.8;
}
/* Contentbreite anpassen */

.section-inner {

    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    width: calc(100% - 4rem); 
}




/* Seitenüberschrift ----------------------------- */
.singular .entry-header {padding: 1rem 0 2rem 0;}

/* Font Families ----------------------------- */

.entry-content p,
.entry-content ol,
.entry-content ul,
.entry-content dl,
.entry-content dt {
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	letter-spacing: normal;
}


/* Schriftgrößen*/

h1,
.heading-size-1 {
	font-size: 3.6rem;
	font-weight: 800;
	line-height: 1.138888889;
}

h2,
.heading-size-2 {
	font-size: 3.2rem;
}

h3,
.heading-size-3 {
	font-size: 2.8rem;
}

h4,
.heading-size-4 {
	font-size: 2.4rem;
}

h5,
.heading-size-5 {
	font-size: 2.1rem;
}

h6,
.heading-size-6 {
	font-size: 1.6rem;
	letter-spacing: 0.03125em;
	text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading {
	font-feature-settings: "lnum";
	font-variant-numeric: lining-nums;
	font-weight: 700;
	letter-spacing: -0.0415625em;
	letter-spacing: normal;
	
	line-height: 1.25;
	margin: 3.5rem 0 2rem;
	color: #942825;
	color: var(--text-color);
	!important;
}
	.entry-content h1,
	.entry-content h2,
	.entry-content h3 {
		margin-bottom: 3rem;
	}
	
/* Entry Content ------------------------- */

.entry-content {font-size: 18px;}

ul.primary-menu {
	
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 1.0;

	margin: -0.8rem 0 0 -1.6rem;
}




@media ( min-width: 700px ) {

h1, .heading-size-1 {font-size: 4rem;}

.header-inner {padding: 1rem 0;}
}

@media ( min-width: 1220px ) {
	/* Element Base -------------------------- */
	/* TITLES */
	h1,
	.heading-size-1 {
		font-size: 4rem;
	}
}

/* Logo formatieren */

@media ( min-width: 1000px ) {
	.site-logo img {max-height: 130px; transition: none;}
	.header-titles-wrapper {margin-right: 10px;}
	.header-inner {padding: 1rem 0;}
	.header-navigation-wrapper {margin-top: 80px;}
		.header-navigation-wrapper {margin-top: 50px;}
	/* Suchen Button */
	.primary-menu-wrapper + .header-toggles {margin-left: 0.5rem;}
}

/* Navigation*/
ul.primary-menu {letter-spacing: normal;}


.search-toggle .toggle-icon,
.search-toggle svg {color: #d10a11;}
.toggle-text {color: #d10a11; display:none;}

.header-titles-wrapper {height: 150px;}




/* Footer*/
.footer-menu {
    font-size: 2.0rem;
    margin: -1.5rem 0 0 0;
	font-weight: normal;
}
.footer-copyright {
	font-weight: normal;
	margin: 0;
}
.apmedien {float:right; text-align: right; width: 100%; padding: 10px 0 0 0; font-size: 1.5rem; 
color: var(--text-color) !important; 
letter-spacing: 1.3;}






/* Mitgliedslogin anpassen */

div.swpm-forgot-pass-link,
div.swpm-join-us-link,
.swpm-post-not-logged-in-msg a:not(.swpm-login-link) {display: none;}

.swpm-logged-status, .swpm-logged-membership, .swpm-logged-expiry,
.swpm-edit-profile-link {display:none;}

.site-logo.faux-heading img {max-height: 130px; transition: none;}
.header-inner {padding: 1rem 0;}


.color-accent,.color-accent-hover:hover,.color-accent-hover:focus,:root .has-accent-color,
.has-drop-cap:not(:focus):first-letter,.wp-block-button.is-style-outline,a { color: #ee0606; }


/* Termine formatieren*/
.post-meta-wrapper {

    display: none;
}
.ai1ec-btn-group-vertical > .ai1ec-btn:last-child:not(:first-child),
.ai1ec-get-calendar,
.ai1ec-get-calendar.ai1ec-btn-sm {

    display: none;
}
.comment-respond {display: none;}
hr.styled-separator {display: none;}

#topcontrol {
 

    color: #fff;

    margin-bottom: 5px;
    margin-right: 9px;
    z-index: 8888;

}



#site-footer .to-the-top {
    color: #6d6d6d;
    display: none;
}

.header-inner {padding: 1rem 0; 

background-image: url("header-logo.png");
background-repeat: no-repeat;
/*background-position: right top;
	background-position: right center;
	background-size:cover;
	border: 1px solid #f00;
	
*/


background-size: contain;


}



@media ( min-width: 767px ) {
.site-logo.faux-heading img { display:none;}
.header-inner { background-image: url("header-logo.png");}
}
@media ( max-width: 767px ) {
.site-logo.faux-heading img {margin-top: -50px}
.header-inner { background-image: none;}
.header-inner { height: 150px;}
}

			
.nav-toggle .toggle-icon, .nav-toggle svg {
    height: 0.8rem;
    width: 2.6rem;
   color: var(--text-color);
}

.search-modal .search-field {

    color: var(--text-color);
}

body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle {
    color: var(--text-color);
}

.header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle {
    color: var(--text-color);
}

/*H1 der Startseite ausblenden*/

.page-id-3536 .entry-title {border: 1px solid green; display: none;}


/*oberer Abstand in Spaltenausgane*/
@media (min-width: 700px) {
   
	figure.wp-block-image.size-large {margin-top: 0 !important;}
}

.entry-content h3 {
    margin-bottom: 0;
    margin-top: 0;
}

.is-layout-flex {margin-top: 1.5rem !important;}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook, .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
    background-color: transparent;
    color: #fff;
	color: var(--text-color) !important;
	
}

.wp-block-social-links {
	font-size: 5rem !important;
	margin: 0 !important;
	}

.has-footer-menu {border: 1 solid #f00; 

margin: 0 !important;
padding: 0 !important;

}

.footer-copyright {
    font-weight: normal;
    margin: 0;
	color: var(--text-color) !important;
}


.fill-children-current-color, .fill-children-current-color * {
	fill: var(--text-color) !important;
}

.menu-item-object-custom {
	color: #f00 !important;
	font-size: 5rem !important;
}

.social-icons a, #site-footer button:not(.toggle), #site-footer .button, #site-footer .faux-button, #site-footer .wp-block-button__link, #site-footer .wp-block-file__button, #site-footer input[type="button"], #site-footer input[type="reset"], #site-footer input[type="submit"] {
    background-color: var(--bg-color) !important;
}



	
	.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    word-break: normal;
}

.wpcf7-response-output {
	
	font-family: Verdana, Tahoma, Helvetica, sans-serif !important;
}

.mc-main .event-title button {

    padding: 2px;
	font-size: 2rem;

}






/*My Calender formatierung siehe auch wp-content/plugins/my-calendar/css/reset.css */



.mc-main .mc-list .event-date {
    font-size: 2rem !important; 
}




.mc-list-details.event-count {display: none;}
h2.event-date {margin: 0 !important;}




.mc_bottomnav.my-calendar-footer.weiss .mc-print a {
	border: 1px solid green;
	color: #fff !important;}




