/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 07.02.2024, 12:16:27
    Author     : jessi
*/


@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Semibold.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Semibold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Semibold.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

html, body
{
    font-family: 'Source Sans Pro'!important;
}

*:focus {
    outline: none !important;
}

/* .vorabback
{
    background-color: #a2b45b;
    min-height: 90vh;
    background-image: url(/images/Logoweiss.svg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain; 
    background-position: 8rem 5rem;        
}  */



.vorabbackimp
{
        background-color: #a2b45b;
        background-position: 2rem 5rem;
        min-height: 90vh;
        background-image: url(/images/Logoweiss.svg);
        background-repeat: no-repeat;
        background-size: 33%; 
        background-attachment: fixed;
         background-position: 5rem 5rem;     
} 

@media (max-width: 1399px)
{
    .vorabbackimp
    {
        background-image: none;
    }

    .homeleft
    {   
        background-color: #a2b45b;
        background-position: top left 10px;
        background-size: 25vw;
        background-image: url(/images/Logoweiss.svg);
        background-repeat: no-repeat;
       
    }

    #gestern, #heute, #morgen
    {
        padding-top:9rem!important;
    }
}

.mobilbild
{
    background-color: #a2b45b;
    min-height: 12rem;
    background-repeat: no-repeat;
    background-size: 150px 150px; 
    background-position: right;
    padding-top: 9rem;
    background-position-y: 1rem;
    background-attachment: fixed;
    position: sticky;
    top: 0;
      
}

.logomobil
{
    margin-top: -8rem;
    height: 12rem; 
    float: right;
}

.mobilgruen
{
    background-color: #a2b45b;
}

.mobilgruen a
{
    color: #fff;
    opacity: 0.5;
    text-decoration: none;
}

.mobilgruen a:hover
{
    color: #fff;
    opacity: 1;
}

.mobilgruen a.active
{
    color: #fff;
    opacity: 1;
}



#slideContainer
{
    background-color: transparent;
}

  .slide-container {
            display: flex;
            flex-direction: column;
            overflow-y: auto;
            position: relative;
            height: 79vh; /* Vollbildhöhe */
            
        }
        .slide {
            min-width: 100%; /* Jeder Slide nimmt die volle Breite ein */
            min-height: 79vh; /* Vollbildhöhe */
            display: flex;
            justify-content: center; /* Horizontal zentrieren */
            align-items: center; /* Vertikal zentrieren */
            transition: transform 0.9s ease-in-out;
        }
        
.gestern
{
    min-height: 80vh;
    justify-content: center; /* Horizontal zentrieren */    
    display: flex;
}
  
#slideContainer h4 
{
    padding-bottom: 1rem;
} 

h4
{
    font-size: 1.75rem!important;
    padding-bottom: 1.5rem;
}

.jmbnav
{
    font-size: 1.2rem;
    margin-right: 3rem;
}
        
.vorabback a 
{
    color: #fff;
    text-decoration: none;
} 

.vorabback a:hover 
{
    color: #fff;
    opacity: 0.5;
}

.vorabbackimp a 
{
    color: #fff;
    text-decoration: none;
} 

.vorabbackimp a:hover 
{
    color: #fff;
    opacity: 0.5;
}


.anfang
{
    height: 6rem;
}

.mininav {
  
  z-index: 1030;
  
}


.mininav a 
{
    color: #fff;
    opacity: 0.5;   
    padding-right: 2rem;
}

.mininav a:hover
{
    color: #fff;
    opacity: 1;
}

.mininav a.active
{
    color: #fff;
    opacity: 1;
}

.hintergrundfarbe
{
    background-color: #a2b45b;
    
}

    
.footer 
{
    background-color: #fff;
    height: 120px;    
    position: fixed;
    bottom: 0;
    width: 100%;
}
        
.footer h3
{
    color: #a2b45b; 
    font-size: 1.2rem;
}

.footer a 
{
    color: #a2b45b;
    text-decoration: none;
}

