/*
Projekt       : Pflug Immobilien
Komponente    : Wordpress
Datei         : style.css
Beschreibung  : Spezielle Anpassungen des Themes "twentytwentyfive" für die Website "pflug-immobilien.de"
Author:         Datenwege Informatik
Author URI:     https://Datenwege-Informatik.de
Template:       twentytwentyfive
Version:        1.0
Historie
   04.11.25  Gernot Daum  Beginn der Implementierung
*/

/* Eigene Konstanten body */
body {
	/*   Schriften */
	--wp--preset--font-family--system-font: "Montserrat Regular", -apple-system, BlinkMacSystemFont, sans-serif;
  
  /*   Breiten und Abstände */
  --global--spacing-unit: 15px;
  --global--spacing-horizontal: var(--global--spacing-unit);
  --global--spacing-vertical: calc(2 * var(--global--spacing-unit));
  --global--spacing-section: calc(3 * var(--global--spacing-vertical));
  --default-outer-margin-mult: 4;
	--default-outer-margin: calc(var(--default-outer-margin-mult) * var(--global--spacing-horizontal));
	--default-outer-spacing: calc(2 * var(--default-outer-margin));
  --global-seam: 6px;
  
  --street-width: 1440px;
  --responsive--street-width: min(calc(100vw - var(--default-outer-spacing)), var(--street-width));
  --constriction-width: 1120px;
  --responsive--constriction-width: min(calc(100vw - var(--default-outer-spacing)), var(--constriction-width));
  --responsive--content-width: var(--responsive--constriction-width);
  --single-track-width: 800px;
  --responsive--single-track-width: min(calc(100vw - var(--default-outer-spacing)), var(--single-track-width));
  --margin-street: max(var(--default-outer-margin), calc((100vw - var(--street-width)) / 2));
  --margin-constriction: max(var(--default-outer-margin), calc((100vw - var(--constriction-width)) / 2));
  --wp--style--global--content-size: var(--constriction-width);  
}

/* Allgemein */
body {
	font-size: var(--wp--preset--font-size--medium)
}

/* Theme Reset */
:where(.wp-site-blocks :focus) {outline: none}
 
/*   Diverse Standards */
.small1 {display: none}
body {hyphens: auto}
#content h2 {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: calc(var(--global--spacing-vertical) / 2)
}
#content h3 {
	margin-top: calc(2 * var(--global--spacing-vertical) / 3);
	margin-bottom: calc(var(--global--spacing-vertical) / 2)
}
a {
	color: var(--wp--preset--color--accent-3);
	text-decoration: none
}
a:hover {text-decoration: underline}
.listcaption {margin-bottom: 4px}
.listcaption + * {margin-top: 4px; margin-block-start: 4px}

 
/* Kopf */
#content header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-width: none;
	color: white;
	transition: all 0.5s
}

#content header.scrollpos1 {background: var(--wp--preset--color--custom-color-1)} 
#content header.scrollpos2 {top: -230px} 


#masthead > * {max-width: var(--responsive--street-width)}
#masthead .current-menu-item a, #masthead a:hover {
	color: var(--wp--preset--color--accent-5);
	text-decoration: none
}
#masthead nav {width: 100%}
#masthead nav li {min-width: 100px}
.wp-block-site-logo {
	padding: var(--global--spacing-unit);
	background: var(--wp--preset--color--accent-2);
	border-radius: var(--global--spacing-unit)
}
.wp-block-site-title {text-align: center}


/* Fuß */
#footer .contactarea {width: 30%; max-width: 300px}
#footer .contactformarea {width: 50%; max-width: 960px}
#footer .contactarea td:first-child {width: 25%}
#footer .contactarea td {border: none}
 
/* Navigation */ 
/* header nav .logo, .wp-block-site-title {display: none} */


/* Inhalt */


/* Responsive */