body{
margin:0;
padding:0;
border:0;

}
html{
	/*background-image:linear-gradient(#ff83fa 40%,/*#ab82ff*/ /* diese #8ee5ee /*cyan);*/
	
	
}
.fett{
	font-weight:bold;
}

.Craniobalancing {
	width:100%;
	height:100%;
  display: grid;
  grid-template-columns:25% 25% 25% 25%;
  grid-template-rows:auto auto auto;
  padding: 0px;
}

.header{
	background:#8b008b;/*#ff00ff;*/
	font:16px tahoma;
	grid-column-start:1;
	grid-column-end:5;
	grid-row-start:1;
	grid-row-end:2;
	/*position:fixed;
	top:0;
	width:100%; /*nur für dieses media querie?*/
	
}
ul {
	
	text-align:center;
margin:0;
	padding:14px 16px;
  list-style-type: none;
  background:#8b008b;/*#ff00ff;*/
  overflow: hidden;
}
li  {
  display:inline;
  
}
li a{
	
	text-align:center;
	margin:0;
	padding:14px 16px;
	background-color:#8b008b;/*#ff00ff;*/
	text-decoration:none;
	color:#fff;
}
li a:hover{
	background-color:#cd00cd;
}
.active {                           /*!!!ÄNDERN!!!*/
  background-color: #cd00cd;
}
.image{
	background-color:#ff83fa;
	margin:0;
    padding:0;
    border:0;
	/*margin-top: 40px;*/
	
	grid-column-start:1;
	grid-column-end:5;
	grid-row-start:2;
	grid-row-end:3;
}
.linear-gradient{
	margin:0;
    padding:0;
    border:0;
	grid-column-start:1;
	grid-column-end:5;
	grid-row-start:3;
	grid-row-end:5;
	background-image:linear-gradient(#ff83fa,#8ee5ee,#c1ffc1);
}
.content{
	margin-top:25px;
	
    padding:0;
    border:0;
	background-color:transparent;
	
	font:16px tahoma;
	grid-column-start:2;
	grid-column-end:4;
	grid-row-start:3;
	grid-row-end:3;
}

.footer{
	margin-top:50px;
	margin-bottom:15px;
	font:16px tahoma;
	background-color:white;
	color: black;
	border:double 5px pink;
	grid-column-start:2;
	grid-column-end:4;
	grid-row-start:4;
	grid-row-end:4;
}
.FontFamily{
	font:16px tahoma;
}
/*mobile*/
@media only screen and (max-width:950px){
	body{
margin:0;
padding:0;
border:0;

}
html{
	/*background-image:linear-gradient(#ff83fa 40%,/*#ab82ff*/ /* diese #8ee5ee /*cyan);*/
	
	
}
.fett{
	font-weight:bold;
}

.Craniobalancing {
	width:100%;
	height:100%;
  display: grid;
  grid-template-columns:auto auto auto auto;
  grid-template-rows:auto auto auto auto auto auto;
  padding: 0px;
}
.background{
	background:#8b008b;/*#ff00ff;*/
	grid-column-start:1;
	grid-column-end:5;
	grid-row-start:1;
	grid-row-end:2;
}
.header{
	background:#8b008b;/*#ff00ff;*/
	font:16px tahoma;
	grid-column-start:3;
	grid-column-end:4;
	grid-row-start:1;
	grid-row-end:2;
	
}
ul {

  margin:0;
  width:100%;
  padding:0;
  list-style-type: none;
  background:#8b008b;/*#ff00ff;*/
}

li a{
	text-align:center;
	display:block;
	margin:0;
	padding:14px 16px;
	background:#8b008b;/*#ff00ff;*/
	text-decoration:none;
	color:#fff;
}
li a:hover{
	background-color:#cd00cd;
}
.active {                           /*!!!ÄNDERN!!!*/
  background-color:#cd00cd;
}
.image{
	background-color:#ff83fa;
	margin:0;
    padding:0;
    border:0;
	grid-column-start:1;
	grid-column-end:5;
	grid-row-start:2;
	grid-row-end:3;
}
.linear-gradient{
	margin:0;
    padding:0;
    border:0;
	grid-column-start:1;
	grid-column-end:5;
	grid-row-start:3;
	grid-row-end:6;
	background-image:linear-gradient(#ff83fa,#8ee5ee,#c1ffc1);
}
.content{
	margin-top:25px;
    padding:0;
    border:0;
	background-color:transparent;
	
	font:16px tahoma;
	grid-column-start:3;
	grid-column-end:4;
	grid-row-start:4;
	grid-row-end:5;
}


.footer{
	margin-top:50px;
	margin-bottom:15px;
	font:16px tahoma;
	background:white;
	color: black;
	border:double 5px pink;
	grid-column-start:2;
	grid-column-end:4;
	grid-row-start:5;
	grid-row-end:6;
}
}
@media only screen and (max-width:600px){  /*small mobile*/
	body{
margin:0;
padding:0;
border:0;

}
html{
	/*background-image:linear-gradient(#ff83fa 40%,/*#ab82ff*/ /* diese #8ee5ee /*cyan);*/
	
	
}
.fett{
	font-weight:bold;
}

.Craniobalancing {
	width:100%;
	height:100%;
  display: grid;
  grid-template-columns:auto auto auto auto;
  grid-template-rows:auto auto auto auto auto auto;
  padding: 0px;
}
.background{
	background:#ff00ff;
	grid-column-start:1;
	grid-column-end:5;
	grid-row-start:1;
	grid-row-end:2;
}
.header{
	background:#8b008b;/*#ff00ff;*/
	font:16px tahoma;
	grid-column-start:1;
	grid-column-end:5;
	grid-row-start:1;
	grid-row-end:2;
	
}
ul {

  margin:0;
  width:100%;
  padding:0;
  list-style-type: none;
  background:#8b008b;/*#ff00ff;*/
}

li a{
	text-align:center;
	display:block;
	margin:0;
	padding:14px 16px;
	background:#8b008b;/*#ff00ff;*/
	text-decoration:none;
	color:#fff;
}
li a:hover{
	background-color:#cd00cd;
}
.active {                           /*!!!ÄNDERN!!!*/
  background-color:#cd00cd;
}
.image{
	background-color:#ff83fa;
	margin:0;
    padding-top:0;
    border:0;
	grid-column-start:1;
	grid-column-end:5;
	grid-row-start:2;
	grid-row-end:3;
}
.linear-gradient{
	margin:0;
    padding:0;
    border:0;
	grid-column-start:1;
	grid-column-end:5;
	grid-row-start:3;
	grid-row-end:6;
	background-image:linear-gradient(#ff83fa,#8ee5ee,#c1ffc1);
}
.content{
	margin-top:25px;
	margin:15px;
    padding:0;
    border:0;
	background-color:transparent;
	text-align:center;
	font:16px tahoma;
	grid-column-start:1;
	grid-column-end:5;
	grid-row-start:3;
	grid-row-end:4;
}


.footer{
	margin-top:25px;
	margin-bottom:15px;
    padding:0;
    border:0;
	font:16px tahoma;
	background:white;
	color: black;
	border:double 5px pink;
	grid-column-start:1;
	grid-column-end:5;
	grid-row-start:5;
	grid-row-end:6;
}
}