/* 
Theme Name: Astra Child
Author: Ole
Template: astra
Version: 1.0.0
Text Domain: astra-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/



/* Farben
###################################################################### */
:root {
	--primary-color: #37786d;
	--secondary-color: #d8fff1;
	--menu-color: #e5fff5;
	--menu-text-color: #335b7f ;
	--accent-color: #ff6f61;
	--text-color: #333333;
	--background-color: #ffffff;
}



/* Typografie
###################################################################### */
strong {
	color: var(--accent-color);
}




/* Base
###################################################################### */
/*body {
	background: linear-gradient(to bottom,var(--primary-color) 0%,var(--secondary-color) 50%,var(--primary-color) 100%);
}*/

@media (min-width: 922px) {
	body.ast-left-sidebar {
		height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
		overflow: hidden;
	}

	body.ast-left-sidebar #page {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.ast-left-sidebar #content {
		flex: 1 1 auto;
		min-height: 0;
	}

	.ast-left-sidebar #content > .ast-container {
		align-items: stretch;
		height: 100%;
		min-height: 0;
		overflow: hidden;
	}

	.ast-left-sidebar #primary,
	.ast-left-sidebar #secondary {
		max-height: 100%;
		overflow-y: auto;
		overscroll-behavior: contain;
	}
}

@media (max-width: 922px) {
	.ast-left-sidebar #content > .ast-container {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 0;
	}
}




/* Sidebar 
###################################################################### */
.ast-left-sidebar #secondary {
	background-color: var(--secondary-color);
	margin: 0;
	padding: 24px;
	border-right: 1px solid var(--primary-color);
	min-width: 270px;
}

/* Hauptmenü */
#menu-hauptmenue .menu-item {
	background-color: var(--menu-color);
	padding: 6px 12px;
	text-align: center;
}

#menu-hauptmenue .menu-item a {
	color: var(--menu-text-color);
	text-decoration: none;
}

#menu-hauptmenue .menu-item:hover {
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

#menu-hauptmenue .menu-item a:hover {
	color: var(--primary-color);
}

/* Footermenü */
#menu-pflichtangaben {
	display: flex;
	gap: 12px;
	justify-content: center;
	font-size: 0.9rem;
}

#menu-pflichtangaben a {
	color: var(--text-color);
}

#menu-pflichtangaben a:hover {
	color: var(--primary-color);
}

@media (max-width: 922px) {
	.ast-left-sidebar #secondary {
		display: none;
	}
}





/* Content 
###################################################################### */
.ast-left-sidebar #primary {
	border: none;
	padding: 48px;
	margin: 0;
	background-image: url('images/Hintergrund.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	background-color: var(--secondary-color);
}

/* Startseite */
.home #primary {
	padding: 0;
}

.titeltext {
	text-shadow: 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 30px #ffffff, 0 0 40px #4fc3f7;
}