:root
{
   --KCW_Red: #E6281E;
   --KCW_White: #f2f2f2;
   --KCW_BGWhite: #FFFFFF;
   --KCW_Yellow: #FFFC00;

} /* end: :root */

/*
@media not|only mediatype and (mediafeature and|or|not mediafeature)

   mediatype: print / screen / all

   mediafeature:
      .) orientation: landscape/portrait
      .) max-height: 000px
      .) min-height: 000px
      .) height: 000px
      .) max-width: 000px
      .) min-width: 000px
      .) width: 000px
*/

/*
  L1 - 400x900
  ------------
  iPhone 1/2/3/4/4S         : 320x480 - 1,5
  iPhone 5/5C/5S            : 320x568 - 1,78
  iPhone 6/6S/7/8           : 375x667 - 1,78
  iPhone X/XS/11Pro         : 375x812 - 2,16
  iPhone 12(pro)/13(pro)/14 : 390x844 - 2,16
  iPhone 14Pro/15/15Pro/16  : 393x852 - 2,16

  L2 - 500x1000
  -------------
  iPhone 16Pro                     : 402x874 - 2,17
  iPhone 6+/6s+/7+/8+              : 414x736 - 1,78
  iPhone XS Max / XR / 11 (ProMax) : 414x896 - 2,16
  iPhone 12ProMax/13ProMax/14+     : 428x926 - 2,16
  iPhone 14ProMax/15ProMax/15+/16+ : 430x932 - 2,16
  iPhone 16ProMax                  : 440x956 - 2,17

  L3 - 840x1260
  -------------
  iPad Mini 6                        :  744x1133 - 1,52
  iPad 1-6/Pro1/Air1/2, Mini 1-5     :  768x1024 - 1,33
  iPad 7/8/9                         :  810x1080 - 1,33
  iPad 10 / Air4/5                   :  820x1180 - 1,44
  iPad Pro2 10,5" / Pro3 11" / Air3  :  834x1112 - 1,33
  iPad Pro4/Pro5/Pro6  11"           :  834x1194 - 1,43

  L4 - 1080x1920
  --------------
  iPad Pro1-Pro6  12,9" : 1024x1366 - 1,33

  L5 - 2160x3840
  --------------
*/

/*---------------------------------------------------------------------------*/
/* L1 - <400x900 - Portrait                                                   */
/* Extra small devices - (iPhone 1-15)                                       */
/*---------------------------------------------------------------------------*/
@media only screen and (orientation: portrait) and (max-width: 400px)
{
   .TopNav { height: 56px; }
   .TopNav a { border: 0px solid blue; padding: 12px 16px; font-size: 16px; margin: 1px;   }

   #TitleBox
   {
      width:  260px;
      height: 100px;
      margin: 130px 15px 300px 15px;
      padding: 10px;
   }  /* end #TitleBox */

   #TitleBoxLogo
   {
      width:  240px;
      height: 60px;
      background-image: url("images/KCW-Logo_240x60.png");
      background-repeat: no-repeat;
   }  /* end #TitleBoxLogo */

   .DividerLineUpper {  width: 300px;    margin-left: calc((100% - 300px) / 2);  }
   .DividerLineLower {  width: 300px;    margin-left: calc((100% - 300px) / 2);  }

   /* Images for Parallax Fields - 640x500  */
   /*  #par_p1_img1 {  background-image: url('images/Studio/kcw_k00_640.jpg');  }  */
   #par_p1_img0 {  background-image: url('images/Studio/Blender_400x900.jpg');  }
   #par_p1_img1 {  background-image: url('images/Studio/kcw_k01_400x900.jpg');  }
   #par_p1_img2 {  background-image: url('images/Studio/kcw_k02_400x900.jpg');  }
   #par_p1_img3 {  background-image: url('images/Studio/kcw_k03_400x900.jpg');  }
   #par_p1_img4 {  background-image: url('images/Studio/kcw_k06_400x900.jpg');  }
   #par_p1_img5 {  background-image: url('images/Studio/kcw_k07_400x900.jpg');  }
   #par_p1_img6 {  background-image: url('images/Studio/kcw_k09_400x900.jpg');  }
   #par_p1_img7 {  background-image: url('images/Studio/kcw_k00_400x900.jpg');  }

   .parallax {  height: 600px;   background-attachment: scroll;  /* fixed */   }
   .parallax_text   {    font-size: 16px; }  /* end parallax_text

   /* Minecraft-Style Splash-Message on index.php  */
   #SplashMessage
   {
       font-size: 1em;
       padding: 5px;
       position: absolute;
       border: 0px solid yellow;
       width: 240px;
       top: 20px;
       left: 25px;
   }  /* end #SplashMessage */

   #map  { height: 900px;  }

   #imgRushTruck
   {
      background-image: url(images/RushTruck_240x101.jpg);
      width: 240px;
      height: 101px;
   }  /*end #imgRushTruck */

   .footer  {  font-size: 13px;    line-height: 20px;  }
}  /* end @media only screen and (orientation: portrait) and (max-width: 400px)    */


