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


/*
.white {
	height:80vh;
}
*/




	@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 {
		max-width: 100%;
		overflow-x: hidden;
		scroll-behavior: smooth;
	}


body {				
font-family: 'os';	
background: var(--bg-color);;
color:var(--text-color);
font-size: var(--base-font-size);
padding: 0 !important;
}




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


.mblock {
	background: #c80000;
	color:white;
}

header {
	background-color: rgba(255,255,255,0.95);
	box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.3);
	padding: 0 0 0 2em;	
	position: fixed;
	top:0;
	width:100vw;

	z-index:999;
	box-sizing: border-box;
}

#modal-1-content > ul > li {
	padding:2em 2em;
}

#modal-1-content > ul > li:last-child {
	background-color: #c80000;
	
	color:white;
}
	

.start_btn {display: none !important;}

header ul li a {
	font-size: calc(var(--base-font-size) + 2px);
}

.wp-block-cover:first-child {
	position: relative;
	overflow-y: visible;
	padding-top: 2em !important;
}
.entry-content > .wp-block-cover:first-child:after {
	position: absolute;
	bottom:-2px;
	width:24%;
	background-color: #c80000;
	height:4px;
	content:'';
	left:38%;
	z-index:11;
}




h1:not(.wp-block-cover__inner-container h1) {
	font-size:2.2em;
	font-weight: bold;
	margin-bottom: 0;
}

.wp-block-cover__inner-container h1 {
	padding-top:3em;
	font-weight:bold;
}


h2 {
	font-size:1.7em;
	font-weight: bold;
	margin-top:0;
}

h3 {
	font-size:1.3em;
	font-weight: bold;
	margin-top:0;
}


h4 {
	font-size:1.1em;
	font-weight: bold;
	margin-top:0;
}


.subheadline {margin-top: 0 !important;}



/* STANDORTBOXEN */
.standortboxen {
	position: relative;
}




.standortboxen table {margin:1em 0em !important;}
.standortboxen p {
	margin: 0;
	padding: 0;
}



.standortboxen table tr td i {
	font-size:1.5em;
}
.standortboxen table tr td {
	padding:0.5em;
}
.standortboxen table tr td:first-child {
	vertical-align: top;
	text-align: center;
	padding-left: 0;
}

.standortboxen .adresse {
	background-color: #c80000;
	color: white;
	padding:1em;
}

.standortboxen .adresse a {
	color:white;
	text-decoration: none;
}


.standortboxen .wp-block-button__link {
	background-color: white;
	color: black;
}

.standortboxen .wp-block-button__link:hover {
	color: #c80000;
}

.standortboxen .wp-block-button__link:before {
content:'\f061';
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right:10px;
}


.standortboxen:after {
position: absolute;
left:0;
top:-3em;
width:100%;
height:70%;
background-color: #f0f0f0;
content:'';
z-index: -2;
}


/* two_columssbereich */


.two_colums > div > div {
	position: relative;
	padding:1em 1em 8em 1em;
	border: 1px dotted #e0a0a0;
	box-sizing: border-box;
	border-radius: 5px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


.two_colums::after {
	position: absolute;
	left: 0;
	top: calc(50% - 2px);
	height:3px;
	content:'';
	background-color: #c80000;
	width: 22%;
	z-index: -1;
}


.two_colums::before {
	position: absolute;
	right: 0;
	top: calc(50% - 2px);
	height:3px;
	content:'';
	background-color: #c80000;
	width: 22%;
	z-index: -1;
}



.two_colums .wp-block-buttons {
	width: 100%;
	position: absolute;
	bottom:1em;
	display: flex;
	justify-content: center;
	left:0;

}

.two_colums .wp-block-buttons .wp-block-button__link {
	background-color: transparent;
	
	
	background-color: #c80000;
	color: white;
	border-radius: 5px;


}

.two_colums .wp-block-button__link:hover {
	color: #e6e6e6;
}

.two_colums .wp-block-button__link:before {
content:'\f061';
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right:10px;
}



/* leistung */


.leistung_box {
	
	
	width:90% !important;
	left:5%;
	border-radius: 5px;
	box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.3);
	background-color: rgba(255,255,255,0.8);
	box-sizing: border-box;
}







