/* #=ID .=class */
a{color: #f95d10;font-weight: 400;}
a:visited {color:<br />
<b>Notice</b>:  Undefined variable: theme_link_color_visited in <b>/home/u332439329/domains/saubillig.ch/public_html/css/c_basics.css</b> on line <b>3</b><br />
;}
a:hover{color:#f95d10;}
a:active {color:violet;}
body, html {font-family:Roboto, sans-serif;}
body {height:100%; width:100%; text-align:center; background-color:white; background-image:white;}
.material-icons {font-family:'Material Icons'; font-weight:normal; font-style:normal; text-transform:none; letter-spacing:normal; word-wrap:normal; white-space:nowrap; overflow:hidden; vertical-align:middle; color:white; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing:grayscale; font-feature-settings:'liga';}
.v-line{border-left:thick solid #2e2e2e; height:100%; left:50%; position:absolute;}
#login{margin:auto;}
#content{text-align:center;}
/* Automatic set text-size from auto-smallest/-small/-smaller,auto/-bigger/-big/-biggest*/
#auto_smallest {font-size:calc(14px * var(--vsize) * 0.4);}
#auto_small {font-size:calc(14px * var(--vsize) * 0.6);}
#auto_smaller {font-size:calc(14px * var(--vsize) * 0.75);}
#auto {font-size:calc(14px * var(--vsize) * 1);}
#auto_bigger {font-size:calc(14px * var(--vsize) * 1.25);}
#auto_big {font-size:calc(14px * var(--vsize) * 1.5);}
#auto_biggest {font-size:calc(14px * var(--vsize) * 1.75);}

@media only screen and (max-width:400px) {:root {--vsize: 1.3;}  
#auto_smallest {font-size:calc(14px * var(--vsize) * 0.4);}
#auto_small {font-size:calc(14px * var(--vsize) * 0.6);}
#auto_smaller {font-size:calc(14px * var(--vsize) * 0.75);}
#auto {font-size:calc(14px * var(--vsize) * 1);}
#auto_bigger {font-size:calc(14px * var(--vsize) * 1.25);}
#auto_big {font-size:calc(14px * var(--vsize) * 1.5);}
#auto_biggest {font-size:calc(14px * var(--vsize) * 1.75);}
}
@media only screen and (min-width:400px) {:root {--vsize: 1.4;}  /*big Mobilphone*/
#auto_smallest {font-size:calc(14px * var(--vsize) * 0.4);}
#auto_small {font-size:calc(14px * var(--vsize) * 0.6);}
#auto_smaller {font-size:calc(14px * var(--vsize) * 0.75);}
#auto {font-size:calc(14px * var(--vsize) * 1);}
#auto_bigger {font-size:calc(14px * var(--vsize) * 1.25);}
#auto_big {font-size:calc(14px * var(--vsize) * 1.5);}
#auto_biggest {font-size:calc(14px * var(--vsize) * 1.75);}
}
@media only screen and (min-width:600px) {:root {--vsize: 1.5;} 
#auto_smallest {font-size:calc(14px * var(--vsize) * 0.4);}
#auto_small {font-size:calc(14px * var(--vsize) * 0.6);}
#auto_smaller {font-size:calc(14px * var(--vsize) * 0.75);}
#auto {font-size:calc(14px * var(--vsize) * 1);}
#auto_bigger {font-size:calc(14px * var(--vsize) * 1.25);}
#auto_big {font-size:calc(14px * var(--vsize) * 1.5);}
#auto_biggest {font-size:calc(14px * var(--vsize) * 1.75);}
}
@media only screen and (min-width:800px) {:root {--vsize: 1.4;} 
#auto_smallest {font-size:calc(14px * var(--vsize) * 0.4);}
#auto_small {font-size:calc(14px * var(--vsize) * 0.6);}
#auto_smaller {font-size:calc(14px * var(--vsize) * 0.75);}
#auto {font-size:calc(14px * var(--vsize) * 1);}
#auto_bigger {font-size:calc(14px * var(--vsize) * 1.25);}
#auto_big {font-size:calc(14px * var(--vsize) * 1.5);}
#auto_biggest {font-size:calc(14px * var(--vsize) * 1.75);}
}
@media only screen and (min-width:1000px) {:root {--vsize: 1.5;} 
#auto_smallest {font-size:calc(14px * var(--vsize) * 0.4);}
#auto_small {font-size:calc(14px * var(--vsize) * 0.6);}
#auto_smaller {font-size:calc(14px * var(--vsize) * 0.75);}
#auto {font-size:calc(14px * var(--vsize) * 1);}
#auto_bigger {font-size:calc(14px * var(--vsize) * 1.25);}
#auto_big {font-size:calc(14px * var(--vsize) * 1.5);}
#auto_biggest {font-size:calc(14px * var(--vsize) * 1.75);}
}
@media only screen and (min-width:1200px) {:root {--vsize: 1.6;} 
#auto_smallest {font-size:calc(14px * var(--vsize) * 0.4);}
#auto_small {font-size:calc(14px * var(--vsize) * 0.6);}
#auto_smaller {font-size:calc(14px * var(--vsize) * 0.75);}
#auto {font-size:calc(14px * var(--vsize) * 1);}
#auto_bigger {font-size:calc(14px * var(--vsize) * 1.25);}
#auto_big {font-size:calc(14px * var(--vsize) * 1.5);}
#auto_biggest {font-size:calc(14px * var(--vsize) * 1.75);}
}
@media only screen and (min-width:1400px) {:root {--vsize: 1.7;} 
#auto_smallest {font-size:calc(14px * var(--vsize) * 0.4);}
#auto_small {font-size:calc(14px * var(--vsize) * 0.6);}
#auto_smaller {font-size:calc(14px * var(--vsize) * 0.75);}
#auto {font-size:calc(14px * var(--vsize) * 1);}
#auto_bigger {font-size:calc(14px * var(--vsize) * 1.25);}
#auto_big {font-size:calc(14px * var(--vsize) * 1.5);}
#auto_biggest {font-size:calc(14px * var(--vsize) * 1.75);}
}
@media only screen and (min-width:1600px) {:root {--vsize: 1.9;} 
#auto_smallest {font-size:calc(14px * var(--vsize) * 0.4);}
#auto_small {font-size:calc(14px * var(--vsize) * 0.6);}
#auto_smaller {font-size:calc(14px * var(--vsize) * 0.75);}
#auto {font-size:calc(14px * var(--vsize) * 1);}
#auto_bigger {font-size:calc(14px * var(--vsize) * 1.25);}
#auto_big {font-size:calc(14px * var(--vsize) * 1.5);}
#auto_biggest {font-size:calc(14px * var(--vsize) * 1.75);}
}
@media only screen and (min-width:1800px) {:root {--vsize: 2.1;} 
#auto_smallest {font-size:calc(14px * var(--vsize) * 0.4);}
#auto_small {font-size:calc(14px * var(--vsize) * 0.6);}
#auto_smaller {font-size:calc(14px * var(--vsize) * 0.75);}
#auto {font-size:calc(14px * var(--vsize) * 1);}
#auto_bigger {font-size:calc(14px * var(--vsize) * 1.25);}
#auto_big {font-size:calc(14px * var(--vsize) * 1.5);}
#auto_biggest {font-size:calc(14px * var(--vsize) * 1.75);}
}
@media only screen and (min-width:2000px) {:root {--vsize: 2.15;} 
#auto_smallest {font-size:calc(14px * var(--vsize) * 0.4);}
#auto_small {font-size:calc(14px * var(--vsize) * 0.6);}
#auto_smaller {font-size:calc(14px * var(--vsize) * 0.75);}
#auto {font-size:calc(14px * var(--vsize) * 1);}
#auto_bigger {font-size:calc(14px * var(--vsize) * 1.25);}
#auto_big {font-size:calc(14px * var(--vsize) * 1.5);}
#auto_biggest {font-size:calc(14px * var(--vsize) * 1.75);}
}
@media only screen and (min-width:2400px) {:root {--vsize: 2.2;} 
#auto_smallest {font-size:calc(14px * var(--vsize) * 0.4);}
#auto_small {font-size:calc(14px * var(--vsize) * 0.6);}
#auto_smaller {font-size: alc(14px * var(--vsize) * 0.75);}
#auto {font-size:calc(14px * var(--vsize) * 1);}
#auto_bigger {font-size:calc(14px * var(--vsize) * 1.25);}
#auto_big {font-size:calc(14px * var(--vsize) * 1.5);}
#auto_biggest {font-size:calc(14px * var(--vsize) * 1.75);}
}.header{height:calc(4.2vw* var(--vsize)); max-height:4.5em; min-height:4em; position:fixed; z-index:99; left:0; right:0; top:0; background:linear-gradient(109.6deg, rgb(255, 124, 0) 11.2%, rgb(255, 194, 48) 100.2%); background-color:linear-gradient(109.6deg, rgb(255, 124, 0) 11.2%, rgb(255, 194, 48) 100.2%);}
.log_status{position:absolute; left:calc(20px* var(--vsize)); top:0.5em; color:black;}
/* roboto-100 - latin */
/* luckiest-guy-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Luckiest Guy';
  font-style: normal;
  font-weight: 400;
  src: url('https://saubillig.ch/fonts/luckiest-guy-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('https://saubillig.ch/fonts/luckiest-guy-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('https://saubillig.ch/fonts/luckiest-guy-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('https://saubillig.ch/fonts/luckiest-guy-v18-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('https://saubillig.ch/fonts/luckiest-guy-v18-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('https://saubillig.ch/fonts/luckiest-guy-v18-latin-regular.svg#LuckiestGuy') format('svg'); /* Legacy iOS */
}
.logo img{width:15em; position:absolute; top:0.2em;right:0.2em;}.welcome {text-align:center; overflow-wrap:break-word; color:black;}
.main{width:100%; height:100%; padding:4vh; vertical-align: middle; text-align:center; position:relative; justify-content:center; align-items:center; background:<br />
<b>Notice</b>:  Undefined variable: theme_content_color in <b>/home/u332439329/domains/saubillig.ch/public_html/css/c_main.css</b> on line <b>2</b><br />
; background-color:<br />
<b>Notice</b>:  Undefined variable: theme_content_color in <b>/home/u332439329/domains/saubillig.ch/public_html/css/c_main.css</b> on line <b>2</b><br />
;  overflow:hidden;}

hr {width:50%; margin: auto;}
.agb{margin:auto; width:96%; max-width:800px; text-align:left}
.agb space{width:50%; margin:2.5vw; overflow;}
#content{text-align:center;}
#login{margin:auto; text-align:center; vertical-align:middle; justify-content:center; align-items:center; word-wrap:break-word; -webkit-flex-wrap:wrap; overflow:scroll;}.footer{border-top:0px solid blue; color:black; position:fixed; left:0; bottom:0; width:100%; background:; background-color:white; text-align:center; justify-content:center; align-items:center;}@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
*{margin:0; padding:0; user-select:none; box-sizing:border-box; font-family:'Poppins', sans-serif;}
.btn{position:fixed; top:0.2vw; left:0.5vw; height:auto; width:auto; vertical-align:middle; background:#1b1b1b; border-radius:0.3vw; cursor:pointer; transition:left 0.4s ease;}
.btn.click{left:0.5vw;}
.btn.click span:before{content:'close';}
.sidebar{z-index:99; position:fixed; top:0; width:fit-content; padding:10px 20px; height:100%; left:-400px; background:#1b1b1b; transition:left 0.4s ease;}
nav span:hover{transform:scale(1.2); transition:0.1s ease;}
nav a:hover{transform:scale(1.1); transition:0.2s ease;}
.sidebar.show{left:0px;}
nav ul{background:#1b1b1b; height:100%; width:100%; list-style:none; padding-left:10px; text-align:left;}
nav ul li{line-height:1.5; border-top:1px solid rgba(255,255,255,0.1);}
nav ul li:last-child{border-bottom:1px solid rgba(255,255,255,0.05);}
nav ul li a{position:relative; color:white; text-decoration:none; padding-left:14px; font-weight:500; display:block; width:100%; border-left:3px solid transparent;}
nav ul li a{position:relative; text-decoration:none; padding-left:14px; font-weight:500; display:block; width:100%; border-left:3px solid transparent;}
nav ul li.active a{background:#1e1e1e; border-left-color:#FC5404;}
.feat-show{transition:all 0.5s;}
nav ul li.active ul{transition:all 0.5s;}
nav ul ul{position:static; display: none;}
nav ul.show{display:block; transition: all 0.5s;}
nav ul ul li{line-height:1.5; border-top: none;}
nav ul ul li a{color:#e6e6e6;}
nav ul li.active ul li a{background:#1b1b1b; border-left-color:transparent;}
nav ul ul li a:hover{background:#1e1e1e!important;}
nav ul li a span.rotate{transform:translatex(50%) rotate(-180deg);}