/* CUSTOM FONTS */
@font-face {
    font-family: "FuturaRound-Bold-Oblique";
    src: url(../assets/fonts/Futura%20Round%20Bold%20Oblique.ttf);
}
@font-face {
    font-family: "FuturaRound-Bold";
    src: url(../assets/fonts/Futura%20Round%20Bold.ttf);
}
@font-face {
    font-family: "FuturaRound-Demi-Oblique";
    src: url(../assets/fonts/Futura%20Round%20Demi%20Oblique.ttf);
}
@font-face {
    font-family: "FuturaRound-Demi";
    src: url(../assets/fonts/Futura%20Round%20Demi.ttf);
}
@font-face {
    font-family: "FuturaRound-Light-Oblique";
    src: url(../assets/fonts/Futura%20Round%20Light%20Oblique.ttf);
}
@font-face {
    font-family: "FuturaRound-Light";
    src: url(../assets/fonts/Futura%20Round%20Light.ttf);
}
@font-face {
    font-family: "FuturaRound-Medium-Oblique";
    src: url(../assets/fonts/Futura%20Round%20Medium%20Oblique.ttf);
}
@font-face {
    font-family: "FuturaRound-Medium";
    src: url(../assets/fonts/Futura%20Round%20Medium.ttf);
}
@font-face {
    font-family: "FuturaRound-Oblique";
    src: url(../assets/fonts/Futura%20Round%20Oblique.ttf);
}
@font-face {
    font-family: "FuturaRound";
    src: url(../assets/fonts/Futura%20Round.ttf);
}
/* END: CUSTOM FONTS */


/* CUSTOM CSS */


/* GENERAL CSS */


