#header-logo
{
margin: 0 auto;
margin-top: 10px;	
position:relative;	
z-index:999888;
}


/* Smaller than desktop*/ 
@media (max-width: 800px) {
.mobile-logo
 {
position:relative; left:0px; top:0px;
float: left;     
}}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 90%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
      margin-left: 0; }} 

.box, .firstbox, .lastbox
{ 
    background-image:url(../images/textfill.png);
 background-repeat:repeat-x;
background-color: #f6e1d3;
 margin-top:0px; 
 margin-bottom:30px;     
 padding-top:30px; 
 padding-left: 30px;
 padding-right: 30px;   
 padding-bottom:0px; 
    z-index: 100;
position:relative;
   border-style: solid;
    border-color: #0C010B;
    border-width: 3px;
}








/* text-align:justify = blocksatz,   display:inline-block = schönere Umrbüche für p und li u.ä.*/
.abc-text
{
     width: 100%;
    margin-bottom: 30px;
}

p{
text-align:justify;
  display:inline-block;}

.ul-text{
text-align:justify;
  display:inline-block;}




/* Larger than desktop */
@media (min-width: 800px) {
.abc-text{
    column-count: 2;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /*Firefox*/
    
    column-rule-color: #AAAAAA;
    -webkit-column-rule-color: #AAAAAA; 
     -moz-column-rule-color: #AAAAAA;
    
    column-rule-width: 1px;
    -webkit-column-rule-width: 1px;
    -moz-column-rule-width: 1px;
  
    column-rule-style: dotted;
    -webkit-column-rule-style: dotted;
    -moz-column-rule-style: dotted;
}}
	




.picthumb{
    
    padding-bottom:20px;
	padding-left:2.33333333333333333%;
	float:center;
	display:inline-block;
	 width: 112px;
	 height: 112px;
	z-index:600;
	}

/* Larger than desktop */
@media (min-width: 1200px) {
.picthumb
 {padding-left:1.555555555555556%;
}}



.img {
   border-style: solid;
    border-color: #0C010B;
    border-width: 3px;
}

.svgimg
{
  width: 50%; 
  height: auto;
}


/* Smaller than desktop*/ 
@media (max-width: 800px) {
.svgimg
 {
width: 66.6666666666666%;     
}}

/* Smaller than desktop*/ 
@media (max-width: 550px) {
.svgimg
 {
width: 100%;     
}}





