.GillSansMTPro-Light {
    font-family: GillSansMTPro-Light;
}

html {
    /*background: url('../img/bg_grey.png') no-repeat 3% 30% fixed;*/

    /*transform: translate3d(0,0,0);*/


}

body{
    background-color: transparent;
    font-family: GillSansMTPro-Light;
    /*background-image: url('../img/bg_grey.png');*/
    /*background-size: 90%;*/
    /*background-repeat: no-repeat;*/
    /*background-position: 3% 30%;*/
    /*background-attachment: fixed;*/
}

/*für fixed auf ios*/
body:after{
    content:"";
    position:fixed; /* stretch a fixed position to the whole screen */
    top:0;
    height:100vh; /* fix for mobile browser address bar appearing disappearing */
    left:0;
    right:0;
    z-index:-1; /* needed to keep in the background */
    background: url('../img/bg_grey.png') no-repeat 3% 30%;
    background-size: 90%;

}

/* unvisited link */
a:link {
    color: white;
    text-decoration: underline;
}

/* visited link */
a:visited {
    color: white;
    text-decoration: underline;
}

/* mouse over link */
a:hover {
    color: lightgrey;
    text-decoration: underline;
}

/* selected link */
a:active {
    color: white;
    text-decoration: underline;
}

/* unvisited link */
footer a:link {
    color: darkgray;
    text-decoration: none;

}

/* visited link */
footer a:visited {
    color: darkgray;
    text-decoration: none;
}

/* mouse over link */
footer a:hover {
    color: #dddddd;
    text-decoration: none;
}

/* selected link */
footer a:active {
    color: darkgray;
    text-decoration: none;
}

/* fettere Schrift als font-weight: 900 */
b, strong {
    color:#FFFFFF;
    text-shadow: 1px 0 #FFFFFF;
    letter-spacing:1px;
    font-weight:bold;
    /*font-weight: 900;*/
}
.content1{
    background-color: rgba(217, 151, 26, 0.85);
    position:relative;
    top:70%;
    font-size: x-large;
    color: white;
    /*padding-top: 1% ;*/
    /*padding-bottom: 1% ;*/
}

.content2{
     background-color: rgba(217, 151, 26, 0.85);
     font-size: 22px;
     color: white;
     padding-right: 0.5% ;
     padding-left: 0.5% ;
     position:relative;
     top:50%;
 }
.content3{
    background-color: rgba(217, 151, 26, 0.85);
    font-size: 22px;
    color: white;
    padding-right: 0.5% ;
    padding-left: 0.5% ;
    position:relative;
    top:10%;
}
/*Startbildschirm über gesamte Höhe des Gerätes*/
#start {
    position: relative;
    height: 100vh;
    min-height: 100vh;
    background-color: transparent;
}

.element_abstand1 {
    height:40vh;
}
element_abstand2 {
    height:10vh;
}
.bild{
    position:relative;
    top:10%;

}

/*Scrolling Effekt*/
.element {
    opacity: 0;
    transition: opacity .8s ease-in-out;
    height:50vh;
}
.visible {
    opacity: 1;
}


.trenner1{
    min-height: 30px;
}




@media (min-width: 750px) {

    .content1{
        font-size: 2em;
    }

    .content2{
        font-size: 1.5em;
        text-align: justify;
    }

    .content3{
        font-size: 1.5em;
        text-align: justify;
    }



}



@media (min-width: 950px) {

    .content1{
        font-size: 2.5em;
        top:80%;
    }

    .content2{
        font-size: 2em;
        text-align: justify;
    }

    .content3{
        font-size: 2em;
        text-align: justify;
    }

    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9,
    .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4,
    .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10,
    .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8,
    .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
    .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1,
    .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7,
    .col-xl-8, .col-xl-9, .col-xl-auto{
        padding-right: 25px;
        padding-left: 25px;
    }

    .trenner1{
        min-height: 50px;
    }

}

@media (min-width: 1250px) {

    .content1{
        font-size: 3em;
        top:80%;
    }

    .content2{
        font-size: 2em;
        text-align: justify;
    }
    .content3{
        font-size: 2em;
        text-align: justify;
    }

    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9,
    .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4,
    .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10,
    .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8,
    .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
    .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1,
    .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7,
    .col-xl-8, .col-xl-9, .col-xl-auto{
        padding-right: 35px;
        padding-left: 35px;
    }
    .trenner1{
        min-height: 60px;
    }


}


@media (min-width: 1600px) {

    .content1{
        font-size: 3.5em;
        top:80%;
    }

    .content2{
        font-size: 2.5em;
        text-align: justify;
    }
    .content3{
        font-size: 2.5em;
        text-align: justify;
    }

    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9,
    .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4,
    .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10,
    .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8,
    .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
    .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1,
    .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7,
    .col-xl-8, .col-xl-9, .col-xl-auto{
        padding-right: 50px;
        padding-left: 50px;
    }
    .trenner1{
        min-height: 100px;
    }


}