/*
 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: 'sat';
		src: url('fonts/Satisfy-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: 100vw;
		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;
}

/* Language */

.language {
	background-color: black;
	color: white;
	padding: 0.3em;
}

.language a{
	text-decoration: none;
	font-size:calc(var(--base-font-size) + 0.1em);
}

.language p:first-child{
	position: relative;
	padding-right: 0.2em;
}

.language p:first-child::after{
	position: absolute;
	content: '|';
	font-size:calc(var(--base-font-size) + 0.1em);
	padding-left: 0.5em;
	bottom: 0.1em;
	}


.language p:last-child{
	padding-right: 0.5em;
}

/* Navigation */

header nav a {
	font-size: calc(var(--base-font-size) + 0.2em);
	padding-right: 1em;
	text-decoration: none;
}

header nav ul li {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: black;
  z-index: 1;
  text-align: center;
}


header nav ul li:hover a{
	text-decoration: none;
}

header nav ul li::before {
  content: "";
  position: absolute;
  background: url("https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_line-green.svg") no-repeat center center;
  background-size: 100% 100%; /* Oder contain, je nach Effekt */
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
  widtH:90%;
  left:00%;
  background-position: center;
  height:100%;
  transition: all 0.5s ease;
}

header nav ul li:hover::before {
  opacity: 1;
  text-decoration: none;
}



.wp-block-cover__inner-container {position: unset !important;}



/* Überschriften */

h1 {font-size: calc(var(--base-font-size) + 2rem) !important; font-family: 'ssp_b';} 
h2 {font-size: calc(var(--base-font-size) + 1.5rem) !important; font-family: 'ssp_b';}
h3 {font-size: calc(var(--base-font-size) + 0.5rem) !important; font-family: 'ssp_b';}


.bold {
	font-family: 'ssp_b';
}


/* Startseite */

.hero {
	background-color: #A9D30A;
}

.hero h1 { 
	font-family: 'ssp_b';
	font-weight: bold;
}

.hero h2 { 
	font-size: calc(var(--base-font-size) + 2rem) !important;
	font-weight: bold;
	font-family: 'ssp_b';	
	color: #F57C00;
	margin-top: 0;
}

.hero p {
	padding-right: 5em;
}

.hero p:first-of-type {
	font-weight: bold;
	padding-top: 2em;
}



.hero .wp-block-button__link  {
	color: black;
	background-color: #A9D30A;
	position: relative;
	padding-left:3em;
	z-index: 20;
}

.hero .wp-block-button__link::before  {
  position: absolute;
  content: '';
  background: url("https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_pfeil-b.svg");
    background-size: auto;
  color: black;
  margin-right: 1em;
  height: 70%;
  width: 20%;
  background-size: cover;
  left: 0;
  z-index: 20;
  top: 10%;
  transition: all 0.5s ease;
}


.hero .wp-block-button__link:after  {
	color: black;
	background: url("https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_line-orange-1.svg");
    background-size: 100% 100%;
	height:100%;
	width:100%;
	z-index: -1;
	content:'';
	position: absolute;
	left:0;
	top:0;
	opacity: 0;
	transition: all 1s ease;

}


.hero .wp-block-button__link:hover:after  {
	opacity: 1;
}


.hero .wp-block-button__link:hover::before  {
left:5%;
}



.numbers {
	font-size: calc(var(--base-font-size) + 2rem);
	background-color: #A9D30A;
	border-radius: 50%;
	padding: 0.2em;
	width: 100px;
  	height: 100px;
	text-align: center;
  	line-height: 100px; /* Für vertikale Zentrierung */
	margin: 0 auto; /* Zentriert das Element horizontal */
}

.circle_green p:first-child {
	margin-bottom: -1.7em;
}

.circle_green p:last-child {
	margin-top: -1.7em;
}


.subheadline {
	font-family: 'ssp_b';
	margin-top: 0;
}


.white .wp-block-button__link  {
	color: black;
	background-color: white;
	position: relative;
	padding-left:3em;
	z-index: 20;
}