/*---------------------------------------------------------------------------*/
/* L1 - <900x400 - Landscape                                                  */
/* Extra small devices - (iPhone 1-15)                                       */
/*---------------------------------------------------------------------------*/
@media only screen and (orientation: landscape) and (max-width: 900px)
{
   .TopNav { height: 36px; }
   .TopNav a { border: 0px solid blue; padding: 8px 16px; font-size: 16px; margin: 1px;   }

   #TitleBox
   {
      width:  400px;
      height: 100px;
      margin: 60px 15px 300px 15px;
      padding: 10px;
      border: 0px solid yellow;
   }  /* end #TitleBox */

   #TitleBoxLogo
   {
      width:  400px;
      height: 100px;
      background-image: url("images/KCW_Logo_400x100.png");
      background-repeat: no-repeat;
      /*border: 1px solid yellow;*/
   }  /* end #TitleBoxLogo */

   .DividerLineUpper {  width: 600px;    margin-left: calc((100% - 600px) / 2);  }
   .DividerLineLower {  width: 600px;    margin-left: calc((100% - 600px) / 2);  }

   /* Images for Parallax Fields - 640x500  */
   /*  #par_p1_img1 {  background-image: url('images/Studio/kcw_k00_640.jpg');  }  */
   #par_p1_img0 {  background-image: url('images/Studio/Blender_900x400.jpg');  }
   #par_p1_img1 {  background-image: url('images/Studio/kcw_k01_900x400.jpg');  }
   #par_p1_img2 {  background-image: url('images/Studio/kcw_k02_900x400.jpg');  }
   #par_p1_img3 {  background-image: url('images/Studio/kcw_k03_900x400.jpg');  }
   #par_p1_img4 {  background-image: url('images/Studio/kcw_k06_900x400.jpg');  }
   #par_p1_img5 {  background-image: url('images/Studio/kcw_k07_900x400.jpg');  }
   #par_p1_img6 {  background-image: url('images/Studio/kcw_k09_900x400.jpg');  }
   #par_p1_img7 {  background-image: url('images/Studio/kcw_k00_900x400.jpg');  }

   .parallax {  height: 400px;   background-attachment: scroll;  /* fixed */   }
   .parallax_text   {    font-size: 16px; }

   /* Minecraft-Style Splash-Message on index.php  */
   #SplashMessage
   {
       font-size: 1.2em;
       padding: 20px;
       position: absolute;
       border: 0px solid yellow;
       width: 380px;
       top: 00px;
       left: 150px;
   }  /* end #SplashMessage */

   #map  { height: 400px;  }

   #imgRushTruck
   {
      background-image: url(images/RushTruck_478x202.jpg);
      width: 478px;
      height: 202px;
   }  /*end #imgRushTruck */

   .footer  {  font-size: 11px;    line-height: 20px;  }
}  /* end @media only screen and (orientation: landscape) and (max-width: 900px)    */