/* BACKGROUND COLORS */
.fastbill-green { background-color:#1dd660;  }

.bg-beige { background-color: #f7f7f7;}

.bg-blue { background-color: #00618b;}

.bg-white-opacity01 { background: rgba(255, 255, 255, .1);}

.bg-dark-blue{ background-color: #092d3d; }
/* END: BACKGROUND COLORS */


/* TEXT COLORS */
.text-fastbill-green { color:#1dd660 !important;}

.text-blue { color:#00618b !important;}

.text-dark-blue{ color: #092d3d !important; }

/* END: TEXT COLORS */

/* BUTTONS */
.button {
    font-size: 17px;
    font-family: 'FuturaRound-Bold';
    letter-spacing: 3px;
}

.white-button {
    width: 107px;
    height: 32px;
    border-radius: 40px;
    border: solid 2px #ffffff;
    text-align: center;
    margin-top: 15px;
    margin-left: 28.3%;
}
/* END: BUTTONS */

/* OVERRIDEN CHANGES FROM THE SLIDES FRAMEWORK */
.videoThumbnail:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:url('../assets/img/video-play.png') no-repeat;
    background-position:center center;
    -webkit-transition:0.5s;
    transition:0.5s;
}

.box-69:after {
    content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#1dd660; opacity:0; -webkit-transition:0.5s; transition:0.5s;
}

.dashed{
   border-bottom: 1px dashed #8C8C8C;
}

.dashed_2{
    border-bottom: 2px dashed #303030;
}

.monthly {
    position: absolute;
    font-size: 18px;
    font-weight: 400;
    opacity: 0.6;
    bottom: 6px;
    margin-left: -20px;
}
.currency_new {
    position: absolute;
    font-size: 35px;
    font-weight: 400;
    opacity: .6;
    top: 9px;
    margin-left: -25px;
}
@media screen and (max-width:767px) {

    /* GENERAL CSS */

    /* OVERRIDEN CHANGES FROM THE SLIDES FRAMEWORK */
   

    .pad {
   
    border-radius: 20px;
   
}
.wide {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
}

}



/* END: OVERRIDEN CHANGES FROM THE SLIDES FRAMEWORK  */


/* MISCELLANEOUS */
.small-stroke-box{ padding: 4% 4%; }

.up
{
    margin-top: -5%;
    padding-bottom: 10%
}
.down
{
    margin-top: 15%;
}

.dokumentationen-logo
{
    padding:20px;
}

.word-wrap {
    word-wrap: break-word;
}

.small-stroke-text{
    font-size: 26px;
    font-family: 'FuturaRound-Oblique';
    padding: 4% 5%;
}

/* FIRST SLIDE DETAILS CSS */
.slide1 .headline{
    font-family: 'FuturaRound-Bold-Oblique';
    font-size: 30px;
    margin-bottom:6px;
}
.slide1 .subheadline{
    font-family: 'FuturaRound-Bold-Oblique';
    font-size: 50px;
    line-height: 60px;
}
.slide1 .wide-button{
    width: 389px;
}

.slide1 h1{
    color: #1dd660;
    font-family: 'FuturaRound-Bold-Oblique';
    font-size: 30px;
}
.slide1 p{
    font-family: 'FuturaRound-Bold-Oblique';
    font-size: 50px;
    line-height: 60px;
}
/* END: FIRST SLIDE DETAILS CSS */


/* SLIDE WITH A GREEN HEADLINE AND A BLACK WITH OPACITY SUBHEADLINE CSS */
.slide2 .headline{
    /*color: #1dd660;*/
    font-family: 'FuturaRound-Bold-Oblique';
    line-height: 63px;
    font-size: 60px;
    /*margin-bottom:6px;*/
}
.slide2 .subheadline{
    opacity: 0.8;
    font-family: 'FuturaRound';
    font-size: 26px;
    line-height: 34px;
}

.Price_subheadline {
        padding-top: 10%;
        padding-bottom: 10%;
    }
/* END: SLIDE WITH A GREEN HEADLINE AND A BLACK WITH OPACITY SUBHEADLINE CSS */


/* END: MISCELLANEOUS */


/* END: GENERAL CSS */



/* CSS FOR THE BRANCHEN.PHP */

.branchen_box{
    float:left;
    min-width: 300px;
    width:50%; background-size: 100%;
    height: 0;
    padding-bottom: 50%;
}

.branchen_box_1{
    float:left;
    min-width: 300px;
    width:50%; background-size: 100%;
    height: 0;
    padding-bottom: 50%;

}

@media screen and (min-width: 830px){

    .branchen_box_2{
        /*float:center;*/
        padding:10%;
        opacity:1;
        z-index: 10;
    }

    .branchen_small_screen{
        display: none;
    }

}

@media screen and (min-width: 300px) and (max-width: 830px){


    .Class_24{
        opacity: 1;
        font-size: 30px;
    }

    .Class_23{
        opacity: 1;
        font-size: 30px;
    }
    .branchen_large_screen{
        display: none;
    }

    .branchen_box_1{
        display:none;
    }
    .branchen_box_2{
        /*float:center;*/
        width:100%;
        /*float: center;*/
        height: 0;
        padding: 10%;
        padding-top: -10%;
        margin-bottom: -50%;
        z-index: 10;

    }

    .branchen-text {
        padding:0;
    }

    .branchenframe{
        width:100%;

    }

    .branchen_box {
        /*float: center;*/
        width: 100%;
        opacity: 1;
        margin-bottom: 0;
        min-width: 300px;
        background-size: 100%;
        height: 0;
        padding-bottom: 100%;

    }
    .try {
        opacity: 0.4;
        z-index: 2;
    }
}

@media screen and (min-width: 800px){
    .branchen-text{ padding:15%; }
}

/* END: CSS FOR THE BRANCHEN.PHP */


@media screen and (min-width: 1024px) and (max-width: 1200px){
.button_kostenlos_testen{
    font-size: 14px !important;
}

}

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

    /* GENERAL CSS */

    /* OVERRIDEN CHANGES FROM THE SLIDES FRAMEWORK */

    .pad{
        border-radius: 20px;
    }
    .wide{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    /* END: OVERRIDEN CHANGES FROM THE SLIDES FRAMEWORK  */


    /* MISCELLANEOUS */
    .small-stroke-text{
        font-size: 20px;
        font-family: 'FuturaRound-Oblique';
        padding: 4% 5%;
    }

    .mehr-technische-details{
        font-size: 14px !important;
    }

    /* FIRST SLIDE DETAILS CSS */
    .slide1 h1{
        font-size: 23px;
        margin-bottom:20px;
    }
    .slide1 p{
        font-size: 38px;
        line-height: 40px;
    }

    .slide1 .headline{
        font-size: 23px;
        margin-bottom:20px;
    }
    .slide1 .subheadline{
        font-size: 38px;
        line-height: 40px;
    }

    .slide1 .wide-button{
        width: auto;
    }
    /* END: FIRST SLIDE DETAILS CSS */


    /* SLIDE WITH A GREEN HEADLINE AND A BLACK WITH OPACITY SUBHEADLINE CSS */
    .slide2 .headline{
        /*color: #1dd660;*/
        font-family: 'FuturaRound-Bold-Oblique';
        line-height: 63px;
        font-size: 35px;
        /*margin-bottom:6px;*/
    }
    .slide2 .subheadline{
        opacity: 0.8;
        font-family: 'FuturaRound';
        font-size: 24px;
        line-height: 34px;
    }

    .Price_subheadline {
        padding-top: 15%;
        padding-bottom: 15%;
    }
    /* END: SLIDE WITH A GREEN HEADLINE AND A BLACK WITH OPACITY SUBHEADLINE CSS */
}
@media screen and (max-width:380px) {
     .button_nachricht_send{
        font-size: 15px !important;

    }

    .small-stroke-text{
        font-size: 20px;
        font-family: 'FuturaRound-Oblique';
        padding: 4% 5%;
    }

    .mehr-technische-details{
        font-size: 14px !important;
    }
.slide1 h1{
        font-size: 23px;
        margin-bottom:20px;
    }
    .slide1 p{
        font-size: 30px;
        line-height: 40px;
    }

    .slide1 .headline{
        font-size: 23px;
        margin-bottom:20px;
    }
    .slide1 .subheadline{
        font-size: 30px;
        line-height: 37px;
    }

    .slide1 .wide-button{
        width: auto;
    }


.slide2 .headline{
        /*color: #1dd660;*/
        font-family: 'FuturaRound-Bold-Oblique';
        line-height: 40px;
        font-size: 25px;
        /*margin-bottom:6px;*/
    }
    .slide2 .subheadline{
        opacity: 0.8;
        font-family: 'FuturaRound';
        font-size: 24px;
        line-height: 34px;
    }
   
    .wrap:not(.noSpaces), 
    .spaceWrap {
    padding: calc(.56% + 50px) calc(8% + 1px);
    }



    .slide .button {
   margin-left:0;
   margin-right:0;
}

.button {
    font-size: 14px;
    font-family: 'FuturaRound-Bold';
    letter-spacing: 3px;
    max-width:250px;
}

.button.uppercase{
    font-size: 14px;
}

.round {
    border-radius: 40px !important;
    padding-left: 10px !important; 
     padding-right: 10px !important; 
}

.fix_bottom_1
{
margin-bottom: 30px;
}

.Price_subheadline {
        padding-top: 20%;
        padding-bottom: 20%;
    }

}



    /* END: MISCELLANEOUS */

    /* END: GENERAL CSS */





/* END: CUSTOM CSS */