/*
 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: 'dancing';
		src: url('fonts/DancingScript-VariableFont_wght.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:#333;
		--base-font-size: 18px;
		

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


	

	.cb-wrapper.swiper-wrapper {
  transition-duration: 4000ms !important;
}

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


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

.c_name {max-width: 250px; text-align: right;}

header {
	background-color: rgb(239, 183, 108, 0.9);
}

header nav a {
	font-size: calc(var(--base-font-size) + 0.4em);
	color: #036183 !important;
    transition: all 1s ease;
    padding: 1em 1em;
}

header nav ul {gap:0 !important;}

header nav a:hover { 
	background-color:rgb(245, 204, 150);
	text-decoration: none;
}

.logo img {transform: scaleX(-1); max-width: 50px;}
.logo a {
	font-family: 'dancing'; 
	font-size: calc(var(--base-font-size) + 0.5em);
	text-decoration: none;
	color: #365f75 !important;
}


h1 {font-family: 'dancing'; font-size: calc(var(--base-font-size) + 2em); font-weight: 600;}
h2 {font-family: 'dancing'; font-size: calc(var(--base-font-size) + 1.3em); font-weight: 600; color: #365f75 !important;}
h3 {font-size: calc(var(--base-font-size) + 0.5em);}
h4 {font-size: calc(var(--base-font-size) + 0.2em);}



.wp-block-button__link {
  color: #efb76c;
  background-color: #365f75;
  border-radius: 50px;
  transition: all 0.5s ease;
  font-weight: 800;
  font-size: calc(var(--base-font-size) + 0.1em);
}

.wp-block-button__link:hover {
	 background-color: #4d4d4d;
}




/* Startseite */

