/*
 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: 'abd';
		src: url('fonts/ABD.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: #323232;
		--text-color:#FFF;
		--base-font-size: 20px;
		

   }
	
	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;
}


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

.usernav {background-color: rgba(240,130, 30, 0.9);}
.usernav a, .usernav p {color:black !important; text-decoration: none;}
.usernav .tel::before{
		font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f095";
	color:black; 
	margin-right:1em;
}
.usernav .adress::before{
		font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f015";
	color:black; 
	margin-right:1em;
}


a {color:#f48024 !important;}

.wp-block-cover__inner-container {position: unset !important;}
.wp-block-cover__image-background {width: 102% !important;}
.entry-content > .wp-block-cover {position: relative; overflow: visible; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; margin-bottom: 3em;}
.entry-content > .wp-block-cover .berliner_art {position: absolute; right: 1em; bottom:-2em !important; transform: rotate(30deg);}
.entry-content > .wp-block-cover figure, .entry-content > .wp-block-cover h1 {position: relative; font-size:2.2em !important;}

.nav_wrapper {position: absolute; top:1em; right:1em; z-index:999; padding:0;}
.entry-content {margin:0;}

.content {max-width:1200px; width:100%; border-radius: 10px; padding:2em; color:white;}
.content > div  {background-color: black; padding: 2em;}
.content h2, .content h3, h2 {font-family: 'abd'; color: rgba(240,130, 30, 1);}

h2 {font-size: 2em;}
h1 {font-family: 'abd'; color: rgba(240,130, 30, 1) !important; }




.picl > div:nth-child(2), .picr > div:nth-child(1){position: relative; padding-bottom:5em !important;}
.picl .wp-block-buttons, .picr .wp-block-buttons {position: absolute; bottom: 1em;}


.wp-block-button__link {
	background-color: transparent;
	border-radius:10px;
	text-transform: uppercase;
	background-image: url('https://doener-loebau.de/wp-content/uploads/2025/09/button_bg.png');
	background-size:100% 100%;
	color:white;
	padding:0.5em 2em;
	transition: all 1s ease;
}


.wp-block-button__link:hover {
	background-image: url('https://doener-loebau.de/doener-loebau.de/wp-content/uploads/2025/09/button_bg_white.png');
	color: rgba(240,130, 30, 0.9);
}



footer {background-color: black; color:rgba(240,130, 30, 1); position: relative; z-index:1;}
footer::after {position:absolute; content:'';left:0;top:0;width:100%;height:100%; background: url('https://test.seo-lausitz.de/doener-loebau.de/wp-content/uploads/2025/09/Urfa-Loebau-Dueruem-Pizza.jpg'); z-index:-1; background-size:cover; opacity: 0.2;}
.footer_headline {font-family: 'abd'; font-size:1.5em;}
.footer_subheadline {margin:0; padding:0;}
footer .adress_footer i {display: inline-block; width:30px; text-align: center;}
footer .social_footer i {font-size: 4em; color: rgba(240,130, 30, 1);}
footer .social_footer {
  justify-content: flex-start;
}

footer a {color: rgba(240,130, 30, 1); text-decoration: none;}
footer .zeiten {list-style: none;}
footer .legal {background-color: #323232; color:white; font-size:0.8em; padding:10px;}
footer .legal a {color:white; border-bottom:1px dotted white;}


/* MENU */

.nav_wrapper {position: absolute; top:3em; right:1em; z-index:999; padding:0;}
.wp-block-navigation__responsive-container-open svg, .wp-block-navigation__responsive-container-close svg {width:3em; height: 3em;}

#modal-1 svg {
	fill: white
}



/* Alle Submenüs standardmäßig zu */
.wp-block-navigation__submenu-container {
  display: none !important;
}

/* Nur öffnen, wenn der Button aria-expanded="true" hat */
.wp-block-navigation__submenu-icon[aria-expanded="true"] + .wp-block-navigation__submenu-container {
  display: block !important;
}

.modal-1-content {align-items: center;}
#modal-1 {
background-color: rgba(54, 54, 54, 0.99);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {background-color: #000000 !important; border-radius: 20px; padding:2em;}
.wp-block-navigation__container {width:500px; max-width: 90%; font-size:2em; }
.wp-block-navigation__container li {width: 100% !important; align-items: baseline !important; }
.wp-block-navigation__container li a {color:white !important;}
.wp-block-navigation__container li.has-child {padding-right:1.5em; position: relative; box-sizing: border-box;}
.wp-block-navigation__container li.has-child .wp-block-navigation__submenu-icon {position:absolute; right:0; top:0;}


/* wenn aria-expanded am Button true → Submenü sichtbar */
.wp-block-navigation-item__content[aria-expanded="true"] 
  + .wp-block-navigation__submenu-icon 
  + .wp-block-navigation__submenu-container {
  display: block !important;
  animation: slideDown 0.25s ease;
}



/* Animation */
.wp-block-navigation__submenu-icon svg {
  transition: transform 0.25s ease;
}

/* Pfeil drehen, wenn Button aria-expanded="true" */
.wp-block-navigation__submenu-toggle[aria-expanded="true"] svg,
.wp-block-navigation-submenu__toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}