/*---------------------------------------------------------------------------*/
/* L2 - <500x1000 - portrait                                                 */
/* Small devices (iPhone 6+, iPhone 12Pro onwards)                           */
/*---------------------------------------------------------------------------*/
@media only screen and (orientation: portrait) and (min-width: 400px)
{
   .TopNav { height: 56px; }
   .TopNav a { border: 0px solid blue; padding: 12px 16px; font-size: 16px; margin: 1px;   }

   /* Box for Main Logo on index.php */
   #TitleBox
   {
      width:  350px;
      height: 100px;
      margin: 230px 15px 0px 15px;
      padding: 10px;
   }  /* end #TitleBox */

   #TitleBoxLogo
   {
      width:  300px;
      height: 75px;
      background-image: url("images/KCW-Logo_300x75.png");
      background-repeat: no-repeat;
   }  /* end #TitleBoxLogo */

   /* Images for Parallax Fields - 768x992  */
   /*  #par_p1_img0 {  background-image: url('images/Studio/kcw_k00_768.jpg');  }  */
   #par_p1_img0 {  background-image: url('images/Studio/Blender_500x1000.jpg');  }
   #par_p1_img1 {  background-image: url('images/Studio/kcw_k01_500x1000.jpg');  }
   #par_p1_img2 {  background-image: url('images/Studio/kcw_k02_500x1000.jpg');  }
   #par_p1_img3 {  background-image: url('images/Studio/kcw_k03_500x1000.jpg');  }
   #par_p1_img4 {  background-image: url('images/Studio/kcw_k06_500x1000.jpg');  }
   #par_p1_img5 {  background-image: url('images/Studio/kcw_k07_500x1000.jpg');  }
   #par_p1_img6 {  background-image: url('images/Studio/kcw_k09_500x1000.jpg');  }
   #par_p1_img7 {  background-image: url('images/Studio/kcw_k00_500x1000.jpg');  }

   .parallax {  height: 1000px;   background-attachment: scroll;  /* fixed */   }
   .parallax_text   {    font-size: 16px; }  /* end parallax_text

   /* Minecraft-Style Splash-Message on index.php  */
   #SplashMessage
   {
       font-size: 1em;
       padding: 5px;
       position: absolute;
       border: 0px solid yellow;
       width: 240px;
       top: 30px;
       left: 95px;
   }  /* end #SplashMessage */

   .DividerLineUpper {  width: 350px;    margin-left: calc((100% - 350px) / 2);  }
   .DividerLineLower {  width: 350px;    margin-left: calc((100% - 350px) / 2);  }

   #map  { height: 900px;  }

   #imgRushTruck
   {
      background-image: url(images/RushTruck_240x101.jpg);
      width: 240px;
      height: 101px;
   }  /*end #imgRushTruck */

   .footer  {  font-size: 13px;    line-height: 20px;  }
}  /* end @media only screen and (min-width: 600px) */