.leistung_box::before {
	position: absolute;
	right:-100px;
	top:-100px;
	content:'';
	background-image: url('https://mvz-braun.com/wp-content/uploads/2024/11/service.png');
	width:300px;
	height:300px;
	background-size: cover;
	transform: rotate(15deg);
	transition: all 1s ease;
}

.leistung_box.service::before {
	position: absolute;
	right:-100px;
	top:-100px;
	content:'';
	background-image: url('https://mvz-braun.com/wp-content/uploads/2024/11/service.png');
	width:300px;
	height:300px;
	background-size: cover;
	transform: rotate(15deg);
	transition: all 1s ease;
	}

.nopicture::before {display: none;}

.leistung_box::before:hover {
transform: scale3d(0.9, 0.9, 0.9);
}

.leistung_box > div > div{
	padding:0px 0 15px 0;	
	width:100%;
	border:1px solid #c80000;
	hyphens: auto;
	font-size:1em;
	background-color: rgba(255,255,255,0.8);
	border-radius: 3px;
}


.leistung_box > div > div > p {
	width:100%;
	background-color:#c80000;
	text-align: center;
	color:white;
	font-size:1.1em;
	padding:5px 10px;
	box-sizing: border-box;
}

.leistung_box ul {margin:0;}


.leistung_box > div > div > ul {
	display: flex;
	
	flex-wrap: wrap;
	
	
	
	
	
}

.leistung_box > div > div  > ul, .leistung_box > div > div > div > div {
	margin: 1em 1em;
}


.leistung_box > div > div > ul > li {

min-width: 33%;
max-width: 33%;

}


.leistung_box hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) , rgba(0, 0, 0, 0.70) 10% , rgba(0, 0, 0, 0.70) 90%,  rgba(0, 0, 0, 0));
}



.leistung_box > div > div > div > div  {
	/* border: 1px dotted rgb(185, 185, 185); */
	padding:10px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	
}
.leistung_box > div > div > div {
	gap:0 !important;
}


.leistung_box > div strong {padding-left: 1em;}


  .leistung_box ul li span {
	font-size: calc(var(--base-font-size) -1px);
	font-style: italic;
  }

.leistung_box ul li::marker {
	color:red;
	font-size: 1.5em;
	margin-top:2px;
}


.leistung_box h2 {
	margin-bottom:2em;
}





 .wp-block-buttons {
	margin-top:0;
}
 .wp-block-button__link {
	background-color: #c80000;
	color:white;
	padding:0.5em;
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
	border-radius: 8px;
	
}

 .wp-block-button__link:hover {
	color: white;
}

 .wp-block-button__link:before {
content:'\f061';
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right:10px;
}






.rotate {
	transform: rotate(15deg);
position: relative;
right:-30%;
}

.wp-block-table {margin-top: 0;}
.wp-block-table table {
	margin-top:2em;
width: fit-content;
  display: block;
  margin-block-start: 2em;
}

.wp-block-table table tbody tr:nth-child(odd) {
	background-color: rgba(255,255,255,0.95);
}
.wp-block-table table tbody tr td {border: 0; padding:0.5em 1em; vertical-align: top;}

.kontaktdaten table {margin: auto;  margin-block-start: 2em;}

.kontaktdaten table tr td i {
	font-size:1.5em;
}
.kontaktdaten table tr td {
	padding:0.5em;
}
.kontaktdaten table tr td:first-child {
	vertical-align: top;
	text-align: center;
	padding-left: 0;
}

.sprechzeiten_table tr:last-child td {text-align: center; font-style: italic;}

/* MAP */


.map {
	position: relative;
}

.map .wp-block-buttons {position: absolute; right:1em; bottom: 1.1em; z-index:300;}
.map .wp-block-button .wp-block-button__link {width: fit-content; }




/* TEAM */


.team {justify-content: center;}
.team ul li::marker {color: #c80000;}
.team ul li {padding-left:0.5em;}

.team > div:nth-child(1) {
	flex-basis:fit-content !important;
	border-right: 0px solid grey;
	padding-right:5em;
}

.team > div:nth-child(2) {
padding-left:2em;
}

.team table {margin-top: 0;}


.video_sprechstunde, .termin_buchen {position: relative; z-index:1;}
.video_sprechstunde *, .termin_buchen * {position: relative;z-index:3;}


.video_sprechstunde::after, .termin_buchen::after {	
	position: absolute;
	right:0;
	top:0;
	font-size:10em;
	color:white;
	
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right:10px;
z-index:0;
width:100%;
text-align: center;
}

.video_sprechstunde::after {content:'\f03d';}
.termin_buchen::after {content:'\f073';}




#cottbus, #calau, #kpmedics, #management, #ernaehrung {

	display: none;
}




