body
{
   font-family:"Arial,Helvetica,sens-serif";
   font-weight:400;
   font-style:normal;
   font-size:0.9em;
   margin:0px;
   background-color:#ffffff;
   color:#333333;
   z-index:0;
}

h1, h2
{
   font-weight:700;
   font-style:normal;
}

h1
{
   font-size:1.6em;
}

h2
{
   font-size:1em;
}

h3
{
   font-size:1.3em;
   display:inline;
}

a
{
   font-weight:400;
   color:#333333;
}

li
{
   padding-bottom:10px;
}

ul
{
   margin:0px;
   padding:0px;
   padding-left:20px;
}

hr.small
{
   border-top:1px dotted;
   color:#dddddd;
}

.header
{
   border-bottom:1px solid;
   width:100%;
   height:auto;
   top:0px;
   margin:0px;
   padding-left:15px;
   padding-bottom:5px;
   position:fixed;
   background-color:#d9efad;
   background:linear-gradient(90deg, rgba(242,235,244,1) 0%, rgba(233,217,236,1) 33%, rgba(217,239,173,1) 66%);
   z-index:1000;
}

.header_img
{
   width:30%;
   max-width:200px;
   height:auto;
   float:right;
   padding-right:25px;
}

.content
{
   margin:20px;
   padding-top:50px;
   padding-bottom:50px;
}

.info
{
   font-weight:400;
   font-style:italic;
   color:#333333;
}

.infobox
{
   float:left;
   position:relative;
}

.footer
{
   border-top:1px solid;
   font-size:0.8em;
   width:100%;
   height:auto;
   bottom:0px;
   margin:0px;
   padding:5px;
   position:fixed;
   background-color:#d9efad;
   background:linear-gradient(90deg, rgba(242,235,244,1) 0%, rgba(233,217,236,1) 33%, rgba(217,239,173,1) 66%);
   z-index:1000;
}

.linkbutton
{
   padding:10px;
   cursor:pointer;
   background-color:#ccb1d1;
   color:#000000;
   border-radius:10px;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   line-height:60px;
   box-shadow:rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
   margin:10px;
}

.linkbutton:hover
{
   background-color:#d9efad;
}

.submitbutton
{
   padding:10px;
   cursor:pointer;
   background-color:#ccb1d1;
   color:#000000;
   border-radius:10px;
   font-weight:700;
   font-style:normal;
   box-shadow:rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
   border:1px solid #c59ed4;
}

.submitbutton:hover
{
   background-color:#d9efad;
}

.grau
{
   font-size:0.7em;
   color:#777;
} 

.dsgvo
{
   font-size:0.8em;
   color:#777;
} 

.projekt
{
   border:1px solid #c59ed4;
   padding:10px;
   background-color:#f8f8f8;
   margin-bottom:10px;
   margin-right:10px;
   border-radius:10px;
}

.kontakt
{
   border-radius:10px;
   border:1px solid #c59ed4;
}

@media (max-width:580px)
{
   .kontakt
   {
      width:90%;
   }
   h1, h2
   {
      margin-top:-5px;
   }
   .header_img
   {
      padding-top:10px;
   }
   .infobox
   {
      width:100%;
   }
}

@media (min-width:581px) and (max-width:800px)
{
   .kontakt
   {
      width:75%;
   }
   h1, h2
   {
      margin-top:0px;
   }
   .header_img
   {
      padding-top:10px;
   }
   .infobox
   {
      width:100%;
   }
}

@media (min-width:801px)
{
   .kontakt
   {
      width:50%;
      max-width:500px;
   }
   h1, h2
   {
      margin-top:0px;
   }
   .header_img
   {
      padding-top:5px;
   }
   .infobox
   {
      width:49%;
   }
}