.hero h1 {color: #365f75;}
.hero .wp-block-button__link {
  color: #036183;
  background-color: #efb76c;
  border-radius: 50px;
  transition: all 0.5s ease;
  font-weight: 800;
  font-size: calc(var(--base-font-size) + 0.1em);
}

.hero .wp-block-button__link:hover {
	background-color:rgb(245, 204, 150);
}

.bg_points {background-image: url(https://www.eisvogel-wartha.dewp-content/uploads/2026/05/eisvogel-2-left-CD.webp);}

.subheadline{
	text-transform: uppercase;
	margin-top:0;
	font-size: calc(var(--base-font-size) - 0.1em);
}


.orange {
	background-color: #efb76c;
}

.jobs a{
	color: #365f75;
}

.white {background-color:rgba(255, 255, 255, 0.2);}


/* Gaststätte */

.cover h1 {color: #ffffff;}
.cover p {color: #ffffff;} 


.cover .wp-block-button__link {
  color: #036183;
  background-color: #efb76c;
  border-radius: 50px;
  transition: all 0.5s ease;
  font-weight: 800;
  font-size: calc(var(--base-font-size) + 0.1em);
}

.cover .wp-block-button__link:hover {
	background-color:rgb(245, 204, 150);
}

/*

.wp-block-cover__inner-container:not(.start_hero .wp-block-cover__inner-container) {position: unset !important; z-index:10; width: fit-content;
  padding: 2em;
  background: rgba(0,0,0,0.6);
  max-width: 40%;}

*/

.cover .wp-block-cover__inner-container {
	position: unset !important; z-index:10; width: fit-content;
  padding: 3em;
  background: rgba(0,0,0,0.5);
  max-width: 40%;
}



.empfohlen { position: absolute; right:1em; bottom:0em;}

.orangebox {
	background-color: #efb76c;
	padding: 0.5em;
}

.pros img {
	  filter:
        invert(24%)
        sepia(96%)
        saturate(1648%)
        hue-rotate(165deg)
        brightness(91%)
        contrast(98%);
}



.contact .tel:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f095";
	color: #365f75;
	margin-right:0.2em;
}

.contact .tel, .fax {margin-top:0em;}

.contact .mail:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0e0";
	color: #365f75;
	margin-right:0.2em;
}

.contact .fax:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1ac";
	color: #365f75;
	margin-right:0.2em;
}



.nospace {
margin-top:0;
}

.checklist li {list-style: none; position: relative; padding: 0.1em;}
.checklist li::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061";
	color: #036183;
	position: absolute;
	margin-left: -2em;
}

.wp-block-post-title a {color: #036183;}
.wp-block-post-excerpt__more-link {color: #036183;}













/* Footer */


footer {
	background-color: #efe6d5;
	color: #333;
	margin-top: 0;
}


footer > p {height:0 !important; margin: 0;}
footer .orangeline {border-top: 3px solid #efb76c; z-index: 2; margin-top: 0;}
footer .black {background-color: #333; color: #ffffff; padding: 1em;}
footer .black a {text-decoration: none; color: #ffffff;}

footer h3 {
	font-family: 'dancing'; 
	font-size: calc(var(--base-font-size) + 0.7em);
	font-weight: 700;
	color: #036183;
}

footer .tel:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f095";
	color: #333;
	margin-right:0.2em;
}

footer .tel, .fax {margin-top:0em;}

footer .mail:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0e0";
	color: #333;
	margin-right:0.2em;
}

footer .fax:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f1ac";
	color: #333;
	margin-right:0.2em;
}

footer .mini {font-size: calc(var(--base-font-size) - 0.3em); margin-top:0;}

footer .bird {margin-top: -9em !important; padding-left: 0.5em; z-index: 999; position: relative;}

footer div table tr:nth-child(odd) {
    background-color: rgba(228, 206, 166, 0.6) !important;
    border-radius: 10px !important;}

footer .partner img {
	padding: 1em; 
	background-color: #f8f3e9;
}

footer .leaflet-map {margin-bottom:0; z-index:1;}



@media screen AND (max-width: 1600px) {

header nav a {
  font-size: calc(var(--base-font-size) + 0em);
}

footer{font-size: 0.8em;}
}





@media screen AND (max-width: 1400px) {
footer .bird {width:100px; padding-left: 2.5em;}
footer .wp-block-columns > div:nth-child(1) {position: absolute; text-align: center;}
footer .wp-block-columns {padding: 0 1em;}
}



@media screen AND (max-width: 1200px) {
footer .wp-block-columns > div * {text-align: left !important;}
	footer .wp-block-columns {flex-wrap: wrap !important; max-width: 80vw !important; justify-content: flex-start; margin: 0 auto !important;}
footer .wp-block-columns > div:not(.wp-block-columns > div:nth-child(1) ) {width: 45% !important; min-width: 45%;
  flex-basis: 45% !important;}

  .social {justify-content: flex-start;}

}



@media screen AND (max-width: 1050px) {


.hero > * {max-width: 70%;}
.wp-image-2687 {opacity: 0.3;}

	

  .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 {
		background-image: url('https://www.eisvogel-wartha.de/wp-content/uploads/2026/06/bg_eisvogel_hero.jpg');
		background-size: cover;
		background-position: center;
	}
	

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


	.wp-block-navigation__responsive-container-close svg {fill: #197222 !important; transform: scale(1.5);}


#modal-1-content > ul {justify-content: center !important; align-items: center; background-color: rgba(255, 255, 255, 0.9) !important; padding: 10px;}
	#modal-1-content li {text-align: center; align-items: center !important; justify-content: center;}

#modal-1-content > ul > li > a { font-size: calc(var(--base-font-size) + 2em);}

	#modal-1-content a { font-size: calc(var(--base-font-size) + 0.2em);}

	nav ul li ul li a {background-color: unset; text-transform: unset;}



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




}

@media screen AND (max-width: 980px) {


.hero > * {max-width: 100%; text-align: center !important; justify-content: center !important; }
.wp-image-2687 {opacity: 0.3;}
}




@media screen AND (max-width: 800px) {
footer .wp-block-columns > div * {text-align: center !important;}
	footer .wp-block-columns {flex-wrap: wrap !important; max-width: 80vw !important; justify-content: center; margin: 0 auto !important;}
footer .wp-block-columns > div:not(.wp-block-columns > div:nth-child(1) ) {width: 90% !important; min-width: 90%;
  flex-basis: 90% !important;}

  .social {justify-content: center;}

}


@media screen AND (max-width: 882px) {
.pic_right {flex-direction: column-reverse;}
.pic_right *, .pic_left * {text-align: center !important; justify-content: center !important;}



.cover .wp-block-cover__inner-container {
max-width: 80%;
}


}





@media screen AND (max-width: 580px) {

.c_name {text-align: left !important; line-height: 1.1em;}
}



@media screen AND (max-width: 500px) {

	h1 {font-size: 2rem;}
	h2 {font-size: 1.8rem;}
	h3 {font-size: 1.6rem;}


header > div > div {
	justify-content: center;
  padding-bottom: 1em !important;
flex-direction: column;
}



}






















 th,
 td {
  padding: 12px 14px;
  text-align: left;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
}

 th {
  font-weight: 700;
  background: #f5f5f5;
}

 .trenner td {
  padding: 8px 0;
  border-bottom: none;
}



@media (max-width: 600px) {
@media (max-width: 600px) {

  .preise thead,
  .preise tbody,
  .preise tr,
  .preise td {
    display: block;
    width: 100%;
  }

  .preise thead {
    display: none;
  }

  .preise tr {
    margin-bottom: 14px;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
  }

  .preise td {
    border: none;
    padding: 6px 0;
    text-align: center !important;
  }

  .preise td:nth-child(1) {
    font-weight: 700;
    margin-bottom: 6px;
  }

  .preise td:nth-child(2)::before {
    content: "1. Tag: ";
    font-weight: 700;
  }

  .preise td:nth-child(3)::before {
    content: "ab 2. Tag: ";
    font-weight: 700;
  }

  .preise td:empty {
    display: none;
  }

  .preise .trenner {
    display: none;
  }

  .preise tbody tr:nth-child(3),
  .preise tbody tr:nth-child(6),
  .preise tbody tr:nth-child(9),
  .preise tbody tr:nth-child(12) {
    display: none;
  }

}

}