/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


:root {
  /* Variablen*/
  --site-bg-gradient: linear-gradient(114deg, #a36618 0%, #963623 20%, #444730 40%);
  --site-bg-noise: url("noise_light.png");
}

a {
	text-decoration: none;
}

.read-more, 
a.more-link {
  display: block;
  margin-top: 20px; /* Abstand nach oben, Wert beliebig ändern */
  width: fit-content; /* verhindert, dass der Button den ganzen Block einnimmt */
}


* {
	box-sizing: border-box;
}

body {
  background-image: var(--site-bg-noise), var(--site-bg-gradient);
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-position: top left, center right;
}

/* body {
	
background: #E19B12;
background: linear-gradient(114deg,#e19b12 0%, rgba(6, 136, 145, 1) 20%, rgba(20, 108, 96, 1) 40%);
background: linear-gradient(114deg, #a36618 0%, #963623 20%, #444730 40%);
background-repeat: no-repeat;
background-size: cover;
background-position: center right;

}
*/

buttons, .btn {
	border: 2px solid var(--white);
	padding: 1em 1.5em;
	border-radius: 3%;
}

#main_navigation {
	font: inherit;
	font-weight: 500;
	font-size: 21px;
}

#main_navigation a {
	display: inline-block;
	color: var(--white);
	padding: .5em .5em;
}

#main_navigation a:hover {
	color:#e19b12;
}

@media (max-width: 599px) {
	#main_navigation a {
		color: var(--accent-1);
		display: block;
		padding-left: 1em;
		padding-right: 1em;
	}

	#main_navigation ul,
	#main_navigation li {
		width: 100%;
		display: block;
	}

	#main_navigation a:hover {
		border-top: 1px solid rgba(0,0,0,.3);
		background-color: rgba(0,0,0,.1);
	}

	#hero h1 {
	padding-left: 1rem !important;
}
}

.wp-block-navigation__responsive-container-close {
    background-color: #000000;
}

.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
	margin-bottom: 1rem;
}

.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
	width: 2rem;
	height: 2rem;
	color: var(--white);
}

#hero h1 {
	color: var(--white);
	max-width: 11em;
	padding-left: 2rem;
}

#hero .wp-block-site-logo {
	margin-top: -1rem;
}

#content {
	padding-left: 1rem;
}

.site-content .content-area {
	background-color:  var(--white);
	box-shadow: -5px -5px 20px rgba(0,0,0,.2);
}

.separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
	padding: 2rem 2rem 2rem 2rem;
}