/*
Global Styles
======================================
*/

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

body {
  line-height: 1.5;
  font:13px/1.231 sans-serif; *font-size:small; color: #444;
}

/*
Layout
======================================
*/

.wrap {
  position: relative;
  margin: 0 auto;
  
}

.headerwrapper{
    margin:0px auto; padding:0;
    width:70%;
   
}

ul,
li {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  transition: 0.2s ease;
}

a:link,
a:visited {
  color: #25B89A;
}

a:hover,
a:active {
  color: #16a085;
}

img {
  display: block;
  margin: 0 auto;
  padding: 1em 0;
}

.menu-link {
  position: absolute;
  font-size: 1.5em;
}

.menu-link:link,
.menu-link:visited {
  color: #fff;
  background: rgba(0, 0, 0, .4);
  border-radius: 4px;
  padding: .2em .4em;
}

.menu-link:hover,
.menu-link:active {
  color: #25B89A;
  background: rgba(0, 0, 0, .6);
}

/*
Nav Panel
======================================
*/

.panel {
  background: #2C3E50;
  z-index: 9999;
  position: fixed;
  right: -15.625em; /*or width of your navigation panel*/
  width: 15.625em; /*should match the above value*/
}

.panel ul {
  border-top: 2px solid #34495D;
}

.panel a {
  display: block;
  border-bottom: 2px solid #34495D;
  padding: 1em;
}

.panel a:link,
.panel a:visited {
  color: #fff;
}

.panel a:hover,
.panel a:active {
  background: #25B89A;
}

.nav-icon {
  margin-right: 6px;
}

@media only screen and (max-width: 722.7em)
{
     #newsbox{
         width:50%;
     }
     
     #newsbox2{
         width:50%;
     }
}

@media only screen and (max-width: 505.89em)
{
     #newsbox{
         width:50%;
     }
     
      #newsbox2{
         width:50%;
     }
}


/*
Small Screens
-----------------------------------
*/

@media only screen and (max-width: 31.25em) {
    body {
      font-size: .875em;
    }

    #newsbox{
         width:100%;
     }
     
     #newsbox2{
   width:100%;
     }
    
    h1 {
      margin-top: 1em;
    }

      .btn-list li {
      font-size: .75em;
    }

    .btn-list li:first-of-type {
      margin-right: .2em;
    }
    
    #Logo{
        width:80%;
    }
    
    .headerwrapper{
        width: 100%;
    }
    
}

/*
very Small Screens
-----------------------------------
*/

@media only screen and (max-width: 15.00em) {
    body {
      font-size: .875em;
    }
    
     #newsbox{
         width:100%;
     }
    
     #newsbox2{
   width:100%;
     }
     
    h1 {
      margin-top: 1em;
    }

      .btn-list li {
      font-size: .75em;
    }

    .btn-list li:first-of-type {
      margin-right: .2em;
    }
    
    #Logo{
        width:70%;
    }
    
    .headerwrapper{
        width: 100%;
    }
    
}

header{
    position: relative;
    background:url(../images/headerbackground.png);
    padding: 5px;
} 




div#main{
    position: relative;
    background:#f1f1ee; background:rgba(237,238,234,0.8);
    padding: 5px;
   
}

#mainsub{
     margin:0; padding:0;
     min-height: 400px;
    list-style:none;
    position:relative; 
    left:0; 
    bottom:0; 
    width:100%; 
    overflow:hidden;
    text-align: center;
   
}

.navburger{
    position: relative;
    display: inline-block;
    width: 50px;
   vertical-align: top;
    float: right;
}

/* Logo */
#Logo { clear:both; position:relative; top:0px; display: inline-block; margin-right:5px;  }
#Logo a,
#Logo img { display:block; margin:0 auto; text-decoration:none; max-width:100%}
#Logo a:hover { text-decoration:none; }
#Logo p { font:16px georgia, serif; line-height:24px; font-style:italic; color:#fff; -webkit-font-smoothing:antialiased;  margin:0 auto; text-shadow: 0px 0px 35px #000; }
#Logo p#linkhome { width:90%; float:none;  }

#newsbox{
   
    border: 1px solid black;
     border: 1px solid black;
     margin: 0px auto;
     margin-bottom: 20px;
     background: #ffffff;
     padding: 2px;
      -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);

}

#newsbox2{
  
    border: 1px solid black;
     border: 1px solid black;
     margin: 0px auto;
     margin-bottom: 20px;
     background: #ffffff;
     padding: 2px;
      -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
}

#newsbox img {
    width: 75%;
}

#newsbox table{
    margin: 0px auto;
}

h2{
    font-weight: bold;
    text-decoration: underline;
    font-size: 1.17em;
}

.lines2{
    margin-bottom: 40px;
}

.lines1{
    margin-bottom: 20px;
}

.lineshalb{
    margin-bottom: 10px;
}


.center { 
    display:block;
    text-align: center;
}
.right {
    display:block;
    text-align: right;}

.left { 
    display:block;
    text-align: left;}

.justify { 
    display:block;
    text-align: justify;}

.kontaktsubdiv{
     width:300px;
     min-height: 400px;
    
    margin: 20px auto;
    margin-right: 40px;
    border: 1px solid black;
      font-size:14px; 
    font-family:Arial;
    font-weight: bold;
    text-align: center;
    color:black;
    padding: 5px;
    background: #ffffff;
    padding: 10px;
    vertical-align: top;
     
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);

}


.kontakinfobox{
    width:250px;
    display:  inline-block;
     background: #ffffff;
    padding: 10px;
     margin: 20px auto;
     vertical-align: top;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
 border: 1px solid black;
      font-size:14px; 
    font-family:Arial;
    text-align: left;
    color:black;
 
  
}

.kontakinfobox2{
   width:300px;
   display:  inline-block;
    margin: 10px auto;
 
    border: 1px solid black;
      font-size:14px; 
    font-family:Arial;
    font-weight: bold;
    text-align: center;
    color:black;
    background: #ffffff;
    padding: 10px;
    vertical-align: top;
     
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);

}

.kontakkarte{
    width:850px;
    display:  inline-block;
}

.kontaktwerbung {
    width:300px;
     height: 50px;
    display:  inline-block;
    margin: 20px auto;
    margin-right: 40px;
    border: 0px solid green;
      font-size:12px; 
  
}