@import url('https://fonts.googleapis.com/css2?family=Dawning+of+a+New+Day&family=Fontdiner+Swanky&family=Rock+Salt&family=Sacramento&family=Yellowtail&display=swap');

:root {
  --kb-color: #ffffff;
  --kb-color-seite: #919191;
  --kb-color-hinten: #000000;
}

* { box-sizing: border-box; }

body {
    /* background: var(--kb-color); */
}

p {
    margin-bottom: 1em;
}

#neontext {
    float: left;

    width: 50%;
    width: 90%;
    width: 100%;
    height: 400px;
    padding-top: 50px;
    text-align: center;

    background-size: 100% auto;
    background-position: bottom left;

    /* background-image: url(beispielhg/0322-sofa-sofa.jpg); */
    background-color: black;
    background-color: #c4c4c4;
    background-repeat: no-repeat;
    font-family: sans-serif;
    /* font-family: "Rock Salt"; */
    /* font-size: 1em; */

    font-weight: bold;
    letter-spacing: .1em;
    /* color: white; */
    color: var(--kb-color);

    padding-top: 30px !important;
    margin-right: 20px;
    padding-right: 20px;
    padding-left: 20px;

    font-size: 12vw;
}


/* ab 965 anders! */
@media only screen and (max-width:966px) {
    #neontext {
        font-size: 20vw;
    }
}

#rohtext {
    width: 100%;
    height: 4em;
}


.Frontleuchter, .Seitenleuchter, .Rueckleuchter {
    /* position: absolute;
     top: 0%;
     right: 50%; */
     /* transform: translate(50%,-50%); */
     /* transform: translate(50%,0%); */
     /* text-transform: uppercase; */
     font-family: verdana;
     /* font-size: 12em !important; */
     font-weight: 700;
}

.Frontleuchter,
.rot,
.red {
      /* color: white !important;   */
      /* Seitenleuchter - Frontfarbe */
      /* 1px 1px 1px #919191, */
      text-shadow:
          1px 1px 1px var(--kb-color-seite),
          1px 1px 1px black,
          1px 2px 1px var(--kb-color-seite),
          1px 2px 1px black,
          1px 3px 1px var(--kb-color-seite),
          1px 4px 1px var(--kb-color-seite),
          1px 5px 1px var(--kb-color-seite),
          1px 6px 1px var(--kb-color-seite),
          1px 7px 1px var(--kb-color-seite),
          1px 8px 1px var(--kb-color-seite),
          1px 9px 1px var(--kb-color-seite),
          1px 10px 1px var(--kb-color-seite),
          1px 10px 1px black,
          1px 11px 1px black,
      1px 18px 6px var(--kb-color-hinten),
      1px 22px 10px var(--kb-color-hinten),
      1px 25px 35px var(--kb-color-hinten),
      1px 30px 60px var(--kb-color-hinten);
}

.farbFront_schwarz {
    /* color: black !important;  */
     /* Frontfarbe */
    --kb-color: black;
}
.farbFront_rot {
    /* color: red !important;   */
    /* Frontfarbe */
    --kb-color: red;
}


.Seitenleuchter {
    text-shadow:
        1px 1px 1px var(--kb-color-seite),
        1px 1px 1px black,
        1px 2px 1px var(--kb-color-seite),
        1px 2px 1px black,
        1px 3px 1px var(--kb-color-seite),
        1px 4px 1px var(--kb-color-seite),
        1px 5px 1px var(--kb-color-seite),
        1px 6px 1px var(--kb-color-seite),
        1px 7px 1px var(--kb-color-seite),
        1px 8px 1px var(--kb-color-seite),
        1px 9px 1px var(--kb-color-seite),
        1px 10px 1px var(--kb-color-seite),
        1px 10px 1px black,
        1px 11px 1px black,
    1px 18px 6px var(--kb-color-hinten),
    1px 22px 10px var(--kb-color-hinten),
    1px 25px 35px var(--kb-color-hinten),
    1px 30px 60px var(--kb-color-hinten);
}

.Seitenleuchter_ALT {
                 position: absolute;
                  top: 0%;
                  right: 50%;
                  /* transform: translate(50%,-50%); */
                  transform: translate(50%,0%);
                  /* text-transform: uppercase; */
                  font-family: verdana;
                  /* font-size: 12em !important; */
                  font-weight: 700;
                  color: #f5f5f5;
                  color: limegreen;  /* Seitenleuchter - Frontfarbe */
                  color: black !important;  /* Seitenleuchter - Frontfarbe */
                  text-shadow:
                      1px 1px 1px white,
                      1px 1px 1px black,
                      1px 2px 1px white,
                      1px 2px 1px black,
                      1px 3px 1px white,
                      1px 4px 1px white,
                      1px 5px 1px white,
                      1px 6px 1px white,
                      1px 7px 1px white,
                      1px 8px 1px white,
                      1px 9px 1px white,
                      1px 10px 1px white,
                      1px 10px 1px black,
                      1px 11px 1px black,
                  1px 18px 6px rgba(255,255,255,0.4),
                  1px 22px 10px rgba(255,255,255,0.2),
                  1px 25px 35px rgba(255,255,255,0.2),
                  1px 30px 60px rgba(255,255,255,0.4);
}

.Rueckleuchter {
    text-shadow:
        1px 1px 1px var(--kb-color-seite),
        1px 1px 1px black,
        1px 2px 1px var(--kb-color-seite),
        1px 2px 1px black,
        1px 3px 1px var(--kb-color-seite),
        1px 4px 1px var(--kb-color-seite),
        1px 5px 1px var(--kb-color-seite),
        1px 6px 1px var(--kb-color-seite),
        1px 7px 1px var(--kb-color-seite),
        1px 8px 1px var(--kb-color-seite),
        1px 9px 1px var(--kb-color-seite),
        1px 10px 1px var(--kb-color-seite),
        1px 10px 1px black,
        1px 11px 1px black,
    1px 18px 6px var(--kb-color-hinten),
    1px 22px 10px var(--kb-color-hinten),
    1px 25px 35px var(--kb-color-hinten),
    1px 30px 60px var(--kb-color-hinten);
                    /* 1px 1px 1px #919191, */
                  /* text-shadow:
                      1px 1px 1px black,
                      1px 2px 1px black,
                      1px 3px 1px #919191,
                      1px 4px 1px #919191,
                      1px 5px 1px #919191,
                      1px 6px 1px #919191,
                      1px 7px 1px #919191,
                      1px 8px 1px #919191,
                      1px 9px 1px #919191,
                      1px 10px 1px #919191,
                      1px 11px 1px black,
                  1px 18px 6px rgba(255,255,255,0.8),
                  1px 22px 10px rgba(255,255,255,0.6),
                  1px 25px 35px rgba(255,255,255,0.6),
                  1px 30px 60px rgba(255,255,255,0.8); */
}




.inline-radio-label {
    padding-right: 1em;
    white-space: nowrap;
    font-size: 90%;
}

article fieldset {
    margin-bottom: 1.6em;
    background-color: #ddd;

    position:relative;
    padding-top:1.5em;
}

article fieldset legend {
    background-color: #ddd;
    font-weight: bold;
    margin-left: 0 !important;
    /* padding: 0 1em; */
    padding: 0 0.5em !important;
    border-top: 4px solid black;
    border-left: 1px solid black;


    position:absolute;
    top:-10px;
    left: -2px;
}