/* kleine Animation */
@keyframes slideDown {
  from { opacity: 0; transform: translateY(-5px); }
  to   { opacity: 1; transform: translateY(0); }
}


/* Buttons sichtbar neben Menütext */
.wp-block-navigation__submenu-icon {
  background: transparent;
  border: none;
  cursor: pointer;
  margin-left: 0.5em;
  padding-top:0.5em;
  display: inline-flex !important;
  align-items: center;
}

/* den SVG-Pfeil einfärben */
.wp-block-navigation__submenu-icon svg path {
  stroke: rgba(240,130, 30, 1) !important;   /* TBSV-Gelb */
  stroke-width: 1.8 !important;
  fill: none !important;
}


.wp-block-navigation .wp-block-navigation__submenu-icon svg {margin-top:1em;}

.wp-block-navigation  li  a::before {
 font-family: "Font Awesome 5 Free" !important;
 font-weight:900 !important;
  display: inline-block;
  margin-right: 8px;
  font-size: 0.9em;
  line-height: 1;
  color: rgba(240,130, 30, 1);
  min-width:50px;
}


.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
  border: none;
  height: auto;
  min-width: 200px;
  opacity: 1;
  overflow: initial;
  padding-left: 7rem;
  padding-right: 0rem;
  position: relative;
  visibility: visible;
  width: auto;
  font-size: 0.7em;
}



.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container li::before {content:'\f111';   font-family: "Font Awesome 5 Free" !important;
 font-weight:900 !important;color:white; display: flex; position: absolute; left:-30px; font-size:0.2em; height:100%; color: #f9c900; flex-direction: column; justify-content: center;}

/* Startseite */
.wp-block-navigation .home > a::before {
  content: "\f015"; /* fa-home */


  
}


/* Speisekarte */
.wp-block-navigation .card > a::before {
  content: "\f15c"; /* fa-calendar */
}

/* Location */
.wp-block-navigation .location > a::before {
  content: "\f3c5"; /* fa-link */
}

/* Links */
.wp-block-navigation .contact > a::before {
  content: "\f0e0"; /* fa-link */
}


/* Links */
.wp-block-navigation .inprint > a::before {
  content: "\f5bf"; /* fa-link */
}

.wp-block-navigation .inprint {margin-top:5em;}



/* Links */
.wp-block-navigation .privacy > a::before {
  content: "\f06e"; /* fa-link */
}



.wp-block-navigation .inprint, 
.wp-block-navigation .privacy {
	font-size:0.5em;
}


.leaflet-map {min-height: 400px;}

/* CF */


/* Grundlayout */
.sl-form {
  max-width: 600px;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  background: #111;
  padding: 20px 25px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  box-sizing: border-box;
}

/* Zeilen */
.sl-form-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

/* Label */
.sl-form-row label {
  font-weight: bold;
  margin-bottom: 5px;
  color: #FFF;
}

/* Input-Felder */
.sl-input, .sl-textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 1rem;
  transition: border-color 0.2s ease;
  box-sizing: border-box;
}

.sl-input:focus, .sl-textarea:focus {
  border-color: #f48024;
  outline: none;
  box-shadow: 0 0 0 3px rgba(244,128,36,0.2);
}

/* Textarea */
.sl-textarea {
  min-height: 120px;
  resize: vertical;
}

/* Pflichtfeld-Hinweis */
.sl-form-info {
  font-size: 0.85rem;
  color: #FFF;
  margin-bottom: 15px;
}

/* Datenschutz-Checkbox */
.sl-accept {
  align-items: center;
  font-size: 0.9rem;
  color: #FFF;
}

.sl-accept input {
  margin-right: 8px;
}

.sl-accept a {
  color: #f48024;
  text-decoration: none;
}

.sl-accept a:hover {
  text-decoration: underline;
}

/* Submit-Button */
.sl-form-row input[type="submit"] {
  background: #f48024;
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  padding: 12px 20px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.sl-form-row input[type="submit"]:hover {
  background: #d96e1d;
}

/* Responsiv */
@media(max-width: 480px){
  .sl-form {
    padding: 15px;
  }
}


@media screen AND (max-width: 1000px) {
.entry-content > .wp-block-cover .berliner_art {width:150px; bottom:-2em;}
}



@media screen AND (max-width: 780px) {
	.wp-block-cover { margin-bottom: 7em !important;}
	footer * {text-align: center;}

}

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

	.logo {width: 150px !important;}


.content {padding:10px;}

.usernav {font-size:0.8em;}
}



@media screen AND (max-width: 450px) {
	.entry-content > .wp-block-cover .berliner_art {width:150px; bottom:-2em;}

.usernav {font-size:0.8em; display: block !important;}
.usernav p {width: 70%; margin: auto;}
.wp-block-cover { margin-bottom: 7em !important;}
.entry-content > .wp-block-cover h1  {font-size:1.7em !important;}
h2 {font-size: 1.2em;}

}