.footer a:hover 
{
    color: #a2b45b;
    opacity: 0.5;
}

.footer p 
{
    color: #a2b45b;
}  

.footerausrichtung
{
    margin-left: -50px;
}

.footerausrichtungdatenschutz
{
    margin-left: 50px;
}

h1
{
    color: #fff;
    padding-bottom: 1.5rem;
    font-size: 1.75rem!important;
}

h2 
{
    color: #fff;
    padding-bottom: 1.5rem;
    font-size: 1.75rem!important;
}

h3 
{
    color: #fff;
}

h4
{
    color: #fff;
}

p 
{
    color: #1A171B;
}

button {
    cursor: pointer;
    position: absolute;
/*    top: 50%;*/
    transform: translateX(-50%);
    border: none;
    background-color: transparent;
    color: #fff;
    opacity: 0.5;
    padding: 10px;
    z-index: 2;
} *

button:hover 
{
    background-color: #a2b45b; 
    color: #fff;
    opacity: 1;
}

.pfeilup
{
    
    font-size: 4rem;
    color: #fff;
    z-index: 1400;
}

.pfeilup:hover
{
    color: #fff;
    opacity: 1;
}

#pfeildown
{
    color: #fff;
    opacity: 0.5;
}

.pfeildown
{
    position: absolute;
    bottom: 110px;
    font-size: 4rem;
    color: #fff;
    z-index: 1400;
}


a#pfeildown:hover
{
    color: #fff!important;
    opacity: 1!important;
}


#prev {
/*    left: 20px;
    font-size: 1.6rem;
    top: 0;     
    bottom: auto;*/
}

#next {
/*    right: 20px;
    font-size: 1.6rem;
    top: auto;
    bottom: 125px;;*/
}

.navlink
{
    color: #fff;
}

.footer p
{
    font-weight: bold;
    margin-bottom: 0.1rem;
}

.mobilbreite
{
    min-width: 10px;
}

#gesternmobil
{
    min-height: 70vh;
}

#heutemobil
{
    min-height: 80vh;
}

#morgenmobil
{
    min-height: 80vh;
}

@media (max-width: 1300px)
{
    .mobilbreite
    {
        font-size: 0.8rem
    }
 
}

@media (max-width: 1199px)
{
   
    .slide-container
    {
        min-height: 100vh;
    }
    
    .slide
    {
        min-height: 100vh;
    }
        
        .anfang
        {
            position: fixed;
            top: 50;
            display: inline-block;
        }
        
        .jmbnav
        {
            padding-right: 0.5rem;
        }
        
        .mininav a
        {
            padding-right: 2.5rem;
        }
        

    .vorabbackimp
    {
        background-position: 1rem 10rem;
        background-size: 27rem;
    }
    
    .mobilbreite
    {
        font-size: 0.7rem;
    }
    
    .footer
    {
        height: auto;
    }
    
    .pfeildown
    {
        bottom: 90px;
    }

    .manschgi
    {
        margin-left: -40px;
        height: 20rem;
    }
}

@media (max-width: 991px)
{
    .vorabback
    {
        background-image: none;
    } 
    
    .slide-container
    {
        overflow: visible;
    }
  
    
    .vorabbackimp
    {
        background-size: 150px 150px;
        background-position-x: right;
        background-position-y: 1rem;
    }
    
     .footer
    {
        position: static!important;
    }
    
     .mininav a
        {
            padding-right: 0.5rem;
        }
     
   .mobilbreite
   {
       font-size: 1rem;
   }
    
}

@media (max-width: 768px)
{
    .vorabbackimp
    {
        background-position-x: right;
       
    }
    
     
    .mobilbreite
    {
        min-width: 300px;
        padding-bottom: 1rem;
    }    
}

@media (max-width: 576px)
{
    .vorabbackimp
    {
        background-position-x: right;
    }
}

@media (max-width: 348px)
{
    .logomobil
    {
        height: 8rem;
        margin-top: -165px;
    }
}