body{
	margin:0;
	padding: 0;
}
/* .accord{
	margin: 0;
	with:102%;
	border-left:0px !important;
	border-right:0px !important;
} */

#header{
  background-color:#008E00;
}

#first{
	background-color:#009BFF;
	color:white;

}

#second{
	background-color:#F59F00;
	color:white;
}

#third{
	background-color:#F54565;
	color:white;
}

#fourth{
	background-color:#577900;
	color:white;
}

#fifth{
  background-color:#12065D;
  color:white;
}
/* UNTERSEITEN */
#unternehmen_0{
  background-color:#455f01;
  color:white;
}

#unternehmen_1{
  background-color:#577900;
  color:white;
}

#unternehmen_2{
  background-color:#57790099;
  color:white;
}

#unternehmen_3{
  background-color:#57790090;
  color:white;
}

#unternehmen_4{
  background-color:#57790075;
  color:white;
}

#unternehmen_5{
  background-color:#57790065;
  color:white;
}

#unternehmen_6{
  background-color:#57790055;
  color:white;
}

#privatpersonen_1{
  background-color:#F59F00;
  color:white;
}

#privatpersonen_2{
  background-color:#F59F0095;
  color:white;
}

#privatpersonen_3{
  background-color:#F59F0080;
  color:white;
}

#soziale_einrichtungen_1{
  background-color:#F54565;
  color:white;
}

#soziale_einrichtungen_2{
  background-color:#F5456585;
  color:white;
}

#baumroute_1{
  background-color:#12065D;
  color:white;
}

#baumroute_2{
  background-color:#200C9C;
  color:white;
}

.zahl{
	with:6%;
	margin-left: 10%;
}

.caption{
	align:right;
	font-size: 10px;
}

/* ------- Before | After Slider */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
* {
  box-sizing:border-box
}

body {
  background:linear-gradient(62deg,#c93072 5%,#3365c0) fixed;
}

h1 {
  color: white;
  text-align:center;
  font-family: 'Roboto', sans-serif;
  margin-bottom:0;
}

.line {
  width:100px;
  height:1px;
  margin:20px auto 40px auto;
  border-bottom:1px solid white;
}

img {
  width:100%;
  display:block;
}

.container {
  width:50%;
  display:block;
  margin:30px auto
}

#before-after-slider {
  width:100%;
  position:relative;
  overflow:hidden;
  border:3px solid white;
}

#after-image {
  display:block
}

#before-image {
  position:absolute;
  height:100%;
  width:50%;
  top:0;
  left:0;
  overflow:hidden;
  z-index:2;
}

#resizer {
  position:absolute;
  display:flex;
  align-items:center;
  z-index:5;
  top:0;
  left:50%;
  height:100%;
  width:4px;
  background:white;
  /*Stop vertical scrolling on touch*/
  -ms-touch-action: pan-y;
	touch-action: pan-y;
}

#resizer:after {
  background:linear-gradient(62deg,#c93072 5%,#3365c0);
  font-family: "Font Awesome 5 Free";
  content:'\f337';
  font-weight:900;
  display:flex;
  justify-content:center;
  align-items:center;
  color:white;
  position:absolute;
  margin: 0 0 0 -22px;
  width:40px;
  height:40px;
  border-radius:50%;
  border:3px solid white;

}

@media (max-width:767px) {
  .container {
	width:100%;
	padding:0 20px
  }
}