@import "pet-main.css";
@import "pet-texts.css";
@import "pet-sj.css";
@import "pet-sk.css";
@import "pet-gn.css";

/* fonts */

@font-face {
  font-family: 'Fedra Sants';
  font-style: normal;
  font-weight: 1 300;
  src: url('fonts/FedraSans/FedraSansStd-Light.otf') format('opentype')
}

@font-face {
  font-family: 'Fedra Sants';
  font-style: italic;
  font-weight: 1 300;
  src: url('fonts/FedraSans/FedraSansStd-LightItalic.otf') format('opentype')
}

@font-face {
  font-family: 'Fedra Sants';
  font-style: normal;
  font-weight: 301 400;
  src: url('fonts/FedraSans/FedraSansStd-Book.otf') format('opentype')
}

@font-face {
  font-family: 'Fedra Sants';
  font-style: italic;
  font-weight: 301 400;
  src: url('fonts/FedraSans/FedraSansStd-BookItalic.otf') format('opentype')
}

@font-face {
  font-family: 'Fedra Sants';
  font-style: normal;
  font-weight: 401 500;
  src: url('fonts/FedraSans/FedraSansStd-Demi.otf') format('opentype')
}

@font-face {
  font-family: 'Fedra Sants';
  font-style: italic;
  font-weight: 401 500;
  src: url('fonts/FedraSans/FedraSansStd-DemiItalic.otf') format('opentype')
}

@font-face {
  font-family: 'Fedra Sants';
  font-style: normal;
  font-weight: 501 600;
  src: url('fonts/FedraSans/FedraSansStd-Medium.otf') format('opentype')
}

@font-face {
  font-family: 'Fedra Sants';
  font-style: italic;
  font-weight: 501 600;
  src: url('fonts/FedraSans/FedraSansStd-MediumItalic.otf') format('opentype')
}

@font-face {
  font-family: 'Fedra Sants';
  font-style: normal;
  font-weight: 601 900;
  src: url('fonts/FedraSans/FedraSansStd-Bold.otf') format('opentype')
}

@font-face {
  font-family: 'Fedra Sants';
  font-style: italic;
  font-weight: 601 900;
  src: url('fonts/FedraSans/FedraSansStd-BoldItalic.otf') format('opentype')
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  src: url('fonts/NunitoSans/NunitoSans_10pt-Regular.ttf') format('opentype')
}

/* global styles */

.wip-dynamic-page .dynamic-slot .placeit-dyn-link {
  max-width: 800px;
}

.pet-footer {
  position: fixed;
}

.pet-list-page .list-node {
  min-height: unset;
  padding-bottom: 40px;
}

.pet-convert-page .subpages .product-page .product-image {
  width: unset;
  max-width: 50vh;
}

.pet-base {
  font-family: "Fedra Sants", Geneva, Arial, sans-serif;
}


.X-pet-header .pet-logo {
  background-image: url('../img/LogoAlpbachtalSmall.png');
  width: 42px;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: 10px;
}

.X-pet-header .pet-logo img {
  display: none;
}

.pet-releasestring {
  animation-delay: 5s;
}

.info-container .pet-infopage-tokens .infopage-last-locations .location-line .location-name {
  text-indent: -10px;
  margin-left: 10px;
}

.info-container .pet-infopage-tokens .infopage-last-locations {
  padding-bottom: 10px;
}

/* no right images in location list */

.pet-list-page .list-node .item-container .item-right-container {
  display: none;
}

.pet-list-page .list-node .item-container .item-left-container {
  width: 100%;
}

/* scan container */

[data-id="scannerFrame"].active {
  height: 50vh !important;
}

.pet-entry-page .scan-container {
  margin-left: 10px;
}

.pet-entry-page .scan-container .placeit-button {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  X-width: 70px;
  X-height: 70px;
  X-background-size: contain;
  box-shadow: 2px 2px 4px var(--color-box-shadow);
  border: 1px solid var(--color-button-border);
  border-radius: var(--box-radius);
  background-color: var(--color-button-background);
  color: var(--color-button-text);
  padding: 2px 6px 2px 6px;
}

/* Einloesen Button */

.pet-convert-page .token-scan .placeit-button[data-id="scan-start-button"], .placeit-button[data-id="scan-abort-button"] {
  color: var(--color-button-text);
}

/* pre */

/* categories background on map page */

.pet-map-page .pet-cat-container, .pet-list-page .cat-node {
  background-color: var(--color-header-background);
}
/* Footer Impressum und Datenschutz */

.pet-footer a {
  color: var(--color-footer-text);
  text-decoration: none;
}

.pet-footer .pet-releasestring {
  font-weight: bold;
}

/* push notification */

.notification-dialog .request .basic-label {
  float: left;
}

.notification-dialog .button-container .placeit-button {
  border: 1px solid var(--color-button-border);
  border-radius: var(--box-radius);
  background-color: var(--color-button-background);
  color: var(--color-button-text);
}

.pet-personalization-page .dialog-container .placeit-button {
  border: 1px solid var(--color-button-border);
  border-radius: var(--box-radius);
  background-color: var(--color-button-background);
  color: var(--color-button-text);
}

/* Registration notifications */

.pet-personalization-page .dialog-container {
  left: 20px;
  top: -200px;
  width: calc(100% - 40px);
}

@media only screen and (min-width: 800px) {
  .pet-personalization-page .dialog-container {
    left: 100px;
    width: calc(100% - 200px);
  }
  .pet-convert-page .token-scan .scanner-active {
    margin-left: unset;
    padding-top: 20px;
  }
}

/* SCANNEN */

[data-id="scannerFrame"].active {
  height: 50vh !important;
}

/* Tokens einloesen scan bild */

.pet-convert-page .token-scan .scanner-active {
  max-width: 800px;
}

/* Listen in Details */
.details wip-slot ul {
  padding-left: 10px;
}

/* Scroll "Schatten" weg */
.pet-location-page .body .slideshow-container {
  overflow-y: hidden;
}

/* Location Page: Bis zum (Text) Ende Scrollen */
.pet-location-page {
  padding-bottom: 50px;
}

/* Info Page: Bis zum (Text) Ende Scrollen */
.pet-info-page {
  padding-bottom: 50px;
}

/* Projekt-Auswahl */
.pet-salespoint-page .projects-list .placeit-button {
    border: 1px solid var(--color-button-border);
    border-radius: var(--box-radius);
    box-shadow: 2px 2px 4px var(--color-box-shadow);
}

.pet-convert-page .products .product-btn {
    width: 80%;
    height: 50px;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
    border: 1px solid var(--color-button-border);
    border-radius: var(--box-radius);
    box-shadow: 2px 2px 4px var(--color-box-shadow);
    text-align: center;
    font-size: 15pt;
    font-weight: bold;
    color: var(--color-button-text);
}
.pet-convert-page .products .product-btn.passive-product {
    color: lightgray;
    border: 1px solid lightgrey;
    box-shadow: unset;
}