.contact_adress .adresse {
	background-color: #c80000;
	color: white;
	padding:1em;
}

.contact_adress .adresse table {
margin-left:1em !important;
}

.contact_adress .adresse table td {
	vertical-align: top;
	padding: 0.5em;
}







.nice {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4df5b+0,b4df5b+100;Green+Semi+Flat */
background: linear-gradient(to bottom,  rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  }

  .ernaehrung {
	list-style: none;

  }


  .ernaehrung li {
margin-bottom: 0.8em;
font-size: 1.2em;
  }


  
  .ernaehrung li::before {
	font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right:10px;
z-index:0;
width:100%;
text-align: center;
content: '\f5d1';
color: rgb(155, 201, 86);
  }




.news time {font-size:0.8em;}
.news > li {
	padding: 1em;
	background-color: #e6e6e6;
	margin:1em;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.news > li h2 {
color: #c80000;
margin-top: 0;
}



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


.person {

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

}







.person .wp-block-button__link {
	background-color: #c80000;
  color: white;
  padding: 5px 15px;
  border-radius: 8px;
  margin-top:2em; 
  transition: all 1s ease;
}


.person .wp-block-button__link:hover {
background-color: #b15c5c;

}


.person figure img {
	margin-top:-140px;
}

.person p {
	margin-top:0;
}

.person p:nth-child(3) {
	font-size: calc(var(--base-font-size) - 0.2rem)
}



.person:last-child::before {
	position: absolute;
	top: calc(50%);
	height: 3px;
	content: '';
	background-color: #c80000;
	width: 100vw;
	z-index: 0;
	right: calc(-100vw - 10px);
}


.person:nth-child(1)::before {
	position: absolute;
	top: calc(50%);
	height: 3px;
	content: '';
	background-color: #c80000;
	width: 100vw;
	z-index: 0;
	left: calc(-100vw - 10px);
}


.persons_wrapper {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
position: relative;

}


/* Person 2 Lemke*/

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

.person2 .wp-block-button__link {
	background-color: #c80000;
  color: white;
  padding: 5px 15px;
  border-radius: 8px;
  margin-top:0em; 
  transition: all 1s ease;
}

.person2 figure img {
	margin-top:-140px;
}

.person2 p {
	margin-top:0;
}

.person2 p:nth-child(3) {
	font-size: calc(var(--base-font-size) - 0.2rem)
}

.person2 p:nth-child(4) {
	margin-top: 2em
}




footer {
	position: relative;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c9c9c9+0,e0e0e0+100 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e0e0e0+0,f2f2f2+100 */
background: linear-gradient(to bottom,  rgba(224,224,224,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


  }





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


.decal {

	position: relative;
	border: 2px solid #c80000;
	
	padding:1em;
	max-width:400px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
	background-color: white;
	padding-bottom: 5em;
z-index:5;
}



.decal .wp-block-button__link {
	position: absolute;
	bottom:1em;
	background-color: #c80000;
  color: white;
  padding: 5px 15px;
  border-radius: 8px;
  margin-top:2em; 
  width:60%;
  left:20%;
  right:20%;
	height: fit-content;
}


.decal figure img {
	margin-top:-140px;
}




.decals_wrapper {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.decal:first-child:after {
	position: absolute;
	top: calc(35%);
	height: 3px;
	content: '';
	background-color: #c80000;
	width: 100vw;
	z-index: 0;
	left: calc(-100vw - 10px);
}


.decal:last-child:after {
	position: absolute;
	top: calc(35%);
	height: 3px;
	content: '';
	background-color: #c80000;
	width: 100vw;
	z-index: 0;
	right: calc(-100vw - 10px);
}







  .footer_links {
	display:flex;

  }




  
.footer_links {
	display: flex;
	justify-content: left;
	}

	.footer_links li {
		margin-left:3em;
	}


  .footer_links li span {
	font-size: calc(var(--base-font-size) -1px);
	font-style: italic;
  }

.footer_links li::marker {
	color:red;
	font-size: 1.5em;
	margin-top:2px;
}


.footer_links a {text-decoration: none;}






footer::before {

	position: absolute;
	top:-2px;
	width:24%;
	background-color: #c80000;
	height:4px;
	content:'';
	left:38%;
	z-index:11;
	
}





@media screen AND (max-width: 1720px) {
.leistung_box {
	width:80%;
	left:10%;
}

.leistung_box ul li {height:unset;}

}




@media screen AND (max-width: 1660px) {
	.leistung_box {width:96% !important; box-sizing: border-box !important; left:2%; padding: 2em 0 !important;}
	.leistung_box > div > div > div {
		flex-wrap: wrap !important;
		justify-content: center;
	}
	.leistung_box > div > div > div > div{
		min-width: 25%;
		
	}

	.leistung_box > div > div > div > div:nth-child(5){flex-grow: 1 !important;}

	.leistung_box > div > div > ul > li {
		min-width: 50%;
		max-width: 50%;
	}


}




@media screen AND (max-width: 1250px) {
	
	#modal-1-content > ul > li {padding:1em;}
	.adresse {padding: 1em !important; }
.two_colums > div {max-width: 80% !important;}

.leistung_box {
	width:90%;
	left:unset;
	right: unset;
}

.leistung_box::before {
	right: -100px;
	top: -100px;
	width: 300px;
  height: 300px;
}

.rotate {right:-10%}
}

@media screen AND (max-width: 1150px) {
	#modal-1-content > ul > li a {font-size: calc(var(--base-font-size) + 0px);}
	.adresse strong {font-size: calc(var(--base-font-size) + 0px);}
	#modal-1-content > ul > li {padding:1em 0.5em;}

}


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

	.leistung_box > div:nth-child(3) > div > ul > li {
		min-width: 100%;
	}


	.leistung_box {
		width:100% !important;
	}


}


@media screen AND (max-width: 1070px) {
	h1 {font-size:1.8em;} 
	h2 {font-size:1.3em;}

	.leistung_box ul {justify-content: left;}
	.leistung_box ul li {min-width:50% !important;}
}

@media screen AND (max-width: 1015px) {
header img  {margin-top:1em;}
header > div > div {justify-content: center !important; flex-direction: column; gap:0;}



}



@media screen AND (max-width: 920px) {
.leistung_box ul li {min-width:100% !important;}
}



@media screen AND (max-width: 980px) {
.standortboxen > div {flex-wrap: wrap !important; max-width: 100%; justify-content: center;}
.standortboxen .wp-block-column {
	flex-grow: 0 !important;
	flex-basis: 45% !important;
	min-width: 45% !important;
}
.standortboxen::after {display: none;}
.standortboxen {margin-top: 0 !important;}

table td {font-size: calc(var(--base-font-size) -1px); white-space: nowrap;}


.persons {flex-wrap: wrap !important;}
.person {
	min-width: 33%;
	margin-top:3em !important;
}

.person:nth-child(3) {
	order: -1;
	z-index:400;
	margin-left:33%;
	margin-right:33%;
}


.person:nth-child(1):before, .person:nth-child(5):before {
display: none;

}


}

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



	.leistung_box > div > div > div > div {
		min-width: 40%;
	  }
	  .leistung_box > div > div > div > div:nth-child(5){flex-grow: 0 !important;}
	  .leistung_box > div > div > div {justify-content: left;}

	
		.row div {width:  100% !important;  text-align: center;}
		.row div:first-child {margin-bottom: 5px;} 
		.row {flex-direction: column !important;}
			.ds div:nth-child(1) {width:  20% !important;}
			.ds div:nth-child(2) {width:  80% !important;}
		
		


.two_colums > div {max-width: 90% !important;}


.leistung_box::before {
	right: -50px;
	top: -100px;
	width: 300px;
  height: 300px;
}


}

@media screen AND (max-width: 782px) {
	footer figure {display:none;}
	footer ul {padding:0;}
	
	.decal:last-child::after, .decal:first-child::after  { display:none;}
	.decal {max-width:90vw;}
	.decals {gap:6em; }

	.wp-block-columns.kontakt_wrapper > .wp-block-column {
	flex-basis: 48% !important;
	
	
}

.wp-block-columns.kontakt_wrapper {justify-content: center; flex-grow: 1;}
.wp-block-columns.kontakt_wrapper > div:last-child {text-align: center;}
.rotate {right:0;}


	.wp-block-columns.team > .wp-block-column {flex-basis:40% !important;}
	.team > div:first-child {border: 0 !important; padding:0;}
	.team {gap:0;}

	.contact_wrapper {flex-direction: column-reverse;}
	.contact_adress .adresse table  {margin: auto !important;}

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

.two_colums .wp-block-cover {min-height: 400px !important; padding:10px;}
.two_colums {text-align: center;}
.two_colums .wp-block-buttons {justify-content: center !important; margin-top:2em;}
.adresse {margin-top:-2em !important;}
.adresse p {text-align: center;}
.adresse table {margin: auto !important;}

footer > div > div > ul {
padding-left:0;
}


footer > div > div .wp-block-buttons {justify-content: center !important;}

header {
  box-sizing: border-box;
  max-width: 100vw;
  padding-top: 2em;
}

}


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

.person:nth-child(3) {
	margin-left:unset;
	margin-right:unset;

}

.person::before { display: none;}


}


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


.two_colums .wp-block-cover__image-background {object-position: 100% 52% !important;}

	header {padding-top: 1em;}
	#modal-1-content > ul { gap: 0px;}
	#modal-1-content > ul > li {padding:1em 10px;}

}


@media screen AND (max-width: 675px) {
	.leistung_box::before {
		right: -50px;
		top: -100px;
		width: 200px;
	  height: 200px;
	}

	.leistung_box {
		width: 98%;
		left: 1%;
		padding: 10px !important;
	  }
	}



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


	footer ul {display: block !important;
  justify-content: left;
  width: fit-content;
  margin: auto !important;}



	.team {display: block !important;}
	.team > div {padding:0 !important;}
	.team > div:first-child {margin-bottom: 2em;}
	.team > div:nth-child(2) > div, .team > div:nth-child(2) > p {text-align: center;}
	.team > div:nth-child(2) > div > .wp-block-buttons {justify-content: center;}
	.team > div {width:fit-content !important; margin: auto;}
.team ul {
	width: fit-content;
  display: block;
  margin: auto;
}


	.wp-block-cover:first-child {
		position: relative;
		overflow-y: visible;
		
		min-height: 50vh !important;
	}


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


	
}