/*---------------------------------------------------------------------------*/
/* L2 - <1000x500 - Landscape                                                */
/* Small devices (iPhone 6+, iPhone 12Pro onwards)                           */
/*---------------------------------------------------------------------------*/
@media only screen and (orientation: landscape) and (min-width: 900px)
{
   .TopNav { height: 36px; }
   .TopNav a { border: 0px solid blue; padding: 8px 16px; font-size: 16px; margin: 1px;   }

   #TitleBox
   {
      width:  400px;
      height: 100px;
      margin: 90px 15px 300px 15px;
      padding: 10px;
   }  /* end #TitleBox */

   #TitleBoxLogo
   {
      width:  400px;
      height: 100px;
      background-image: url("images/KCW_Logo_400x100.png");
      background-repeat: no-repeat;
   }  /* end #TitleBoxLogo */

   .DividerLineUpper {  width: 800px;    margin-left: calc((100% - 800px) / 2);  }
   .DividerLineLower {  width: 800px;    margin-left: calc((100% - 800px) / 2);  }

   /* Images for Parallax Fields - 768x600  */
   /*  #par_p1_img0 {  background-image: url('images/Studio/kcw_k00_768.jpg');  }  */
   #par_p1_img0 {  background-image: url('images/Studio/Blender_1000x500.jpg');  }
   #par_p1_img1 {  background-image: url('images/Studio/kcw_k01_1000x500.jpg');  }
   #par_p1_img2 {  background-image: url('images/Studio/kcw_k02_1000x500.jpg');  }
   #par_p1_img3 {  background-image: url('images/Studio/kcw_k03_1000x500.jpg');  }
   #par_p1_img4 {  background-image: url('images/Studio/kcw_k06_1000x500.jpg');  }
   #par_p1_img5 {  background-image: url('images/Studio/kcw_k07_1000x500.jpg');  }
   #par_p1_img6 {  background-image: url('images/Studio/kcw_k09_1000x500.jpg');  }
   #par_p1_img7 {  background-image: url('images/Studio/kcw_k00_1000x500.jpg');  }

   .parallax {  height: 500px;   background-attachment: scroll;  /* fixed */   }
   .parallax_text   {    font-size: 16px; }

   /* Minecraft-Style Splash-Message on index.php  */
   #SplashMessage
   {
       font-size: 1.2em;
       padding: 20px;
       position: absolute;
       width: 380px;
       top: 00px;
       left: 150px;
   }  /* end #SplashMessage */

   #map  { height: 500px;  }

   #imgRushTruck
   {
      background-image: url(images/RushTruck_478x202.jpg);
      width: 478px;
      height: 202px;
   }  /*end #imgRushTruck */

   .footer  {  font-size: 11px;    line-height: 20px;  }
}  /* end @media only screen and (orientation: landscape) and (min-width: 900px)  */

/*---------------------------------------------------------------------------*/
/* L3 - <840x1260 - portrait                                                 */
/* Medium devices (IPad 1-6, iPad Air, iPad Mini)                            */
/*---------------------------------------------------------------------------*/
@media only screen and (orientation: portrait) and (min-width: 500px)
{
   .TopNav { height: 56px; }
   .TopNav a { padding: 16px 16px; font-size: 18px; margin: 1px;   }

   /* Box for Main Logo on index.php */
   #TitleBox
   {
      width:  450px;
      height: 200px;
      margin: 230px 15px 0px 15px;
      padding: 10px;
      border: 0px solid orange;
   }  /* end #TitleBox */

   #TitleBoxLogo
   {
      width:  400px;
      height: 100px;
      background-image: url("images/KCW-Logo_400x100.png");
      background-repeat: no-repeat;
   }  /* end #TitleBoxLogo */

   /* Images for Parallax Fields - 768x992  */
   /*  #par_p1_img0 {  background-image: url('images/Studio/kcw_k00_768.jpg');  }  */
   #par_p1_img0 {  background-image: url('images/Studio/Blender_840x1260.jpg');  }
   #par_p1_img1 {  background-image: url('images/Studio/kcw_k01_840x1260.jpg');  }
   #par_p1_img2 {  background-image: url('images/Studio/kcw_k02_840x1260.jpg');  }
   #par_p1_img3 {  background-image: url('images/Studio/kcw_k03_840x1260.jpg');  }
   #par_p1_img4 {  background-image: url('images/Studio/kcw_k06_840x1260.jpg');  }
   #par_p1_img5 {  background-image: url('images/Studio/kcw_k07_840x1260.jpg');  }
   #par_p1_img6 {  background-image: url('images/Studio/kcw_k09_840x1260.jpg');  }
   #par_p1_img7 {  background-image: url('images/Studio/kcw_k00_840x1260.jpg');  }

   .parallax {  height: 1000px;   background-attachment: fixed;  /* fixed */   }
   .parallax_text   {    font-size: 16px; }  /* end parallax_text

   /* Minecraft-Style Splash-Message on index.php  */
   #SplashMessage
   {
       font-size: 1.2em;
       padding: 5px;
       position: absolute;
       width: 350px;
       top: 50px;
       left: 150px;
   }  /* end #SplashMessage */

   .DividerLineUpper {  width: 550px;    margin-left: calc((100% - 550px) / 2); border: 0px solid red; }
   .DividerLineLower {  width: 550px;    margin-left: calc((100% - 550px) / 2);  }

   #map  { height: 1000px;  }

   #imgRushTruck
   {
      background-image: url(images/RushTruck_478x202.jpg);
      width: 478px;
      height: 202px;
   }  /*end #imgRushTruck */

   .footer  {  font-size: 18px;    line-height: 30px;  }
}  /* end @media only screen and (orientation: portrait) and (min-width: 500px)   */

