/* saira-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 200;
  src: url('/project/nureinshop/pub/font/saira-v20-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* saira-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 300;
  src: url(/project/nureinshop/pub/font/saira-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* saira-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  src: url('/project/nureinshop/pub/font/saira-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* saira-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira';
  font-style: normal;
  font-weight: 500;
  src: url('/project/nureinshop/pub/font/saira-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* aldrich-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Aldrich';
  font-style: normal;
  font-weight: 400;
  src: url('/project/nureinshop/pub/font/aldrich-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* Allgemeines
-------------- */
    body, html {
        font-family: 'Saira', Arial, sans-serif; 
        font-weight: 200;
        font-size: 22px;
    }
    
    p strong {
        color: #004a8a;
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Aldrich', Arial, sans-serif; 
        text-transform: uppercase;
    }
    
    h1 { 
        font-size: 50px;
    }
    
    .page-nureinshop-home h1 {
        padding-top: 10px;
    }
    
    h2 {
        font-size: 40px;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    
    h3 {
        color: #004a8a;
    }
    
    strong {
        font-weight: 500;
    }
    
    
    
/* Suche
-------- */
    #region-search {
        display: none;
    }
    
/* Slideshow
------------ */
    [data-block-id="e4a8ee6c6d515231b0fed4c676ba0600"] > .container {
        width: 100%;
    }
    
    .owl-prev,
    .owl-next {
        display: none;
    }
    
    .block-nureinshop-slideshow .owl-carousel .owl-dots {
        bottom: 15%;
        left: 90%;
    }
    
    .block-nureinshop-slideshow .owl-carousel .owl-dots .owl-dot {
        background-image: url('/pub/media/690b32b440cbb243bee2592fb8d98480/dot-slideshow.svg');
        height: 20px;
        width: 20px;
        background-color: rgba(255, 255, 255, 0);
    }
    
    .block-nureinshop-slideshow .owl-carousel .owl-dots .owl-dot.active {
        background-color: rgba(255, 255, 255, 0);
        background-image: url('/pub/media/9dbd484706b43eef546d4df13a1cab1a/dot-slideshow-blue.svg');
    }
    
     
/* Header & Navigation
--------------------- */
    header { 
        border-bottom: 0px;
    }
    
    #region-logo a img {
        height: 120px;
    }
    
    #region-logo a {
        padding: 30px 0 20px 0;
    }
    
    #region-logo {
        margin-left: 40%;
    }
    
    #region-nav .level-1 > li > a {
        border-right: 0px;
    }
    
    #region-nav .level-1 > li:first-of-type > a {
        border-left: 0px;
    }
    
    #region-nav nav {b
      background-color: #FFFFFF8F;
      border-bottom: none;
      position: absolute;
      z-index: 2;
      width: 100%;
    }
    
    #region-nav {
        font-weight: 400;
        text-align: center;
    }
    
    #region-nav > .container {
        margin: 0 auto 0 auto;
        text-align: center;
    }
    
    #region-nav ul li a {
        padding: 10px 25px;
    }
    
    .header-button-icon {
        display: none;
    }
    
    .header-button-title {
        font-size: 17px;
        font-weight: bold;
        background: #004a8a;
        color: #FFF; 
        padding: 5px 20px;
    }
    
    #region-header-buttons {
        margin-top: 0px;
    }

/* Startseite
------------- */
    [data-block-id="a2db3707b7b385c3930f5d49ac0bef48"] {
        position: absolute;
        z-index: 2;
        width: 100%;
        margin-top: -190px;
        padding: 0px;
    }
    [data-block-id="3967c4e50262f2b6ac6effe32f2edb44"],
    [data-block-id="378ae983addb4cc5c1fac5c98e0dded3"] {
        margin-top: 35px;
    }
    
    [data-block-id="edbf1bac92c362324f90b1d2c219ec39"] {
        margin-top: 25px;
    }
    
    [data-block-id="51956419b3700ee4b85a100f23900922"] > .container {
        width: 100%;
    }
    
    .feature-title {
        color: #004a8a;
        font-weight: 300;
        border-radius: 0px;
        background-color: rgba(255,255,255,0.8);
        width: 100%;
        text-align: center;
        top: 82%;
    }

    
/* Footer
-------- */
    #region-footer > .container {
        color: #FFF;
        padding-left: 30px;
        padding-right: 30px;
        background: #004a8a url('/pub/media/0d13cff4f0f249602378513345639deb/border-top-footer.svg');
        background-repeat: no-repeat;
        background-position: center top;
        padding-top: 150px;
        padding-bottom: 20px;
    }
    
    #region-footer {
        padding-bottom: 0px;
        font-size: 95%;
    }
    
    #region-footer strong,
    #region-footer h3 {
        color: #FFF;
    }
    
    #region-footer a {
         color: #FFF;
         text-decoration: underline;
    }
    
    #region-copyright {
        display: none;
    }