@media screen AND (max-width: 600px) {
	#modal-1 {background-color: #e7e7e7;}
	#modal-1::after {
		position: absolute;
		left:0;
		top:0;
		width:100vw;
		height: 100vh;
		background-image: url('https://mvz-braun.com/wp-content/uploads/2024/10/MVZ_Startseite_Lieberoser.jpg');
		background-position: center;
		background-size: cover;
		opacity: 0.1;
		z-index: -1;
		content:'';
	}
	header {padding-bottom: 1em;}

	#modal-1-content ul {
		margin-top: 20%;
		display: block;
		width:100%;
		

	}

	#modal-1-content ul li {
		display: block; text-align: center;
		
	}

	#modal-1-content ul li a {
		font-size: 2em;
		padding-bottom: 0em;
	}

	#modal-1-content ul li ul { display: none; }
	.start_btn {display: block !important;}

}

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

.map .wp-block-buttons {justify-content: center;}
.map .wp-block-buttons .wp-block-button__link {padding:10px 15px;}
}

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


	.wp-block-cover:first-child {
		position: relative;
		overflow-y: visible;
		
		min-height: 40vh !important;
	}


	.leistung > div {margin-bottom: 2em !important;}
	.leistung_box {position: relative;}
	.leistung_box ul li {width:90%;}

	.leistung_box::before {
		position: absolute;
		right: -80px;
		top:unset;
		bottom: -10%;
		width: 300px;
	  height: 300px;
	}
}



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

h1 { font-size: 1.4em;

}

h2 { font-size: 1.2em;

}

h3, h4 { font-size: 1.1em;

}


	.leistung_box::before {		
		position: absolute;
		right: -40px;
		top:unset;
		bottom: -40px;
		width: 150px;
	  height: 150px;
	}