body {
            background-size: 50%;
            font-weight: 400;
            overflow: hidden;
  background-image: no ne;
            background-size: 1 00%;
            /*
            backgrou nd-image: url(/bilder/gras2.png), url(/bilder/gras2.png), url(/bilder/gras2.png);
            background-repeat: no-repeat;
            background-size: 80vw, 100vw, 80vw;
            background-position: -40vw 36vw, 0vw 30vw, 60vw 30vw;
*/


        }

        .background {
            width: 100%;
            margin: 0 auto;


        }

        .sect {
            margin: 2vw 0;
            padding: 0vw;

        }


        .left {
            width: 30vw;
            margin: 1vw auto;
            font-size: 1.4em;
            text-align: center;
            padding: 0 9vw 0 0vw;
            height: 100vh;
            border: sol id red;

        }

        .right {
            position: absolute;
            margin: 0 0 0 1.4vw;
            float: left;


        }

        .right2 {
            margin: 0vw 0 0 2vw;
            

            position: absolute;


        }

        #gallery {
            margin: -7vh -44vw;
            height: 100vh;
            width: 100vw;
         background-image: url(/bilder/parchment2.jpg);
    background-repeat: repeat;
              background-size: 50%;

            position: absolute;


        }

        #gallery .tab {
            margin: 1.9vw 0 0 91vw;
        }

        .framegreen {
            top: -3.5vh;
            height: 100vh;
            position: absolute;
            width: 46vw;
            /*

            background-image: url(/bilder/bgmanuKopie.jpg);
            background-attachment: scroll;
            background-size: auto 100%;
*/
            background-color: transparent;
            border-radius: 0.8%;
            
            padding: 0 0 2vw 0;
        }

        .framegreen2 {
            top: -3.5vh;
            height: 100vh;
            
            position: absolute;
            width: 62vw;
            /*

            background-image: url(/bilder/bgmanuKopie.jpg);
            background-attachment: scroll;
            background-size: auto 100%;
*/
            background-color: transparent;
            border-radius: 0.8%;
            padding: 3vw;
        }


        .frame {
            height: 100vh;
            width: 104%;
            text-align: left;
            overflow-y: scroll;

            font-size: 1.1em;
            float: left;
            margin: 0 -1vw 0vw -1vw;
background-color: white;
            background-attachment: scroll;


        }

        .frame2 {
            padding: 2vw 1.7vw 10vw 2vw;

        }

        .tabcontent {
            display: none;
            background-repeat: repeat;
            padding: 1.5vw 2.5vw;
            background-size: 100%;

        }


        h8 {
            font-size: 1.4em;
            color: #ac3b36;
            font-family: GoticaBastard;
            display: block;
            margin: 1vw 0 0.5vw 0;
            padding: 0 0 0 1vw;
            border-left: solid 0.3vw;
            border-style: ;
            

        }



        h9 {
            font-family: helvetica;
            font-size: 0.87em;
            line-height: 1.2em; 
            word-spacing: -0.3px;


        }

        h8 img {
            margin: 1vw 0 0 0vw;
            max-width: 33vw;
            max-height: 48vw;

        }

        .frameimg img {
            background-image: url(/bilder/border_top.png), url(/bilder/border_left.png), url(/bilder/border_bottom.png), url(/bilder/border_right.png);
            background-position: top, -4px, bottom, right;
            background-repeat: no-repeat, no-repeat, no-repeat;
            background-size: 100% 20px, 24px 100%, 100% 25px, 24px 100%;
            padding: 2vh 1.2vw;

        }

        h9 img {
          width: 15vw;
            min-width: 100px;

        }

        .facts {
            background-image: url(/bilder/parch 
 ment2.jpg);
            background-size: 400px;
            background-repeat: repeat;
            padding: 0 0 2px 0;
            width: 16vw;
            font-size: 0.em;
            margin: -0.7vw 11.1vw;
            height: auto;
            float: right;
            align-self: center;
            align-content: center;
            line-height: 1.2em;
        }


        .tab {
            cursor: pointer;
            font-family: GoticaBastard;
            margin: 0.5vw 0 0 48vw;

        }     
        .tab2 {
            cursor: pointer;
            font-family: GoticaBastard;
            font-size: 1vw;
            margin: -1.5vw -5vw;            color: white;

            position: fixed;
            width: 0vw;
        }

        .fix {
            position: fixed;
margin: 1.7vw 0vw 0 93.5vw;
            border: none;
        }

        .tablinks {

            background-image: url(/bilder/bgmanuKopie.jpg);
            background-size: 500px;
background-color: #667449;
            padding: 0.5vw;
            transform: rotate(0deg);
            font-size: 1.6vw;
/* border: solid 0.2vw #667449;*/
            transition: ease-out 0.15s;
            word-spacing: -0.3vw;
            margin: 1vw 0 0 0vw;
width: 10vw;        }


        .tablinks2 {
            margin: 0;
        }


        .tab:hover {}

        .tablinks:hover,
        .tablinks2:hover {
            color: #ac3b36;
            transition: ease-out 0.15s;
            margin: 1vw 0 0 -2vw;


        }



        /* Create an active/current tablink class */
        .tablinks.active,
        #active,
        .tablinks2:hover {
            color: #667449;

            transition: ease-out 0.15s;

        }

        #active1 {
            transition: ease-out 0.15s;


        }       
        #active {
            transition: ease-out 0.15s;
            margin: 1vw 0 0 -2vw;


        }

        #active1:hover {
            color: #ac3b36;
            transition: ease-out 0.15s;


        }

        .frame::-webkit-scrollbar {
            width: 4.5vw;
         background-image: url(/bilder/parchment2.jpg);
            position: absolute;

        }

        .frame::-webkit-scrollbar-track {
            position: absolute;
            background-color: transparent;
            background-image: none;
        }


        .frame::-webkit-scrollbar-thumb {
            background-image: url('/bilder/handleft.png');
            background-position: top;
            background-size: 4vw;
            background-position: bottom;
            background-color: transparent;
            background-repeat: no-repeat;

        }

        .kulisse {
            width: 100%;
            height: 100%;
            overflow: hidden;

        }

        .gallery img {
            width: 10vw;
        }

        h9 a {
            font-family: GoticaBastard;
            font-size: 1.8vw;
            color: black;
            text-decoration: overline underline;
            text-decoration-skip: edges;
       }

        h9 a:hover {
            color: #ac3b36;
        }

        table,
        td,
        th {
            font-size: 1vw;

            border: 1px solid;
        }

        table {
            border-collapse: collapse;
            line-height: 2vw;
            width: 100%;
        }

        #repger img,
        #gallery img {
            width: 30vw;
            text-align: center;
            vertical-align: middle;
            max-width: 40vh;
        }

        .whiteroll {
            vertical-align: middle;
            align-content: center;
            align-items: center;
            width: 60vw;
            margin: 0 auto;
        }

        .whiteroll p {
            background-color: white;

            text-align: center;
            margin: 5vw;
            padding: 2vh 2vw;
        }