.white .wp-block-button__link::before  {
	 position: absolute;
  content: '';
  background: url("https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_pfeil-b.svg");
    background-size: auto;
  color: black;
  margin-right: 1em;
  height: 70%;
  width: 20%;
  background-size: cover;
  left: 0;
  z-index: 20;
  top: 5%;
  transition: all 0.5s ease;
}


.white .wp-block-button__link:after  {
	color: black;
	background: url("https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_line-orange-1.svg");
    background-size: 100% 100%;
	height:100%;
	width:100%;
	z-index: -1;
	content:'';
	position: absolute;
	left:0;
	top:0;
	opacity: 0;
	transition: all 1s ease;

}


.white .wp-block-button__link:hover:after  {
	opacity: 1;
}

.white .wp-block-button__link:hover::before  {
left:3%;
}


.green {
	background-color: #A9D30A;
	position: relative;
}

.green::before {
	position: absolute;
	content: '';
	background: url(https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_border-top-green.svg) no-repeat top center;
	height: 100px;
	width: 130%;
	z-index: 1;
	top: -80px;
	left:-20%;
	background-size: cover;
	
}

.green::after {
	position: absolute;
	content: '';
	background: url(https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_border-bottom-green.svg) no-repeat bottom center;
	height: 50px;
	width: 105%;
	z-index: 1;
	background-size: cover;
	bottom: -50px;
	left:-3%;
}


.process {
	position: relative;
  }

ol {
	list-style: none;
	padding-left: 0;
	padding-top: 1em;
	padding-bottom: 1em;
  }
  
  ol li {
	position: relative;
	padding-left: 2em; /* Platz für den Marker */
  }
  

  .process li {margin-bottom:2em;}
  .process li::before {
	content: counter(list-item) ".";
	position: absolute;
	color: white;
	font-size: calc(var(--base-font-size) + 2rem);
	font-family: 'sat';
	left: -0.3em;
	margin-top: -0.3em;
  }
  


.orange .wp-block-button__link  {
	color: #F57C00;
	font-family: 'ssp_b';
	font-size: calc(var(--base-font-size) + 0.5rem);
	background-color: white;
	position: relative;
	z-index: 20;
}


.orange .wp-block-button__link:after  {
	color: black;
	background: url("https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_line-green.svg");
    background-size: 100% 100%;
	height:100%;
	width:100%;
	z-index: -1;
	content:'';
	position: absolute;
	left:0;
	top:0;
	opacity: 0;
	transition: all 1s ease;

}


.orange .wp-block-button__link:hover:after  {
	opacity: 1;
}

.orange .wp-block-button__link {transition: all 1s ease;}
.orange .wp-block-button__link:hover {
	color:black;
}



.green .wp-block-button__link  {
	color: black;
	background-color: #A9D30A;
	border:#A9D30A solid 2px;
	position: relative;
	padding-left:3.5em;
	z-index: 20;
}

.green .wp-block-button__link::before  {
  position: absolute;
  content: '';
  background: url("https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_pfeil-b.svg");
    background-size: auto;
  color: black;
  margin-right: 2em;
  height: 70%;
  width: 20%;
  background-size: cover;
  left: 0;
  z-index: 20;
  top: 0%;
  transition: all 0.5s ease;
}

.green .wp-block-button__link:after  {
	color: black;
	background: url("https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_line-orange.svg");
    background-size: 100% 100%;
	height:100%;
	width:100%;
	z-index: -1;
	content:'';
	position: absolute;
	left:0;
	top:0;
	opacity: 0;
	transition: all 1s ease;

}


.green .wp-block-button__link:hover:after  {
	opacity: 1;
}

.green .wp-block-button__link:hover::before  {
left:3%;
}




.list1 li {
	list-style: none;
	position: relative;
	padding: 0.5em
  }


.list1 li::before {
	position: absolute;
	background: url("https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_right-b.svg");
    background-size: 100% 100%;
	height:50px;
	width:100%;
	z-index:0;
	width:100%;
	content: '';
	color: black;
	left: -55%;
  	top: 0;
	line-height: 1;
  }





.list3 > li {
	list-style: none;
	position: relative;
	padding: 0.5em
  }


