/*
Theme Name:   Beate Meuth (GeneratePress Child-Theme)
Theme URI:    https://tinathanner.com/
Author:       Günther Stuckardt 
Description:  Child-Theme für GeneratePress
Template:     generatepress
Version:      1.0 (25.06.2026)
*/


/* global styles */
:root {
	--wo-content-width: 1196px;
	--wo-header-footer-width: 1196px;
}

/* ysabeau-office-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ysabeau Office';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ysabeau-office-v4-latin-regular.woff2') format('woff2'); 
}
/* ysabeau-office-italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ysabeau Office';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/ysabeau-office-v4-latin-italic.woff2') format('woff2'); 
}
/* ysabeau-office-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ysabeau Office';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/ysabeau-office-v4-latin-500.woff2') format('woff2');
}
/* ysabeau-office-500italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ysabeau Office';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/ysabeau-office-v4-latin-500italic.woff2') format('woff2');
}
/* ysabeau-office-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ysabeau Office';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/ysabeau-office-v4-latin-600.woff2') format('woff2'); 
}
/* ysabeau-office-600italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ysabeau Office';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/ysabeau-office-v4-latin-600italic.woff2') format('woff2');
}
/* ysabeau-office-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ysabeau Office';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/ysabeau-office-v4-latin-700.woff2') format('woff2'); 
}
/* ysabeau-office-700italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ysabeau Office';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/ysabeau-office-v4-latin-700italic.woff2') format('woff2'); 
}



/* source-sans-4-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-sans-3-v19-latin-regular.woff2') format('woff2'); 
}
/* source-sans-4-italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/source-sans-3-v19-latin-italic.woff2') format('woff2'); 
}
/* source-sans-3-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/source-sans-3-v19-latin-500.woff2') format('woff2');
}
/* source-sans-3-500italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/source-sans-3-v19-latin-500italic.woff2') format('woff2'); 
}
/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/source-sans-3-v19-latin-600.woff2') format('woff2'); 
}
/* source-sans-3-600italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/source-sans-3-v19-latin-600italic.woff2') format('woff2'); 
}
/* source-sans-3-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/source-sans-3-v19-latin-700.woff2') format('woff2'); 
}
/* source-sans-3-700italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/source-sans-3-v19-latin-700italic.woff2') format('woff2'); 
}



/* elements */
body {
	margin:0 !important;
}
h1, h2, h3 {
	font-family: 'Source Sans 3';
}

p {
  margin-bottom: 20px;
}

#page {
	margin-top: -75px;
}
#content {
	padding-top: 0;
}
.button, .wp-block-button .wp-block-button__link {
  	padding: 4px 40px;
	font-family: 'Source Sans 3';
	border-radius:0;
	border: 2px solid var(--contrast);
}
.button.red, .wp-block-button.red .wp-block-button__link {
  	color: var(--base-3);
	border: 2px solid var(--base-3);
}

/* header */
.site-header {
	z-index: 500;
}
.inside-header, .footer-widgets-container {
	max-width: var(--wo-header-footer-width);
	/*border:2px solid red;*/
}

/* main menu */
.inside-header {
	position: relative;
	align-items: center;
  	display: grid;
 	justify-items: baseline;
  	grid-auto-flow: column;
	grid-template-columns: 25% 75%;
	padding: 20px;
}
#site-navigation {
	margin-bottom: 26px;
}
.main-navigation a {
	font-family: 'Source Sans 3';
	font-size: 20px;
	font-weight: 600;
}
.main-navigation .main-nav ul li a {
	line-height: 25px;
}

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
 background-color: transparent;
font-size: 26px;
  line-height: 28px;
}
button.menu-toggle:active, button.menu-toggle:focus, button.menu-toggle:hover {
  background-color: transparent;
}

@media (max-width: 1350px) {
	.has-inline-mobile-toggle .inside-header {
		flex-direction: row;
		text-align: left;
		flex-wrap: wrap;
		padding: 20px 20px;
		display: flex;
	}
	.main-navigation .main-nav ul li a {
		line-height: 40px;
	}
	.main-navigation.toggled .main-nav {
		margin-bottom: 40px;
	}
	.main-navigation.toggled .main-nav li:hover, 
	.main-navigation.toggled .main-nav li.current_page_item {
	  background: transparent;
	}
}

/* layout */
.one-container .site-content {
  padding:20px;
}

:where(.wp-block-columns) {
  margin-bottom: 0;
}