/*---------------------------------------------------------------------------*/
/* L3 - <1260x840 - Landscape                                                */
/* Medium devices (IPad 1-6, iPad Air, iPad Mini)                            */
/*---------------------------------------------------------------------------*/
@media only screen and (orientation: landscape) and (min-width: 1000px)
{
   .TopNav { height: 56px; }
   .TopNav a { border: 0px solid blue; padding: 18px 16px; font-size: 16px; margin: 1px;   }

   #TitleBox
   {
      width:  900px;
      height: 250px;
      margin: 60px 15px 300px 15px;
      padding: 10px;
   }  /* end #TitleBox */

   #TitleBoxLogo
   {
      width:  800px;
      height: 200px;
      background-image: url("images/KCW-Logo_800x200.png");
      background-repeat: no-repeat;
   }  /* end #TitleBoxLogo */

   .DividerLineUpper {  width: 900px;    margin-left: calc((100% - 900px) / 2);  }
   .DividerLineLower {  width: 900px;    margin-left: calc((100% - 900px) / 2);  }

   /* Images for Parallax Fields - 768x600  */
   /*  #par_p1_img0 {  background-image: url('images/Studio/kcw_k00_768.jpg');  }  */
   #par_p1_img0 {  background-image: url('images/Studio/Blender_1000x500.jpg');  }
   #par_p1_img1 {  background-image: url('images/Studio/kcw_k01_1000x500.jpg');  }
   #par_p1_img2 {  background-image: url('images/Studio/kcw_k02_1000x500.jpg');  }
   #par_p1_img3 {  background-image: url('images/Studio/kcw_k03_1000x500.jpg');  }
   #par_p1_img4 {  background-image: url('images/Studio/kcw_k06_1000x500.jpg');  }
   #par_p1_img5 {  background-image: url('images/Studio/kcw_k07_1000x500.jpg');  }
   #par_p1_img6 {  background-image: url('images/Studio/kcw_k09_1000x500.jpg');  }
   #par_p1_img7 {  background-image: url('images/Studio/kcw_k00_1000x500.jpg');  }

   .parallax {  height: 500px;   background-attachment: fixed;  /* fixed */   }
   .parallax_text   {    font-size: 20px; }

   /* Minecraft-Style Splash-Message on index.php  */
   #SplashMessage
   {
       font-size: 1.4em;
       padding: 20px;
       position: absolute;
       width: 380px;
       top: 80px;
       left: 500px;
   }  /* end #SplashMessage */

   #map  { height: 500px;  }

   #imgRushTruck
   {
      background-image: url(images/RushTruck_478x202.jpg);
      width: 478px;
      height: 202px;
   }  /*end #imgRushTruck */

   .footer  {  font-size: 11px;    line-height: 20px;  }
}  /* end @media only screen and (min-width: 768px) */

