/*
 Theme Name:   2023 child
 Description:  Child Theme
 Author:       
 Template:     twentytwentythree
 Version:      1.0
 Text Domain:  2023-child2
*/

@viewport {
	width: device-width;	
	zoom: 1;	
	}


	:root {
		--base-font-size: 16px;
	}


	@font-face {
		font-family: 'ssp_r';
		src: url('fonts/SourceSansPro-Regular.ttf');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	
	}
	
	
	
	@font-face {
		font-family: 'ssp_b';
		src: url('fonts/SourceSansPro-Bold.ttf');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	
	}
	
	
	@font-face {
		font-family: 'ssp_l';
		src: url('fonts/SourceSansPro-Light.ttf');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	
	}


	@font-face {
		font-family: 'os';
		src: url('fonts/OpenSans-VariableFont_wdth,wght.ttf');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	
	}

		@font-face {
		font-family: 'tan-r';
		src: url('fonts/Tangerine-Regular.ttf');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	
	}

	
		@font-face {
		font-family: 'tan-b';
		src: url('fonts/Tangerine-Bold.ttf');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	
	}

		@font-face {
		font-family: 'mono-r';
		src: url('fonts/Monotype-Corsiva-Regular.ttf');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	
	}



	@media (prefers-color-scheme: dark) {
		:root {
			--bg-color: #000000;
			--text-color: #ffffff;
		}
	}



	
	:root {
		
		--bg-color: #ffffff;
		--text-color:#242424;
		--base-font-size: 18px;
		

   }
	
	html {
		max-width: 100%;
		overflow-x: hidden;
		scroll-behavior: smooth;
	}


	

body {				
font-family: 'ssp_r';	
background: var(--bg-color);;
color:var(--text-color);
font-size: var(--base-font-size);
padding: 0 !important;
max-width: 100vw;
overflow-x: hidden;
}


body > .wp-site-blocks {
	padding:0;
}


/* Header */



header.wp-block-template-part {
  position: absolute;
  right: 1em;
  width: fit-content;
  /* background: rgb(252, 240, 210, 0.8); */
  z-index: 10;
  border-radius: 50px;
  margin-top: 2em;
}

header.wp-block-template-part nav {
  text-align: center;
  padding: 1rem 2rem;
  color: #2E4D36;
}


header nav a{
	font-size: 22px;
	color: #fcf0d2 !important;
	padding-left: 0.3em;
	padding-right: 0.3em;
}


nav ul li a {
  position: relative;
  display: inline-block;
}

nav ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #f38d07, #664021);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease;
  border-radius: 2px;
}

nav ul li a:hover {
	text-decoration: none;
  color: #f38d07; /* Gold/Ocker beim Hover */

}

nav ul li a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}


/* Startseite */


.hero {
padding:0;
position: relative;
}


.wp-block-cover__inner-container {
	max-width:80%;
	padding:2em 5em;
	box-sizing: border-box;
	color: #fcf0d2 !important;
	position: absolute;
	bottom:1em;
}



.hero .wp-block-cover__inner-container p:nth-child(2) {
	display: block;
	font-family: 'mono-r';
	font-size: 5em;
	color:#f38d07 !important;
margin-top: -30px;
white-space: nowrap;
}

.hero .wp-block-cover__inner-container p:nth-child(1) {
	position: relative;
	font-family: 'os';
	font-size: 32px;
	color: #fcf0d2 !important;
	text-align: left;
	margin-bottom: 0em;
	font-style: italic;
	
}


.hero .wp-block-cover__inner-container p:nth-child(3) {

max-width: 400px;
margin:0 !important;
font-size: 1.1em;
}


.hero .wp-block-button__link {
background-color: #f38d07;
color: #2E4D36;
border-radius: 10px;
margin-left: 1em;
}

.hero .wp-block-button__link:hover {
background-color: #fcf0d2;
color:#2E4D36;
border-radius: 10px;
transition: all 0.5s ease;
}


