#i321 {
/*	float:right;
	float:top;
*/
		top: 20px;
/*		right: 50px; */
/*		right: calc( (100% - var(--my-body-width) - var(--my-side-width)) / 2 + 30px);
*/
	right: 30px;
	position:fixed;
/*	max-width: 1000px; */
	clip: rect(0px;0px;0px;500px);
/*	position:fixed; */
	z-index:10;
	width: 750px;
}

#i322 {
		top: 0px;
/*		right: calc( (100% - var(--my-body-width) - var(--my-side-width)) / 2 );
*/
	right: 0px;
	position:fixed;
/*	position:fixed; */
/*	resize: both;
	width: 10%;
*/
	width: 45px;
	z-index:20;
}

#i323 {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 40px;
	z-index: 5;
	background-color: rgb(255,255,255);
	
}



.mybody {
	--my-side-width: 45px;
	--my-body-width: 240px;
	max-width: var(--my-body-width);
	margin-left: calc( (100% - var(--my-body-width) - var(--my-side-width)) / 2 );
	margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	font-size: 100%;

	top: 80px;
	position: relative;
	min-width: 275px;
}


.leistungen, .kontakt, header, footer {
/*	padding: 30px; */
	margin-right: 45px;
}

.leistungen {
/*  top: 150px;
  position:relative;
  padding-top: 30px;
  padding-left:30px;
  padding-bottom: 30px;
  background-color: rgb(80,80,120);
*/	margin: 0px;
	padding: 0px;

}

.kontakt {
/*  padding-top: 30px;
  padding-left:30px;
  padding-right:30px;
  padding-bottom: 30px;
  position:relative;
  left:0px;
  top:150px;
  background-color: rgb(120,80,80);
*/  
}

/*
h1 {
  font-size: 130%;
}
*/

footer, header {
/*  position: relative;
  top:150px;
  padding: 30px;
  background-color: rgb(120,120,60);
*/  
}

footer {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 30px;
		font-size: 80%;
}

h1 {
		margin-top: 25px;
		font-size: 125%;
}

h2 {
	margin-top: 15px;
	margin-bottom: 0px;
	font-size: 100%;
	font-weight: bold;
	
}
header {
	margin: 0px;
}