@font-face { 
    font-family: "DURU"; 
    src: url("/wf/Duru_Sans/DuruSans-Regular.ttf");
}
@font-face { 
    font-family: "SANS"; 
    src: url("/wf/Open_Sans/OpenSans-Regular.ttf");
}
@font-face { 
    font-family: "SANSCON"; 
    src: url("/wf/Open_Sans_Condensed/OpenSans-CondLight.ttf");
}
@font-face { 
    font-family: "CUTIVE"; 
    src: url("/wf/Cutive_Mono/CutiveMono-Regular.ttf");
}

@font-face { 
    font-family: "BREE"; 
    src: url("/wf/Bree_Serif/BreeSerif-Regular.ttf");
}

/*Background Var*/
:root {
   --main-green: #198181;
   --main-darkgrey: #212121;
   --main-softgrey: #272e38;
   --main-orey: rgba(230, 74, 25, 1);
   --main-orange: coral;
   --main-submenu-background): #343637;
}
html,
body {
   margin: 0;
   padding: 0;
   font-family: SANS, sans-serif;
   font-size: 16px;

   font-weight: 100;
   background: var(--main-darkgrey);
   color: #eee;
   width: 100vw;
   height: 100%;
}
.pager {
   text-align: center;
   position: relative;
   top: 50%;
   letter-spacing: 0.4em;
}

.pagerhead {
   text-transform: uppercase;
}
.pagerhead2 {
   font-size:10px;
   font-family: georgia;
   margin: 0.8em;
}

.content_dsgvo {
   text-align: left;
   position: relative;
   text-transform:none;
   padding:1.2em;
   
}

h2 {
   background-color: #333333;
   margin-top:0em;
   margin-bottom:-1em;
}

h3 {
   background-color: #333333;
   margin-top:1em;
   margin-bottom:0.5em;
}

.menu {
   position: fixed;
   font-family: sans-serif;
   font-weight: 100;
   bottom: 10px;
   letter-spacing: 0.4em;
   font-size: 10px;
   width: 100vw;
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
}
ul {
   list-style-type: none;
   margin-bottom: -1em;
   padding: 0;
   overflow: hidden;
   background-color: #333333;
}

li {
   display: inline-block;
}

li a {
   display: block;
   color: white;
   text-align: center;
   padding: 1em;
   text-decoration: none;
}

li a:hover {
   background: var(--main-darkgrey);
   color: #ff6700;
}