@media screen {
	
/*
Theme Name:   Twenty Twenty-Five Child
Description:  Twenty Twenty-Five Theme
Author:          herriger.koeln
Template:         twentytwentyfive
Version:          1.0.0
License:          GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  twentytwentyfive
 
*/

:root {
			--text-color: rgba(0,0,0,0,0.8); /* black, 80% */
			--navigation-color: rgba(141,26,31,1); /* red */
			--bg-color: #FFF; /* white */
			--accent-color: #690; /* green */

			--main-font: 'Baskervville', sans-serif;
			--accent-font: 'Quicksand', sans-serif;
			--slider-font: 'Roboto Condensed', sans-serif;

			--main-font-size: 1.175rem; 
	
			--nav-headline: 1.75rem;
			--nav-subheadline: 1.25rem;
			
	
			/*--small-font-size: 1rem;
			--headline: 1.85rem;
			--sub-headline: 1.4rem;*/

			--line-height: 1.75rem; /* ~33pt */
			--line-height-small: 1.8rem; /* ~29pt */

			--content-width: 1920px;

			--bg-height: 500px;

		  }

/* RESET */
body { margin: 0; padding: 0; position: relative; color: var(--text-color); font-size: var(--small-font-size); line-height: var(--line-height); }
html, body { overflow-x: hidden; font-family: var(--main-font); background-color: var(--bg-color); }
.has-global-padding { padding-right: 0 !important; padding-left: 0 !important; }
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)), .wp-container-core-group-layout-2.wp-container-core-group-layout-2 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; max-width: 100vW !important; }
	
:where(.wp-site-blocks *:focus) { outline: none; box-shadow: none; }
a:focus { outline: none; }


/* CONTENT WIDTH */
.fullwidth: { width: 100vW; max-width: 100vW !important; }
.content-width { width: var(--content-width); margin: 0 auto; }
	
/* HEADER */
	#wrapper-header { margin-top: 2rem; justify-content: center; align-items: baseline; justify-content: space-between; }
	#wrapper-header :is(#wrapper-header-left, #wrapper-header-right) { align-items: baseline; }
	
	#wrapper-header h1 { font-family: var(--accent-font); font-weight: 600; font-size: var(--nav-headline); color: var(--navigation-color); text-transform: uppercase; letter-spacing: 2px; }
	#wrapper-header h1 a { text-decoration: none; }
	#wrapper-header h2 { font-family: var(--accent-font); font-weight: 300; font-size: var(--nav-subheadline); color: var(--accent-color); position: relative; }
	
	#wrapper-header h2::before { content: "["; font-size: calc(var(--nav-headline) + .3rem); color: var(--navigation-color); margin-right: 0.3rem; }
	#wrapper-header h2::after { content: "]"; font-size: calc(var(--nav-headline) + .3rem); color: var(--navigation-color);  margin-left: 0.3rem; }
	
	#wrapper-header .wrapper-header-right-subnav h3.nav-kontakt a { font-family: var(--accent-font); font-weight: 600; color: var(--accent-color); text-decoration: none; font-size: var(--nav-subheadline); text-transform: uppercase; }
	
	
	
/* MAIN */
	h1.wp-block-post-title { width: var(--content-width); margin: 0 auto; }
	h1, h2, h3, h4, h5, h6 { font-family: var(--accent-font); }
	
	
	
	
	
/* FOOTER */
	#wrapper-footer { margin: 0; background-color: var(--accent-color); color: var(--bg-color); font-family: var(--accent-font); align-items: baseline; }
	#footer > div { justify-content: space-between; }
	#wrapper-footer #footer-left { align-items: baseline; gap: 0.5rem; }
	#wrapper-footer #footer-left p { font-size: var(--nav-headline); font-weight: 600; letter-spacing: 2px; }
	#wrapper-footer #footer-left p.fr-title { font-size: calc(var(--nav-headline) - 0.6rem); }
	#wrapper-footer #footer-left p.fr-name { font-size: var(--nav-headline); }
	
	#wrapper-footer #footer-right nav { font-size: var(--nav-subheadline); text-transform: uppercase; font-weight: 600; letter-spacing: 0; }
	#wrapper-footer #footer-right nav a { text-decoration: none; }
	
	nav li:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: 0;
    color: yellow;
}
	
	
}