/*---------------------------------------------------------------------------*/
/* L4 - <1080x1920 - portrait                                                */
/* Large devices (laptops/desktops)                                          */
/*---------------------------------------------------------------------------*/
@media only screen and (orientation: portrait) and (min-width: 840px)
{
   .TopNav { height: 56px; }
   .TopNav a { padding: 16px 16px; font-size: 18px; margin: 1px;   }

   /* Box for Main Logo on index.php */
   #TitleBox
   {
      width:  650px;
      height: 300px;
      margin: 230px 15px 0px 15px;
      padding: 10px;
      border: 0px solid orange;
   }  /* end #TitleBox */

   #TitleBoxLogo
   {
      width:  600px;
      height: 150px;
      background-image: url("images/KCW-Logo_600x150.png");
      background-repeat: no-repeat;
   }  /* end #TitleBoxLogo */

   /* Images for Parallax Fields - 768x992  */
   /*  #par_p1_img0 {  background-image: url('images/Studio/kcw_k00_768.jpg');  }  */
   #par_p1_img0 {  background-image: url('images/Studio/Blender_1080x1920.jpg');  }
   #par_p1_img1 {  background-image: url('images/Studio/kcw_k01_1080x1920.jpg');  }
   #par_p1_img2 {  background-image: url('images/Studio/kcw_k02_1080x1920.jpg');  }
   #par_p1_img3 {  background-image: url('images/Studio/kcw_k03_1080x1920.jpg');  }
   #par_p1_img4 {  background-image: url('images/Studio/kcw_k06_1080x1920.jpg');  }
   #par_p1_img5 {  background-image: url('images/Studio/kcw_k07_1080x1920.jpg');  }
   #par_p1_img6 {  background-image: url('images/Studio/kcw_k09_1080x1920.jpg');  }
   #par_p1_img7 {  background-image: url('images/Studio/kcw_k00_1080x1920.jpg');  }

   .parallax {  height: 1000px;   background-attachment: fixed;  /* fixed */   }
   .parallax_text   {    font-size: 16px; }  /* end parallax_text

   /* Minecraft-Style Splash-Message on index.php  */
   #SplashMessage
   {
       font-size: 1.2em;
       padding: 5px;
       position: absolute;
       width: 350px;
       top: 50px;
       left: 150px;
   }  /* end #SplashMessage */

   .DividerLineUpper {  width: 550px;    margin-left: calc((100% - 550px) / 2); border: 0px solid red; }
   .DividerLineLower {  width: 550px;    margin-left: calc((100% - 550px) / 2);  }

   #map  { height: 1000px;  }

   #imgRushTruck
   {
      background-image: url(images/RushTruck_478x202.jpg);
      width: 478px;
      height: 202px;
   }  /*end #imgRushTruck */

   .footer  {  font-size: 18px;    line-height: 30px;  }
}  /* end @media only screen and (orientation: portrait) and (min-width: 840px) */

/*---------------------------------------------------------------------------*/
/* L4 - <1920x1080 - Landscape                                               */
/* Large devices (laptops/desktops)                                          */
/*---------------------------------------------------------------------------*/
@media only screen and (orientation: landscape) and (min-width: 1260px)
{
   .TopNav { height: 56px; }
   .TopNav a { border: 0px solid blue; padding: 15px 16px; font-size: 20px; margin: 1px;   }

   #TitleBox
   {
      width:  900px;
      height: 350px;
      margin: 130px 15px 300px 15px;
      padding: 40px;
   }  /* end #TitleBox */

   #TitleBoxLogo
   {
      width:  800px;
      height: 200px;
      background-image: url("images/KCW-Logo_800x200.png");
      background-repeat: no-repeat;
   }  /* end #TitleBoxLogo */

   .DividerLineUpper {  width: 1100px;    margin-left: calc((100% - 1100px) / 2);  }
   .DividerLineLower {  width: 1100px;    margin-left: calc((100% - 1100px) / 2);  }

   /* Images for Parallax Fields - 1920x1080  */
   #par_p1_img0 {  background-image: url('images/Studio/Blender_1920x1080.jpg');  }
   #par_p1_img1 {  background-image: url('images/Studio/kcw_k01_1920x1080.jpg');  }
   #par_p1_img2 {  background-image: url('images/Studio/kcw_k02_1920x1080.jpg');  }
   #par_p1_img3 {  background-image: url('images/Studio/kcw_k03_1920x1080.jpg');  }
   #par_p1_img4 {  background-image: url('images/Studio/kcw_k06_1920x1080.jpg');  }
   #par_p1_img5 {  background-image: url('images/Studio/kcw_k07_1920x1080.jpg');  }
   #par_p1_img6 {  background-image: url('images/Studio/kcw_k09_1920x1080.jpg');  }
   #par_p1_img7 {  background-image: url('images/Studio/kcw_k00_1920x1080.jpg');  }

   .parallax {  height: 900px;   background-attachment: fixed;  /* fixed */   }
   .parallax_text   {    font-size: 24px; }

   /* Minecraft-Style Splash-Message on index.php  */
   #SplashMessage
   {
       font-size: 1.8em;
       padding: 20px;
       position: absolute;
       width: 580px;
       top: 80px;
       left: 500px;
       border: 0px solid red;
   }  /* end #SplashMessage */

   #map  { height: 900px;  }

   #imgRushTruck
   {
      background-image: url(images/RushTruck_478x202.jpg);
      width: 478px;
      height: 202px;
   }  /*end #imgRushTruck */

   .footer  {  font-size: 18px;    line-height: 26px;  }

}  /* end @media only screen and (orientation: landscape) and (min-width: 1260px) */

