*
{
padding:0px;
margin:0px;
}

/* ----------------------------------------------- */

@font-face
{
font-family:'Roboto';
font-style:normal;
font-weight:400;
src:local('Roboto'),local('Roboto-Regular'),
url('../../fonts/roboto-v20-latin-regular.woff2') format('woff2'),
url('../../fonts/roboto-v20-latin-regular.woff') format('woff');
font-display:fallback;
}

@font-face
{
font-family:'Roboto';
font-style:normal;
font-weight:700;
src:local('Roboto Bold'),local('Roboto-Bold'),
url('../../fonts/roboto-v20-latin-700.woff2') format('woff2'),
url('../../fonts/roboto-v20-latin-700.woff') format('woff');
font-display:fallback;
}

@font-face
{
font-family:'Line Awesome Free';
font-style:normal;
font-weight:900;
src:url('../../fonts/Line-Awesome-Free.woff2') format('woff2'),
url('../../fonts/Line-Awesome-Free.woff') format('woff');
font-display:fallback;
}

/* ----------------------------------------------- */

html
{
font-size:100%; /* 16 Pixel */
background-color:rgba(255,255,255,1);
}

/* ----------------------------------------------- */

a
{
text-decoration-thickness:from-font; /* Edge */
text-underline-offset:0.3125em; /* 5 Pixel */
color:rgba(255,255,255,1);
}

/* ----------------------------------------------- */

.optionen
{
position:absolute;
left:50%; /* IE 11 */
bottom:7.5vh;
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
flex-direction:column;
-webkit-align-items:center;
align-items:center;
-webkit-transform:translate3d(-50%,0,0);
transform:translate3d(-50%,0,0); /* IE 11 */
}

/* ----------------------------------------------- */

.optionen i + div
{
opacity:0;
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
flex-direction:column;
-webkit-align-items:center;
align-items:center;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0);
-webkit-transition:-webkit-transform 0.8s,opacity 0.8s;
transition:transform 0.8s,opacity 0.8s;
}

/* ----------------------------------------------- */

.optionen a
{
line-height:1.5;
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
flex-direction:column;
-webkit-align-items:center;
align-items:center;
}

/* ----------------------------------------------- */

.optionen i:hover + div,.optionen i + div:hover
{
opacity:1;
-webkit-transform:translate3d(0,0%,0);
transform:translate3d(0,0%,0);
}

/* ----------------------------------------------- */

footer
{
position:fixed;
right:1.3vh;
bottom:0rem;
height:2.5vh;
z-index:1;
display:-webkit-flex;
display:flex;
-webkit-align-items:center;
align-items:center;
}

/* ----------------------------------------------- */

footer a,footer span
{
font-size:56.25%; /* 9 Pixel */
color:rgba(0,0,0,0.5);
}

footer a
{
text-decoration:none;
padding:0rem 0rem 0.125rem 0rem; /* 2 Pixel */
}

footer span
{
padding:0rem 0.3125rem 0.125rem 0.3125rem; /* 5 Pixel / 2 Pixel */
}

/* ----------------------------------------------- */

.ausnehmen
{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-touch-callout:none; /* iOS Safari */
-webkit-user-select:none;
user-select:none;
outline:none;
}

/* ----------------------------------------------- */

.line-awesome-icons
{
font-family:'Line Awesome Free';
font-style:normal;
line-height:1;
}

.la-times
{
position:fixed;
right:3rem; /* 48 Pixel */
top:2.5rem; /* 40 Pixel */
font-size:200%; /* 32 Pixel */
cursor:pointer;
}

.la-ellipsis-h
{
-webkit-align-self:stretch;
align-self:stretch;
font-size:300%; /* 48 Pixel */
color:rgba(255,255,255,1);
order:1;
z-index:1;
cursor:pointer;
display:-webkit-flex;
display:flex;
-webkit-justify-content:center;
justify-content:center;
}

/* ----------------------------------------------- */

body
{
position:fixed;
left:1.2vh;
right:1.2vh;
top:1.2vh;
bottom:2.5vh;
font-family:'Roboto',sans-serif;
background-color:rgba(255,255,255,1);
}

/* ----------------------------------------------- */

/* ----------------------------------------------- */

/* ----------------------------------------------- */

@media screen and (max-width:40rem) /* 640 Pixel */
{

/* ----------------------------------------------- */

html
{
font-size:87.5%; /* 14 Pixel */
}

/* ----------------------------------------------- */

.la-times
{
right:1.25rem; /* 20 Pixel */
top:1.25rem; /* 20 Pixel */
}
/* ----------------------------------------------- */

}

/* ----------------------------------------------- */

/* ----------------------------------------------- */

/* ----------------------------------------------- */

@media screen and (max-width:30rem) /* 480 Pixel */
{

/* ----------------------------------------------- */

html
{
font-size:81.25%; /* 13 Pixel */
}

/* ----------------------------------------------- */

}

/* ----------------------------------------------- */

/* ----------------------------------------------- */

/* ----------------------------------------------- */

@media print
{

/* ----------------------------------------------- */

html,body
{
height:100%;
}

/* ----------------------------------------------- */

.verbergen
{
display:none;
}

/* ----------------------------------------------- */

body
{
position:static;
}

/* ----------------------------------------------- */

}