@font-face {
      font-family: "CascadiaMonoxxx";
      src: url("../fonts/CascadiaMono-Regular.ttf") format("truetype");
      font-weight: normal;
      font-style: normal;
    }

    @font-face {
      font-family: 'CascadiaMono';
      src: url('./fonts/CascadiaMono-Regular.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
    }



    #RfKD {
      font-family: 'CascadiaMono', 'Courier New', monospace;
      font-size: 0.7em;
      fill: #000;   
    }
    #HP {
      font-family: 'CascadiaMono', 'Courier New', monospace;
      font-size: 0.65em;
      fill: #888;
    }
    #Kreativ {
      font-family: 'CascadiaMono', 'Courier New', monospace;
      font-size: 0.9em;
      fill: #f00;
    }
    #Studio {
      font-family: 'CascadiaMono', 'Courier New', monospace;
      font-size: 0.9em;
      fill: #000;
    }
    #Balken {
      fill: #8885;
    }

    #AdresseStr {
      font-family: 'CascadiaMono', 'Courier New', monospace;
      font-size: 0.33em;
    }
    #AdresseOrt {
      font-family: 'CascadiaMono', 'Courier New', monospace;
      font-size: 0.33em;
    }
    #AdresseMail {
      font-family: 'CascadiaMono', 'Courier New', monospace;
      font-size: 0.33em;
    }


    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
    margin: 0; 
    padding: 0;     
      width: auto;
      display: block;
      justify-content: center;
      align-items: center;
      color: #ffffff;
  background-image: url("foenix_1920.png");
      background: rgba(0, 255, 255);
      background-color: rgba(253, 253, 253);
      font-family: 'CascadiaMono', 'Courier New', monospace;
    }




h1 {
 font-size: 3.5em;
 color: #000;
 text-align: center;
 font-family: "CascadiaMono", "Arial Narrow", sans-serif;
 margin-top: 0.5em;
}
h2 {
 font-size: 2.5em;
 color: #888;
 text-align: center;
 font-family: "CascadiaMono", "Arial Narrow", sans-serif;
 margin-top: 0.5em;
}
h3 {
 font-size: 1.8em;
 color: #000;
 text-align: center;
 font-family: "CascadiaMono", "Arial Narrow", sans-serif;
 margin-top: 0.5em;
}
p {
 font-size: 1em;
 color: blue;
 text-align: center;
 font-family: "CascadiaMono", "Arial Narrow", sans-serif;
}


#kreativ {
    color: red;
}

/**** new SVG LOGO HPkreativ ****/
.svgDiv {
        /**background-color: green;
        background: rgba(55, 128, 0, 0.55);**/
        background: rgba(0, 255, 255, 0.0000130);
        width: 50%;
        width: 100%;
        width: auto;
        margin: auto;
        z-index: 2;
        max-width: 100vw;
        height: auto;
        max-height: 90svh;
        margin-top: 0svh;
        max-height: 100svh;
 }
 
 
.allDiv {
        /**background-color: green;
        background: rgba(55, 128, 0, 0.55);**/
        background: rgba(255, 255, 255, 1);
        width: auto;
        max-width: 80%;
        max-width: 100%;
        margin: auto;
        z-index: 2;
        margin-top: 10svh;
 }


@media (min-width: 600px) {
.svgDiv {
        /**background-color: green;
        background: rgba(55, 128, 0, 0.55);**/
        /*width: 90%;*/
        max-width: 100vw;
 }
 
 
.allDiv {
        /**background-color: green;
        background: rgba(55, 128, 0, 0.55);**/
        width: auto;
        max-width: 90%;
        margin-top: 10svh;
 }
}

@media (min-width: 768px) {
.svgDiv {
        /**background-color: green;
        background: rgba(55, 128, 0, 0.55);**/
        /*width: 80%;*/
        max-width: 100vw;
 }
 
 
.allDiv {
        /**background-color: green;
        background: rgba(55, 128, 0, 0.55);**/
        width: auto;
        max-width: 60vw;
        margin-top: 0svh;
 }
}
@media (min-width: 1900px) {
.svgDiv {
        /**background-color: green;
        background: rgba(55, 128, 0, 0.55);**/
        width: 50%;
        width: auto;
        height: auto;
        max-width: 55vw;
 }
 
 
.allDiv {
        /**background-color: green;
        background: rgba(55, 128, 0, 0.55);**/
        width: auto;
        max-width: 55vw;
 }
}

@media (min-width: 3800px) {
.svgDiv {
        /**background-color: green;
        background: rgba(55, 128, 0, 0.55);**/
        width: 50%;
        width: auto;
        height: auto;
        max-width: 60vw;

 }
 
 
.allDiv {
        /**background-color: green;
        background: rgba(55, 128, 0, 0.55);**/
        width: auto;
        max-width: 75vw;
        margin-top: 0svh;
 }
}

svg {
        background: rgba(255, 255, 0, 0.00000130);
        width:100%;
        display: block;
        margin: auto;
        margin-top: 0em;
        height: 100%;
        max-height: 80svh;
 }