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


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



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

   }
	
	html {
		
		
		scroll-behavior: smooth;

		

	}


	

body {				
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
background: var(--bg-color);;
color:var(--text-color);
font-size: var(--base-font-size);
padding: 0 !important;
max-width: 1920px;
margin:auto;
overflow-x: hidden !important;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

* {box-sizing: border-box;}



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



html {
    scroll-padding-top: 100px;
}

.wp-block-group[id],
.wp-block-cover[id],
.wp-block-heading[id] {
    scroll-margin-top: 100px;
}

header {
	position: fixed;
	width: 100vw;
	max-width: 100vw;
	position: fixed;
	top:0;
	left:0;
	z-index:999;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	overflow: visible;
	background-color: rgb(255, 255, 255, 0.7);
	transition: all 1s ease;


}

.logo {
	background-color: #ffffff;
	padding: 0.5em 1.5em;
	margin-left: 5% !important;
	width: 250px;
	position: absolute;
	left:1em;
	top:0;
	transition: all 1s ease;
}


nav {padding:1.5em 1em;}

nav a{
	font-size: calc(var(--base-font-size));
	color: #1F1F1F !important;
	padding: 0 1em;
	position: relative;
	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	text-transform: uppercase;

}

nav a:hover{
	color: #3d9f46 !important;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.5s ease;
	text-transform: uppercase;
}

nav a::after {
  content: "";
  position: absolute;
  top: -0.2em;
  left: 25%; 
  width: 50%;
  height: 2px;
  background-color: black;
  opacity: 0;
}

a:hover::after {
  opacity: 1;
  transition: all 1s ease;
}


nav ul li ul li a {background-color: rgb(230, 225, 184, 0.3);}
nav ul li ul li:hover {background-color: #3d9f46 !important;}
nav ul li ul li a:hover {text-decoration: none; color: white !important;}
nav ul li ul li a:after {display: none;}
nav svg {color: white;}

/* Search Button menu */
.wp-block-search__button svg {
  fill: currentColor;
}
.wp-block-search__button svg:hover {
  fill: #3d9f46;
}

.wp-block-search__button {
  background: transparent;
}


 .wp-block-search__button:hover {
	color: #3d9f46;
 }

 .wp-block-search__input:focus-visible {
	border-color: #2fa56a !important;
 }


 

/* Überschriften */

h1 {font-size: calc(var(--base-font-size) + 1.7em); font-weight: bold;}
h2 {font-size: calc(var(--base-font-size) + 1.5em); }

.highlight {color: #3d9f46; font-weight: 600;}

h3 {font-size: calc(var(--base-font-size) + 0.5em); font-weight: bold; position: relative; }
h3::before {
	position: absolute;
	content: '';
	width: 50px;
	height: 5px;
	background-color: #3d9f46;
	bottom: 1.5em;
}


/* Covertext */

.covertext {
	color: #ffffff;
	font-size: calc(var(--base-font-size) + 1.7em);
	position: relative;
  	display: inline-block;
  	font-weight: bold;
 	padding: 2rem 6rem 2rem 2.5rem;
  	z-index: 1;
	right: -1em;
	bottom: 3em;
	transform: rotate(-10deg);
}

.covertext::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(76, 175, 80, 0.85) 0%,
    rgba(63, 166, 106, 0.85) 50%,
    rgba(47, 143, 139, 0.85) 100%
  );
  z-index: -1;
    transform: rotate(0deg);
}






/* Startseite */

.grey {background-color: #f0f0f0;}


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

.measure:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f7d9";
	color: #3d9f46;
	margin-right:1em;}

.locationdot:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c5";
	color: rgb(61, 159, 70);
	margin-right:1em;}




