/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 08.04.2025, 11:31:27
    Author     : jessi
*/

h1
{
    color: #bfbfbf;
    font-weight: bold;
    font-size: 7rem;
    padding-bottom: 1rem;
}

h2
{
     color: #bfbfbf;
     font-weight: bold;
     font-size: 2.5rem;
 }

h3
{
    font-size: 1.2rem;
}

h4
{
    color: #bfbfbf
}

h5
{
    font-size: 5rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #bfbfbf;
}

p
{
    color: #bfbfbf;
    font-size: 1.8rem;
    font-weight: bold;
}

a
{
    color: #065827;
}

.abstand
{
    height: 5rem;
}

.flyerbild
{
    background-color: #078a3c;
    background-image: url("../image/Headerbild.png");
    height: 50vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.hellgruen
{
    background-color: #078a3c;
}

.dunkelgruen
{
    background-color: #065827;
}

.center
{
    text-align: center;
}

.tage
{
    color: #bfbfbf;
    font-size: 8rem;
    font-weight: bold;
    text-align: center!important;
    line-height: initial
}

.tage p
{
    
}

.monat
{
    color: #bfbfbf;
    font-size: 10rem;
    font-weight: bold;
    line-height: initial;
    padding-top: 4rem;
        
}

.jahr
{
    color: #bfbfbf;
    font-size: 22.5rem;
    font-weight: bold;
    line-height: initial;
}

.urwaidler
{
    background-image: url("../image/urwaidler.png");
    background-repeat: no-repeat;
    width: 250px;
    display: inline-flex;
    height: 75px;
    background-size: contain;
}

.narrisch
{
    background-image: url("../image/narrisch.png");
    background-repeat: no-repeat;
    width: 250px;
    display: inline-flex;
    height: 75px;
    background-size: contain;
    margin-left: 1rem;
}

.gaudimacher
{
    background-image: url("../image/gaudimacher_weiss.png");
    background-repeat: no-repeat;
    width: 250px;
    display: inline-flex;
    height: 75px;
    background-size: contain;
    margin-left: 1rem;
}

.miasans
{
    background-image: url("../image/miasans.png");
    background-repeat: no-repeat;
    width: 250px;
    display: inline-flex;
    height: 75px;
    background-size: contain;
    margin-left: 1rem;
   
}

.schafkopf
{
    background-image: url("../image/Karten.png");
    background-repeat: no-repeat;
    width: 250px;
    display: inline-flex;
    height: 250px;
    background-size: contain;
   
}


footer
{
    background-color: #065827;
}

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

footer a:hover
{
    color: #078a3c;
    text-decoration: none;
}

@media (max-width:1199px)
{
    .tage
    {
        font-size: 4rem;
    }
    
    .monat
    {
        font-size: 4rem;
    }
    
    .jahr
    {
        font-size: 11rem;
    }
}

@media (max-width: 991px)
{
    h5
    {
        font-size: 3rem;
    }
}

@media (max-width: 576px)
{
    .flyerbild
{
    background-color: #078a3c;
    background-image: url("../image/Headerbildmobil.png");
    height: 50vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
}

@media (max-width: 576px)
{
    h1
    {
        font-size: 4rem;
    }
    
    h5
    {
        font-size: 2rem;
    }
    
    p
    {
        font-size: 1.4rem;
    }
}

@media (max-width: 338px)
{
    h5
    {
        font-size: 1.6rem;
    }
}