.content	{
	text-align:left;
}
img.logo	{
	max-width:750px;
	width:80%;
	margin-bottom:90px;
	margin-top:90px;
}
body	{
	font-family: Helvetica, Arial, Sans-Serif;	
	margin:0px;
	padding:0px;
}
h1	{
	font-size: 4.0625em;
	line-height:1.2em;
	
}
.content	h1.home	{
	text-indent: -9999px; /* Text ausblenden */
  overflow: hidden;
  margin:-78px 0px 0px 0px;
}
h2	{
	font-size:3em;
	margin-top:240px;
	margin-bottom:90px;
	text-align:center;
}
.datenschutz	h2	{
	margin-top:90px;
	margin-bottom:65px;
	text-align:left;
}
.bottom-270	{
	padding-bottom:270px !important;
}
.yellow	{
	background-color:#E4C500;
	color:#FFF;
	padding-top:90px;
	padding-bottom:90px;
}
.claim	{
	font-size:3em;	
	line-height:1.2em;
	margin-top:0px;
	margin-bottom:150px;
	text-align:center;
}
.yellow-claim	{
	font-size:2.75em;	
	line-height:1.2em;
	color:#000;
	padding-top:90px;	
	padding-right:65px;
	margin:0px;
}
a	{
	color:#000;
}
.yellow	a	{
	color: #FFF;
}
a	{
	text-decoration:none;
}
a:hover	{
	text-decoration:underline;
}
ul.nav	li	{
	list-style:none;
	display:inline-block;
	padding:10px;
}
.brothers	{
	position:relative;
}
.brothers	img	{
	height:405px;
}
.brothers	h3	{
	font-size:2em;
	margin-bottom:0px;
}
.brothers	p	{
	margin-top:0px;
	margin-bottom:0px;
}
.christian	{
	
}
.martin	{
	margin-bottom:270px;
}
.white-stripe, .black-stripe	{
	width:130px;
	border-bottom:6px solid;
	rotate: 40deg;
	position:absolute;
	left:235px;
	top:280px;
}
.leistung	{
	color:#000;
	border-bottom: 1px solid;
	border-color: rgba(0,0,0,0.5);
	position:relative;
}
.leistung:last-of-type	{
	border-bottom:0px;
}
.open-stripe, .close-stripe	{
	position:absolute;
	width:50px;
	border-top: 4px solid #000;
	right:0px;
	top:10px;
}
.close-stripe	{
	rotate:7.5deg;
	display:none;
}
.yellow-stripe {
  position: relative;
  display: inline-block; /* wichtig, damit das Pseudo-Element am Text hängt */
}

.yellow-stripe::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px; /* Abstand zum Text */
  width: 100%;
  height: 3px;  /* Dicke der Linie */
  background: #E4C500;
  transform: rotate(-2.5deg);
  transform-origin: left center; /* Drehpunkt links, damit es "abkippt" */
}
.leistung	p	{
	display:none;
}
.leistung h3	{
	font-size:1.5em;
	padding-right: 90px;
}
/* Standard-Zustand */
.leistung p {
  display: none;
}
.leistung .close-stripe {
  display: none;
}

/* Wenn Checkbox aktiv  Inhalt sichtbar */
.leistung_01 input[type="checkbox"]:checked ~ p,
.leistung_02 input[type="checkbox"]:checked ~ p,
.leistung_03 input[type="checkbox"]:checked ~ p,
.leistung_04 input[type="checkbox"]:checked ~ p,
.leistung_05 input[type="checkbox"]:checked ~ p,
.leistung_06 input[type="checkbox"]:checked ~ p,
.leistung_07 input[type="checkbox"]:checked ~ p,
.leistung_08 input[type="checkbox"]:checked ~ p,
.leistung_09 input[type="checkbox"]:checked ~ p,
.leistung_10 input[type="checkbox"]:checked ~ p,
.leistung_11 input[type="checkbox"]:checked ~ p,
.leistung_12 input[type="checkbox"]:checked ~ p,
.leistung_13 input[type="checkbox"]:checked ~ p,
.leistung_14 input[type="checkbox"]:checked ~ p {
  display: block;
}

/* open-stripe nur sichtbar wenn NICHT aktiv */
.leistung_01 input[type="checkbox"]:checked ~ .open-stripe,
.leistung_02 input[type="checkbox"]:checked ~ .open-stripe,
.leistung_03 input[type="checkbox"]:checked ~ .open-stripe,
.leistung_04 input[type="checkbox"]:checked ~ .open-stripe,
.leistung_05 input[type="checkbox"]:checked ~ .open-stripe,
.leistung_06 input[type="checkbox"]:checked ~ .open-stripe,
.leistung_07 input[type="checkbox"]:checked ~ .open-stripe,
.leistung_08 input[type="checkbox"]:checked ~ .open-stripe,
.leistung_09 input[type="checkbox"]:checked ~ .open-stripe,
.leistung_10 input[type="checkbox"]:checked ~ .open-stripe,
.leistung_11 input[type="checkbox"]:checked ~ .open-stripe,
.leistung_12 input[type="checkbox"]:checked ~ .open-stripe,
.leistung_13 input[type="checkbox"]:checked ~ .open-stripe,
.leistung_14 input[type="checkbox"]:checked ~ .open-stripe { 
  display: none;
}

