{"version":3,"file":"static/css/main.1ef2c5e1.css","mappings":"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","sources":["styles/globals/global.css","styles/components/storyCollection/StoryRanking.css","styles/pages/LandingPage.css","styles/components/landingPage/header/StoryCounter.css","styles/components/landingPage/Header.css","styles/components/landingPage/Footer.css"],"sourcesContent":["/* 1. Design-Tokens - Farben und andere Variablen */\r\n:root {\r\n  --bp-sm: 600px;\r\n  --bp-md: 900px;\r\n  --bp-lg: 1400px;\r\n}\r\n\r\n[data-theme=\"light\"] {\r\n  /* Farben */\r\n  --chocolate:        #3A332B;\r\n  --sepia-cream:      #FBF3E4;\r\n  --warm-cream:       #FFF9F2;\r\n  --soft-teal:        #4A9E8E;\r\n  --soft-teal-hover:  #3F8679;\r\n  --burnt-orange:     #E07A5F;\r\n  --burnt-orange-hover: #C96C5D;\r\n  --graphite-gray:    #4B4B4B;\r\n  --parchment:        #FBF3E4;\r\n  /* Container-Styling */\r\n  --container-bg:     #E8E1D1;\r\n  --container-border: #D1C9BE;\r\n  /* Typografie */\r\n  --font-heading: 'Lora', serif;\r\n  --font-body:    'Nunito', sans-serif;\r\n}\r\n\r\n[data-theme=\"dark\"] {\r\n  --chocolate:        #F5F5F5;\r\n  --sepia-cream:      #1E1E1E;\r\n  --warm-cream:       #121212;\r\n  --soft-teal:        #80CBC4;\r\n  --soft-teal-hover:  #4DB6AC;\r\n  --burnt-orange:     #EF9A9A;\r\n  --burnt-orange-hover: #E57373;\r\n  --graphite-gray:    #CCCCCC;\r\n  --parchment:        #1E1E1E;\r\n  /* Container-Styling */\r\n  --container-bg:     #222222;\r\n  --container-border: #333333;\r\n  /* Typografie */\r\n  --font-heading: 'Lora', serif;\r\n  --font-body:    'Nunito', sans-serif;\r\n}\r\n\r\n[data-theme=\"fantasy\"] {\r\n  /* Farben */\r\n  --chocolate:        #3A332B;\r\n  --sepia-cream:      #FBF3E4;\r\n  --warm-cream:       #FFF9F2;\r\n  --soft-teal:        #4A9E8E;\r\n  --soft-teal-hover:  #3F8679;\r\n  --burnt-orange:     #E07A5F;\r\n  --burnt-orange-hover: #C96C5D;\r\n  --graphite-gray:    #4B4B4B;\r\n  --parchment:        #FBF3E4;\r\n  /* Container-Styling */\r\n  --container-bg:     #E8E1D1;\r\n  --container-border: #D1C9BE;\r\n  /* Typografie */\r\n  --font-heading: 'Lora', serif;\r\n  --font-body:    'Nunito', sans-serif;\r\n}\r\n\r\n/* 2. Basis-Resets */\r\n*, *::before, *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n/* PDF Reader Background*/\r\n.rpv-core__inner-page {\r\n  background-color: var(--parchment) !important;\r\n}\r\n\r\n[data-theme = \"fantasy\"] .rpv-core__inner-page {\r\n    background-color: rgba(0, 0, 0, 0) !important; \r\n}\r\n\r\n\r\nhtml {\r\n  font-size: 16px;\r\n}\r\n\r\nbody {\r\n  margin: 0;\r\n  padding: 0;\r\n  background-color: var(--warm-cream);\r\n  color: var(--chocolate);\r\n  font-family: var(--font-body);\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n/* 2.1. Fluid Images & Medien */\r\nimg, picture, video, canvas, svg {\r\n  max-width: 100%;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\ncode {\r\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\r\n}\r\n\r\n/* 3. Globale Link-Styles */\r\na {\r\n  color: var(--soft-teal);\r\n  text-decoration: none;\r\n}\r\na:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n/* 4. App-Layout */\r\n.App {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 100vh;\r\n  text-align: center;\r\n}\r\n\r\n.App-body {\r\n  flex: 1;\r\n  padding-bottom: 60px;\r\n  text-align: center;\r\n}\r\n\r\n/* 5. Utility-Klassen */\r\n.container {\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 1rem;\r\n}\r\n\r\n/* 6. Responsive Grund-Typografie */\r\n@media (max-width: var(--bp-sm)) {\r\n  html {\r\n    font-size: 14px;\r\n  }\r\n}\r\n\r\n@media (min-width: calc(var(--bp-sm) + 1px)) and (max-width: var(--bp-md)) {\r\n  html {\r\n    font-size: 15px;\r\n  }\r\n}\r\n\r\n@media (min-width: calc(var(--bp-md) + 1px)) {\r\n  html {\r\n    font-size: 16px;\r\n  }\r\n}\r\n","/* src/styles/components/storyCollection/StoryRanking.css */\r\n\r\n/* --------------------------------------------------\r\n   1. Base (Mobile-First)\r\n   -------------------------------------------------- */\r\n\r\n/* Lade-Indicator */\r\n  .story-ranking-loading {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin: 2rem 0;\r\n    font-family: var(--font-body);\r\n    color: var(--graphite-gray);\r\n  }\r\n\r\n  /* Leere Nachricht */\r\n  .empty-message {\r\n    font-family: var(--font-body);\r\n    font-size: 1.2rem;\r\n    color: var(--graphite-gray);\r\n    margin-top: 20px;\r\n  }\r\n  \r\n  /* Container der Ranking-Sektion */\r\n  .story-ranking-container {\r\n    padding: 20px;\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n  }\r\n  .story-ranking-container h2 {\r\n    font-family: var(--font-heading);\r\n    font-size: 1.8rem;\r\n    margin-bottom: 10px;\r\n    color: var(--chocolate);\r\n  }\r\n  \r\n  /* Slider-Wrapper */\r\n  .slider-wrapper {\r\n    overflow-x: auto;\r\n    width: 100%;\r\n    max-width: 1080px;\r\n    margin: 0 auto;\r\n    padding: 10px 0;\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  /* Grid der Karten */\r\n  .ranking-grid {\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    gap: 20px;\r\n    scroll-snap-type: x mandatory;\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n  \r\n  /* Einzelne Karte */\r\n  .ranking-card {\r\n    flex: 0 0 200px;\r\n    scroll-snap-align: start;\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 200px;\r\n    height: 300px;\r\n    background-color: var(--container-bg);\r\n    border: 1px solid var(--container-border);\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    box-shadow: 0 2px 5px rgba(60,60,60,0.05);\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  /* Cover-Bild */\r\n  .cover-image {\r\n    width: 100%;\r\n    height: 158px;\r\n    overflow: hidden;\r\n    background-color: var(--sepia-cream);\r\n  }\r\n  .cover-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n  \r\n  /* Story-Titel */\r\n  .story-title {\r\n    height: 100px;\r\n    padding: 10px;\r\n    margin: 0;\r\n    font-family: var(--font-body);\r\n    font-weight: bold;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1rem;\r\n    color: var(--chocolate);\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  /* Like-Zähler */\r\n  .like-count {\r\n    margin: 10px 0;\r\n    font-family: var(--font-body);\r\n    font-size: 0.9rem;\r\n    font-weight: bold;\r\n    color: var(--soft-teal);\r\n  }\r\n  ","/* src/styles/pages/LandingPage.css */\r\n\r\n/* --------------------------------------------------\r\n   1. Base (Mobile-First)\r\n   -------------------------------------------------- */\r\n\r\n\r\n/* Haupt-Container */\r\n  .landing-page {\r\n    padding: 1.5rem 1rem;    /* 24px/16px */\r\n    text-align: center;\r\n  }\r\n\r\n    /* LandingPage spezifische Farben – unabhängig von global.css */\r\n  .landing-page,\r\n  .landing-page h1,\r\n  .landing-page h2,\r\n  .landing-page h3,\r\n  .landing-page p,\r\n  .landing-page .cta-button {\r\n    color: #3A332B; /* bisher var(--chocolate) */\r\n  }\r\n\r\n  .landing-page .intro-title,\r\n  .landing-page .intro-text,\r\n  .landing-page .feature-card p {\r\n    color: #4B4B4B; /* bisher var(--graphite-gray) */\r\n  }\r\n\r\n  .landing-page .cta-button {\r\n    background-color: #4A9E8E; /* bisher var(--soft-teal) */\r\n  }\r\n\r\n  .landing-page .cta-button:hover {\r\n    background-color: #3F8679; /* bisher var(--soft-teal-hover) */\r\n  }\r\n\r\n  .landing-page .cta-button:focus {\r\n    outline: 3px solid #4A9E8E;\r\n  }\r\n\r\n  [data-theme = \"dark\"] .landing-page {\r\n    color: var(--chocolate)\r\n  }\r\n  [data-theme = \"dark\"] .landing-page h1 {\r\n    color: var(--chocolate)\r\n  }\r\n  [data-theme = \"dark\"] .landing-page h2 {\r\n    color: var(--chocolate)\r\n  }\r\n  [data-theme = \"dark\"] .landing-page h3 {\r\n    color: var(--chocolate)\r\n  }\r\n  [data-theme = \"dark\"] .landing-page p {\r\n    color: var(--chocolate)\r\n  }\r\n  [data-theme = \"dark\"].landing-page .cta-button {\r\n    color: var(--chocolate)\r\n  }\r\n\r\n  .hero h1 {\r\n    font-family: var(--font-heading);\r\n    font-size: 1.75rem;      /* ~28px */\r\n    margin-bottom: 0.5rem;\r\n  }\r\n  .hero .intro-title {\r\n    font-size: 1.25rem;      /* ~20px */\r\n    margin-top: 1rem;\r\n  }\r\n  .hero .intro-text {\r\n    font-size: 1rem;         /* 16px */\r\n    line-height: 1.4;\r\n    margin: 1rem 0 1.5rem;\r\n  }\r\n  \r\n  /* Call-to-Action Button */\r\n  .cta-button {\r\n    background-color: var(--soft-teal);\r\n    padding: 0.75rem;        /* 12px all around */\r\n    border: none;\r\n    border-radius: 0.3125rem;/* 5px */\r\n    font-size: 1rem;         /* 16px */\r\n    cursor: pointer;\r\n    transition: background 0.3s;\r\n  }\r\n  \r\n  .cta-button:focus {\r\n    \r\n    outline-offset: 2px;\r\n    /* besserer Kontrast im Fokus */\r\n  }\r\n  \r\n  /* Features-Grid */\r\n  .features-container {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 1rem;               /* 16px */\r\n    margin: 2.5rem 0;        /* 40px oben/unten */\r\n  }\r\n  \r\n  .feature-highlight {\r\n    margin: 3rem auto;\r\n    max-width: 720px; /* z.B. zwei Drittel oder kleiner */\r\n    padding: 0 1rem;\r\n  }\r\n\r\n  .feature-card.highlight .cta-button {\r\n    margin-top: 1.5rem;\r\n    width: 100%;\r\n    max-width: 320px;\r\n    align-self: center;\r\n  }\r\n\r\n  /* Einzelne Karten */\r\n  .feature-card {\r\n    background-color: var(--container-bg);\r\n    border: 1px solid var(--container-border);\r\n    border-radius: 0.5rem;   /* 8px */\r\n    box-shadow: 0 0.125rem 0.25rem rgba(60, 60, 60, 0.05);\r\n    padding: 1rem;           /* 16px */\r\n    text-align: center;\r\n  }\r\n\r\n  .feature-card h3 {\r\n    font-family: var(--font-heading);\r\n    ;\r\n    font-size: 1.1rem;       /* ~18px */\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  .feature-card p {  \r\n    font-size: 0.95rem;      /* ~15px */\r\n    line-height: 1.4;\r\n    margin: 0;\r\n  }\r\n  \r\n  /* Ranking-Sektion */\r\n  .ranking-section {\r\n    margin-top: 3rem;        /* 48px */\r\n    text-align: left;\r\n  }\r\n\r\n  .ranking-section h2 {\r\n    font-family: var(--font-heading);\r\n    font-size: 1.4rem;       /* ~22px */\r\n    margin-bottom: 0.5rem;\r\n    }\r\n\r\n  /* Wrapper des Sliders (flex/overflow) */\r\n  .story-ranking-container .ranking-grid {\r\n    display: flex;\r\n    overflow-x: auto;\r\n    gap: 0.75rem;            /* 12px */\r\n    padding: 0.5rem 1rem;       /* 8px oben/unten */\r\n    margin: 0;         /* Ränder für Touch-Scroll */\r\n    scroll-behavior: smooth;\r\n  }\r\n  \r\n  .story-ranking-container .ranking-card {\r\n    flex: 0 0 160px;\r\n    margin-right: 0.5rem;\r\n  }\r\n  \r\n  /* Loader */\r\n  .loading {\r\n    padding: 4rem 0;         /* 64px */\r\n    font-size: 1rem;\r\n    color: var(--graphite-gray);\r\n  }\r\n  \r\n  /* --------------------------------------------------\r\n     2. Tablet-Upgrade (ab 600px)\r\n     -------------------------------------------------- */\r\n@media (min-width: 600px) {\r\n  .features-container {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr); /* 2 Spalten */\r\n    gap: 1.5rem;                           /* etwas mehr Abstand */\r\n    margin: 3rem 0;                        /* etwas mehr oberer/unterer Rand */\r\n  }\r\n  .feature-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;                          /* volle Höhe der Zeile */\r\n  }\r\n}\r\n  \r\n  /* --------------------------------------------------\r\n     3. Desktop-Upgrade (ab 900px)\r\n     -------------------------------------------------- */\r\n@media (min-width: 1400px) {\r\n  .features-container {\r\n    grid-template-columns: repeat(3, 1fr); /* 3 Spalten */\r\n    gap: 2rem;                             /* großzügiger Abstand */\r\n    }\r\n}\r\n  ","/* src/styles/components/landingPage/header/StoryCounter.css */\r\n\r\n.story-counter {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0.5rem 1rem;\r\n  font-family: Arial, sans-serif;\r\n  font-size: 1rem;\r\n  color: #333;\r\n  box-sizing: border-box;\r\n}\r\n\r\n/* Für Premium-Nutzer (Unendlichkeit) */\r\n.counter-infinity {\r\n  color: #27ae60;\r\n  font-weight: bold;\r\n  font-size: 1.25rem;\r\n}\r\n\r\n/* Ladeanzeige, solange der Counter lädt */\r\n.counter-loading {\r\n  color: #999;\r\n  font-style: italic;\r\n}\r\n\r\n/* Normale Zähleranzeige (>0) */\r\n.counter-number {\r\n  background-color: #007bff;\r\n  color: #fff;\r\n  padding: 0.25rem 0.5rem;\r\n  border-radius: 4px;\r\n  font-weight: bold;\r\n}\r\n\r\n/* Zähler 0 mit Tooltip auf Reset */\r\n.counter-zero {\r\n  color: #e74c3c;\r\n  font-weight: bold;\r\n  cursor: help;\r\n}\r\n","/* src/styles/components/landingPage/Header.css */\r\n\r\n/* --------------------------------------------------\r\n   1. Base (Mobile-First)\r\n   -------------------------------------------------- */\r\n\r\n/* Mobile Ansicht */\r\n.header {\r\n  background-color: var(--chocolate);\r\n  color: var(--sepia-cream);\r\n  padding: 0.75rem 1rem;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 1000;\r\n  gap: 0.5rem;\r\n  position: relative;\r\n}\r\n\r\n/* Reihenfolge */\r\n.header > .theme-toggle-btn {\r\n  order: 1;\r\n}\r\n.header > .logo {\r\n  order: 2;\r\n  flex: 1; \r\n  text-align: center;\r\n}\r\n\r\n/* nav-container für Mobile */\r\n.nav-container {\r\n  order: 3;\r\n  width: auto;  \r\n  display: flex;\r\n  justify-content: flex-end; \r\n}\r\n\r\n/* Burger Button */\r\n.nav-toggle {\r\n  display: block;\r\n  font-size: 1.5rem;\r\n  background: none;\r\n  border: none;\r\n  color: var(--sepia-cream);\r\n  cursor: pointer;\r\n  z-index: 20;\r\n}\r\n\r\n/* Nav-Links standardmäßig versteckt */\r\n.nav-links {\r\n  display: none;\r\n  flex-direction: column;\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  background-color: var(--chocolate);\r\n  position: absolute;\r\n  top: 100%;  \r\n  left: 0;\r\n  right: 0;  \r\n}\r\n\r\n/* Sichtbar wenn Menü offen */\r\n.header.menu-open .nav-links {\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-bottom: 1px solid var(--sepia-cream);\r\n  padding-bottom: 0.5rem;\r\n}\r\n\r\n/* Links Styling */\r\n.nav-links li {\r\n  margin: 0.25rem 0;\r\n  text-align: center;\r\n}\r\n\r\n.nav-links li a {\r\n  display: block;\r\n  color: var(--sepia-cream);\r\n  font-family: var(--font-body);\r\n  font-size: 1rem;\r\n  padding: 0.5rem 1rem;\r\n  text-decoration: none;\r\n  transition: background-color 0.2s;\r\n  border-radius: 0.25rem;\r\n}\r\n.nav-links li a:hover,\r\n.nav-links li a.active {\r\n  background-color: var(--soft-teal-hover);\r\n}\r\n\r\n.user-info {\r\n    text-align: center;\r\n    margin-top: 8px; \r\n    font-size: 0.8rem; \r\n    line-height: 1;\r\n    padding: 0.5rem 1rem; \r\n  }\r\n/* User Controls */\r\n.user-controls {\r\n  order: 4;\r\n  display: flex;\r\n  width: 100%;\r\n  justify-content: center;\r\n  margin-top: 0.5rem;\r\n  gap: 0.5rem;\r\n  font-family: var(--font-body);\r\n  font-size: 0.9rem;\r\n}\r\n\r\n/* Buttons */\r\n.logout-btn {\r\n  background-color: var(--burnt-orange);\r\n  color: var(--sepia-cream);\r\n  border: none;\r\n  padding: 6px 12px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n.logout-btn:hover {\r\n  background-color: var(--burnt-orange-hover);\r\n}\r\n.login-link {\r\n  display: block;\r\n  background-color: var(--burnt-orange);\r\n  color: var(--sepia-cream);\r\n  text-decoration: none;\r\n  padding: 6px 12px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n.login-link:hover {\r\n  background-color: var(--burnt-orange-hover);\r\n}\r\n\r\n/* ThemeToggle styling */\r\n.theme-toggle-btn {\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 2rem;\r\n  padding: 0.25rem;\r\n}\r\n.theme-toggle-btn:hover {\r\n  opacity: 0.8;\r\n  transform: scale(1.1);\r\n}\r\n\r\n\r\n/* --------------------------------------------------\r\n   2. Tablet & Desktop (ab 600px)\r\n   -------------------------------------------------- */\r\n@media (min-width: 600px) {\r\n  .header {\r\n    flex-wrap: nowrap; /* alles in einer Reihe */\r\n    padding: 1rem 2rem;\r\n    gap: 2rem;\r\n  }\r\n\r\n  /* Reihenfolge für Desktop/Tablet */\r\n  .header > .theme-toggle-btn { order: 1; }\r\n  .header > .logo { order: 2; }\r\n  .nav-container { order: 3; }\r\n  .user-controls {\r\n    order: 4;\r\n    width: auto;\r\n    margin-top: 0;\r\n    justify-content: flex-end;\r\n  }\r\n  .nav-container{\r\n    margin-left: 0;\r\n  }\r\n  .logo{\r\n    margin-left: 20%;\r\n  }\r\n  /* Burger ausblenden */\r\n  .nav-toggle {\r\n    display: none;\r\n  }\r\n\r\n  /* Nav-Links inline darstellen */\r\n  .nav-links {\r\n    display: flex !important;\r\n    flex-direction: row;\r\n    gap: 1rem;\r\n    background: none;\r\n    position: static;\r\n    width: auto;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .nav-links li {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n\r\n/* --------------------------------------------------\r\n   3. Desktop (ab 900px)\r\n   -------------------------------------------------- */\r\n@media (min-width: 900px) {\r\n  .header {\r\n    padding: 1rem 3rem;\r\n    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);\r\n  }\r\n  .logo {\r\n    font-size: 1.75rem;\r\n    margin-left: 25%;\r\n  }\r\n\r\n  .nav-container{\r\n    margin-right: 20%;\r\n  }\r\n\r\n  .nav-links li a {\r\n    font-size: 1.05rem;\r\n  }\r\n  .logout-btn,\r\n  .login-link {\r\n    font-size: 1rem;\r\n    padding: 0.5rem 1.25rem;\r\n  }\r\n}\r\n","/* src/styles/components/landingPage/Footer.css */\r\n\r\n/* --------------------------------------------------\r\n   1. Base (Mobile-First)\r\n   -------------------------------------------------- */\r\n\r\n/* Footer-Wrapper */\r\n.footer {\r\n    background-color: var(--chocolate);\r\n    color: var(--sepia-cream);\r\n    padding: 15px 20px;\r\n    text-align: center;\r\n    font-size: 0.9rem;\r\n    position: fixed;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    z-index: 100;\r\n    font-family: var(--font-body);\r\n  }\r\n  \r\n  /* Innerer Content-Container */\r\n  .footer-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  \r\n  /* Link-Gruppe */\r\n  .footer-links {\r\n    margin-bottom: 10px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 15px;\r\n  }\r\n  \r\n  /* Einzelnes Link-Element */\r\n  .footer-links a {\r\n    margin: 0 0;\r\n    color: var(--sepia-cream);\r\n    text-decoration: none;\r\n    transition: text-decoration 0.2s ease-in-out;\r\n  }\r\n  .footer-links a:hover {\r\n    text-decoration: underline;\r\n  }\r\n  \r\n  /* Copyright-Text */\r\n  .footer-text {\r\n    font-size: 0.9rem;\r\n    color: var(--sepia-cream);\r\n  }\r\n"],"names":[],"sourceRoot":""}