@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

/* RESET BROWSERSTYLE */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,hr,blockquote {padding: 0; margin: 0;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
table{ border-collapse: collapse; }
@font-face { font-family:Expressway Condensed; src: url("font/Expressway Condensed.ttf") format("opentype"); }
@font-face { font-family:Biryani-Bold;         src: url("font/Biryani.ttf") format("opentype");              }
h1, h2, h3, h4, h5, h6  {
  margin:.5em .5em .5em 0;
  font-size:18px;
  color:#a91521;
}
h2  {
  margin:24px 0 16px 0;
  font-size:16px;
}
hr  {
  border: 0px;
  border-top: 1px solid #7ea7be;
}

a {
  color:#a91521;
  text-decoration:none;
  text-decoration: underline;
  text-underline-position: under;
}

a:hover {
  text-decoration: underline;
  text-underline-position: under;
}

p {margin:0 0 20px 0;line-height: 1.64em;}

img{
  margin: 10px;
}

.fleft  { float:left;    }
.fcenter{ display: block; margin: 0 auto;   }
.fright { float:right;   }
.red    { color:#a91521; }
.blue   { color: #7ea7be; }
.grey   { color:#999; margin: 0 0 8px 0; }
.nodecoration { text-decoration: none; }


html, body {
  overflow-x: hidden;
  font-size:16px;
  line-height:1.5em;
  color:#000;
  background-color:#fff;
  font-family:Verdana, Arial, Helvetica, Geneva;
}

.wordmark {
  margin:18px 0px 0px -2px;
  padding:0px 0px 28px 0px;
  background: rgba(0, 0, 0, 0.00);
  font-size:2.7em;
  font-family:'Expressway Condensed', sans-serif;
  font-weight:500;
  font-stretch:expanded;
  letter-spacing:1px;
  transform:scale(1.3,1);
  transform-origin:bottom left;
  z-index:-10;
}

.s{
  font-size:1em;
  font-weight:500;
  font-stretch:ultra-condensed;
}

.subtitle {
  position:absolute;
  margin:-26px 0px 0px 78px;
  font-size:16px;
  font-family:Verdana, Arial, Helvetica, Geneva;
}

.locator        { clear:both; display:block; }
.locator-top    { margin:0 0 2em 0; }
.locator-bottom { margin:2em 0 0 0; }
.locator .cmsimpleLocatorElement        { color:#a91521; }
.locator .cmsimpleLocatorElement a      { color:#a91521; font-weight:400;}
.locator .cmsimpleLocatorElementLast    { color:#999;    }
.cmsimpleLocatorElement:first-of-type   { color:#a91521; }
.quelle {
  display:inline-block;
  margin:0 0 1em 0;
  font-size:.8em;
  color:#888;
}

.col_bl {z-index:10;}
.sdocs, .sdoc {color:#a91521;}

ul li, ul li ul li, ol li, ol li ol li  {
  list-style-type:none;
  list-style-position: outside;
  margin-left:18px;
}

ol li, ol li ol li  {
  list-style-position: outside;
  margin-left:22px;
}



table {border-collapse:collapse;}
.transparent a { color: rgba(0, 0, 0, 0.0);}
.ham {
  position: fixed;
  top:calc(0vh + 9px);
  left:calc(100vw - 54px);
  display:block;
  padding:2px 0 0 6px;
  height:39px;
  width: 45px;
  background-color: #fff;
  border-radius: 5px;
  z-index:2000;
}
.ham0, .ham1, .ham2, .ham3  {
  position: relative;
  transition-duration: 0.1s;
  transform-origin: center;
  width:32px;
  height:4px;
  border-radius:3px;
  background-color:#a91521;
}
.ham0, .ham1, .ham3    { margin:6px 0 0 0px; }
.ham2                  { margin:-4px 0 0 0px; }
.ham0.open, .ham3.open { opacity: 0; }
.ham1.open, .ham2.open { transform: rotate( 45deg); }
.ham2.open             { transform: rotate(-45deg);}

.mobilemenu {
  transition-duration: 0.5s;
  display: block;
  position: absolute;
  border:1px solid #a91521;
  border-top:0px;
  background-color:rgba(255, 255, 255, 1);
  width:100%;
  height:calc(100vh - 86px);
	left:-200%;
  top: calc(0vh + 116px);
  padding:12px;
  z-index:1000;
}
.mobilemenu.open {
	left:  -0%;
}
.menulevel1 {
  display: inline-block;
  width:60%;
}

.mobilemenu .menulevel1      a, .mobilemenu .menulevel2      a,
.mobilemenu .menulevel1  .sdoc, .mobilemenu .menulevel2  .sdoc,
.mobilemenu .menulevel1 .sdocs, .mobilemenu .menulevel2 .sdocs  {
  font-size:20px;
  line-height:30px
}
.mobilemenu.open .menulevel1      a, .mobilemenu.open .menulevel2      a,
.mobilemenu.open .menulevel1  .sdoc, .mobilemenu.open .menulevel2  .sdoc,
.mobilemenu.open .menulevel1 .sdocs, .mobilemenu.open .menulevel2 .sdocs  {
  font-size:20px;
  line-height:30px
}
.menu {
  font-family:'Biryani', sans-serif;
}
.submenu {
  display:block;
  background-image: url("./templates/__pmskohler/images/bgheader.png");
  background-image: url("./images/bgheader.png");
  background-repeat: repeat;
  z-index:-10;
}
.menulevel1, .menulevel2{
  font-family:'Biryani', sans-serif;
}
.menulevel1 a, .menulevel2 a {
  font-size:16px;
  color:#000;
  text-decoration:none;
  font-weight:normal;
}
.menulevel1 a:hover, .menulevel2 a:hover {
  color:#a91521;
}
/*** HORIZONTAL MENU **********************************************************/
.menu .menulevel1 li, .submenu .menulevel2 li{
  display:inline;
  font-size:16px;
  margin-left:0px;
}
.menu .menulevel1 li{
  text-transform: uppercase;
  display:inline;
  font-size:16px;
}
.menu .menulevel1 li:after, .submenu .menulevel2 li:after  {
  margin:0 0 0 3px;
  content: "|";
}
.menu .menulevel1 li:last-child:after, .submenu .menulevel2 li:last-child:after  {
  content: "";
}
/******************************************************************************/
#searchbox {
  display: inline-block;
}

.search.mobile input[type=text]  {
  width:75vw;
  border:none;
  border-bottom:1px dashed #a91521;
  font-size:16px;
  font-family:'Biryani', sans-serif;
  text-align: left;
}
input[type=text]  {
  width:260px;
  border:none;
  border-bottom:1px dotted #a91521;
  font-size:16px;
  font-family:'Biryani', sans-serif;
  text-align: left;
}
input[type=text]:focus  {
  outline: none;
  border:none;
  border-bottom:1px dotted #a91521;
}
input[type=submit]  {
  display: none;
}
#search-mobile {
  display:inline-block;
  transform:rotate(315deg);
  margin-top:-8px;
  height:16px;
  width:32px;
  color: #a91521;
  cursor: pointer;
  font-size:32px;
}
#search-desktop {
  display:inline-block;
  transform:rotate(315deg);
  height:16px;
  width:16px;
  color: #a91521;
  cursor: pointer;
  font-size:16px;
}
#search-new {
  margin-left: 6px;
  display:inline-block;
  transform:rotate(315deg);
  height:16px;
  width:16px;
  color: #a91521;
  cursor: pointer;
  font-size:30px;
}
/** LOGIN *********************************************************************/
#login input[type=text], #login input[type=password] {
  border:1px dashed #a91521;
  text-align:left;
  width:10vw;
}
#login input[type=submit]  {
  display: block;
  width:10vw;
}
/******************************************************************************/
.ul_home                      { list-style:none; }
.ul_home  li                  { line-height:1.6; }
.ul_home  li:hover            { color:#a91521;   }
.ul_home  li a                { text-decoration:none; font-weight:900; font-size:1.6em; color:#6b8c9f; }
.ul_home  li a:before         { margin-right:12px; content:"➜"; font-size:1.0em; color:#6b8c9f; }
.ul_home  li a:hover          { color:#a91521;   }
.ul_home  li a:hover:before   { color:#a91521;   }
/*******************************************************************************/
li{
  list-style-position:inside;
}
li ul li{
  list-style-position:inside;
  margin:0 0 0 1em;
}
/******************************************************************************/

.head {
  box-shadow:0px 10px 10px #aaa;
}
.item {
  padding: 8px 8px;
}
.item .submenu {
  padding: 0px 0px;
}


/* GRID ******************************************************************************************************/

.gridContainer_Ref {
  display: grid;
  grid-template-columns: 50% auto;
  grid-gap: 0px;
  margin: 0;
  padding: 0px;
}

.gridContainer_Ref > div {
  text-align: left;
  padding: 10px 0px;
}
/**********************************************/
.gridContainer_Kon {
  display: grid;
  grid-template-columns: 60% 40%;
  grid-gap: 0px;
  margin: 0;
  padding: 0px;
}

.gridContainer_kon > div {
  text-align: left;
  padding: 10px 0px;
}
/**********************************************/
.gridContainer_Call {
  display: grid;
  grid-template-columns: 66px auto;
  grid-gap: 0px;
  margin: 0;
  padding: 0px;
}

.gridContainer_Call > div {
  text-align: left;
  padding: 0px 0px;
}
/**********************************************/
.gridCell_1_2 {
  grid-column: 1 / span 2;
}

.gridCell_1 {
  float: left;
  grid-column: 1;
  /* border: 1px solid red; */
}

.gridCell_2 {
  grid-column: 2;
  /* border: 1px solid green; */
}

.fstart { align-items: start; }
.fcenter { align-items: center; }
.fend { margin-top: 33%; }


/* GRID END **************************************************************************************************/
.rowContainer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin:0 0 10px 0;
  padding:0 0;
  background:rgba(0, 0, 0, 0.00);
}



@media only screen and (max-width:8000px) { .rowContainer{ flex-direction: row   ; } .col_sl, .col_sr { flex: 20%; max-width: 50%; flex-direction:row; } .col_lo, .col_me{ flex: 50%; min-width:388px; max-width:388px; flex-direction:row; } .col_me{ flex: 50%; max-width:360px; flex-direction:row; } .col_bl, .col_su{ flex: 33%; min-width:720px; max-width:740px; flex-direction:row; } .subtitle { position:absolute; margin:-26px 0px 0px 78px; font-size:16px; } .submenu{ padding: 53px 0 10px 8px; height:86px; background-repeat:   repeat; } .menu .submenu .menulevel2{ margin:49px 0 6px 0; } .mobile{ display: none; } .tablet{ display: none;} .desktop{ display:block; } }
@media only screen and (max-width:2560px) { .rowContainer{ flex-direction: row   ; } .col_sl, .col_sr { flex: 10%; max-width: 50%; flex-direction:row; } .col_lo, .col_me{ flex: 50%; min-width:388px; max-width:388px; flex-direction:row; } .col_me{ flex: 50%; max-width:360px; flex-direction:row; } .col_bl, .col_su{ flex: 33%; min-width:720px; max-width:740px; flex-direction:row; } .subtitle { position:absolute; margin:-26px 0px 0px 78px; font-size:16px; } .submenu{ padding: 53px 0 10px 8px; height:86px; background-repeat:   repeat; } .menu .submenu .menulevel2{ margin:49px 0 6px 0; } .mobile{ display: none; } .tablet{ display: none;} .desktop{ display:block; } }
@media only screen and (max-width:1920px) { .rowContainer{ flex-direction: row   ; } .col_sl, .col_sr { flex:  1%; max-width: 50%; flex-direction:row; } .col_lo, .col_me{ flex: 50%; min-width:388px; max-width:388px; flex-direction:row; } .col_me{ flex: 50%; max-width:360px; flex-direction:row; } .col_bl, .col_su{ flex: 33%; min-width:720px; max-width:740px; flex-direction:row; } .subtitle { position:absolute; margin:-26px 0px 0px 78px; font-size:16px; } .submenu{ padding: 53px 0 10px 8px; height:86px; background-repeat:   repeat; } .menu .submenu .menulevel2{ margin:49px 0 6px 0; } .mobile{ display: none; } .tablet{ display: none;} .desktop{ display:block; } }
@media only screen and (max-width:1140px) { .rowContainer{ flex-direction: column; } .col_sl, .col_sr { display:none;                                  } .col_lo, .col_me{ flex:  1%; min-width:388px; max-width:388px; flex-direction:row; } .col_me{ display:none;                                   } .col_bl, .col_su{ flex:100%; min-width:720px; max-width: 100%; flex-direction:row; } .subtitle { position:absolute; margin:-26px 0px 0px 78px; font-size:16px; } .submenu{ padding:  4px 0  4px 8px; height:30px; background-repeat:   repeat; } .menu .submenu .menulevel2{ margin:49px 0 6px 0; } .mobile{ display:block; } .tablet{ display:block;} .desktop{ display:block; } }
@media only screen and (max-width: 960px) { .rowContainer{ flex-direction: column; } .col_sl, .col_sr { display:none;                                  } .col_lo, .col_me{ flex:  1%; min-width:388px; max-width:388px; flex-direction:row; } .col_me{ display:none;                                   } .col_bl, .col_su{ flex:100%; min-width:720px; max-width: 100%; flex-direction:row; } .subtitle { position:absolute; margin:-26px 0px 0px 78px; font-size:16px; } .submenu{ padding:  4px 0  4px 8px; height:30px; background-repeat:   repeat; } .menu .submenu .menulevel2{ margin: 3px 0 3px 0; } .mobile{ display:block; } .tablet{ display:block;} .desktop{ display:block; } }
@media only screen and (max-width: 720px) { .rowContainer{ flex-direction: column; } .col_sl, .col_sr { display:none;                                  } .col_lo, .col_me{ flex:  1%; min-width:388px; max-width:388px; flex-direction:row; } .col_me{ display:none;                                   } .col_bl, .col_su{ flex:100%; min-width:   1%; max-width: 100%; flex-direction:row; } .subtitle { position:absolute; margin:-26px 0px 0px 78px; font-size:16px; } .submenu{ padding:  4px 0  4px 8px; height:30px; background-repeat:   repeat; } .menu .submenu .menulevel2{ margin: 3px 0 3px 0; } .mobile{ display:block; } .tablet{ display:block;} .desktop{ display: none; } }
@media only screen and (max-width: 453px) { .rowContainer{ flex-direction: column; } .col_sl, .col_sr { display:none;                                  } .col_lo, .col_me{ flex:  1%; min-width:360px; max-width:360px; flex-direction:row; } .col_me{ display:none;                                   } .col_bl, .col_su{ flex:100%; min-width:   1%; max-width: 100%; flex-direction:row; } .subtitle { position:absolute; margin:-16px 0px 0px -1px; font-size:16px; } .submenu{ padding:  4px 0  4px 8px; height:30px; background-repeat:   repeat; } .menu .submenu .menulevel2{ margin: 3px 0 3px 0; } .mobile{ display:block; } .tablet{ display:block;} .desktop{ display: none; } }

@media only screen and (max-width:8000px) {  .ul_home  li a{ font-size:1.6em; }  .ffright{ float:right;                     } }
@media only screen and (max-width:2560px) {  .ul_home  li a{ font-size:1.6em; }  .ffright{ float:right;                     } }
@media only screen and (max-width:1920px) {  .ul_home  li a{ font-size:1.6em; }  .ffright{ float:right;                     } }
@media only screen and (max-width:1140px) {  .ul_home  li a{ font-size:1.6em; }  .ffright{ float:right;                     } }
@media only screen and (max-width: 960px) {  .ul_home  li a{ font-size:1.6em; }  .ffright{ float:right;                     } }
@media only screen and (max-width: 720px) {  .ul_home  li a{ font-size:1.4em; }  .ffright{ float: none; text-align: center; } }
@media only screen and (max-width: 500px) {  .ul_home  li a{ font-size:1.2em; }  .ffright{ float: none; text-align: center; } }
@media only screen and (max-width: 440px) {  .ul_home  li a{ font-size:0.9em; }  .ffright{ float: none; text-align: center; } }

@media only screen and (max-width:8000px) { .rowContainer{ flex-direction: row   ; } .col_01 { flex-direction:row; flex: 8.33%; } .col_02 { flex-direction:row; flex: 16.66%; } .col_03 { flex-direction:row; flex: 25%; } .col_04 { flex-direction:row; flex: 33.33%; } .col_05 { flex-direction:row; flex: 41.66%; } .col_06 { flex-direction:row; flex: 50%; } .col_07 { flex-direction:row; flex: 58.33%; } .col_08 { flex-direction:row; flex: 66.66%; } .col_09 { flex-direction:row; flex: 75%; } .col_10 { flex-direction:row; flex: 83.33%; } .col_11 { flex-direction:row; flex: 91.66%; } .col_12 { flex-direction:row; flex: 100%; } 
@media only screen and (max-width:2560px) { .rowContainer{ flex-direction: row   ; } .col_01 { flex-direction:row; flex: 8.33%; } .col_02 { flex-direction:row; flex: 16.66%; } .col_03 { flex-direction:row; flex: 25%; } .col_04 { flex-direction:row; flex: 33.33%; } .col_05 { flex-direction:row; flex: 41.66%; } .col_06 { flex-direction:row; flex: 50%; } .col_07 { flex-direction:row; flex: 58.33%; } .col_08 { flex-direction:row; flex: 66.66%; } .col_09 { flex-direction:row; flex: 75%; } .col_10 { flex-direction:row; flex: 83.33%; } .col_11 { flex-direction:row; flex: 91.66%; } .col_12 { flex-direction:row; flex: 100%; } 
@media only screen and (max-width:1920px) { .rowContainer{ flex-direction: row   ; } .col_01 { flex-direction:row; flex: 8.33%; } .col_02 { flex-direction:row; flex: 16.66%; } .col_03 { flex-direction:row; flex: 25%; } .col_04 { flex-direction:row; flex: 33.33%; } .col_05 { flex-direction:row; flex: 41.66%; } .col_06 { flex-direction:row; flex: 50%; } .col_07 { flex-direction:row; flex: 58.33%; } .col_08 { flex-direction:row; flex: 66.66%; } .col_09 { flex-direction:row; flex: 75%; } .col_10 { flex-direction:row; flex: 83.33%; } .col_11 { flex-direction:row; flex: 91.66%; } .col_12 { flex-direction:row; flex: 100%; } 
@media only screen and (max-width:1140px) { .rowContainer{ flex-direction: row   ; } .col_01 { flex-direction:row; flex: 8.33%; } .col_02 { flex-direction:row; flex: 16.66%; } .col_03 { flex-direction:row; flex: 25%; } .col_04 { flex-direction:row; flex: 33.33%; } .col_05 { flex-direction:row; flex: 41.66%; } .col_06 { flex-direction:row; flex: 50%; } .col_07 { flex-direction:row; flex: 58.33%; } .col_08 { flex-direction:row; flex: 66.66%; } .col_09 { flex-direction:row; flex: 75%; } .col_10 { flex-direction:row; flex: 83.33%; } .col_11 { flex-direction:row; flex: 91.66%; } .col_12 { flex-direction:row; flex: 100%; } 
@media only screen and (max-width: 960px) { .rowContainer{ flex-direction: row   ; } .col_01 { flex-direction:row; flex: 8.33%; } .col_02 { flex-direction:row; flex: 16.66%; } .col_03 { flex-direction:row; flex: 25%; } .col_04 { flex-direction:row; flex: 33.33%; } .col_05 { flex-direction:row; flex: 41.66%; } .col_06 { flex-direction:row; flex: 50%; } .col_07 { flex-direction:row; flex: 58.33%; } .col_08 { flex-direction:row; flex: 66.66%; } .col_09 { flex-direction:row; flex: 75%; } .col_10 { flex-direction:row; flex: 83.33%; } .col_11 { flex-direction:row; flex: 91.66%; } .col_12 { flex-direction:row; flex: 100%; } 
@media only screen and (max-width: 720px) { .rowContainer{ flex-direction: row   ; } .col_01 { flex-direction:row; flex: 8.33%; } .col_02 { flex-direction:row; flex: 16.66%; } .col_03 { flex-direction:row; flex: 25%; } .col_04 { flex-direction:row; flex: 33.33%; } .col_05 { flex-direction:row; flex: 41.66%; } .col_06 { flex-direction:row; flex: 50%; } .col_07 { flex-direction:row; flex: 58.33%; } .col_08 { flex-direction:row; flex: 66.66%; } .col_09 { flex-direction:row; flex: 75%; } .col_10 { flex-direction:row; flex: 83.33%; } .col_11 { flex-direction:row; flex: 91.66%; } .col_12 { flex-direction:row; flex: 100%; } 
@media only screen and (max-width: 453px) { .rowContainer{ flex-direction: column; } .col_01 { flex-direction:row; flex: 8.33%; } .col_02 { flex-direction:row; flex: 16.66%; } .col_03 { flex-direction:row; flex: 25%; } .col_04 { flex-direction:row; flex: 33.33%; } .col_05 { flex-direction:row; flex: 41.66%; } .col_06 { flex-direction:row; flex: 50%; } .col_07 { flex-direction:row; flex: 58.33%; } .col_08 { flex-direction:row; flex: 66.66%; } .col_09 { flex-direction:row; flex: 75%; } .col_10 { flex-direction:row; flex: 83.33%; } .col_11 { flex-direction:row; flex: 91.66%; } .col_12 { flex-direction:row; flex: 100%; } 

/* END */