/* close-stripe nur sichtbar wenn aktiv */
.leistung_01 input[type="checkbox"]:checked ~ .close-stripe,
.leistung_02 input[type="checkbox"]:checked ~ .close-stripe,
.leistung_03 input[type="checkbox"]:checked ~ .close-stripe,
.leistung_04 input[type="checkbox"]:checked ~ .close-stripe,
.leistung_05 input[type="checkbox"]:checked ~ .close-stripe,
.leistung_06 input[type="checkbox"]:checked ~ .close-stripe,
.leistung_07 input[type="checkbox"]:checked ~ .close-stripe,
.leistung_08 input[type="checkbox"]:checked ~ .close-stripe,
.leistung_09 input[type="checkbox"]:checked ~ .close-stripe,
.leistung_10 input[type="checkbox"]:checked ~ .close-stripe,
.leistung_11 input[type="checkbox"]:checked ~ .close-stripe,
.leistung_12 input[type="checkbox"]:checked ~ .close-stripe,
.leistung_13 input[type="checkbox"]:checked ~ .close-stripe,
.leistung_14 input[type="checkbox"]:checked ~ .close-stripe {
  display: block;
}

/* Checkbox unsichtbar machen */
.leistung_01 input[type="checkbox"],
.leistung_02 input[type="checkbox"],
.leistung_03 input[type="checkbox"],
.leistung_04 input[type="checkbox"],
.leistung_05 input[type="checkbox"],
.leistung_06 input[type="checkbox"],
.leistung_07 input[type="checkbox"],
.leistung_08 input[type="checkbox"],
.leistung_09 input[type="checkbox"],
.leistung_10 input[type="checkbox"],
.leistung_11 input[type="checkbox"],
.leistung_12 input[type="checkbox"],
.leistung_13 input[type="checkbox"],
.leistung_14 input[type="checkbox"] {
  display: none;
}
label	{
	cursor:pointer;
}
p.blueprint_txt	{
	font-size:1.5em;
	padding-left:65px;
	margin-top:90px;
}
ul.kunden	{
	margin:0px;
	padding:0px;
	text-align:center;
}
ul.kunden	li	{
	display:inline-block;
	vertical-align:middle;	
	padding: 0px 25px;
}
ul.kunden li	img	{
	width: 200px;
}
.footer	{
	margin-top:240px;
	margin-bottom:90px;
}
.footer	.left	{
	width: 675px;
}
.footer	.middle,	.footer	.right	{
	width:325px;
}
.footer	.left,	.footer	.middle,	.footer	.right	{
	display:inline-block;
	vertical-align:middle;
}
.footer	.left,	.footer	.middle	{
	padding-right:25px;
}
.footer	.right	img	{
	width:150px;
}
.footer	.right	{
	text-align:right;
}
@media (max-width: 1749px) {
	.content	{
		width:80%;
		margin-left:10%;
	}
	.blueprint	img	{
		max-height:605px;
		margin-top:-200px;
		max-width:80%;
	}
	p.blueprint_txt	{
		padding-left:0px;		
		text-align:left;
	}
	.blueprint	{
		text-align:center;
	}
	ul.kunden li	img	{
		margin-top:30px;
		margin-bottom:30px;
	}
	.martin, .christian	{
		margin-top:90px;
	}
	.yellow-claim	{
		padding-top:0px;	
		padding-right:0px;		
	}

}
@media (min-width: 1750px) {
	.content	{
		width:1400px;
		margin-left:calc(50% - 700px);
	}
	.left, .right	{
		display:table-cell;
		vertical-align:top;
		width:695px;
	}
	.martin	{
		margin-left:335px;
		margin-top:-150px;
		width:695px;
	}
	.blueprint	img	{
		max-height:605px;
		margin-top:-200px;
	}
	
}
@media ((min-width: 880px) and (max-width:1749px))	{
	.martin, .christian	{
		width:695px;
	}
	.footer	.left	{
		width: calc(50% - 25px);
	}
	.footer	.middle	{
		width:calc(24% - 25px);
	}
	.footer	.right	{
		width:24%;
	}
}
@media ((min-width:880px) and (max-width:1199px))	{
	.yellow-claim	{
		text-align:center;
	}
	.martin, .christian	{
		width:635px;
		margin-left:calc(50% - 317px);
	}
	
}
@media (min-width: 880px)	{
	.brothers	h3, .brothers	p	{
		margin-left:360px;
	}
	.brothers h3	{
		margin-top:-100px;
	}		
	img.logo	{
		margin-left:calc(50% - 375px);
	}
}
@media (max-width: 879px)	{
	.footer	{
		margin-top:90px;
	}
	.footer	.left, .footer	.middle	{
		width: calc(49% - 25px);
		vertical-align:top;
	}
	.footer	.right	{
		width:100%;
		text-align:center;
		margin-top:30px;
	}
	.white-stripe, .black-stripe	{
		display:none;
	}
	.brothers	{
		text-align:center;
	}
	.claim, .yellow-claim	{
		font-size:2em;
	}
	.martin	{
		margin-bottom:90px;
	}
	.claim	{
		margin-bottom:65px;
	}
	h2	{
		margin-top:90px;
		margin-bottom:65px;
	}
	img.logo	{
		margin-left:10%;
	}
}
@media ((min-width: 1200px) and (max-width:1749px))	{
	.martin, .christian	{
		width:635px;
	}
	.left, .right	{
		display:table-cell;
		vertical-align:top;
	}
	.right	{
		width:635px;
	}
	left	{
		width:calc(100% - 645px);
	}
	.martin	{
		margin-left:calc(100% - 975px);
		margin-top:-90px;
		width:695px;
	}
	.yellow-claim	{
		padding-top:65px;	
		padding-right:20px;	
	}
	.christian	{
		margin-top:0px;
	}
	
}