body{
	margin: 0;
	background: rgb(43, 159, 192);
	width: auto;
	height: auto;
}

.header {
	padding-top: 10px;
	text-align: center;
	/*margin: 20px;*/
}

.content {
  padding: 30px 30px 56px 30px;
  /*background: rgb(255, 209, 138) url(/images/bodybg.png) repeat;*/	
 }

.impressum {
   color: white;
}

#panel {
    background: rgb(199, 44, 118);
    height: 50px;
    border-bottom: rgb(177, 33, 102);
    border-bottom-style: inset;
    border-bottom-width: 4px;
}

video {
  width: 100%    !important;
  height: auto   !important;
}

.img150{
	float: left;
	width: 400px;
	padding: 3px;
}

img {
   max-width: 100%;
   height: auto;
   border-radius: 10px;
   box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.42);
}

p{
   color: #fff;
}

.avatar{
   height: 15%;
   width: 15%;
   float: right;
   margin: 15px;
}

#center {
   text-align: center;
   padding-top: 1px;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both; 
}

#profil {
   floar: right;
}

#left_box {
   float: left;
   width: 75%;
   padding-bottom: 80px;
   padding-top: 1%;
   padding-left: 2%;
   padding-right: 2%;
}

#right_box {
   float: left;
   width: 25%;
   padding-bottom: 80px;
   padding-top: 1%;
   padding-right: 2%;
}

#box {
	margin-top: 10px;
	background: #2092b3;
	border-radius: 4px;
	border: 1px solid #000;
}

#box2 {
    padding: 5px;
}

* {
    box-sizing: border-box;
}

.footer {
    background: rgb(199, 44, 118);
    height: 50px;
    border-bottom: rgb(177, 33, 102);
    border-bottom-style: inset;
    border-bottom-width: 4px;
    position:fixed;
    bottom: 0;
    width: 100%;
}

h1 {
    color: #fff;
    font-size: 25px;
    border-bottom: 1px solid #fff;
    height: auto;
    width: auto;
}

a {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}

a:hover { 
    color: #2b9fc0;
}

::-webkit-scrollbar
{
  width: 0px;  /* for vertical scrollbars */
  height: 0px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
  background: rgb(43, 159, 192);
}

::-webkit-scrollbar-thumb
{
  background: rgb(199, 44, 118);
}

@media only screen and (max-device-width: 950px) {
   .content{
      padding: 15px 15px 28px 15px;
   }

   #left_box {
      float: left;
      width: 100%;
      padding-bottom: 0;
      padding-top: 1%;
      padding-left: 0%;
      padding-right: 0%;
   }

   #right_box {
      float: left;
      width: 100%;
      padding-top: 1%;
      padding-left: 2%;
      padding-bottom: 80px;
      padding-left: 0%;
      padding-right: 0%;
   }
   
   .avatar{
      height: 20%;
      width: 20%;
   }

   #panel {
      height: 30px;
   }

   #center {
      text-align: center;
      display:inline ;
      align-items: center;
      justify-content: center;
   }
}