/* hero */
.hero-container {
	margin-left: calc(-2500px / 2 + 100% / 2);
	margin-right: calc(-2500px / 2 + 100% / 2);
	max-width: 2500px;
	width: auto; 
	margin-bottom: 30px;
}
.hero-container.nomargin {
	margin-bottom: 0px;
}

@media (max-width: 2500px) {
	.hero-container {
		margin-left: calc(-100vw / 2 + 100% / 2);
 		margin-right: calc(-100vw / 2 + 100% / 2);
 		max-width: 100vw;
	}
}
.hero-container .wp-block-cover__inner-container {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}

/* hero text col */
.hero-text-col {
	display: block;
	line-height: 1.3;
	opacity: .9;
}


/* mobile anpassungen */
.desktop-only {
	display: block !important;
}
.mobile-only {
	display: none !important;
}

body.wp-admin .mobile-only {
	display: block !important;
	/*border:2px dotted black;*/
}



/* footer */
.footer-widgets-container  {
	line-height: 25px;
	padding: 40px 20px;
}
.footer-widgets .widget {
  margin-bottom: 20px;
}
.footer-widgets .widget h3 {
	text-transform: uppercase;
}
.footer-widgets .widget a {
	text-decoration: none;
}
.footer-widgets-container .footer-widget-1 {}
.footer-widgets-container .footer-widget-2 {}
.footer-widgets-container .footer-widget-3 {}



/* elements */
.bg-color-dark {
	/*border:2px solid red;*/
	background: var(--base-2);
}
.bg-color-dark-content {
	margin: 20px auto !important;
	max-width: var(--wo-content-width);
	padding: 20px !important;
}

.bg-color-light {
	/*border:2px solid red;*/
	background: var(--base);
}
.bg-color-light-content {
	margin: 20px auto !important;
	max-width: var(--wo-content-width);
	padding: 20px !important;
}

.bg-newsletter {
	/*border:2px solid red;*/
	background: var(--base);
}
.bg-newsletter-content {
	margin: 20px auto !important;
	max-width: var(--wo-content-width);
	padding: 20px !important;
}

.two-cols-red {
	background: var(--contrast);
}
.two-cols-red * {
	color: var(--base-3);
}
.two-cols-red .wp-block-column:nth-child(2) {
	padding-right: 40px;
}


.two-cols-dark {
	background: var(--base);
}
.two-cols-dark .wp-block-column:nth-child(2) {
	padding-right: 40px;
}

.two-cols-light {
	background: var(--base);
}
.two-cols-light .wp-block-column:nth-child(2) {
	padding-right: 40px;
}

.col-padding {
	padding: 20px 12px;
}


/* row-list-insert */
.list-insert  {
	margin-left: 15%;
	color: var(--contrast);
}
.list-insert.green  {
	color: var(--contrast-3);
}



@media (max-width: 768px) {
	#page {
		margin-top: 0;
	}
	.mobile-only {
		display: block !important;
	}
	.hideonmobile {
		display: none !important;
	}
	
	/* structure */
	.wp-block-cover, 
	.wp-block-columns {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.bg-color-dark-content {
		margin: 0px auto !important;
		padding: 0px !important;
	}

	.bg-color-light-content {
		margin: 0px auto !important;
		padding: 0px !important;
	}

	/* header/footer */
	.site-header .header-image {
	  width: 120px;
	}
	.site-header .header-widget {
		margin-right: unset;
		margin: 0;
	}
	.inside-header {
		padding: 20px 20px;
		display: flex;
		flex-direction: row;
	}
	
	.hero-container {
		min-height: 100px !important;
		flex-wrap: wrap;
		margin-bottom: 20px;
		background-color: rgba(186, 15, 83, 1);
	}
	
	.hero-container .wp-block-cover__image-background {
		object-fit: none;
		position: relative;
		margin-bottom: 20px;
    	margin-top: 10px;
	}

	.list-insert  {
		margin-left: 5%;
	}
	
}

/* layout breakpoint... */
@media (max-width: 781px) {
	.two-cols-red   {
		background: transparent;
		gap: 0;
	}
	.two-cols-red .wp-block-column:nth-child(2) {
		background: var(--contrast);
		padding: 20px;
	}
}


/* display screenInfo */
#screenInfo {
  background: pink;
  border: 2px solid black;
  color: #000;
	font-size: 18px;
  font-weight: 500;
  position: fixed;
  top: 250px;
  right: 100px;
  z-index: 500;
  display: block;
}

@media (min-width: 769px) {
  #screenInfo {
    background: green;
    color: #fff; } }

@media (min-width: 1025px) {
  #screenInfo {
    background: gold;
    color: #000; } }