h1 {font-family: 'mono-r'; font-size: 4em; color:#2E4D36 !important;}
h2 {font-size: 2em; color:#2E4D36 !important;}
h3 {font-size: 1.5em; color:#2E4D36 !important;}


.subheadline {font-size: 1.5em; color:#2E4D36; margin-top:0; padding-right: 4em;}
.beige .subheadline {font-size: 1.5em; color:#963700; margin-top:0; padding-right: 4em;}

.beige-light {background-color: rgb(252, 240, 210, 0.5);}

.beige-light .wp-block-button__link {
background-color: #f38d07;
color: #2E4D36;
border-radius: 10px;
margin-left: 1em;
}

.beige-light .wp-block-button__link:hover {
background-color: #2E4D36;
color:#fcf0d2;
border-radius: 10px;
transition: all 0.5s ease;
}

.beige-kontakt {
	background-color: #fcf0d2;
	border-radius: 10px;
	padding: 0.5em;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}



.beige-box {
	background-color: #fcf0d2;
	border-radius: 10px;
	padding: 0.5em;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.beige-box img {
	border-radius: 10px;
}


.beige-box p, .beige-box h2 {padding:0 15px;}

.beige-box a {
	font-size: 0.8em;
	color:#2E4D36;
	text-decoration: none;
}

.beige-box a:hover {
	color:#f38d07;
	text-decoration: none;
}

.beige {
	position: relative;
}

.beige img {
	border-radius: 10px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.beige-light img {
	border-radius: 10px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


.feder_bg {position: relative;}
.feder_bg::before {
	position: absolute;
	background-image: url(https://test.seo-lausitz.de/greifvogelwarte/wp-content/uploads/2026/01/adler-feder-quer.png);
	content: '';
	height: 100vh;
	width: 100vw;
	bottom:-20%;
	right:-20%;
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: -1;
	opacity: 0.2;
	
	background-size: contain;
}



.beige::after {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -2;
	background-color: #fcf0d2;
}



.beige .feather::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f52d";
	color:#2E4D36;
	margin-right:1em;
}

.beige .tree::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1bb";
	color:#2E4D36;
	margin-right:1em;
}

.beige .bird::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f4ba";
	color:#2E4D36;
	margin-right:1em;
	position: absolute;
	left: 0;
}

h3.bird {position: relative; padding-left: 2em; display: block;}


.beige .wp-block-button__link {
background-color: #f38d07;
color: #2E4D36;
border-radius: 10px;
margin-left: 1em;
}

.beige .wp-block-button__link:hover {
background-color: #2E4D36;
color:#fcf0d2;
border-radius: 10px;
transition: all 0.5s ease;
}

.beige p {padding-left:3em;}



/* Termine */

.liste li{
	list-style: none;
	position: relative;
	font-size: 1.2em;
	padding-bottom: 0.4em;
}

  
.liste li::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	margin-right:10px;
	z-index:0;
	width:100%;
	text-align: center;
	content: '\f56B';
	color: #2E4D36;
  }


  /* Kontakt */


.beige-light .tel::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f095";
	color:#2E4D36;
	margin-right:1em;
}

.beige-light .mobil::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3cd";
	color:#2E4D36;
	margin-right:1em;
}

.beige-light .mail::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0e0";
	color:#2E4D36;
	margin-right:1em;
}

.contact p {font-size: 1.1em;}


/* Angebote */

.subheadline-small {
	font-size: 1.2em;
	margin-top: 0;
	padding-left: 1.5em;
	color: #963700;
}


/* Footer */

footer {
	background-color: #2E4D36;
	color: #fcf0d2;
	margin-top:0;
	position: relative;
}

footer p {margin: 0 !important;}

footer h3 {font-family: 'mono-r'; font-size: 38px; color: #fcf0d2 !important; }

footer .tel, footer .mobil, footer .mail  {position: relative; display: block; padding-left: 2em;}

footer .tel:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f095";
	color:#fcf0d2;
	position: absolute;
	left:0;
}

footer .mobil:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3cf";
	color:#fcf0d2;
		position: absolute;
	left:0;
}

footer .mail:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0e0";
	color:#fcf0d2;
		position: absolute;
	left:0;
}

footer > div:nth-child(1) > div > * + * {
  padding-top: 0.5em !important;
}


footer > div {position: relative; z-index: 2;}
footer img {max-width: 800px !important; width:350px; position: absolute;  bottom:0; opacity: 1; filter: brightness(0); left:1em; z-index: -1;}

.fb a{
color: #fcf0d2;
padding: 1em;
}

.fb i {
	margin-top: 0.2em;
}


.brown {
	background-color: #4b2f19;
}

.brown a{
	color: #fcf0d2;
	text-decoration: none;
}




@media screen AND (max-width: 1000px) {
.subheadline {padding:0;}
}



@media screen AND (max-width: 900px) {
	header {margin-top: 20px !important;}
	header > div {padding: 0 10px !important; }

	nav {padding: 0 !important;}

.wp-block-cover__inner-container {max-width: 100%; padding:1em; width: 100% !important;}
.wp-block-cover__inner-container p {text-align: center; max-width:100%;}


.wp-block-cover__background {
background: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(0, 0, 0, 0.8) 64%,rgba(0,0,0, 0.5) 85%,rgba(0,0,0, 0.8) 100%) !important;
opacity: 1 !important;
}


.wp-block-cover__inner-container .wp-block-buttons {justify-content: center;}
h1 {text-align: center;}

.beige-boxes {gap:10px;}
.beige-box a {font-size: 0.6em;}
.beige-box > div {padding:10px !important;}


footer h3 {
	color: #fcf0d2 !important;
	font-family: 'tan-b';

	min-height:3em;
}

}


@media screen AND (max-width: 850px) {
	footer p {
		font-size: 0.8em;
	}
}

