body { padding:2em; font : 100%/1.4 'Helvetica Neue', arial, helvetica, helve, sans-serif; }
        h1 { font-size:2.2em; padding:0 0 .4em 0; }
        h2 { font-size:1.5em; }
        .header { padding:1em 0; }
        .col { background: transparent; padding:0em 0; text-align:center;}

        .Bennys-Body::before {
            content: "";
            background-color: green;
            background-image: url('..//pictures//bogen-hintergrund-www-v14.svg');
            background-size: 4000px; 4000px; background-repeat: no-repeat; background-position: center;
            position: fixed;
            filter: blur(16px);
            width: 100%;
            height: 100%;
            left: 0;
            right: 0;
            z-index: -1;
            display: block;
        }

        .Bennys-Body {
            font-family: "Lucida Sans", sans-serif;

            background-image: url('pictures//bogen-hintergrund-www-v14.svg');
            background-size: 140% 140%;
            background-repeat: no-repeat;
            background-position: center;>
        }


        .BennysButton {
//            background-color: rgba(205,105,180,1.0);
//            background-color: violet;
//            border-color: rgba( 15,110,189,1.0);
//            border-color: pink;
//            color: SpringGreen;
            border: solid;
            border-width: 5px;
            border-radius: 30px;
            color: SpringGreen;
            padding: 16px 32px;
            text-align: center;
            font-family: FingerPaint;
            text-decoration: none;
            font-size: 1.0em;
//            font-weight: bold;
            text-transform: uppercase;
            display: inline-block;
            margin: 0px;
            cursor: pointer;
            @media only screen and (max-width: 1500px) {
                padding: 15px 30px;
            }
            @media only screen and (max-width: 1000px) {
                border-width: 4px;
                padding: 10px 20px;
            }
            @media only screen and (max-width:  500px) {
                border-width: 3px;
                padding:  5px 10px;
            }
        }


        .WKcolumn { float: left; padding: 10px;  height: 200px; }
        .WKleft { width:  7%; }
        .WKmiddle{ width: 55%; }
        .WKright { width: 18%; }
        .WKrow:after { content: ""; display: table; clear: both; }


        table.fixed {
//          table-layout: fixed;
            width: 60%;
            border-spacing: 0.00em;
            @media only screen and (max-width: 1200px) {
                margin-left: 27%;
            }
        }
        table.fixed td {overflow: hidden;}
        table.fixed td:nth-of-type(1) {width:  5%; text-align: left;}
        table.fixed td:nth-of-type(2) {width: 70%; text-align: left;}
        table.fixed td:nth-of-type(3) {width: 25%; text-align: right;}


        div.kasse {
            width: 60%;
            margin-left: 20%;
            border-spacing: 0.00em;
            font-size: 1.4em;
            font-weight: bold;
            line-height: 1.8em;
            @media only screen and (max-width: 1460px) {
            font-size: 1.25em;
              margin-left: 15%;
              width: 70%;
            }
            @media only screen and (max-width: 1200px) {
              font-size: 1.05em;
              margin-left: 7%;
              width: 84%;
            }
            @media only screen and (max-width: 1000px) {
              font-size: 0.9em;
            }
            @media only screen and (max-width: 800px) {
              font-size: 0.80em;
            }
            @media only screen and (max-width: 700px) {
              font-size: 0.75em;
              margin-left: 5%;
              width: 90%;
            }
            @media only screen and (max-width: 550px) {
              font-size: 0.65em;
              margin-left: 3%;
              width: 94%;
            }
            @media only screen and (max-width: 480px) {
              font-size: 0.60em;
              margin-left: 1%;
              width: 98%;
            }
        }

        table.kasse {
//          table-layout: kasse;
            width: 60%;
            margin-left: 20%;
            border-spacing: 0.00em;
            font-size: 1.4em;
            font-weight: normal;
            line-height: 1.8em;
            @media only screen and (max-width: 1460px) {
              font-size: 1.2em;
              margin-left: 15%;
              width: 70%;
            }
            @media only screen and (max-width: 1200px) {
              font-size: 1.0em;
              margin-left: 7%;
              width: 84%;
            }
            @media only screen and (max-width: 1000px) {
              font-size: 0.90em;
            }
            @media only screen and (max-width:  800px) {
              font-size: 0.80em;
            }
            @media only screen and (max-width: 700px) {
              font-size: 0.70em;
              margin-left: 5%;
              width: 90%;
            }
            @media only screen and (max-width: 600px) {
              font-size: 0.65em;
            }
            @media only screen and (max-width: 550px) {
              font-size: 0.60em;
              margin-left: 3%;
              width: 94%;
            }
            @media only screen and (max-width: 480px) {
              font-size: 0.56em;
              margin-left: 1%;
              width: 98%;
            }
        }
        table.kasse td {overflow: hidden;}
        table.kasse td:nth-of-type(1) {width: 15%; text-align: right; padding-right: 0.6em}
        table.kasse td:nth-of-type(2) {width: 40%; text-align: left; padding-left: 0.6em}
        table.kasse td:nth-of-type(3) {width: 10%; text-align: center;}
        table.kasse td:nth-of-type(4) {width: 15%; text-align: center;}
        table.kasse td:nth-of-type(5) {width: 20%; text-align: right; padding-right: 0.6em}

        table.auswahl {
//          table-layout: auswahl;
            width: 100%;
            margin-left: 3%;
            border-spacing: 0.00em;
            font-size: 1.0em;
            font-weight: normal;
            line-height: 1.8em;
            @media only screen and (max-width: 1460px) {
              font-size: 1.2em;
              margin-left: 15%;
              width: 70%;
            }
            @media only screen and (max-width: 1200px) {
              font-size: 1.0em;
              margin-left: 7%;
              width: 84%;
            }
            @media only screen and (max-width: 1000px) {
              font-size: 0.90em;
            }
            @media only screen and (max-width:  800px) {
              font-size: 0.80em;
            }
            @media only screen and (max-width: 700px) {
              font-size: 0.70em;
              margin-left: 5%;
              width: 90%;
            }
            @media only screen and (max-width: 600px) {
              font-size: 0.65em;
            }
            @media only screen and (max-width: 550px) {
              font-size: 0.60em;
              margin-left: 3%;
              width: 94%;
            }
            @media only screen and (max-width: 480px) {
              font-size: 0.56em;
              margin-left: 1%;
              width: 98%;
            }
        }
        table.auswahl td {overflow: hidden;}
        table.auswahl td:nth-of-type(1) {width: 8%; text-align: right; padding-right: 0.6em}
        table.auswahl td:nth-of-type(2) {width: 62%; text-align: left;}
        table.auswahl td:nth-of-type(3) {width: 30%; text-align: right; padding-left: 0.6em}


        td:nth-of-type(1) {width:  5%; text-align: left;}
        td:nth-of-type(2) {width: 70%; text-align: left;}
        td:nth-of-type(3) {width: 25%; text-align: right;}

        table.button {
          table-layout: button;
           width:100%;
        }
        table.button td:nth-of-type(1) {width: 33%; text-align: left;}
        table.button td:nth-of-type(2) {width: 34%; text-align: center;}
        table.button td:nth-of-type(3) {width: 33%; text-align: right;}

        .warenkorb {
//            font-family: FingerPaint;
            color: #2e3192;
            text-align: center;
            padding-top: 0vw;
            padding-left: 2vw;
            padding-right: 2vw;

            @media only screen and (max-width: 800px) {
                padding-left: 10%;
                padding-right: 10%;
            }
        }

        .everytop {
            height: 16%;
            margin-top: -4%;
            @media only screen and (max-width: 800px) {
                margin-top: 0px;
            }
        }

        .everyschrift {
            width: 100%;
            @media only screen and (max-width: 800px) {
                margin-top: 3%;
                margin-left: -20px;
//              width: 280px;
            }
        }


        .erlaeuterung {
            color: #6ac9a0;
            text-align: center;
            padding-top: 0vw;
            padding-left: 2vw;
            padding-right: 2vw;
            @media only screen and (max-width: 800px) {
                padding-top: 2vw;
                padding-left: .0vw;
                padding-right: .0vw;
            }
        }

        .sg {
            font-size: 16px;
            @media only screen and (max-width: 800px) {
                font-size: 12px;
            }
        }

        .ma {
            margin-top: -3.0vw;
            @media only screen and (max-width: 800px) {
                margin-top: -12vw;
            }
        }




        .warenkorb h3 {
            font-size: 110%;
            @media only screen and (max-width:  800px) {
                font-size:  90%;
            }
        }

        .kreisresp {
            overflow: clip;
            height: 24vw;
            padding-left: 5.0vw;
            padding-right: 5.0vw;
            padding-top: 6.0vw;
            font-size: 2.4vw;
            background-size: 30vw 30vw;

            @media only screen and (max-width:  800px) {
                height: 72vw;
                padding-left: 15.0vw;
                padding-right: 15.0vw;
                padding-top: 22.0vw;
                font-size: 6.0vw;
                background-size: 100vw 100vw;
            }
        }

        .kreisadd {
            padding-top: 4.8vw;
            font-size: 1.2vw;
            @media only screen and (max-width: 1200px) {
                padding-left: 5.2vw;
                padding-right: 5.2vw;
                padding-top: 2.4vw;
                font-size: 1.6vw;
            }
            @media only screen and (max-width:  800px) {
                height: 72vw;
                padding-left: 15.0vw;
                padding-right: 15.0vw;
                padding-top: 16.0vw;
                font-size: 3.6vw;
                background-size: 80vw 80vw;
            }
        }

        .ueberresp {
            margin-left: -5vw;
            margin-right: -5vw;
            margin-top: 2.8vw;
            margin-bottom: 0.0vw;
            font-size: 6.4vw;
            @media only screen and (max-width: 1200px) {
                margin-left: -10.0vw;
                margin-right: -10.0vw;
                font-size: 7.20vw;
            }
            @media only screen and (max-width:  800px) {
                margin-left: -12.0vw;
                margin-right: -12.0vw;
                font-size: 10.0vw;
                margin-top: 4.8vw;
            }
        }

        .kreissvgadd {
            padding-top: 6.0vw;
            @media only screen and (max-width:  800px) {
                padding-top: 20.0vw;
            }
        }


        .logosvgresp {
            background-color: LightGrey;
            width: 12vw;
            height: 12vw;
            opacity: 1.00;
            padding-left: 5px;
            padding-top: 5px;
            @media only screen and (max-width:  800px) {
            width: 32vw;
            height: 32vw;
            }
        }

        .imagesvgresp {
            width: 11.2vw;
            @media only screen and (max-width:  800px) {
            width: 28.8vw;
            }
        }

        .impressumtext {
            width: 20%;
            color: #ff00aa;
            background-color: transparent;
            min-width: 20%;
            margin-left: 40%;
            margin-top: 200px;
            font-size: 130%;
            @media only screen and (max-width: 1700px) {
                width: 24%;
                min-width: 24%;
                margin-left: 38%;
                margin-top: 200px;
            }
            @media only screen and (max-width: 1440px) {
                font-size: 105%;
                padding-top: 10px;
                margin-top: 210px;
            }
            @media only screen and (max-width: 1160px) {
                width: 32%;
                min-width: 32%;
                margin-left: 34%;
                padding-top: 20px;
                margin-top: 225px;
            }
            @media only screen and (max-width:  900px) {
                width: 36%;
                min-width: 36%;
                margin-left: 32%;
                padding-top: 30px;
                margin-top: 240px;
            }
            @media only screen and (max-width:  800px) {
                width: 44%;
                min-width: 44%;
                margin-left: 28%;
                font-size: 96%;
                padding-top: 40px;
                margin-top: 255px;

            }
            @media only screen and (max-width:  700px) {
                width: 50%;
                min-width: 50%;
                margin-left: 25%;
                font-size: 92%;
                padding-top: 40px;
                margin-top: 255px;

            }
        }


//  [ ] hair space :   or  
//  [ ] 6-per-em space :   (no character reference available)
//  [ ] narrow no-break space :   (no character reference available)
//  [ ] thin space :   or  
//  [ ] 4-per-em space :   or  
//  [ ] non breaking space :   or  
//  [ ] punctuation space :   or  
//  [ ] 3-per-em space :   or  
//  [ ] en space :   or  
//  [ ] figure space :   or   
//  [ ] em space :   or  
//