* {
  /*border: 1px solid red;*/ }

a {
  color: #7dff00;
  text-decoration: none; }

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  /*overflow: hidden;*/
  box-sizing: border-box;
  color: #7dff00; }

body {
  font-family: "Arial MT W01 Black", sans-serif;
  font-weight: normal;
  font-style: normal;
  background-color: #000000;
  background-size: cover;
  background-position: middle right;
  background-repeat: no-repeat;
  background-attachment: fixed; }

#home {
  background-image: url(../img/index_phone.jpg); }

#erhaltlich {
  background-image: url(../img/erhaltlich_phone.jpg); }
    
#kontakt {
  background-image: url(../img/kontakt_phone.jpg); }


.wrapper {
  height: 100vh;
  display: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;  }

.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}



header {
  background-color: transparent;
  padding: 1.5em 1.2em 1.2em;
  display: fixed;
  top: 0;
  left: 0;
  line-height: 0.5em;
   }
  
  header nav {
    display: block;
    font-family: "Arial MT W01 Black", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 0.75em;
    min-height: 2em;
    height: 2em; }
    header nav ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      header nav ul li {
        display: inline-block;
        margin: 0;
        }
      header nav ul:first-child {
        float: left; }
      header nav ul:first-child li {
          margin-right: 0.5em; }
      header nav ul:nth-child(2) {
        float: right;
         }
    
    
       
header ul li {
	color: #7dff00;
  text-decoration: none;
}   

header ul li a {
  color: #7dff00;
  text-decoration: none;
  margin-left: 1em;
}

 header nav {
    display: none; }
    
  header .burger {
    position: absolute;
    cursor: pointer;
    top: 3.25em;
    right: 1em; }
    header .burger img {
      width: 1.4em; }



body#about section p { color: #7dff00; }
body#etc section p { color: #7dff00; }
          






content {
/*  overflow: auto; */
  overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  }
  
  content h2 {
    display: inline-block;
    font-family: "Arial MT W01 Black", sans-serif;
    font-weight: normal;
    font-style: normal;
    padding: 0 2em 5px 0;
    color: #7dff00; }
  content .right {
    font-size: 1.2em;
    line-height: 1.2em; }
   
  
      
content .column article {
    margin-bottom: 1.5em; }

content .pad {
padding: 6.75em 1em 1em 1em;
}


.mmenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding-top: 15em;
  color: #000000;
  background-color: #f0a0c3;
  display: none;
  box-sizing: border-box; }
  .mmenu.open {
    display: block; }
  .mmenu .mclose {
    position: absolute;
    top: 3.25em;
    right: 1em; }
  .mmenu .tahnksmm{
    position: absolute;
    top: 1.5em;
    left: .25em; }
    .mmenu .mclose img {
      width: 1.4em; }
  .mmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #000000;
    text-align: left;
    padding-left: 0.75em;
    font-weight: normal;
    font-style: normal;
    font-size: 1.5em; }
    .mmenu ul {
      color: #000000; }
    .mmenu ul a {
      color: #000000; }
    .mmenu ul li {
      margin-bottom: 0.3em; }

@media (min-width: 800px) {
  body {
    background-size: cover;
    background-position: top center; }

#home {
  background-image: url(../img/index_tablet.jpg); }
  
#erhaltlich {
  background-image: url(../img/erhaltlich_tablet.jpg); }
    
#kontakt {
  background-image: url(../img/kontakt_tablet.jpg); }


  header h1 {
    font-size: 2em; }
 
  header nav {
    display: block;
    font-family: "Arial MT W01 Black", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    min-height: 2em;
    height: 2em; }
    header nav ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      header nav ul li {
        display: inline-block;
        margin: 0; }
      header nav ul:first-child {
        float: left; }
        header nav ul:first-child li {
          margin-right: 0.5em; }
      header nav ul:nth-child(2) {
        float: right; }


  header .burger {
    display: none; }


       

  content h2 {
    font-size: 2em;
    color: #7dff00; }


  #media content .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    #media content .container .column {
      width: 48%; }
      #media content .container .column:first-child {
        margin-right: 4%; } }
        
        
        
@media (min-width: 1000px) {
 
#home {
  background-image: url(../img/index_desktop.jpg); }
  
#erhaltlich {
  background-image: url(../img/erhaltlich_desktop.jpg); }
    
#kontakt {
  background-image: url(../img/kontakt_desktop.jpg); }
 
    header .container {
      max-width: 1000px;
      margin: 0 auto; }

  content .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
    content .container .left {
      min-width: 40%; }
    content .container .right {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
          -ms-flex: 1 1 auto;
          flex-grow: 1;
      margin-top: 0.5em; }
    content .container .column {
      width: 50%; } }