/*CSS FILE ALL RIGHT RESERVERD TO LISSENBURG (BART LISSENBURG) */

@import url('https://fonts.googleapis.com/css2?family=Economica:wght@400;700&display=swap');


html {height: -webkit-fill-available;}
body {margin: 0 auto; min-height: 100%; background-color: #D59B1D;}
h1 {color: #fff;}
h2 {color: #fff; text-decoration: none; letter-spacing: 2px;}
.x {color: #fff; text-decoration: none; letter-spacing: 2px;}
.container {
    height: 100vh;
    width: 100%;
    background: linear-gradient(
        to top,
        #03989E 0%,
        #03989E 50%,
        #D59B1D 50%,
        #D59B1D 100%
    );
}

/* Avoid Chrome to see Safari hack */
@supports (-webkit-touch-callout: none) {
    .container {
        /* The hack for Safari */
        height: -webkit-fill-available;
    }
}

/*-------------------------------HEADER--------------------------------*/
.headercontainer {height: auto; width: 100%; margin-left: auto; margin-right: auto; top:0px;}
.header {width: 95%; margin-left: auto; margin-right: auto;}
.headerleft {}
.headercenter {width: 100%; height: 100%; color:#f2f2f2;}
.logo {max-width: 200px; margin-top: 20px;}
.headerright {}
/*-----------------------------END HEADER------------------------------*/

/*------------------------------CONTENT--------------------------------*/
.contentcontainer {height: auto; width: 100%; margin-left: auto; margin-right: auto; padding-top: 20%;}
.content {width: 75%; margin-left: auto; margin-right: auto;}
.contenleft {}
.contentcenter {text-align: center;}
.contentcenter h1 { font-family: 'Parisienne', cursive;}
.contentright {}
/*-----------------------------END CONTENT-----------------------------*/

.intro {
    width: 300px;
    height: 300px;
    background: linear-gradient( -0deg, #D59B1D 0%, #D59B1D 50%, #03989E 50%, #03989E 50%, #03989E 50% );
    border-radius: 50%;

    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}

.intro_text {
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    height: 4rem;
    margin: auto;

    font-weight: 100;
    font-family: 'Champagne & Limousines Bold', sans-serif;
    font-size: 3rem;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
}

.intro_text a {text-decoration: underline; color: #fff;}
.intro_text a:hover{ font-family: 'Champagne & Limousines Bold Italic', sans-serif; text-decoration: underline; }

@media only screen and (max-width: 440px) {
    .intro_text {
        font-size: 2rem;
        height: 3rem;
    }
}


.ticket {
    height: 360px;

    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
    text-align: center;

    font-size: 1.5rem;
    font-family: 'Economica', sans-serif;
    font-weight: 700;
    color: #fff;
}

.ticket div span:hover {
    color: #03989E;
}

/*-------------------------------FOOTER--------------------------------*/
.clearfooter {}

.footercontainer {height: auto; width: 100%; margin-left: auto; margin-right: auto; position: absolute; bottom: 0;}
.footer {min-width: 50%; margin-left: auto; margin-right: auto;}
.footerleft {}
.footercenter {text-align: center; letter-spacing: 1px;}
.footercenter h2 {
    font-size: 1rem;
    font-weight: normal; font-family: 'Economica', sans-serif; font-weight: 100;
}
.footerright {}
/*-----------------------------END FOOTER------------------------------*/

/*------------------------------ALGEMEEN-------------------------------*/
a {text-decoration: none; color: #fff;}
a:hover{text-decoration: underline; }


@font-face {
    font-family: 'Champagne & Limousines';
    font-style: normal;
    font-weight: normal;
    src: local('Champagne & Limousines'), url('Champagne & Limousines.woff') format('woff');
}

@font-face {
    font-family: 'Champagne & Limousines Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Champagne & Limousines Italic'), url('Champagne & Limousines Italic.woff') format('woff');
}


@font-face {
    font-family: 'Champagne & Limousines Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Champagne & Limousines Bold'), url('Champagne & Limousines Bold.woff') format('woff');
}


@font-face {
    font-family: 'Champagne & Limousines Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Champagne & Limousines Bold Italic'), url('Champagne & Limousines Bold Italic.woff') format('woff');
}