/* fiscalog archive INDEX PAGE css-style */

/* ######################################## */
/* ########|                      |######## */
/* ########|   NORMAL PC SCREEN   |######## */
/* ########|                      |######## */
/* ######################################## */

/* @media (min-aspect-ratio: 3/2) {*/


@import "global_constants.css";     /* colour variables */

html {
font-size:var(--root-font-size);
}

body {
background-color: var(--landing-page-background);
background-image: linear-gradient(290deg, var(--landing-page-background) 0%, rgba(255,255,255,1) 100%);  /* rgba(177,177,177,1 */
color: var(--primary);
margin: 0;
padding: 0;
font-family: 'Open Sans', sans serif;
font-weight: 400;
font-size:1.2rem;
z-index: 0;
}

html, body {
height:100%;
min-height:500px;
overflow-y: hidden;
overflow-x: auto;
}

p {
padding:0;
margin:0;
}


/* START BUTTON oben links */

.archive-start-button{
display: block;
position: fixed;
color: var(--link);
font-size: 1.0rem;
top: 5vh;
left: 3vw;
cursor: pointer;
}
.archive-start-button a {
text-decoration: none;
}
.archive-start-button:hover {
color: var(--link-hover);
}

/* GROSSES TRANSPARENTES LOGO rechts, wird nach Laden eingeblendet */

.logo-img {                     /*      position can flash up at page load before animate-logo-img becomes visible */
position: absolute;
float: right;
height: 95vh;
padding-top: 2.5vh;
opacity: 0;     /* invisible at page start */
}

.animate-logo-img {
position: absolute;       /* fixed */
display: block;
float: right;
height: 100vmin;
opacity: 1;
animation: 1.5s logo-zoom forwards;
}

@keyframes logo-zoom {
from { right: 0vw; padding-top: 2.5vh; height: 95vh; opacity: 0 }
to { right: 0vw; padding-top: 0vh; height: 100vh; opacity: 1; }
}

/* SCHRIFTLOGO "FISCAL ARCHIVE" unten links */

/* container */

.text-logo {
font-family: "Open Sans Light";
font-weight: 300;
cursor:	default;
display: block;
position: fixed;
bottom: 5vh;
left: 3vw;
}

.logo-topline {
font-size: 3.5vw;
font-weight: 200;
}

.logo-subline {
color: #222;
font-size: 1.5vw;
font-weight: 200;
}

/* LINK ZUR fiscalog.com WEBSEITE */

.logo-fiscalog {
cursor: pointer;
color: var(--landing-page-fiscalog);
text-decoration: none;
}
.logo-fiscalog:hover {
color: var(--landing-page-fiscalog-hover);
}