@charset "UTF-8";

/* Version: cw-koform104193.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;
  background-color:#dcdcdc;
}

.medium
{
  display:block;
  background-color:#e6e6e6;
}

.large
{
  display:none;
  background-color:#d7d7d7;
}

#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
{
  margin:2% 5% 3% 1%;
}

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

#main
{
  /*
  display:flex;
  */
  flex:1;
  flex-flow:column;
  position:relative;
  top:41%;
  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
{

}

#kf1
    {
	
  }

#ht1
{
  margin:1% auto 2% 8%;
}


/*  S M A L L  */

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


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

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

  .large
  {
  display:none;
  background-color:#d7d7d7;
  }
  
  .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:#00ffff;
  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%;
  
  }
  
  #kf1
    {
	margin:2% auto 2% 4%;
  }

  #ht1
   {
    margin:1% auto 2% 3%;
  }

  
}

/*  L A R G E  */

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

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

  .large
  {
  display:block;
  background-color:#d7d7d7;
  }
  
  .logo-s
  {
  display:none;
  }
  
  .logo-m
  {
  display:none;
  }
  
  .logo-l
  {
  display:block;
  max-width:66em;
  
  }

  #navi 
   {  
    /*
	display:flex;
	
    flex-flow:row;
	*/
	align-items:center;
	justify-content:center;
	margin:0% auto 0% auto;
    /*
	width:100%;
	*/
    max-width:50em;
    height:auto;  
    background-color:#a4a4a4;
	
  
  }

  #sb
   {
    display:flex;
    /*
	flex-flow:row; 
	*/
	align-items:center;
	justify-content:center;
    /*
	width:100%;
	*/
	margin:0% auto 0% auto;
	max-width:50em;
    height:auto;
    color:#000000;
    background-color:#00ffff;
  }
  
  #main
  {
  /*
  display:flex;
  */
  flex:1;
  flex-flow:column;
  position:relative;
  top:45%;
  color:#000000;
  background-color:#e6e6fa;
  text-align:center; 
  }
  
  .z1
{
  margin:1% 10% 1% 10%;
  background-color:#f5a9d0;
}

.z2
{
  margin:1% auto 1% auto;
  background-color:#f8e0ec;
}
  
  
  .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%;
  
  }
  
  #kf1
    {
	display:block;
	margin:2% auto 2% 4%;
  }

  #ht1
   {
    margin:1% auto 2% 3%;
  }

  
}