/*---------------------------------------------------------------------------*/
/* L5 - 2160x3840 - portrait                                                 */
/* Extra large devices (large laptops and desktops, 1200px and up)           */
/*---------------------------------------------------------------------------*/
@media only screen and (orientation: portrait) and (min-width: 1080px)
{
}  /* end @media only screen and (orientation: portrait) and (min-width: 1080px) */



/*---------------------------------------------------------------------------*/
/* L5 - 3840x2160 - Landscape                                                */
/* Extra large devices (large laptops and desktops, 1200px and up)           */
/*---------------------------------------------------------------------------*/
@media only screen and (orientation: landscape) and (min-width: 1920px)
{
   .TopNav { height: 112px; }
   .TopNav a { border: 0px solid blue; padding: 30px 32px; font-size: 40px; margin: 1px;   }

   #TitleBox
   {
      width:  900px;
      height: 250px;
      margin: 60px 15px 300px 15px;
      padding: 10px;
   }  /* end #TitleBox */

   #TitleBoxLogo
   {
      width:  800px;
      height: 200px;
      background-image: url("images/KCW-Logo_800x200.png");
      background-repeat: no-repeat;
   }  /* end #TitleBoxLogo */

   .DividerLineUpper {  width: 1100px;    margin-left: calc((100% - 1100px) / 2);  }
   .DividerLineLower {  width: 1100px;    margin-left: calc((100% - 1100px) / 2);  }


   /* Images for Parallax Fields - 3840x2160  */
   #par_p1_img0 {  background-image: url('images/Studio/Blender_3840x2160.jpg');  }
   #par_p1_img1 {  background-image: url('images/Studio/kcw_k01_3840x2160.jpg');  }
   #par_p1_img2 {  background-image: url('images/Studio/kcw_k02_3840x2160.jpg');  }
   #par_p1_img3 {  background-image: url('images/Studio/kcw_k03_3840x2160.jpg');  }
   #par_p1_img4 {  background-image: url('images/Studio/kcw_k06_3840x2160.jpg');  }
   #par_p1_img5 {  background-image: url('images/Studio/kcw_k07_3840x2160.jpg');  }
   #par_p1_img6 {  background-image: url('images/Studio/kcw_k09_3840x2160.jpg');  }
   #par_p1_img7 {  background-image: url('images/Studio/kcw_k00_3840x2160.jpg');  }


   .parallax {  height: 1800px;   background-attachment: fixed;  /* fixed */   }
   .parallax_text   {    font-size: 36px; }

   /* Minecraft-Style Splash-Message on index.php  */
   #SplashMessage
   {
       font-size: 3.6em;
       padding: 20px;
       position: absolute;
       width: 580px;
       top: 80px;
       left: 500px;
       border: 0px solid red;
   }  /* end #SplashMessage */

   #map  { height: 1800px;  }

   #imgRushTruck
   {
      background-image: url(images/RushTruck_478x202.jpg);
      width: 478px;
      height: 202px;
   }  /*end #imgRushTruck */

   .footer  {  font-size: 34px;    line-height: 50px;  }

}  /* end @media only screen and (orientation: landscape) and (min-width: 1920px) */





/*===========================================================================*/
/*  ScreenSize-Neutral Declarations                                          */
/*===========================================================================*/

body
{
   height: 100%;
   margin: 0;
   padding: 0;
   font-size: 20px;
   font-family: Arial, Helvetica, sans-serif;
   background-color: fff;
   border: 0px solid maroon;
}  /* end body */

