/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * central stylesheet - layout example "custom-grids"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 */

/* Google Font API */
/*@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);*/
/* latin */


/* import core styles | Basis-Stylesheets einbinden */
@import url(screen/bootstrap.css);
@import url(../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */

@import url(../superslides-0.6.2/dist/stylesheets/superslides.css);
@import url(../yaml/forms/gray-theme.css);


@import url(../yaml/screen/typography.css);
@import url(../yaml/screen/grid-960gs-12.css);
@import url(screen/screen-custom-grids.css);
@import url(screen/screen-a4p-style.css);
@import url(screen/screen-a4p-login-style.css);


/* import print layout | Druck-Layout einbinden */
@import url(../yaml/print/print.css);

@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans Regular'), local('DroidSans-Regular'), url(https://www.login-nse.ch/fileadmin/templates/nse/template/css/SlGVmQWMvZQIdix7AFxXkHNSbQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(https://www.login-nse.ch/fileadmin/templates/nse/template/css/SlGWmQWMvZQIdix7AFxXmMh3eDs1Zw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* NSE Landingpage CTA Buttons */
.home-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 6rem 1rem;
  position: relative;
  text-align: center;

  /* Hintergrundbild */
  background: url('/fileadmin/Redakteure/Bilder/Slider/DSC08485.jpg') no-repeat center center;
  background-size: cover;
   background-position: center top;
}

/* Overlay für bessere Lesbarkeit */
.home-cta::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.35);
  z-index: 0;
}

.home-cta-inner {
  position: relative; /* Buttons über dem Overlay */
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: center;
  z-index: 1;
}

.cta-btn {
  display: inline-block;
  padding: 18px 36px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 6px 14px rgba(0,0,0,.15);
  transition: all .15s ease;
  min-width: 260px;   /* gleiche Grundbreite */
  text-align: center;
}

.cta-primary {
  background: #004f9f;
  color: #fff;
  border: 2px solid #004f9f;
}
.cta-primary:hover {
  background: #0066cc;
  border-color: #0066cc;
  transform: translateY(-2px);
}

.cta-secondary {
  background: #fff;
  color: #004f9f;
  border: 2px solid #004f9f;
}
.cta-secondary:hover {
  background: #004f9f;
  color: #fff;
  transform: translateY(-2px);
}

@media (max-width: 640px) {
  .cta-btn {
    width: 100%;
    max-width: 420px;
  }
}
