@charset "UTF-8";

/* Version: cw-104191.css */

html
{
  height:100%;
  margin:0;
  padding:0;
  
}

body 
{
  
  display:flex;
  flex-flow:column;
  height:100%;
  margin:0;
  padding:0;
  
  font-size:16px;
  font-size:100.01%;
  font: 100.01% Verdana, Arial, Helvetica, sans-serif;
  background-color:#faf0e6;
  /*
  background-color:yellow;
  */
}

* 
{
  margin:0;
  padding:0;
  
}

header
{
  
  display:block;
  flex:1;
  flex-flow:column;
  /*
  */
  position:fixed;
  top:0px;
  
  
  /*
  position:absolute;
  top:0;
  
  justify-content:center;
  */
  width:100%;
  height:auto;
  z-index:5;
  background-color:#e6e6e6;
  
}

.small
{
  display:none;
}

.medium
{
  display:block;
}

.large
{
  display:none;
}

#logobereich
{
  display:flex;
  width:100%;
  height:auto;
  margin:0em auto 0 auto;
  justify-content:center; 
  align-items:center;
  background-color:#e6e6e6;
  
}

.logo-s
  {
  display:block;
  max-width:32em;
  background-color:#ff0000;
  
  }
  
  .logo-m
  {
  display:none;
  background-color:#ff0000;
  
  }
  
  .logo-l
  {
  display:none;
  background-color:#ff0000;
  }

#navi 
{  
  display:flex;
  flex-flow:row;
  width:100%;
  height:auto;  
  background-color:#a4a4a4;
  
}

#navi div 
{  
  flex:1;
  text-align:center;
  vertical-align:middle;
  border:1px solid #000000; 
}

#navi div:hover
{  
  flex:1;
  background-color:#fe2e64;
  text-align:center;
  vertical-align:middle;
  border:1px solid #fe642e; 
  color:#ffffff;
}

#navi a.klickable
{
  display:block;
  width:auto;
  height:100%;
  padding:1em 2em 1em 2em;
  text-align:center;
  color:#000000;	
} 
  

.navtab1
{
  
}

.klickable
{
  color:#ffffff;
}

#sb
{
  display:flex;
  flex-flow:row; 
  width:100%;
  height:auto;
  color:#000000;
  background-color:#00ffff;
}

.sbtab1
{
  display:flex;
  flex-flow:row; 
  flex:3 1 80%;
  width:100%;
  height:auto;
}

.sbitem1
{

}

.sbtab2
{
  display:flex;
  flex-flow:row; 
  justify-content:flex-end;
  flex:1 1 10em;
  width:100%;
  height:auto;
  /*
  border:1px solid #000000; 
  */
}

#main
{
  /*
  display:flex;
  */
  flex:1;
  flex-flow:column;
  position:relative;
  top:25%;
  color:#000000;
  background-color:#e6e6fa;
  
}

.sfh1
{
  font-size:140.01%;
  margin:1% auto 1% 1%;
}

.sf1
{
  font-size:100.01%;
  margin:1% auto 1% 1%;
  max-width:49em;
}

.sf2
{
  margin:1% auto 1% 1%;
}

.z1
{
  margin:1% auto 1% 5%;
  background-color:#f5a9d0;
}

.z2
{
  margin:1% auto 1% 5%;
  background-color:#f8e0ec;
}

#herstellera
{
  display:inline-block;
  background-color:lightblue;
  margin:1% 1% 1% 1%;
  padding:1%;
  border:none; 
  
}

#herstellerl
{
  display:inline-block;
  background-color:lightblue;
  margin:1% 1% 1% 1%;
  padding:1%;
  border:none; 
  
}

#herstellers
{
  display:inline-block;
  background-color:lightblue;
  margin:1% 1% 1% 1%;
  padding:1%;
  border:none; 
  
}

.hoch
{
  display:inline-block;
  font-size:80.01%;
  background-color:lightblue;
  margin:1% 1% 1% 1%;
  padding:1%;
  border:none; 
  
}

.erklaerung1
{
  margin:1% auto 2% 2%;
}

.gtyp
{

}

.exakt
{

}

.leistung
{

}

.zustand
{

}

.umfang
{

}

.ian
{

}

.preis
{

}

.vfgb
{

}


/*  S M A L L  */

@media only screen and (max-width:32em)


{
  .small
  {
  display:block;
  max-width:28em;
  background-color:#e6e6e6;
  }

  .medium
  {
  display:none;
  background-color:#00ff00;
  }

  .large
  {
  display:none;
  background-color:#00ff00;
  }
  
  .logo-s
  {
  display:block;
  
  }
  
  .logo-m
  {
  display:none;
  }
  
  .logo-l
  {
  display:none;
  }
  
  #navi 
  {  
  display:flex;
  flex-flow:column;
  width:100%;
  height:auto;  
  background-color:#a4a4a4;
  
  }
  
  #navtab1 
  {  
  display:flex;
  flex-flow:column;
  width:100%;
  height:auto;  
  
  background-color:#a4a4a4;
  
  }
  
  #sb
  {
  display:flex;
  flex-flow:row; 
  width:100%;
  height:auto;
  color:#000000;
  background-color:#00ffff;
  }
  
  .sbtab2
  {
  display:flex;
  flex-flow:column; 
  justify-content:flex-start;
  background-color:#a4a4a4;
  text-align:center;
  width:100%;
  height:2em;
  
  }

.sbitem1
  {
  
  }

.sbtab2
  {
  display:flex;
  flex-flow:column; 
  flex:1 1 3em;
  justify-content:flex-start;
  text-align:center;
  width:100%;
    
  }
  
  #main
  {
  /*
  display:flex;
  */
  flex:1;
  flex-flow:column;
  position:relative;
  top:48%;
  color:#000000;
  background-color:#e6e6fa;
  
  }
  
  .sfh1
  {
  font-size:140.01%;
  margin:1% auto 1% 2%;
  }

.sf1
  {
  font-size:100.01%;
  margin:1% auto 1% 2%;
  max-width:28em;
  }

.sf2
  {
  margin:1% auto 1% 2%;
  
  }

}

/*  L A R G E  */

@media only screen and (min-width:64em)
{
  .small
  {
  display:none;
  background-color:#0000ff;
  }

  .medium
  {
  display:none;
  background-color:#0000ff;
  }

  .large
  {
  display:block;
  background-color:#0000ff;
  }
  
  .logo-s
  {
  display:none;
  }
  
  .logo-m
  {
  display:none;
  }
  
  .logo-l
  {
  display:block;
  max-width:66em;
  
  }
  
  #main
  {
  /*
  display:flex;
  */
  flex:1;
  flex-flow:column;
  position:relative;
  top:54%;
  color:#000000;
  background-color:#e6e6fa;
  
  }
  
  .sfh1
  {
  font-size:140.01%;
  margin:1% auto 1% 5%;
  }

.sf1
  {
  font-size:100.01%;
  margin:1% auto 1% 5%;
  max-width:56em;
  }

.sf2
  {
  margin:1% auto 1% 5%;
  
  }
}