.TopNav
{
   /*overflow: hidden; */
   background-color: #E6281E; /* var(--KCW_Red); */
}  /* end .TopNav */

.TopNav a
{
   float: left;
   display: block;
   background-color: #E6281E; /* var(--KCW_Red); */
   color: #f2f2f2;  /*var(--KCW_White);  */
   text-align: center;
   text-decoration: none;
}  /* end .TopNav a */

.TopNav a:hover
{
   background-color: #f2f2f2;  /*var(--KCW_White);  */
   color: var(--KCW_Red);
}  /* end .TopNav a:hover */

.TopNav a.active
{
   background-color: #f2f2f2;  /*var(--KCW_White);  */
   color: var(--KCW_Red);
}  /* end .TopNav a.active */

.TopNav a.special
{
   background-color: #FFFC00;  /* var(--KCW_Yellow); */
   color: #E6281E; /* var(--KCW_Red); */
}  /* end .TopNav a.special */

.TopNav .icon
{
   display: none;
}  /*end .TopNav .icon */




#TitleBox
{
   /* width: auto;  ScreenSize-Dependent */
/*   border: 1px solid red;*/
   height: auto;
   background-image: url("images/bg_white_70.png");
   background-repeat: repeat;

   text-align: center;
   vertical-align: middle;
   /*  margin: ScreenSize-Dependent */
   /* padding: ScreenSize-Dependent */
   display: inline-block;

}  /* end #TitleBox */


#TitleBoxLogo
{
   border: none;
}  /* end #TitleBoxLogo */


.content
{
   min-height: 100%;
   padding: 0px;
}  /* end .content */

.sticky
{
   position: fixed;
   top: 0;
   width: 100%;
}

.sticky + .content
{
 /*
  Dieser Wert muss gleich sein mit #Navbar.height, sonst gibts einen
  sichtbaren Zwischenraum unter der Navbar
 */
 padding-top: 50px;
}

/* Set the size of the div element that contains the map */
#map
{
   width: 95%;     /* The width is the width of the web page */
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #000000;
}

/*
 #################################
 Angaben für den Parallax Effekt
 #################################
*/

.parallax
{
   /* Create the parallax scrolling effect */
/*
   background-attachment: fixed;
*/
   border: 0px solid red;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   overflow: hidden;
}  /* end .parallax */
/*
.parallax2
{
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 300px;
}
*/

.parallax_text
{
   /* Text chapters between the parallax images */
   vertical-align: middle;
   text-align: center;
/*   font-size: 24px;*/
}

.td
{
   width: 100px;
   height: 60px;
   text-align: right;
   display: inline-block;
}

.td2
{
   width: 200px;
   height: 50px;
   text-align: left;
   display: inline;

}

/*
 ####################################
 Angaben f?r den Footer-Bereich
 ####################################
*/

.footer
{
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: var(--KCW_Red);
   color: var(--KCW_White);
   text-align: center;
   border: 0px solid green;
}

.footer_link
{
   font-size: 17px;
   color: #f2f2f2;
   border: 0px solid yellow;
}

.spacer
{
   /*
   Höhe des Spacers muss gleich sein mit Höhe des Footers, sonst wird der
   Content  der Seite unten vom Footer überdeckt
   */
   line-height: 30px;
}


.KCW_BrandMarquee
{
   position:relative;
   overflow:hidden;
   width:99,5%;
   height: 60px;
   border: 0px solid black;
   margin: 70px 0px;
}  /* end KCW_BrandMarquee */


.DividerLineUpper
{
   height: 79px;
   margin-top: 100px;
   margin-bottom: 60px;
   background-image: url(images/DividerLine_1000x79.png);
   background-repeat: no-repeat;
   background-position: center;

}  /* end .DividerLineUpper */

.DividerLineLower
{
   height: 79px;
   margin-top: 60px;
   margin-bottom: 50px;
   background-image: url(images/DividerLine_1000x79.png);
   background-repeat: no-repeat;
   background-position: center;

}  /* end .DividerLineLower */