/*:::::: Formatvorlage für die Website www.kettenfuchs.de ::::::*/


@charset "UTF-8";
/* CSS Document */
* {
  /*margin: 0;
  padding: 0;*/
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.kettenfuchs.de/fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.kettenfuchs.de/fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.kettenfuchs.de/fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.kettenfuchs.de/fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.kettenfuchs.de/fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.kettenfuchs.de/fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.kettenfuchs.de/fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.kettenfuchs.de/fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.kettenfuchs.de/fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.kettenfuchs.de/fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.kettenfuchs.de/fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.kettenfuchs.de/fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://www.kettenfuchs.de/fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.kettenfuchs.de/fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

@media only screen and (min-width:980px){

body {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
  font-weight: 400;
  font-size: 12pt;
  font-weight: normal;
  text-decoration: none;
  background-color: white;
  color: black;
  text-align: center;
  margin: 0;
  padding: 0;
}

.tx-indexedsearch-rules {
  display: none;
}

.preis {
  display: none;
}

.MobileMenu {
  display: none;
}

.mainContainer {
  text-align: left;
  font-size: 100%;
  width: 100%;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
}


h1, h4, h5 {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
  letter-spacing: 1.1px;
  font-size: 135%;
  font-weight: 400;
  /*font-weight: bold;*/
  color: #FF6607;
  /*border-bottom: 2px solid #EF7D0A;*/
  padding: 8px 0 5px 0;
}


h2, h3 {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  text-indent: 10px;
  font-weight: 400;
  font-size: 128%;
  /*font-weight: bold;*/
  color: white;
  background-color: #1E8B5B;
  /*border-bottom: 2px solid #EF7D0A;*/
  padding: 8px 0 5px 0;
} 


h6 {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
  font-size: 125%;
  font-weight: 400;
  font-weight: bold;
  color: #FF5E00;
  border-bottom: 1px solid #DDE5F3;
  padding-top: 8px;
}

a {
  color:  #FF6607;
  text-decoration: none;
  /*color: #135A32;*/
}

a:hover, a:focus {
  color:  #FF6607;
  text-decoration: underline;
}

a:active {
  color:  #FF862D;
}

.csc-textpic-caption {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
    font-weight: 400;
  font-size: 82%;
}

.topRow {
  width: 100%;
  height: 75px;
  margin: 1% auto;
  padding: 1% 0 1% 0;
  background-color: #1E8B5B; /*#FF862D; #4FA486;*/
  opacity: 0.95;
  filter: alpha(opacity=95);
  /*position: fixed;
  overflow: hidden;*/
  border-bottom: 8px solid #FF6607;
  background-position: 50% 20px;
  position:            fixed;
  top:                 0px;
  overflow:            hidden;
  z-index:             1000;
}

.logoContainer {
    float:left;
  width: 30%;
  margin: 0;
}

.mainMenuContainer {
  float:left;
  width: 65%;
  margin: 1% 0 0 0;
}

.menuRow {
 display: none;
}

.topImages {
 display: none;
}


/*:::::: Horizontal Menu ::::::*/

.mainMenu {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
    text-transform: uppercase;
  letter-spacing: 1.1px;
  font-size: 103%;
  font-weight: 400;
  float: center;
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 7px 0 7px 0;
  background-color: #1E8B5B;
}

.mainMenuItemLevel1 {
  text-align: left;
  color: black;
}

.mainMenuItemLevel1 A {
  color: black;
  text-decoration: none;
}

.mainMenuItemLevel1Active {
  color: black;
  text-decoration: none;
}

.mainMenuItemLevel1Active A {
  color: black;
  text-decoration: none;
}

.mainMenuItemLevel1 a:hover, a:focus {
  color: white;
  border-bottom: 2px solid white;
}

.contentRow {
 /* clear: left;*/
  margin: 140px 0 0 0;
  width: 100%;
  background-color: white;
}

.contentContainer {
  /*width: 650px;*/
  width: 100%;
 /* min-width: 960px;
  width: 99%;*/
  margin: 0 auto;
  min-height: 380px;
  background-color: white;
  font-family: 'Lato', sans-serif,Calibri,Arial,Verdana;
  font-size: 100%;
  padding: 0 0 0 0;
}

.ContentRightRight {
  float: left;
  width: 100%;
  background-color: white;
  margin: 0;
}

.content {
  float: left;
  width: 60%;
  margin: 0 0 0 4%;
  background-color: #ffffff;
  color: black;
  font-family: 'Lato', sans-serif,Calibri,Arial,Verdana;
  font-size: 100%;
}

.ContentLeft {
  float: left;
  width: 40%;
  background-color: white;
  margin: 0 0 0 8%;
}

.ContentRight {
  float: left;
  width: 40%;
  background-color: white;
  margin: 0 0 0 4%;
}

.breadcrumb {
display: none;
}



.interBottomRow {
  font-family: 'Roboto Condensed',sans-serif,Calibri,Arial,Verdana;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  font-weight: 400;
  font-size: 95%;
  width: 100%;
  float: left;
  background-color: #FF6607;
  /*border-top: 8px solid #1E8B5B;*/
  padding: 5px 0 10px 0;
  margin: 30px auto 0 auto;
  color: black;
  /*border-top: 5px solid #4FA486;*/
}

.interBottomRow A {
  color: black;
  font-weight: normal;
  text-decoration: none;
}

.interBottomRow a:hover {
  color: white;
  font-weight: normal;
  text-decoration: underline;
}
/*

.BottomRow {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
*/

.BottomLeft {
  margin: 0 0 0 8%;
  float:               left;  
  width:               30%;
}

.BottomMiddle {
 display: none;
}


.BottomRight {
  float:               right;
    margin: 0 8% 0 18%;
  width:               20%;
}


.clearLinkLineDiv {
  width: 0px;
  height: 0px;
  font-size: 0px;
  clear: both;
}


.subMenu {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
  font-size: 95%;
  float: left;
  width: 18%;
  height: 100%;
  /*margin: 30px 0 30px 0;*/
  margin: 0 0 0 8%;
  padding: 0 0 0 0;
  color: black;
}

.subMenu a {
  text-decoration: none;
  color: black;
  padding: 3px 0 3px 0;
}

.subMenu a:hover, a:focus, a:active {
  color: #EF7D0A;
    border-bottom: 2px solid #EF7D0A;
}



/*:::::: Zweite Menüebene ::::::*/


.subMenuItemLevel1 {
  color: #EF7D0A;
  text-align: left;
  padding: 8px 0 5px 0;

}

.subMenuItemLevel1Active {
  text-align: left;
  padding: 8px 0 5px 0;
  color: #EF7D0A;

}

.subMenuItemLevel1Active a {
  color: #EF7D0A;
}

.subMenuItemLevel2 {
  font-size: 85%;
  color: black;
  text-align: left;
  padding: 2px 0 2px 8px;
 /* border-bottom: 1px solid gray;*/
}

.subMenuItemLevel2Active {
  font-size: 85%;
  text-align: left;
  padding: 2px 0 2px 8px;
  color: #EF7D0A;
 /* border-bottom: 1px solid gray;*/
}

.subMenuItemLevel2Active a {
  color: #EF7D0A;
}


/*Kontaktformular*/

div.csc-mailform {
  font-size: 14px;
  }

div.csc-mailform ol {
list-style:none;
}


.csc-form-element-textline {
  width: 600px:
    display: block;
}

div.csc-mailform ol  { 
  max-width: 600px;  
}

div.csc-mailform li  { 
  margin: 5px; 
}

div.csc-mailform label {
  width:    330px;
  display:  block;
  float:     left;
}
div.csc-mailform checkbox {
  float: right;
  }

div.csc-mailform input {
  /*border-style:  solid;
  border-width:  1px;
  border-color:  black;*/
  background-color:  #DEDEDE;
}

div.csc-mailform textarea {
  border-style:  solid;
  border-width:  1px;
  border-color:  black;
  background-color:  #DEDEDE;
}



/*Formatierung TABELLE für PRODUKTKATALOG*/

.contenttable contenttable {
  border-style: none;
  border-collapse: collapse;
}

.tr-odd {
   /* font-family: tahoma, verdana;
   font-size:85%;
   border: 1px solid grey;
   text-align: center; */
  font-family: tahoma, verdana;
  font-size: 75%;
  border: 1px solid gray;
  white-space: nowrap;
  padding: 3px 3px 3px 3px;
  background-color: #E0E0E0;
}

.tr-even {
  /*font-family: tahoma, verdana;
   font-size:85%;
  background-color: #E0E0E0;   
  text-align: center;*/
  font-family: tahoma, verdana;
  font-size: 75%;
  border: 1px solid grey;
  white-space: nowrap;
  padding: 3px 3px 3px 3px;
  color: white;
  background-color: #5985DA;

}


/*Formatierung TABELLE für PRODUKTKATALOG NEU INTEGRIERT V1 NORMAL*/

.dataTable-ketten1 {
  border-style: none;
  border-collapse: collapse;
}

.dataTable-ketten1 td {
  border-width: 1px;
  border-style: solid;
  border-color: white;
  white-space: nowrap;
  padding: 3px 3px 3px 3px;
}
/*war 2px 5px 2px 5px; */

.dataTable-ketten1 th {
  border-width: 1px;
  border-style: solid;
  border-color: white;
  white-space: nowrap;
  padding: 3px 3px 3px 3px;
  color: white;
  background-color: #5985DA;
}


/* Erste Spalte */
.dataTable-ketten1 .td-0 {
  border-left-style: none;
  text-align: left;
}

/* Letzte Spalte */
.dataTable-ketten1 .td-last {
  border-right-style: none;
}

.dataTable-ketten1 .tr-odd {
  font-family: tahoma, verdana;
  font-size: 75%;
   background-color: #D8D8D8;
   text-align: center;
}

.dataTable-ketten1 .tr-even {
  font-family: tahoma, verdana;
  font-size: 75%;
  text-align: center;
  background-color: #9FCCF3;
}

/*Formatierung TABELLE für PRODUKTKATALOG NEU INTEGRIERT V1 SCHMAL*/

.dataTable-ketten2 {
  border-style: none;
  border-collapse: collapse;
}


.dataTable-ketten2 a {
    font-weight: bold;
  color: #464646;
}

.dataTable-ketten2 a:hover, a:focus {
    font-weight: bold;
  color: #46A166;
}
  
  

.dataTable-ketten2 td {
  border-width: 1px;
  border-style: solid;
  border-color: white;
  white-space: nowrap;
  padding: 3px 1px 3px 1px;

}
/*war 2px 5px 2px 5px; */

.dataTable-ketten2 th {
  border-width: 1px;
  border-style: solid;
  border-color: white;
  white-space: nowrap;
  padding: 3px 1px 3px 1px;
  color: white;
  background-color: #5985DA;
}


/* Erste Spalte */
.dataTable-ketten2 .td-0 {
  border-left-style: none;
  text-align: left;
}

/* Letzte Spalte */
.dataTable-ketten2 .td-last {
  border-right-style: none;
}

.dataTable-ketten2 .tr-odd {
  font-family: tahoma, verdana;
   font-size:75%;
   background-color: #E0E0E0;;
   text-align: center;
}

.dataTable-ketten2 .tr-even {
  font-family: tahoma, verdana;
   font-size:75%;
  text-align: center;
}

/*Formatierung TABELLE für PRODUKTKATALOG NEU INTEGRIERT V3 BREIT*/

.dataTable-ketten3 {
  border-style: none;
  border-collapse: collapse;
}


.dataTable-ketten3 a {
    font-weight: bold;
  color: #464646;
}

.dataTable-ketten3 a:hover, a:focus {
    font-weight: bold;
  color: #46A166;
}
  
  

.dataTable-ketten3 td {
  border-width: 1px;
  border-style: solid;
  border-color: white;
  white-space: nowrap;
  padding: 3px 6px 3px 6px;

}
/*war 2px 5px 2px 5px; */

.dataTable-ketten3 th {
  border-width: 1px;
  border-style: solid;
  border-color: white;
  white-space: nowrap;
  padding: 3px 6px 3px 6px;
  color: white;
  background-color: #5985DA;
}


/* Erste Spalte */
.dataTable-ketten3 .td-0 {
  border-left-style: none;
  text-align: left;
}

/* Letzte Spalte */
.dataTable-ketten3 .td-last {
  border-right-style: none;
}

.dataTable-ketten3 .tr-odd {
  font-family: tahoma, verdana;
   font-size:75%;
   background-color: #E0E0E0;;
   text-align: center;
}

.dataTable-ketten3 .tr-even {
  font-family: tahoma, verdana;
   font-size:75%;
  text-align: center;
}


}

@media only screen and
(min-width:760px) and
(max-width:980px){

body {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
  font-weight: 400;
  font-size: 11pt;
  font-weight: normal;
  text-decoration: none;
  background-color: white;
  color: black;
  text-align: center;
  margin: 0;
  padding: 0;
}

.tx-indexedsearch-rules {
  display: none;
}

.preis {
  display: none;
}

.MobileMenu {
  display: none;
}

.mainContainer {
  text-align: left;
  font-size: 100%;
  width: 100%;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
}


h1, h4, h5 {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
  letter-spacing: 1.1px;
  font-size: 135%;
  font-weight: 400;
  /*font-weight: bold;*/
  color: #FF6607;
  /*border-bottom: 2px solid #EF7D0A;*/
  padding: 8px 0 5px 0;
}


h2, h3 {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  text-indent: 10px;
  font-weight: 400;
  font-size: 128%;
  /*font-weight: bold;*/
  color: white;
  background-color: #1E8B5B;
  /*border-bottom: 2px solid #EF7D0A;*/
  padding: 8px 0 5px 0;
}


h6 {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
  font-size: 125%;
  font-weight: 400;
  font-weight: bold;
  color: #FF5E00;
  border-bottom: 1px solid #DDE5F3;
  padding-top: 8px;
}

a {
  color:  #FF6607;
  text-decoration: none;
  /*color: #135A32;*/
}

a:hover, a:focus {
  color:  #FF6607;
  text-decoration: underline;
}

a:active {
  color:  #FF862D;
}

.csc-textpic-caption {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
    font-weight: 400;
  font-size: 82%;
}

.topRow {
  width: 100%;
  height: 75px;
  margin: 1% auto;
  padding: 1% 0 1% 0;
  background-color: #1E8B5B; /*#FF862D; #4FA486;*/
  opacity: 0.95;
  filter: alpha(opacity=95);
  /*position: fixed;
  overflow: hidden;*/
  border-bottom: 8px solid #FF6607;
  background-position: 50% 20px;
  position:            fixed;
  top:                 0px;
  overflow:            hidden;
  z-index:             1000;
}

.logoContainer {
    float:left;
  width: 30%;
  margin: 0;
}

.mainMenuContainer {
  float:left;
  width: 65%;
  margin: 1% 0 0 0;
}

.menuRow {
 display: none;
}

.topImages {
 display: none;
}


/*:::::: Horizontal Menu ::::::*/

.mainMenu {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
    text-transform: uppercase;
  /*letter-spacing: 1.0px;*/
  font-size: 93%;
  font-weight: 400;
  float: center;
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 5px 0 5px 5px;
  background-color: #1E8B5B;
}

.mainMenuItemLevel1 {
  text-align: left;
  color: black;
}

.mainMenuItemLevel1 A {
  color: black;
  text-decoration: none;
}

.mainMenuItemLevel1Active {
  color: black;
  text-decoration: none;
}

.mainMenuItemLevel1Active A {
  color: black;
  text-decoration: none;
}

.mainMenuItemLevel1 a:hover, a:focus {
  color: white;
  border-bottom: 2px solid white;
}

.contentRow {
 /* clear: left;*/
  margin: 130px 0 0 0;
  width: 100%;
  background-color: white;
}

.contentContainer {
  /*width: 650px;*/
  width: 100%;
 /* min-width: 960px;
  width: 99%;*/
  margin: 0 auto;
  min-height: 380px;
  background-color: white;
  font-family: 'Lato', sans-serif,Calibri,Arial,Verdana;
  font-size: 100%;
  padding: 0 0 0 0;
}

.ContentRightRight {
  float: left;
  width: 100%;
  background-color: white;
  margin: 0;
}

.content {
  float: left;
  width: 60%;
  margin: 0 0 0 4%;
  background-color: #ffffff;
  color: black;
  font-family: 'Lato', sans-serif,Calibri,Arial,Verdana;
  font-size: 100%;
}

.ContentLeft {
  float: left;
  width: 95%;
  background-color: white;
  margin: 2%;
}

.ContentRight {
  float: left;
  width: 95%;
  background-color: white;
  margin: 2%;
}

.breadcrumb {
display: none;
}



.interBottomRow {
  font-family: 'Roboto Condensed',sans-serif,Calibri,Arial,Verdana;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  font-weight: 400;
  font-size: 95%;
  width: 100%;
  float: left;
  background-color: #FF6607;
  padding: 20px 0 20px 0;
  margin: 40px auto 0 auto;
  color: black;
  /*border-top: 5px solid #4FA486;*/
}

.interBottomRow A {
  color: black;
  font-weight: normal;
  text-decoration: none;
}

.interBottomRow a:hover {
  color: white;
  font-weight: normal;
  text-decoration: underline;
}
/*

.BottomRow {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
*/

.BottomLeft {
  margin: 0 0 0 8%;
  float:               left;  
  width:               30%;
}

.BottomMiddle {
 display: none;
}


.BottomRight {
  float:               right;
    margin: 0 8% 0 18%;
  width:               20%;
}


.clearLinkLineDiv {
  width: 0px;
  height: 0px;
  font-size: 0px;
  clear: both;
}


.subMenu {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
  font-size: 94%;
  float: left;
  width: 16%;
  height: 100%;
  /*margin: 30px 0 30px 0;*/
  margin: 0 0 0 5%;
  padding: 0 0 0 0;
  color: black;
}

.subMenu a {
  text-decoration: none;
  color: black;
  padding: 3px 0 3px 0;
}

.subMenu a:hover, a:focus, a:active {
  color: #EF7D0A;
    border-bottom: 2px solid #EF7D0A;
}



/*:::::: Zweite Menüebene ::::::*/


.subMenuItemLevel1 {
  color: #EF7D0A;
  text-align: left;
  padding: 8px 0 5px 0;

}

.subMenuItemLevel1Active {
  text-align: left;
  padding: 8px 0 5px 0;
  color: #EF7D0A;

}

.subMenuItemLevel1Active a {
  color: #EF7D0A;
}

.subMenuItemLevel2 {
  font-size: 85%;
  color: black;
  text-align: left;
  padding: 2px 0 2px 8px;
  border-bottom: 1px solid gray;
}

.subMenuItemLevel2Active {
  font-size: 85%;
  text-align: left;
  padding: 2px 0 2px 8px;
  color: #009D66;
  border-bottom: 1px solid gray;
}

.subMenuItemLevel2Active a {
  color: #4266BF;
}


/*Kontaktformular*/

div.csc-mailform {
  font-size: 13px;
  }

div.csc-mailform ol {
list-style:none;
}

.csc-form-element-textline {
  width: 500px:
    display: block;
}

div.csc-mailform ol  {
  max-width: 500px;  
}

div.csc-mailform li  {
  margin: 5px;
}

div.csc-mailform label {
  width:    300px;
  display:  block;
  float:     left;
}

div.csc-mailform input {
  /*border-style:  solid;
  border-width:  1px;
  border-color:  black;*/
  background-color:  #DEDEDE;
}

div.csc-mailform textarea {
  border-style:  solid;
  border-width:  1px;
  border-color:  black;
  background-color:  #DEDEDE;
}

/*Formatierung TABELLE für PRODUKTKATALOG*/

.contenttable contenttable {
  border-style: none;
  border-collapse: collapse;
}

.tr-odd {
   /* font-family: tahoma, verdana;
   font-size:85%;
   border: 1px solid grey;
   text-align: center; */
  font-family: tahoma, verdana;
  font-size: 75%;
  border: 1px solid gray;
  white-space: nowrap;
  padding: 3px 3px 3px 3px;
  background-color: #E0E0E0;
}

.tr-even {
  /*font-family: tahoma, verdana;
   font-size:85%;
  background-color: #E0E0E0;   
  text-align: center;*/
  font-family: tahoma, verdana;
  font-size: 75%;
  border: 1px solid grey;
  white-space: nowrap;
  padding: 3px 3px 3px 3px;
  color: white;
  background-color: #5985DA;

}


/*Formatierung TABELLE für PRODUKTKATALOG NEU INTEGRIERT V1 NORMAL*/

.dataTable-ketten1 {
  border-style: none;
  border-collapse: collapse;
}

.dataTable-ketten1 td {
  border-width: 1px;
  border-style: solid;
  border-color: white;
  white-space: nowrap;
  padding: 3px 3px 3px 3px;
}
/*war 2px 5px 2px 5px; */

.dataTable-ketten1 th {
  border-width: 1px;
  border-style: solid;
  border-color: white;
  white-space: nowrap;
  padding: 3px 3px 3px 3px;
  color: white;
  background-color: #5985DA;
}


/* Erste Spalte */
.dataTable-ketten1 .td-0 {
  border-left-style: none;
  text-align: left;
}

/* Letzte Spalte */
.dataTable-ketten1 .td-last {
  border-right-style: none;
}

.dataTable-ketten1 .tr-odd {
  font-family: tahoma, verdana;
  font-size: 75%;
   background-color: #D8D8D8;
   text-align: center;
}

.dataTable-ketten1 .tr-even {
  font-family: tahoma, verdana;
  font-size: 75%;
  text-align: center;
  background-color: #9FCCF3;
}

/*Formatierung TABELLE für PRODUKTKATALOG NEU INTEGRIERT V1 SCHMAL*/

.dataTable-ketten2 {
  border-style: none;
  border-collapse: collapse;
}


.dataTable-ketten2 a {
    font-weight: bold;
  color: #464646;
}

.dataTable-ketten2 a:hover, a:focus {
    font-weight: bold;
  color: #46A166;
}
  
  

.dataTable-ketten2 td {
  border-width: 1px;
  border-style: solid;
  border-color: white;
  white-space: nowrap;
  padding: 3px 1px 3px 1px;

}
/*war 2px 5px 2px 5px; */

.dataTable-ketten2 th {
  border-width: 1px;
  border-style: solid;
  border-color: white;
  white-space: nowrap;
  padding: 3px 1px 3px 1px;
  color: white;
  background-color: #5985DA;
}


/* Erste Spalte */
.dataTable-ketten2 .td-0 {
  border-left-style: none;
  text-align: left;
}

/* Letzte Spalte */
.dataTable-ketten2 .td-last {
  border-right-style: none;
}

.dataTable-ketten2 .tr-odd {
  font-family: tahoma, verdana;
   font-size:75%;
   background-color: #E0E0E0;;
   text-align: center;
}

.dataTable-ketten2 .tr-even {
  font-family: tahoma, verdana;
   font-size:75%;
  text-align: center;
}

/*Formatierung TABELLE für PRODUKTKATALOG NEU INTEGRIERT V3 BREIT*/

.dataTable-ketten3 {
  border-style: none;
  border-collapse: collapse;
}


.dataTable-ketten3 a {
    font-weight: bold;
  color: #464646;
}

.dataTable-ketten3 a:hover, a:focus {
    font-weight: bold;
  color: #46A166;
}
  
  

.dataTable-ketten3 td {
  border-width: 1px;
  border-style: solid;
  border-color: white;
  white-space: nowrap;
  padding: 3px 6px 3px 6px;

}
/*war 2px 5px 2px 5px; */

.dataTable-ketten3 th {
  border-width: 1px;
  border-style: solid;
  border-color: white;
  white-space: nowrap;
  padding: 3px 6px 3px 6px;
  color: white;
  background-color: #5985DA;
}


/* Erste Spalte */
.dataTable-ketten3 .td-0 {
  border-left-style: none;
  text-align: left;
}

/* Letzte Spalte */
.dataTable-ketten3 .td-last {
  border-right-style: none;
}

.dataTable-ketten3 .tr-odd {
  font-family: tahoma, verdana;
   font-size:75%;
   background-color: #E0E0E0;;
   text-align: center;
}

.dataTable-ketten3 .tr-even {
  font-family: tahoma, verdana;
   font-size:75%;
  text-align: center;
}

}



@media only screen and
(min-width:0px) and
(max-width:760px){
  
body {
font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
  font-weight: 400;
  font-size: 11pt;
  font-weight: normal;
  text-decoration: none;
  background-color: white;
  color: black;
  text-align: center;
  margin: 0;
  padding: 0;
}

.tx-indexedsearch-rules {
  display: none;
}

.preis {
  display: none;
}

img {
  width: 100%;
  height: auto;
}

  .menu-btn div {
     margin: 15px 0 5px 0;
   /* position: absolute;
    left: 100%;
    top: 64%;
    padding-right: 8px;
    margin-top: -0.50em;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 200;
    vertical-align: middle;
    z-index: 99;*/
  }

.MenuButton {
  height: 2px;
}
  .menu-btn span {
   horizontal-align:center;
    display: block;
    width: 35px;
    height: 5px;
    margin: 4px auto 4px auto;
    background-color: #1E8B5B;
    color: black;
   /* z-index: 99;*/

  }
  
  .mainMenu {
  display: none;
  }

.MobileMenu span {
  display: block;
  width: 99%;

}

.MobileMenu {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
  width: 99%;
  max-width: 960px;
  display: block;
  font-size: 100%;
  letter-spacing: 1.5px;
  background-color: white;
  margin: 0 auto;
  display: none;
  }

.MobileMenu a {
  text-decoration: none;
  color: #989898;
}

.MobileMenu a:hover, a:focus, a:active {
  color: #565653;
}

.MobileMenuLevel1 {
  display: block;
  width: 99%;
  border-bottom: 1px solid grey;
  padding: 6px 0 6px 0;
}

.MobileMenuLevel1Active {
  display: block;
  background-color: grey;
  color: white;
  border-bottom: 1px solid white;
  padding: 6px 0 6px 0;
}

.MobileMenuLevel2 {
  display: block;
  background-color: #DCDCDC;
  font-size: 90%;
  border-bottom: 1px solid grey;
  padding: 4px 0 4px 0;
}

.MobileMenuLevel2Active {
  display: block;
  font-size: 90%;
  background-color: grey;
  color: white;
  border-bottom: 1px solid white;
  padding: 4px 0 4px 0;
}
.MobileMenuLevel1 a, .mainMenuItemLevel2 a{
  display: block;
  text-decoration: none;
}

.MobileMenuLevel1Active a, .mainMenuItemLevel2Active a {
  display: block;
  background-color: grey;
  color: white;
}

.expand {
    display: block !important;
  }
/* end mobile-menu */

.mainContainer {
  text-align: left;
  font-size: 100%;
  width: 100%;
  background-color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
}


h1, h4, h5 {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
  letter-spacing: 1.1px;
  font-size: 135%;
  font-weight: 400;
  /*font-weight: bold;*/
  color: #FF6607;
  /*border-bottom: 2px solid #EF7D0A;*/
  padding: 8px 0 5px 0;
}


h2, h3 {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  text-indent: 10px;
  font-weight: 400;
  font-size: 128%;
  /*font-weight: bold;*/
  color: white;
  background-color: #1E8B5B;
  /*border-bottom: 2px solid #EF7D0A;*/
  padding: 8px 0 5px 0;
}


h6 {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
  font-size: 125%;
  font-weight: 400;
  font-weight: bold;
  color: #FF5E00;
  border-bottom: 1px solid #DDE5F3;
  padding-top: 8px;
}

a {
  color:  #FF6607;
  text-decoration: none;
  /*color: #135A32;*/
}

a:hover, a:focus {
  color:  #FF6607;
  text-decoration: underline;
}

a:active {
  color:  #FF862D;
}

.csc-textpic-caption {
  font-family: 'Roboto Condensed', sans-serif,Calibri,Arial,Verdana;
  font-size: 82%;
}

.topRow {
  width: 100%;
  background-color: white;
}

.menuRow {
 width: 99%;
 height: 120px;
 margin: 0 auto 0 auto;
}


.topImages {
      /*  float: left;*/
        width: 290px;
        height: 120px;
        background-image: url(images/kf-logo02.png);
        padding: 10px 0 0 0;
        margin: 0 auto;
}

.topMenu {
display: none;
}

.imageRow {
display: none;
}

.HeaderImage {
display: none;
}

/* rotator in-page placement */
div.rotator {
disply: none;
  
}

.mainMenuContainer {
disply: none;
}

/*:::::: Horizontal Menu ::::::*/

.mainMenu {
disply: none;
}

.contentRow {
 /* clear: left;*/
  width: 100%;
  background-color: white;
}

.contentContainer {
  /*width: 650px;*/
  width: 98%;
  margin: 0 auto;
  min-height: 380px;
  background-color: white;
  font-family: 'Lato', sans-serif,Calibri,Arial,Verdana;
  font-size: 100%;
  padding: 0;
}

.content {
  float: left;
  width: 95%;
  margin: 0 1% 0 3%;
  background-color: #ffffff;
  color: black;
  padding-left: 0;
  padding-right: 0;
  padding-top: 3px;
  font-family: 'Lato', sans-serif,Calibri,Arial,Verdana;
  font-size: 100%;
}

.ContentLeft {
  float: left;
  width: 95%;
  background-color: white;
  margin: 0 1% 0 3%;
}

.ContentRight {
  float: left;
  width: 95%;
  background-color: white;
  margin: 0 1% 0 3%;
}

.interBottomRow {
  font-family: 'Roboto Condensed',sans-serif,Calibri,Arial,Verdana;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  font-weight: 400;
  font-size: 95%;
  width: 100%;
  float: left;
  background-color: #FF6607;
  padding: 0 5px 0 5px 0;
  margin: 15px auto 15px auto;
  color: black;
}

.interBottomRow A {
  color: black;
  font-weight: normal;
  text-decoration: underline;
}

.interBottomRow a:hover {
  color: white;
  font-weight: normal;
  text-decoration: underline;
}

.BottomRow {
  width: 100%;
  margin: 0 auto;
}

.BottomLeft {
    margin: 0 5% 0 5%;
  float:               left;  
  width:               90%;
}

.BottomMiddle {
  text-align:          left;
    margin: 0 5% 0 5%;
  float: left;
  width:               90%;
}


.BottomRight {
  float:               right;
    margin: 0 5% 0 5%;
  width:               90%;
}


.clearLinkLineDiv {
  width: 0px;
  height: 0px;
  font-size: 0px;
  clear: both;
}


.subMenu {
display: none;
}


/*Kontaktformular*/

div.csc-mailform {
  font-size: 12px;
  }

div.csc-mailform ol {
list-style:none;
}

.csc-form-element-textline {
  width: 500px:
    display: block;
}

div.csc-mailform ol  {
  max-width: 500px;  
}

div.csc-mailform li  {
  margin: 5px;
}

div.csc-mailform label {
  width:    300px;
  display:  block;
  float:     left;
}

div.csc-mailform input {
  /*border-style:  solid;
  border-width:  1px;
  border-color:  black;*/
  background-color:  #DEDEDE;
}

div.csc-mailform textarea {
  border-style:  solid;
  border-width:  1px;
  border-color:  black;
  background-color:  #DEDEDE;
}
  
}