/* Schriftart */
@font-face {
font-family: "Amaranth"; 	src: 
url("../font/Amaranth-Regular.ttf") format("truetype"),
url("../font/Amaranth-Bold.ttf") format("truetype"),
url("../font/Amaranth-Italic.ttf") format("truetype"),
url("../font/Amaranth-BoldItalic.ttf") format("truetype");
}

/* Hintergrundbild */
body {
background-image: url(../px/bg.webp);
background-attachment: fixed;
background-size: cover;
background-position: right top;
background-repeat: no-repeat;
overflow: hidden;
height: 100%;
margin: 0;
padding: 0;
}

/* Links */
a           {font-family: Amaranth; font-weight: bold; font-size: 3vh; color: #ff0000; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 6, 0, 0.8);}
a:focus		{color: #006600;}  
a:hover		{color: #ffffff;} 
a:active	{color: #ff0000;}

/* header */
.top {
max-width: 80vw;
max-height: 15vh;
}

/* Main-Frame */
.main {
width: 100vw;
height: 85vh;
border: none;
overflow: scroll;
touch-action: pan-x;
}

/* Funktion Hamburger Menu */
#hamburger-icon div {
transition: 0.5s;
}

/* Hamburger */
.hamburger {
max-width: 7vmin; 
height: auto;
top: 25px;
right: 25px;
z-index: 3;
position: fixed; 
cursor: pointer;
}

/* Hamburger Menu */
#menu-container {
position: fixed;
top: 0;
right: -200px; /* Startposition außerhalb des viewport */
width: 200px;
height: 100%;
z-index: 2;
background-color: #006600cc;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
overflow-x: hidden;
transition: 0.5s;
}
/* formatiert das Menu*/
#menu-table {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#menu-table a {
text-decoration: none;
margin: 10px;
}

/* Buttons */
.call	{
max-width: 8vmin; 
height: auto;
bottom: 5%;
left: 63%;
position: fixed; 
z-index: 1;
}

.geo	{
max-width: 8vmin; 
height: auto;
bottom: 5%;
left: 48%;
position: fixed; 
z-index: 1;
}

.shop	{
max-width: 8vmin; 
height: auto;
bottom: 5%;
left: 33%;
position: fixed; 
z-index: 1;
}

.hidden-text {
display: none;
}