.list3 > li::before {
	position: absolute;
	background: url("https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_right-b.svg");
    background-size: 100% 100%;
	height:3em;
	z-index:0;
	width:50px;
	content: '';
	color: black;
left:-50px;
top:0;
	line-height: 1;
  }



.list2 {
	padding-top: 1em;
}

.list2 li {
	list-style: none;
	position: relative;
	padding: 0.5em
  }


.list2 li::before {
	position: absolute;
	background: url("https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_right-d.svg");
    background-size: 100% 100%;
	height:50px;
	width:100%;
	z-index:0;
	width:100%;
	content: '';
	color: black;
	left: -52%;
  	top: 0;
  }


.color-headline {
	position: relative;
	width: fit-content;
}

.color-headline::after {
	position: absolute;
	content: '';
	background: url("https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_line-green.svg") no-repeat center center;
	height: 240%;
	width: 110%;
	z-index: -1;
	background-size: 100%;
	bottom: -30px;
	left:-5%;
}


.color-headline2 {
	position: relative;
	width: fit-content;
}

.color-headline2::after {
	position: absolute;
	content: '';
	background: url("https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_line-green.svg") no-repeat center center;
	height: 240%;
	width: 110%;
	z-index: -1;
	background-size: 100%;
	bottom: -30px;
	left:-5%;
}


/* Unterseiten */

.hero_sub {
	background-color:#A9D30A;
}

.hero_sub h2 {
	color:#F57C00;
	margin-top: 0;
}



.grey {
	background-color: #F5F5F5;
}

.grey iframe {
	color: #A9D30A;
}

.grey a{
	color: #ca6500;
}

.person {
	border: #F57C00 solid 2px;
	border-radius: 2px;
	padding: 0.8em;
}

.person p:first-child {
	border-bottom: #F57C00 solid 1px;
	font-size: calc(var(--base-font-size) + 0.3rem);
}

.quote p:first-child {
	font-size: calc(var(--base-font-size) + 1rem);
}

.download a{
	text-decoration: none;
	color: #F57C00;
	font-weight: bold;
}

.download::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	margin-right:20px;
	z-index:0;
	width:100%;
	text-align: center;
	content: '\f1c1';
	color: #F57C00;
	font-size: calc(var(--base-font-size) + 1rem);
  }






.persons {
	justify-content: center;
	padding-top:100px;
	padding-bottom: 5em;
}

.person {
	position: relative;
	border: 2px solid #A9D30A;
	padding:1em;
	max-width:300px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
	background-color: white;
}

.person figure img {
	margin-top:-140px;
	filter: hue-rotate(145deg);
}



.branchen p{
	font-size: calc(var(--base-font-size) + 0.2rem);
	font-weight: bolder;
}


/* Mitglied werden */


.hero_sub .wp-block-button__link  {
	color: #F57C00;
	background-color: #A9D30A;
	padding-left: 0;
	padding-top: 0;

}

.hero_sub .wp-block-button__link:hover  {
	color: black;
	background-color: #A9D30A;
	transition: all 0.5s ease;
}


.mitglied_button {position: absolute; right:10%; bottom:-10%; transform: rotate(10deg);}


.circle {
	background-color: white;
	border-radius: 50%;
	text-align: center;
}

.circle p:first-child{
	font-weight: bold;
	font-size: calc(var(--base-font-size) + 0.3rem);
	padding-bottom: 0.8em;
	padding-top: 3em;
}

.circle p:nth-child(2) {
	font-weight: bold;
}

.circle .wp-block-button__link  {
	color: #F57C00;
	background-color: white;
	font-weight: bold;
}

.circle .wp-block-button__link:hover  {
	color: #A9D30A;
	transition: all 0.5s ease;
	background-color: white;
	font-weight: bold;
}


/* Kontakt */


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


.mobil:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3cf";
	color: #A9D30A;
	margin-right:1em;
}

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

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

.pen:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f304";
	color: #A9D30A;
	margin-right:1em;
}


.map {position: relative; padding-top:0; bottom:-100px;}
.copyright {position: absolute; right:0; top:0; z-index:999; margin-top:0; font-size: calc(var(--base-font-size) - 0.3rem) ;}
.leaflet-control {display: none;}



