@font-face {
    font-family: 'Posterama';
    src: url('../fonts/PosteramaText-SemiBold.woff') format('woff'); 
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.woff') format('woff'); 
}
@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('../fonts/OpenSans-SemiBold.woff') format('woff'); 
}


/*
Open Sans, Bold, 26, white

Open Sans, Bold, 23, darkblue
Open Sans, Bold, 23, lightblue

Posterama Text, SemiBold, 72, white / green
Posterama Text, SemiBold, 39,  green

OpenSans, 21, black
Open Sans, Bold, 23, white
Open Sans, Bold, 23, black
Open Sans, Bold, 23, darkblue
*/


/* Navigation */

.text-nav {
    color: #61ADCC;
    font-size: 23px;
    font-family: "OpenSans-Bold"; 
}

.text-nav-selected {
    color: #3C64AD;
    font-size: 23px;
    font-family: "OpenSans-Bold"; 
}

.text-kontakt-button {
    font-size: 26px;
    font-family: "OpenSans-Bold"; 
}

/* Header / Headline*/

.text-headline {
    color: white;
    font-family: 'Posterama';
    font-size: 72px;
}

/*Content*/

.text-main {
    color: black;
    font-size: 21px;
    font-family: "OpenSans-SemiBold";    
}

.text-main-header {
    font-family: 'Posterama';
    color: #99C31D;
    font-size: 39px;
}

.text-main-header-small {
    display: none;
}

.text-second-header {
    font-family: 'Posterama';
    color: #99C31D;
    font-size: 32px;
}

.text-main-button {
    font-family: "OpenSans-Bold"; 
    color: white;
    font-size: 23px;
}

.text-icon-describer {
    font-family: "OpenSans-Bold"; 
    color: black;
    font-size: 23px;
}

.text-team-name {
    font-family: "OpenSans-Bold"; 
    color: white;
    font-size: 32px;
}

.text-lesser-headline {
    font-family: "OpenSans-Bold"; 
    color: black;
    font-size: 25px;
}


.text-team {
    color: black;
    font-size: 21px;
    font-family: "OpenSans-SemiBold";    
}

/*Footer*/

.text-footer {
    font-family: "OpenSans-Bold"; 
    font-size: 23px;
    color: white;
}

/*General Stuff*/

.text-extern-link {
    color: #61ADCC;
    text-decoration: none;
}

.text-green {
    color: #99C31D;
}
.text-green-no-change {
    color: #99C31D;
}
.text-blue {
    color: #3C64AD;
}
.text-blue-no-change {
    color: #3C64AD;
}
.text-lightblue {
    color: #61ADCC;
}
.text-lightblue-no-change {
    color: #61ADCC;
}

b, em {
    font-family: "OpenSans-Bold"; 
}

/* Responsivness */

@media screen and (max-width: 1520px) {
    .text-team {
        color: black;
        font-size: 18px;
        font-family: "OpenSans-SemiBold";    
    }

    
    .text-team-name {
        font-family: "OpenSans-Bold"; 
        color: white;
        font-size: 28px;
    }
}

@media screen and (max-width: 1280px) {
    .text-team {
        color: black;
        font-size: 21px;
        font-family: "OpenSans-SemiBold";    
    }


    .text-team-name {
        font-family: "OpenSans-Bold"; 
        color: white;
        font-size: 32px;
    }
    
    .text-main {
        font-size: 19px; 
    }
}

@media screen and (max-width: 700px) {

    .text-team {
        color: black;
        font-size: 18px;
        font-family: "OpenSans-SemiBold";    
    }

    
    .text-team-name {
        font-family: "OpenSans-Bold"; 
        color: white;
        font-size: 28px;
    }
}


@media screen and (max-width: 1520px) {
    .text-nav {
        color: #61ADCC;
        font-size: 20px;
        font-family: "OpenSans-Bold"; 
    }

    .text-nav-selected {
        color: #3C64AD;
        font-size: 20px;
        font-family: "OpenSans-Bold"; 
    }

    .text-kontakt-button {
        font-size: 23px;
        font-family: "OpenSans-Bold"; 
    }
    
.text-headline {
    font-size: 68px;
}
}

@media screen and (max-width: 1600px) {
    .text-green {
        color: white;
    }
    

    .text-blue {
        color: white;
    }
    .text-lightblue {
        color: white;
    }
}

@media screen and (max-width: 850px) {
    .text-headline {
        font-size: 40px;
    }

    
    .text-main-header {
        font-family: 'Posterama';
        color: #99C31D;
        font-size: 32px;
    }
    
    .text-main {
        font-size: 17px; 
    }


    .text-lesser-headline {
        font-size: 21px;
    }

    
    .text-icon-describer {
        font-family: "OpenSans-Bold"; 
        color: black;
        font-size: 18px;
    }

    .text-main-button {
        font-family: "OpenSans-Bold";
        font-size: 20px;
    }

    
    .text-footer {
        font-size: 15px;
}
}



@media screen and (max-width: 490px) {

    .text-headline {
        font-size: 35px;
    }

    .text-main {
        font-size: 15px; 
    }


    .text-main-header {
        font-family: 'Posterama';
        color: #99C31D;
        font-size: 32px;
    }
    .text-lesser-headline {
        font-size: 21px;
    }
}

@media screen and (max-width: 430px) {

    .text-headline {
        font-size: 32px;
    }

    .text-main {
        font-size: 15px; 
    }


    .text-main-header {
        font-family: 'Posterama';
        color: #99C31D;
        font-size: 30px;
    }
    .text-lesser-headline {
        font-size: 21px;
    }
}

