@charset "utf-8";

/* ===============================================================
   Grund-Styleset für modellbauelm.de
   Datei: mobau_01.css
   Datum: 04.03.2025
   Autor: Guenther von Elm
   =============================================================== */


html {
      background-color: #E6E6E6;

  }

/* 2. Grund-Eigenschaften zu body */

body {
      font-family: Arial, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; font-size: 1rem;
      margin: auto;
      max-width: 1600px;
      display: flex;  flex-flow: column;  min-height: 100vh;
 }

 /* 3. Grund-Eigenschaften zu Links */

a { font-size: 1rem; font-weight: 100; color: #000000; text-decoration-thickness: 2px;   }
a:link { font-size: 1rem; font-weight: 100; color: #000000; text-decoration-thickness: 2px;  }
a:visited { font-size: 1rem; font-weight: 100; color: #000000; text-decoration-thickness: 2px; }
a:hover, a:focus { font-size: 1rem; font-weight: 100; color: #009900; text-decoration-thickness: 2px;  }
a:active, { font-size: 1rem; font-weight: 100; color: #FFCC00; text-decoration-thickness: 2px;  }

 /* 3. Grund-Eigenschaften zu Heder */

 .side-header {
        background-color: rgb(84, 130, 58);
        max-width: auto;
        margin: 0.5rem;
        text-align: center;
        padding: 0rem 0.5rem 0rem 0.5rem;



    }
@media screen and (min-width: 600px)
 {  .kopfboxen > .inside
 {   display: grid;
     grid-template-columns: 1fr 3fr;
     grid-gap: 1rem;
 }
 }
 /* Ende @media */
 .kopfbox {  display: flex;   flex-flow: column; margin 0;
 }
 .haul {  display: block;   list-style-type: disc;   padding: 0px;   margin: 0px; text-align:center;}
 .haa1 {  display: list-item; list-style-type:none; font-size: 1.75rem; font-weight: 900; line-height: 0 px; color: rgb(255, 255, 255) }
 .haia {  display: list-item; list-style-type:none; font-size: 1.75rem; font-weight: 400; line-height: 0 px; color: rgb(255, 255, 255) }
 .haib {  display: list-item; list-style-type:none; font-size: 1.75rem; font-weight: 900; line-height: 0 px; color: #0066FF }
 .haic {  display: list-item; list-style-type:none; font-size: 1.25rem; font-weight: 200; line-height: 2 px; text-align:left; color: #000000 }
 .haid {  display: list-item; list-style-type:none; font-size: 0.50rem; font-weight: 100; line-height: 2 px; text-align:left; color: #F5F7FA }

 .side-main {
        flex: 1;
        background-color: #FFFFFF;
        text-align: center;
        margin: 0.5rem;
        padding: 0.5rem 0.5rem 1.5rem 1.2rem;
        border: 3px solid #DEDEDE;
        border-radius: 1rem;
        box-shadow: 0px 0px 20px rgb(0,0,0,0.5);
  }
  @media screen and (min-width: 600px)
 {  .mainboxen > .inside
 {   display: grid;
     grid-template-columns: 1fr 3fr;
     grid-gap: 1rem;
 }
 }  /* Ende @media */
 .mainbox {  display: flex;   flex-flow: column; margin 0;
 }
 .mul {  display: block;   list-style-type: disc; padding-left: 0px;   margin: 1em 0; text-align:left;}
 .mul01 {  display: list-item; list-style-type:none; font-size: 2rem; font-weight: 600; line-height: 3rem;color: #000000; }
 .mul02 {  display: list-item; list-style-type:none; font-size: 1.25rem; font-weight: 600 line-height: 2.5rem; color: #0066CC;}
 .mul03 {  display: list-item; list-style-type:none; font-size: 1.25rem; font-weight: 600 line-height: 2.5rem; color: #000000;}
 .mul04 {  display: list-item; list-style-type:none; font-size: 3rem; font-weight: 900 line-height: 3rem; color: #000000;}
 .mul05 {  display: list-item; list-style-type:none; font-size: 2rem; font-weight: 800 line-height: 1rem; color: #000000;}














 /* 4. Grund-Eigenschaften zu footer */

 .side-footer {
        background-color: #DEDEDE;
        text-align: center;
        margin: 0.5rem;
        padding: 0rem 0.5rem 0.5rem 1.2rem;

     }
@media screen and (min-width: 600px)
 {  .fussboxen > .inside
 {   display: grid;
     grid-template-columns: 1fr;
     grid-gap: 1rem;
 }
 }
 /* Ende @media */
 .fussbox {  display: flex;   flex-flow: column; margin 0;
 }
  .fuaa {  display: block;   list-style-type: disc;   padding-left: 0px;   margin: 1em 0; text-align:left;}
  .fuab {  display: list-item; list-style-type:none; font-size: 1.25rem; font-weight: 600; line-height: 2rem;color: #0A85FF; }
  .fuac {  display: list-item; list-style-type:none; font-size: 1rem; font-weight: 100; line-height: 1.35rem;color: #000000;}

/* Ende mobau_01.css */