main > .entry-content > .wp-block-group:last-child {
	position: relative;
	bottom:-2em;
	padding-bottom:3em !important;
}


  /* Footer */


.fa-linkedin::before {display: none;}

footer {
	background-color: #A9D30A;
	margin-top: 10em;
}

footer::before {
	position: absolute;
	content: '';
	background: url(https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_border-top-green.svg) no-repeat center center;
	height: 100px;
	width: 100vw;
	z-index: 999;
	margin-top: -3em;
	left:0;
	background-size: cover;
	transform: scaleX(-1);

}

footer ul {list-style: none; display: flex; gap:15px; margin-top:0;}


.footerlinks {
	background-color: rgb(68, 68, 68);
	color: white;
	padding: 1em;
}

.footerlinks a {
	text-decoration: none;
	padding-right: 1em;
	color: white;
}

.footerlinks a:first-child {
	padding-right: 2em;}






/* Unternehmensfilter */

.unternehmen-filterformular input, .unternehmen-filterformular select {border: #A9D30A 1px solid; padding:5px 10px; border-radius: 5px; outline: none; background-color: white;}
.unternehmen-filterformular a, .unternehmen-filterformular .button {color: black !important;
  background-color: #A9D30A !important;
  border: #A9D30A solid 2px !important;
  position: relative;
  text-decoration: none;
  font-size:16px;
  padding:5px 10px;
  border-radius:5px;
  font-weight:bold;
  font-family: 'ssp_r';
}


.cover_firma {overflow: visible; border-bottom: 4px solid #A9D30A; min-height: 300px !important; background-color: #A9D30A;}
.cover_firma .wp-block-post-title {background-color: rgba(255,255,255,0.5); padding:1em; position: relative;}
.cover_firmenlogo {position: absolute; left:1em; bottom:-50px; background-color: white !important; padding:0.5em; border:4px solid #A9D30A; z-index:100; height:100px;}
.cover_firma h1 {text-align: center; max-width: 90% !important; color:black; width:fit-content;}
.firmen_wrapper {border-top:3px solid #A9D30A;}
.leaflet-map {min-height: 450px;}

.cover_firma .wp-block-cover__background {z-index:-2;}



.firmendaten {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  margin-top: 1em;
}

.firmendaten-zeile {
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
}

.fd-icon {
  width: 30px;
  text-align: center;
  margin-top: 2px;
  color: #000000; /* Optional Farbe für Icon */
}

.fd-inhalt a {
  color: inherit;
  text-decoration: none;
}

.fd-inhalt a:hover {
  text-decoration: underline;
}


.firmen_kontakt {max-width: 600px; margin: auto;}

.firmen_kontakt .cf_wrapper {padding:0; border-radius:5px; background-color: white !important;}


.language-switcher {display: flex; list-style: none; gap:10px; padding:0; top:-5px; position: relative;}
.language-switcher img {width:auto !important; height:14px !important;}
.language-switcher a {color:white;}
.language-switcher li {position: relative; margin:0 5px;}
.language-switcher li:first-child::after {
  position: absolute;
  content: '|';
  right:-12px;
}
	


	/* SLIDER START */


    .firmen-slider-wrapper {
        overflow: hidden;
        width: 100%;
        margin: 2rem 0;
    }
    .firmen-slider {
        display: flex;
        gap: 1rem;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding: 1rem 0;
    }
    .firmen-slide {
        flex: 0 0 auto;
        scroll-snap-align: center;
        background: #fff;
 
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1rem;
        max-width: 250px;
        width: 70vw;
        height: 150px;
    }
    .firmen-slide img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }


	 .firmen-slider {padding:2em;}
        .firmen-slide {
            padding: 1rem;
            display: flex !important;
            justify-content: center;
            align-items: center;
        }
        .firmen-slide img {
            max-width: 100%;
            height: auto;
            max-height: 120px;
            width: auto;
        }
        .slick-slide {
            outline: none;
        }

    @media (min-width: 768px) {
        .firmen-slide {
            width: 200px;
        }
    }

    @media (min-width: 1024px) {
        .firmen-slide {
            width: 250px;
        }
    }




	/* SLIDER ENDE */





/* Basis-Reset für deine Tabelle */
.plaetze .wp-block-table table tbody{
  border-collapse: collapse;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}


.plaetze  .wp-block-table thead {
  display: none; /* Tabellenkopf killen */
}


.plaetze  .wp-block-table tr {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #f9f9f9;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8ffe8+0,e3f5ab+33,b7df2d+100;Green+3D+%234 */
background: linear-gradient(135deg,  rgba(248,255,232,1) 0%,rgba(227,245,171,0.5) 33%,rgba(183,223,45,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  border-radius: 12px;
  padding: 1rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: all 1s ease;
  padding-bottom:3em;
}


.plaetze  .wp-block-table td {border:0; text-align: center; padding:10px;}

/* Berufstitel oben */




.plaetze  .wp-block-table td:nth-child(3) {
	position: absolute;
	bottom: 10px;
}

.plaetze .wp-block-table td:nth-child(2) {

  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0.5rem;

}

/* Anzahl in der Mitte, größer */

.plaetze .wp-block-table td:first-child {
	
  font-size: 1.3rem;
  font-weight: bold;

  margin-bottom: 0.5rem;
  text-align: center;
 

}


.plaetze  .wp-block-table td:first-child a {
  color: #004080 !important;
  hyphens: auto;
  
}





.plaetze  .wp-block-table td:first-child a:hover {
	text-decoration: none !important;
} 


.plaetze  .wp-block-table tr:hover {
  box-shadow: 0 2px 6px rgba(0,0,0,0.0);
  background: linear-gradient(135deg,  rgba(248,255,232,1) 0%,rgba(227,245,171,0.8) 33%,rgba(183,223,45,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* Orte unten */

.plaetze  .wp-block-table td:last-child {
  font-size: 0.9rem;
  color: #555;
}

/* Links im Titel optisch aufwerten */

.plaetze  .wp-block-table td:first-child a {
  color: #222;
  text-decoration: none;
}

.plaetze  .wp-block-table td:first-child a:hover {
  text-decoration: underline;
}



.plaetze  .wp-block-table tr {
  display: flex;
  flex-direction: column;
}



.plaetze  .wp-block-table td:first-child {
  order: 2; /* Berufstitel nach unten */
}


.plaetze  .wp-block-table td:nth-child(2) {
  order: 1; /* Anzahl nach oben */
}


.plaetze  .wp-block-table td:last-child {
  order: 3; /* Orte bleiben unten */
}






	
/* Basis-Navigation */
.menu {
	display: flex;
	gap: 1.5em;
	list-style: none;
	margin: 0;
	padding: 0;
	align-items: center;
  }
  
  .menu > li {
	position: relative;
  }
  
  .menu > li > a {
	font-size: calc(var(--wp--preset--font-size--base, 1rem) + 0.3em);
	text-transform: uppercase;
	font-family: 'ssp_r', sans-serif;
	text-decoration: none !important;
	padding: 0.5em 0;
	display: inline-block;
  }
  
  /* Hover-Effekt */
  .menu > li > a:hover {
	text-decoration: underline;
  }
  
  /* Submenü-Container */
  .menu li ul.sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0.5em 0;
	margin: 0;
	background-color: rgba(255, 255, 255, 0.95);
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	min-width: 200px;
	z-index: 99;
  }
  
  .menu li:hover > ul.sub-menu {
	display: block;
  }
  
  /* Submenü-Elemente */
  .menu li ul.sub-menu li {
	display: block;
	white-space: nowrap;
  }
  
  .menu li ul.sub-menu li a {
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
	color: inherit;
	font-size: 1rem;
  }
  
  .menu li ul.sub-menu li:hover {
	background-color: rgba(169, 198, 160, 0.3);
  }
  
  /* Optional: Border/Trenner */
  .navigation {
	border-top: 1px solid #A9C6A0;
	border-bottom: 1px solid #A9C6A0;
	padding: 0.5em 0;
  }
  
/* ▼ Pfeil hinter Menüpunkten mit Submenü */
.menu-item-has-children > a::after {
	content: " ▼";
	font-size: 0.7em;
	margin-left: 0.3em;
	opacity: 0.7;
	transition: transform 0.2s ease;
  }
  
  /* Optional: Pfeil dreht sich beim Hover */
  .menu-item-has-children:hover > a::after {
	transform: rotate(180deg);
	opacity: 1;
  }
  



  /* Basis-Layout */
.menu {
	display: flex;
	gap: 1.5em;
	list-style: none;
	margin: 0;
	padding: 0;
	align-items: center;
  }
  
  /* Submenü verstecken */
  .menu li ul.sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: white;
	border-radius: 10px;
	padding: 0.5em 0;
	z-index: 100;
  }
  
  .menu li:hover > ul.sub-menu {
	display: block;
  }
  
  /* Burger-Button */
  .burger-toggle {
	display: none;
	background: none;
	border: none;
	font-size: 2em;
	cursor: pointer;
	margin: 1em auto;
  }

  .burger-navigation p {display: none;}
  

















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

header > div > div:nth-child(2) {flex-direction: column;}
.mitglied_button {width:200px;}
}

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

	.hero > div > div:first-child {flex-basis: 50% !important;}
	.hero > div > div:nth-child(2) {flex-basis: 50% !important;}

}

@media screen AND (max-width: 1110px) {
	.footerlinks  {flex-direction: column-reverse; align-items: center !important;}
	footer > div:first-child > div {padding:2em !important;}
}

@media screen AND (max-width: 1050px) {
header nav a { font-size: calc(var(--base-font-size) + 0.1em);}
footer h3 {font-size: calc(var(--base-font-size) + 0.2rem) !important;}
}



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


	.burger-toggle {
	  display: block;
	  text-align: center;
	  margin:0;
	}
  
	.menu {
	  display: none;
	  flex-direction: column;
	  align-items: center;
	  background: rgba(255,255,255,1);
	  padding: 1em;
	  border-radius: 10px;
	  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
	  text-align: center;
	  z-index:999;
	}
  
	.menu.active {
	  display: flex;
	  position: absolute;
	  width:100%;
	  left:0;
	}
  
	.menu > li > a {
	  font-weight: bold;
	  font-size: 1.2em;
	  padding: 0.5em;
	  display: block;
	  text-align: center;
	}
  
	.menu li ul.sub-menu {
	  position: static;
	  display: block;
	  padding: 0;
	  box-shadow: none;
	  background: none;
	}
  
	.menu li ul.sub-menu li a {
	  font-weight: normal;
	  font-size: 1em;
	  padding: 0.3em 0;
	}

	.menu-item-has-children > a::after {display: none;}








	.hero > div {display: block;}
.hero {background-color: white;}
	.hero > div > div:nth-child(2) {
		background-color: rgba(169, 211, 10, 1);
		position: relative;
		margin-top: -20%;
}



}


@media screen AND (max-width:800px) {
.color-headline::after {
  position: absolute;

  content: '';

  background: url("https://www.firmenausbildungsring-oberland.de/wp-content/uploads/2025/05/faro_line-green.svg") no-repeat center center;

    background-size: auto;

  height: 80%;

  width: 100%;

  z-index: -1;

  background-size: 100% 100%;

  bottom: -30px;

  left: 0%;

}

}




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

	.circle_green {margin-bottom: 1em !important;}

footer > div:first-child > div {text-align: center;}
footer > div:first-child > div div {justify-content: center;}
.footer-menu, .footerlinks a {padding:0 !important;}
footer p {text-align: center;}



p.has-text-align-right {text-align: center !important;}
.is-layout-flow > .alignleft  {margin: auto; float:unset;}
.down_arrow {display:none;}
}

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

	.footer-menu{
flex-direction: column;
  align-content: center;
  align-items: center;
	}


	
}

@media screen AND (max-width: 600px) {
footer div {padding-left:2em !important; padding-right: 2em !important;}
}





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



	footer {font-size: 0.9em;}

	.hero h1, .hero h2, h2 {
font-size: calc(var(--base-font-size) + 0.6rem) !important;
	}

}