/* Teams
-------- */
    .block-nureinshop-text-image .image-is-left {
        justify-content: center !important; /* Horizontale Zentrierung */
        align-items: center !important;     /* Vertikale Zentrierung */
        height: 100% !important;        /* Stellt sicher, dass der Container die volle Höhe nutzt */
    }

    /*Beige*/
    .team-beige > .container {
        background: #aea299;
        color: #FFF;

    }
    
    .team-beige > .container p {
        margin-bottom: 15px;
        line-height: 1.4em;
    }
    
    .team-beige strong {
        color: #FFF;
        text-decoration: underline;
    }
    
    .btn-team-beige {
        background: #FFF;
        padding: 10px 20px;
        border-radius: 10px;
        font-weight: bold;
        text-decoration: none;
        color: #aea299;
    }
    
    /*Grün*/
    .team-gruen > .container {
        background: #15b657;
        color: #FFF;
    }
    
    .team-gruen > .container p {
        margin-bottom: 15px;
        line-height: 1.4em;
    }
    
    .team-gruen strong {
        color: #FFF;
        text-decoration: underline;
    }
    
    .btn-team-gruen {
        background: #FFF;
        padding: 10px 20px;
        border-radius: 10px;
        font-weight: bold;
        text-decoration: none;
        color: #15b657;
    }
    
    /*Rot*/
    .team-rot > .container {
        background: #d63231;
        color: #FFF;
    }
    
    .team-rot > .container p {
        margin-bottom: 15px;
        line-height: 1.4em;
    }
    
    .team-rot strong {
        color: #FFF;
        text-decoration: underline;
    }
    
    .btn-team-rot {
        background: #FFF;
        padding: 10px 20px;
        border-radius: 10px;
        font-weight: bold;
        text-decoration: none;
        color: #d63231;
    }
    
    /*Pink*/
    .team-pink > .container {
        background: #d598cc;
        color: #FFF;
    }
    
    .team-pink > .container p {
        margin-bottom: 15px;
        line-height: 1.4em;
    }
    
   .team-pink strong {
        color: #FFF;
        text-decoration: underline;
    }
    
    .btn-team-pink {
        background: #FFF;
        padding: 10px 20px;
        border-radius: 10px;
        font-weight: bold;
        text-decoration: none;
        color: #d598cc;
    }
    
    /*Blau*/
    .team-blau > .container {
        background: #004a8a;
        color: #FFF;
    }
    
    .team-blau > .container p {
        margin-bottom: 15px;
        line-height: 1.4em;
    }
    
   .team-blau strong {
        color: #FFF;
        text-decoration: underline;
    }
    
    .btn-team-blau {
        background: #FFF;
        padding: 10px 20px;
        border-radius: 10px;
        font-weight: bold;
        text-decoration: none;
        color: #004a8a;
    }
    
    /*Grau*/
    .team-grau > .container {
        background: #454748;
        color: #FFF;
    }
    
   .team-grau strong {
        color: #FFF !important;
        text-decoration: underline;
    }
    
    .btn-team-grau {
        background: #FFF;
        padding: 10px 20px;
        border-radius: 10px;
        font-weight: bold;
        text-decoration: none;
        color: #454748;
    }
    
    .team-grau h2,
    .team-blau h2,
    .team-beige h2,
    .team-gruen h2,
    .team-pink h2,
    .team-rot h2 {
        color: #FFF;
        padding-top: 0px;
        font-size: 30px;
    }
    
    .team-grau a,
    .team-blau a,
    .team-beige a,
    .team-gruen a,
    .team-pink a,
    .team-rot a {
        color: #FFF;
    }
    
/* Teamseite
------------ */
    .text-container h2 {
        margin-top: 0px;
    }
    
/* Image Swap
------------- */
    .imageBox {
      position: relative;
      float: left;
    }

    .imageBox .hoverImg {
      position: absolute;
      left: 0;
      top: 0;
      display: none;
      transition: 0.5s ease-in-out;
    }

    .imageBox:hover .hoverImg {
      display: block;
      transition: 0.5s ease-in-out;
    }
    
    div.col-4  h2{
        font-size: 30px !important;
    }
    
/* Accordion Slider
------------------ */
    .nureinshop-block-accordion--body {
      border: 1px solid lightgray;
      padding-left: 40px;
    }