@font-face {
    font-family: "nanoloop";
    font-style: normal;
    
    src: url("nanoloop.ttf") format("truetype");
}
@font-face {
    font-family: "nlone";
    font-style: normal;
    
    src: url("nlone.ttf") format("truetype");
}

  body {
     color: #444;
font-size: 0.9em;
    font-family: Helvetica;
   font-weight: 300;
       -webkit-font-smoothing: antialiased;
    background: #fff;
margin:0;
padding:0;

  }

  .nlone {
font-size: 2em;
    font-family: nlone;


  }

.tabbed figure { 
   display: block; 
   margin: 0; 
   border-bottom: none;
   clear: both;
}

.tabbed > input,
.tabbed figure > div { display: none; }

.tabbed figure>div {

  width: 100%;

}

#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2 { display: block; }

nav label {
   float: right;
   padding: 15px 15px;
   border-top: 1px solid silver;
   border-right: 1px solid silver;
   background: hsl(210,50%,50%);
   color: #eee;
}

nav label:nth-child(1) { border-left: 1px solid silver; }
nav label:hover { background: hsl(210,50%,40%); }
nav label:active { background: #ffffff; }

#tab1:checked ~ nav label[for="tab1"],
#tab2:checked ~ nav label[for="tab2"],
#tab3:checked ~ nav label[for="tab3"] {
  background: white;
  color: #111;
  position: relative;
  border-bottom: none;
}

#tab1:checked ~ nav label[for="tab1"]:after,
#tab2:checked ~ nav label[for="tab2"]:after,
#tab3:checked ~ nav label[for="tab3"]:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: white;
  left: 0;
  bottom: -1px;
}
.button {
    background-color: black;
      border: none;
      color: white;
      text-align: center;
      text-decoration: none;
      display: inline-block;
    font-size: 0.9em;
        font-family: Helvetica;
        
}

.button2 {
    background-color:white ;
    
      border: none;
      color:black ;
      text-align: center;
      text-decoration: none;
      display: inline-block;
    font-size: 0.9em;
        font-family: Helvetica;
        
}

.button:active {background-color: white;color: black;}
.button2:active {background-color: black;color: white;}

    table {
     color: #444;

    font-family: Helvetica;
    text-align: right;
    border:none;
    border-bottom:2px solid #fff;
    background-color:#efefef;
  }
th, td {
    padding: 10px;
    vertical-align: top;
    border:none;
}

      div#titel {

padding-bottom:1.5em;
margin: 0 auto;

     
     border-bottom:1px solid #ccc;
  }
  
                   h14{
font-family: Arial, "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Symbol";
                   font-weight: bold;
  font-size: 0.9em;

  
     }
                 h13{
                 font-family: Helvetica;
font-size: 0.8em;            
    color:#f00;
   } 
   
              h12{
                 font-family: Helvetica;
font-size: 0.93em;            
    color:#f00;
   } 
   
 
             h11{
font-size: 1.2em;
    color:#444;
   }  
   
            h10{
font-size: 1.2em;
    color:#100;
   }   
    
            h9{
    color:#100;
   }  

            h8{
       font-size: 1.2em;
    color:#100;
   }


          h7{
              font-size: 1.2em;
    color:#100;
   }
   
    h7 a {
    color:#444;
    text-decoration:none;
  }


@media all and (orientation:portrait) {
    div#container {
        
        margin: 0em auto;
        
        
    }
    
    .shopcontainer{
        column-count: 1;
        background: green;
    }
}
@media all and (orientation:landscape) {
    div#container {
        
        max-width: 60%;
        margin: 0em auto;
        
        .shopcontainer{
            column-count: 2;
            background: green;
        }
    }
}


  
      div#Seite {


    
margin: 0 ;
border:none;
padding:1.5em;
      
  }
  
    div#seite {
     color: #777;

    
margin: 0 ;
border:none;
padding:1.5em;
      
  }
  
  #seite p{

  }

.videoWrapper {
    position: relative;
    padding-bottom: 52%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


    a {

     color:#d7c;

  }
  
  
          linkg a {
  }
  
        linkau a {
  }
  
        linkb a {
             color:#0ff;
  }
    
        linka a {
  }
          linki a {
  }
        linko a {
        color:#f80;
  }
  

  
  div#fussnote{
    max-width: 480px;
margin: 0 auto;
border:none;
color:#aaa;
     text-align:center;
font-size: 0.7em;
  
  }
  
    #fussnote a {
    color:#aaa;
    text-decoration:none;
    
  }
  
input{
    font-family: serif; 
    font-size: 0.93em;
}