@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-nav-sub {
    color: #61ADCC;
    font-size: 20px;
    font-family: "OpenSans-SemiBold"; 
}

.text-nav-sub-selected {
    color: #3C64AD;
    font-size: 20px;
    font-family: "OpenSans-SemiBold"; 
}

.text-kontakt-button {
    font-size: 23px;
    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-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;
}
.text-main-bold {
    color: black;
    font-size: 21px;
    font-family: "OpenSans-Bold";    
}

.text-main-header-h1 {
    font-family: 'Posterama';
    color: #99C31D;
    /* color: #3C64AD; */
    font-size: 50px;
}
.text-main-header-h2 {
    font-family: 'Posterama';
    color: #99C31D;
    font-size: 37px;
}
.text-main-header-h3 {
    font-family: 'Posterama';
    color: #99C31D;
    font-size: 30px;
}

.text-2-columns {
    font-size: 18px;
    font-family: "OpenSans-SemiBold";    
}
.text-2-columns-client {
    font-size: 17px;
    font-family: "OpenSans-SemiBold";    
}
.text-main-button {
    font-family: "OpenSans-Bold"; 
    color: white;
    font-size: 23px;
}

.text-footer {
    font-family: "OpenSans-Bold"; 
    font-size: 23px;
    color: white;
}


.text-social-button {
    font-family: "OpenSans-Bold"; 
    font-size: 20px;
}

.text-intern-link {
    color: #3C64AD;
    text-decoration: underline;
}

/* ====== CARDS ============== */
.text-card-head {
    font-size: 23px;
    font-family: "OpenSans-Bold";    
}
.text-card {
    font-size: 16px;
    font-family: "OpenSans-SemiBold";    
    color: black;
    text-align: left;
}

/* ====== CARDS END ============== */

/* ======================================== */
/* Responsive  */


@media screen and (max-width: 1500px) {

    .text-main-header-h1 {
        font-size: 45px;
    }
    .text-main-header-h2 {
        font-size: 35px;
    }
    .text-main-header-h3 {
        font-size: 28px;
    }
    .text-2-columns {
        font-size: 16px;
        font-family: "OpenSans-SemiBold";    
    }
}

@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-nav-sub {
        color: #61ADCC;
        font-size: 16px;
        font-family: "OpenSans-SemiBold"; 
    }

    .text-nav-sub-selected {
        color: #3C64AD;
        font-size: 16px;
        font-family: "OpenSans-SemiBold"; 
    }

    .text-kontakt-button {
        font-size: 20px;
        font-family: "OpenSans-Bold"; 
    }
    .text-headline {
        font-size: 68px;
    }

    .text-main {
        font-size: 18px; 
    }
    
}


@media screen and (max-width: 1280px) {
  
    .text-main {
        font-size: 19px; 
    }
}

@media screen and (max-width: 1330px) {
    .text-2-columns {
        font-size: 15px;
    }
    .text-blue {
        color: white;
    }
}



/* @media screen and (max-width: 920px) {
    .text-card-head {
        font-size:  18px;
    }
    .text-card {
        font-size: 11px;
    }
} */


@media screen and (max-width: 850px) {
    .text-headline {
        font-size: 40px;
    }
    .text-main {
        font-size: 17px; 
    }
    .text-footer {
        font-size: 15px;
    }
    .text-main-header-h1 {
        font-size: 40px;
    }
    .text-main-header-h2 {
        font-size: 28px;
    }
    .text-main-header-h3 {
        font-size: 21px;
    }
}

@media screen and (max-width: 490px) {

    .text-headline {
        font-size: 35px;
    }

    .text-main {
        font-size: 15px; 
    }
    .text-main-header-h1 {
        font-size: 30px;
    }
    .text-main-header-h2 {
        font-size: 25px;
    }
    .text-main-header-h3 {
        font-size: 18px;
    }
}


@media screen and (max-width: 430px) {

    .text-headline {
        font-size: 32px;
    }

    .text-main {
        font-size: 15px; 
    }
    .text-2-columns {
        font-size: 12px;
    }
    .text-main-header-h1 {
        font-size: 25px;
    }
    .text-main-header-h2 {
        font-size: 20px;
    }
    .text-main-header-h3 {
        font-size: 14px;
    }
    .text-social-button {
        font-size: 16px;
    }
}