@media screen AND (max-width: 780px) {
	.beige .subheadline {padding:0;}
	main > div > div > h2 {text-align: center !important;}
	
	.hero .wp-block-cover__inner-container p:nth-child(2) {font-size: 3.5em;}
.beige-box {display: flex; align-items: center; padding:0;}
.beige-boxes .beige-box:nth-child(odd) {flex-direction: row-reverse;}
.beige-boxes .beige-box:nth-child(odd) * {text-align: right;}
.beige-box figure {max-width: 40%;}


.footer_boxes {flex-direction: column; justify-content: center; align-content: center;}
.footer_boxes > div {width: fit-content !important; flex-grow: 0; flex-basis: auto !important; max-width: fit-content;}
.footer_boxes h3 {text-align: center; font-size: 4em;}
	footer p {
		font-size:1em;
	
	}


.fb {display: flex; justify-content: center; align-self: center !important;}
.footer_boxes .beige-box  a {display: block; margin: auto;}

}

@media screen AND (max-width: 600px) {
	.feder_bg::before {right:-10%;}
.hero .wp-block-cover__inner-container p:nth-child(1) {font-size: 1.5em; margin-bottom: 0.5em;}
.hero .wp-block-cover__inner-container p:nth-child(2) {font-size: 20em;}
.hero .wp-block-cover__inner-container p:nth-child(3) {
  margin: 0 !important;
  font-size: 1em;
}

h2 {font-size:1.4em}
}



@media screen AND (max-width: 500px) {
.hero .wp-block-cover__inner-container p:nth-child(1) {font-size: 1.0em; margin-bottom: 0.5em;}
.hero .wp-block-cover__inner-container p:nth-child(2) {font-size: 2em;}
h1 { font-size: 2.5em;}
.subheadline {
  font-size: 1.2em;
}
}



@media screen AND (max-width: 400px) {
	.liste {padding: 0;}

.beige-boxes .beige-box h2 {line-height: 0.5em;}
.beige-box {display: block;
}

.beige-box figure {max-width: 100%;}
.beige-box * {text-align: center !important;}
}


/* SLIDER */

@media screen AND (max-width: 1100px) {
.wp-block-la-slider, .la-slider .slide {height: 500px !important}
.wp-block-la-slider .wp-block-la-slide {padding:10px !important;}
.wp-block-la-slider .dots .la-dot {height:10px; width:10px;}
}


@media screen AND (max-width: 700px) {
.wp-block-la-slider, .la-slider .slide {height: 400px !important}
.wp-block-la-slider .wp-block-la-slide {padding:10px !important;}
.wp-block-la-slider .dots .la-dot {height:10px; width:10px;}
}



@media screen AND (max-width: 500px) {
.wp-block-la-slider, .la-slider .slide {height: 300px !important}
.wp-block-la-slider .wp-block-la-slide {padding:10px !important;}
.wp-block-la-slider .dots .la-dot {height:10px; width:10px;}
.la-arrow svg {height: 25px; width: 25px;}
}




@media screen AND (max-width: 400px) {
.wp-block-la-slider, .la-slider .slide {height: 250px !important}
.wp-block-la-slider .wp-block-la-slide {padding:10px !important;}
.wp-block-la-slider .dots .la-dot {height:10px; width:10px;}
}



@media screen AND (max-width: 300px) {
.wp-block-la-slider, .la-slider .slide {height: 200px !important}
.wp-block-la-slider .wp-block-la-slide {padding:10px !important;}
.wp-block-la-slider .dots .la-dot {height:10px; width:10px;}
}


/* SLIDER END */



/* MENÜ MOBILE */




/* Mobile-Menü bereits ab 900px */
@media (max-width: 900px) {
  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container {
    display: block !important;
  }

  
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open {
    display: block !important;
  }

  /* Optional: Desktop-Menü ausblenden */
  .wp-block-navigation__container {
    flex-direction: column;
  }


	#modal-1::after {
		background-image: url('https://greifvogelwarte-oberlausitz.de/wp-content/uploads/2025/09/Greifvogelwarte-Oberlausitz-Cover2.jpg');
		background-size: cover;
		background-position: center;
		width:100%;
		height:100%;
		content:'';
		z-index:-1;
		position: absolute;
		left:0;
		top:0;
		opacity:1;
		filter:brightness(0.2)
		

	}

	#modal-1-content {width:100%;
		justify-content: center;
		align-items: center;
		align-content: center;
		flex-direction: column;
	}


	.wp-block-navigation__responsive-container-close svg {fill: white;}


#modal-1-content ul {justify-content: center !important; align-items: center;}
	#modal-1-content li {text-align: center; align-items: center !important; justify-content: center;}
	#modal-1-content a {color:#f38d07 !important; font-size: calc(var(--base-font-size) + 1em);}



	.wp-block-navigation__responsive-container-open {padding:1em; background-color:#f38d07 ; border-radius:10px;}

}