.wp-block-button__link {
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
  background: linear-gradient(90deg,#6ccf6a 0%, #4fbf63 50%, #2fa56a 100%);
  border-radius: 25px; 
  border: none;
  box-shadow: none;
  transition: background 1s ease;
  position: relative; z-index: 2;
}

.wp-block-button__link:hover {
	background: linear-gradient(180deg,#6ccf6a 0%, #4fbf63 50%, #2fa56a 100%);
}


/* großes Cover Startseite */

.asd .wp-block-cover__image-background {
	object-fit: contain;
	width:60%;
	left:unset;
	bottom:0;
	top:unset;
}

.asd .wp-block-cover__inner-container {max-width: 50%;}
.asd .wp-block-cover__inner-container p {font-size: calc(var(--base-font-size) + 0.2em);}

.asd .wp-block-button:first-child .wp-block-button__link {
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
  background: #3d9f46;
  border-radius: 25px; /* pill shape */
  border: none;
  box-shadow: none;
  transition: all 1s ease;
}

.asd .wp-block-button:first-child .wp-block-button__link:hover {
	background: #197222;
}

.asd .wp-block-button:nth-child(2) .wp-block-button__link {
  font-size: 1rem;
  font-weight: 600;
  color: #000;
  background: #fff;
  text-decoration: none;
  border: 1px solid #3f3f3f;
  border-radius: 25px;
  transition: all 0.5s ease;
}

.asd .wp-block-button:nth-child(2)  .wp-block-button__link:hover {
	background: linear-gradient(180deg,#6ccf6a 0%, #4fbf63 50%, #2fa56a 100%);
	background: #3d9f46;
	color:white;
	 border: 1px solid transparent;
}


/* Light-Green Box */

.light-green-box {
	background-color: rgb(108, 207, 106, 0.1);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	width: 80%;
	margin: auto !important;
	position: relative;
}

.light-green-box .wp-block-button__link {
	background: transparent;
	 border: 1px solid #3d9f46;
	 color: #3d9f46;
	 border-radius: 25px;
	 position: relative; z-index: 2;
}

.light-green-box .wp-block-button__link:hover {
	background-color: #3d9f46;
	color: #fff;
	border: 1px solid #3d9f46;
	transition: all 0.5s ease;
}

.light-green-box::before {
	position: absolute;
	content: '';
	background-image: url(https://www.kletschka.de/wp-content/uploads/2026/02/Element-5.svg);
	background-repeat: no-repeat;
	width: 100vw;
	height:100%;
	top:30%;
	left: -15%;
	z-index:-1;
	opacity: 0.5;
}


/* Small Cover */

.smallcover p {
	color: #fff;
	font-size: calc(var(--base-font-size) + 1.5em);
	font-weight: 600;
}

.smallcover p:nth-child(2) {
	font-size: calc(var(--base-font-size) + 0.3em);
}

.smallcover .wp-block-button__link {
	background: rgb(255, 255, 255, 0.9);
	 color: black;
	 font-weight: bold;
	 border-radius: 25px;
}

.smallcover .wp-block-button__link:hover {
	background: rgb(61, 159, 70, 0.9);
	 color: rgb(255, 255, 255);
	 transition: all 0.5s ease;
	}

.smallcover .wp-block-cover__inner-container {left: 8em; max-width: 40%;}

/* Strichlinie, weißer Hintergrund */

.whiteline {position: relative;}
.whiteline::before {
	position: absolute;
	content: '';
	background-image: url(https://www.kletschka.de/wp-content/uploads/2026/02/Element-7.svg);
	background-repeat: no-repeat;
	width: 100vw;
	height:100%;
	top:3em;
	left: 0;
	z-index:-1;
	opacity: 0.5;
}


/* grüner Hintergrund */

.light-green {background-color: rgb(108, 207, 106, 0.1); position: relative; margin-top:0;}
.light-green .wp-block-cover {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.light-green::before {
	position: absolute;
	content: '';
	background-image: url(https://www.kletschka.de/wp-content/uploads/2026/02/Element-6.svg);
	background-repeat: no-repeat;
	width: 100vw;
	height:80%;
	bottom:1em;
	left: 56%;
	z-index:-1;
	opacity: 0.5;
}


.bold {font-weight: bold;}
.big-bold {font-weight: bold; font-size: calc(var(--base-font-size) + 0.2em);}

.cover-about-us .wp-block-cover__inner-container {
	top:0;
	left:0;
	max-width: 100vw;
	width:100vw !important;
	padding:0;
	position: absolute; z-index: 300;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.cover-about-us .wp-block-cover__inner-container .wrapper {
	margin-top: 10%;
max-width: 50vw;
background-color: rgb(255, 255, 255, 0.8);
padding:2em;
left:4em;
position: absolute;



}

.cover-about-us .wp-block-button__link {
	background: transparent;
	 border: 1px solid #3d9f46;
	 color: #3d9f46;
	 border-radius: 25px;
}

.cover-about-us .wp-block-button__link:hover {
	background-color: #3d9f46;
	color: #fff;
	border: 1px solid #3d9f46;
	transition: all 0.5s ease;
}

.subheadline {font-size: calc(var(--base-font-size) + 0.2em);margin-top:0;}

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

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


.green-highlight {
	color: #ffffff;
	font-size: calc(var(--base-font-size) + 0.2em);
	position: absolute;
  	display: inline-block;
  	font-weight: bold;
 	padding: 1em 4em 1em 2em;
  	z-index: 1;
	transform: rotate(-6deg);
	right: -2em;
	top:5em;
}

.green-highlight::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(76, 175, 80, 0.8) 0%,
    rgba(63, 166, 106, 0.8) 50%,
    rgba(47, 143, 139, 0.8) 100%
  );
  z-index: -1;
}




.light-green-gradient {
	background: linear-gradient(
    90deg,
    rgba(108, 207, 106, 0.1) 50%,
    rgba(255,255,255,1)100%); 
	position: relative;}

	
.light-green-gradient::after {
	position: absolute;
	content: '';
	background-image: url(https://www.kletschka.de/wp-content/uploads/2026/02/Element-7.svg);
	background-repeat: no-repeat;
	width: 100vw;
	height:35%;
	z-index:-1;
	opacity: 0.5;
	bottom: -4em;
	left: 0;
}

.testz {position: relative; z-index: 2;}


/* Slider */

.slider-gradient {
	background: linear-gradient(
    0deg,
    hsla(122, 39%, 49%, 0.8) 0%,
    rgba(63, 166, 106, 0.8) 50%,
    rgba(47, 143, 139, 0.8) 100%
  );
  padding: 1em;
}

.h4 {font-size: calc(var(--base-font-size) + 0.5em);}



/* Unterseiten */


.hero .wp-block-cover__inner-container {
	left: 8em; 
	max-width: 40%;
	background-color: rgb(255, 255, 255, 0.9);
	padding: 2em;
	color: black;
}

.hero .wp-block-button__link {
	background: #3d9f46;
	 border: 1px solid #3d9f46;
	 color: white;
	 border-radius: 25px;
	 transition: all 0.5s ease;
}

.hero .wp-block-button__link:hover {
	background-color: transparent;
	color: #3d9f46;
	border: 1px solid #3d9f46;
}

.big-subheadline {
	margin-top:0;
	font-size: calc(var(--base-font-size) + 1em);
}


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

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

.light-grey {background-color: #f7f7f7;}


/* Pic right Pic left */

.pic_right {
    display: flex;
    align-items: stretch;
	padding:0 !important;
}

.pic_right .wp-block-column:last-child { display: flex;	align-self: unset;}
.pic_right .wp-block-column:first-child .wp-block-image {width: 45vw; display: flex; justify-content: flex-end; flex-direction: row; max-width: 70%; float:none;	margin: 2em auto; }
.pic_right h3 {text-align: right; max-width: 70%;}
.pic_right .wp-block-image img {
    height: 100%;
    width: auto;
    object-fit: cover;
}

.pic_right .wp-block-column:first-child h3 {text-align: right;}



.pic_right .wp-block-column:first-child h3::before {
  position: absolute;
  content: '';
  width: 50px;
  height: 5px;
  background-color: #3d9f46;
  bottom: 1.5em;
  right: 0;
}

.pic_right {background-color: transparent;}
.pic_right > div:nth-child(1) {padding:4em 0em 4em 0em !important;}
.pic_right > div:nth-child(2) {justify-content: flex-start; 
	background: linear-gradient(
    180deg,
    rgba(76, 175, 80, 0.8) 0%,
    rgba(63, 166, 106, 0.8) 50%,
    rgba(47, 143, 139, 0.8) 100%
  );}

.pic_right_text {margin-left:-2em !important;}


.pic_left .wp-block-column:first-child { display: flex;	align-self: unset;}
.pic_left .wp-block-image {width: 45vw; display: flex; justify-content: flex-end;}
.pic_left .wp-block-image img {
    height: 100%;
    width: auto;
    object-fit: cover;
}

.pic_left {background-color: rgb(61, 159, 70, 0.1)}
.pic_left > div:nth-child(2) {padding:4em 0em 4em 0em !important;}
.pic_left > div:nth-child(1) { justify-content: end; 
	background: linear-gradient(
    0deg,
    rgba(76, 175, 80, 0.8) 0%,
    rgba(63, 166, 106, 0.8) 50%,
    rgba(47, 143, 139, 0.8) 100%
  );}

.pic_left_text {margin-right: -2em !important;}



/* Listen */

.checklist li {list-style: none; position: relative; padding: 0.1em; font-size: calc(var(--base-font-size) + 0.2rem);}
.checklist li::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f058";
	font-size: calc(var(--base-font-size) + 0.2rem);
	color: #ffffff;
	position: absolute;
	margin-left: -2em;
}

.arrowlist li {list-style: none; position: relative; padding: 0.2em; font-size: calc(var(--base-font-size) + 0.1em);}
.arrowlist li::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";
	font-size: calc(var(--base-font-size) + 0.1em);
	color: #3d9f46;
	position: absolute;
	margin-left: -2em;
}

.arrowlist a{text-decoration: none; color: #000000;}
.arrowlist a:hover {color: #3d9f46; transition: all 0.5s ease;}



.pic_right .arrowlist {text-align: right; padding-right:2em;}
.pic_right .arrowlist li::before {right: -2em; transform: rotate(180deg);}


.bg_green {background-color: rgb(61, 159, 70, 0.1);}

.cover-gradient .wp-block-cover__inner-container {
	background: linear-gradient(
    0deg,
    hsla(122, 39%, 49%, 0.8) 0%,
    rgba(63, 166, 106, 0.8) 50%,
    rgba(47, 143, 139, 0.8) 100%
  );
  padding: 0.2em;
}

.cover-gradient .wp-block-cover__inner-container a {font-size: calc(var(--base-font-size) + 0.2em); color: #fff; text-decoration: none;}

.greenbutton .wp-block-button__link {
	background: #3d9f46;
	 border: 1px solid #3d9f46;
	 color: white;
	 border-radius: 25px;
	 transition: all 0.5s ease;
	 position: relative; z-index: 2;
}

.greenbutton .wp-block-button__link:hover {
	background-color: white;
	color: #3d9f46;
	border: 1px solid #3d9f46;
}


/* Timeline */

.timeline {
  width: 600px;
  margin: auto;
  max-width: 90vw;
}

.timeline strong {color: #3d9f46; border-bottom: 2px solid black; font-size: calc(var(--base-font-size) + 0.3em); margin-bottom: 1em;}

.timeline p {

  border-top: 2px dashed;
  border-color: rgb(151, 151, 151) !important;
  margin:0; padding: 3em;
}

.timeline p:nth-child(even) {
  border-left: 2px dashed;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-right: 30px !important;
  padding-right: 0;
}

.timeline p:nth-child(odd) {
  border-right: 2px dashed;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  margin-left: 30px !important;
  padding-left: 0;
}

.timeline p:first-child {
  border-top: 0;
  border-top-right-radius:0;
  border-top-left-radius:0;
}

.timeline p:last-child {
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}




/* Beiträge */

.wp-block-post-title {color: #3d9f46; background-color: rgb(255, 255, 255, 0.9); padding: 0.5em; font-weight: 600;}


.wp-block-latest-posts__post-title {
	text-decoration: none;
	color: white;
  font-size: calc(var(--base-font-size) + 0em);
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  display: block;
  padding:5px 10px;
  min-height:3em;
  box-sizing: border-box;

}

.projekte ul li {position: relative;}

.projekte ul li .wp-block-latest-posts__featured-image { width:100%;}
.projekte ul li .wp-block-latest-posts__featured-image a {display: flex; align-items: center; max-height:180px; overflow: hidden;}
.projekte ul li .wp-block-latest-posts__featured-image a img {width: 100%;}

.projekte ul li .wp-block-latest-posts__post-title::after {
	height: 100%;
	width: 100%;
	content: '';
	position: absolute;
	background: linear-gradient(
    90deg,
    hsla(122, 39%, 49%, 0.8) 0%,
    rgba(63, 166, 106, 0.8) 50%,
    rgba(47, 143, 139, 0.8) 100%
  );
  left: 0;
  top: 0;
  z-index: -1;
}
	
.products h3 a{
text-decoration: none;
color: black;
transition: all 0.5s ease;
}

.products h3 a:hover{
text-decoration: none;
color: #3d9f46;
}

.wp-block-post-title a {
	color: #3d9f46;
}

.products .wp-block-post-title {
	box-shadow: none;
	padding: 0;
}

/* Footer */

footer {background-color: #3d9f4717; margin-top: 0; padding: 3em 0em 0em 0em; border-top: 2px solid #3d9f46; }

footer h3 {
	color: #3d9f46;
	font-size: calc(var(--base-font-size) + 0.3em);
	font-weight: 600;
	bottom: -0.5em;
}

footer h3:before {display: none;}

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

footer .tel {margin-top:0; font-weight: 600;}
footer .mail {font-weight: 600;}

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

footer ul li {text-decoration: none;}
footer .black {background-color: black; color: white; width: 100%; padding: 1em;}
footer .black a{text-decoration: none; color: white;}

footer .social a{color: #3d9f46;}


footer .arrowlist li {list-style: none; position: relative; font-size: calc(var(--base-font-size));}
footer .arrowlist li::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f101";
	font-size: calc(var(--base-font-size));
	color: #3d9f46;
	position: absolute;
	margin-left: -2em;
}




@media (max-width: 1200px) {

.wp-block-navigation__responsive-container-content {gap:0;}
}


/* Mobile-Menü bereits ab 900px */
@media (max-width: 1100px) {


	.wp-block-navigation__submenu-container {padding-top: 0 !important; padding-bottom: 4em !important;}

	a:hover::after {display: none;}


	.wp-block-navigation-item__label:hover {text-transform: none !important;}


	.hero .wp-block-cover__inner-container {max-width: 60%; font-size: 0.8em; left:20%}
	h2 {font-size: 2em;}
	.pic_left h2, .pic_right  h2, h2 .highlight {font-size: 2em;}
	h2 .highlight {font-size: 1.1em;}

	.pic_left .wp-block-image, .pic_right .wp-block-image {width: 50vw;}

	body {font-size: calc(var(--base-font-size) - 0.1em);}

nav {padding:5px;}


  .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.kletschka.de/wp-content/uploads/2026/02/terrassenueberdachung-cover.png');
		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 {color:#3d9f46 !important; font-size: calc(var(--base-font-size) + 0.6em);}

	#modal-1-content a {color:#3d9f46 !important; 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:rgb(61, 159, 70);; ; border-radius:10px;}
	.light-green .wp-block-cover p {font-size:13px; font-weight: normal;}
	.light-green .wp-block-cover {padding:3px;}

	.light-green-box {width:98%;}
	.light-green-box h3 {min-height:2.8em;}
	.light-green-box h3::before{top:-5px;} 
.projekte ul.wp-block-latest-posts__list {margin: auto; gap:1em;}
	
	.projekte ul.wp-block-latest-posts__list li {width: calc(50% - 2em); margin:0}
	.projekte ul.wp-block-latest-posts__list li a {font-size:0.9em;}





	.projekte ul li .wp-block-latest-posts__featured-image a {max-height: 300px;}

	footer > div.wp-block-group > div.wp-block-columns {padding-left:15px !important; padding-right:15px !important; flex-wrap: wrap !important; max-width: 100vw !important; justify-content: center !important;}
	footer > div:nth-child(1) > div > div {min-width: calc(33% - 2em) !important; max-width:  calc(33% - 2em) !important;}


.light-green, .focus-slider-wrapper, .alignfull {	max-width: 100vw;   overflow: hidden; }

}












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


	footer .black > div {display: flex; flex-direction: column-reverse;}
	footer .black {text-align: center;}

	.hero .wp-block-cover__inner-container {max-width: 90%; font-size: 1em; left:5%; box-sizing: border-box;}


	.pic_left .wp-block-image, .pic_right .wp-block-image {width: 100vw;}
	.pic_left {flex-direction: column-reverse;}
.pic_right * { text-align: left !important; justify-content: flex-start !important;}




.pic_right .arrowlist li::before {
  right: unset;
  left: -2;
  transform: rotate(0deg);
}


	.smallcover .wp-block-cover__inner-container {

left: 1em;
  max-width: 60%;
	}

 .light-green-box h3 {
    min-height:unset;
  }

  .light-green-box > div {gap: 5em;}
  .light-green .wp-block-cover p {font-size:20px; font-weight: normal;}
  .light-green > div > div:nth-child(2) > div > div {max-width: 300px;}
  .light-green > div > div:nth-child(2) > div {justify-content: center;}

.projekte ul {justify-content: center;}

  .cover-about-us .wp-block-cover__inner-container .wrapper {
  margin-top: 40%;
  max-width: calc(100% - 4em);
  background-color: rgb(255, 255, 255, 0.8);
  padding: 2em;
  left: 2em;
  position: absolute;
  box-sizing: border-box;
}




footer > div:first-child > div  {gap:5em !important; justify-content: flex-start !important; flex-grow: 1;}
	footer > div:first-child > div > div {min-width: 40% !important;}
	footer > div:first-child > div > div:last-child {min-width: 90% !important;}




	.covertext {
  color: #ffffff;
  font-size: calc(var(--base-font-size) + 1.2em);
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 2rem 6rem 2rem 2.5rem;
  z-index: 1;
  right: -1em;
  bottom: 3em;
  transform: rotate(-10deg);
}


}

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


	.hero .wp-block-cover__inner-container h1 {font-size:2.5em;}
	 #modal-1-content {padding-top: 3em;}
	.asd .wp-block-cover__inner-container {max-width: 80%;}
	.social {justify-content: center;}
	body {font-size: 14px;}
.covertext {
 font-size: calc(var(--base-font-size) + 0.5em);
}

.projekte ul.wp-block-latest-posts__list li {
    width: calc(80% - 2em);
    margin: 0;
  }



  .asd .wp-block-cover__inner-container p {
  font-size: calc(var(--base-font-size) + 0.0em);
}


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

	.download a::before {margin-left:2em;}


.wp-block-buttons {justify-content: center;}
	.wp-block-group {box-sizing: border-box;}

	 .smallcover .wp-block-cover__inner-container {
    left: 10%;
    max-width: 90%;
  }

  .smallcover .wp-block-cover__inner-container .wp-block-buttons {justify-content: center;}

	.logo {
    width: 200px;
    margin: 0 !important;
  }

	.pic_left_text, .pic_right_text {margin: 0 !important;}

	.wp-container-core-group-is-layout-a0f384cd > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {max-width: 100%;}


	.adress, .footer_menu {width: fit-content; text-align: left; margin: 2em auto;}

.hero .wp-block-cover__inner-container h1 {font-size:2em;}
	.smallcover p {font-size: calc(var(--base-font-size) + 1.2em);}

	h1 {font-size: calc(var(--base-font-size) + 1.2em);}

	.wp-block-search__button {display: none !important;}
	
	header{ overflow-y: hidden;}

	  .cover-about-us .wp-block-cover__inner-container .wrapper { margin-top: 60%; margin-bottom: 20%;}
	footer > div:first-child > div > div {min-width: 90% !important; text-align: center;}
	.cf_wrapper {width:100% !important;}
	.cover-about-us {min-height: 120vh !important;}
	.green-highlight {top:1em;}




}



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


	.page-id-51 .hero .wp-block-cover__inner-container {margin-top:5em !important}

.overlay h3 {font-size:1.4em;}

}

@media screen AND (max-width: 360px) {
.green-highlight {top:1em; font-size: calc(var(--base-font-size) + 0em); top:3em;}
.covertext {font-size: calc(var(--base-font-size) + 0.2em); right:-2em;}
  .smallcover p {font-size: calc(var(--base-font-size) + 0.8em);}
}