body, html {
    min-height: 101%;
    height:100%;
    word-wrap: break-word;
}

body {
    background-color: #FFF;
    /*background-image: linear-gradient(90deg, #FFF , #CCC , #FFF);*/
    /*background-image: linear-gradient(0deg, #FFF , #EEE , #FFF);*/
    /*background-attachment: fixed;*/
    /*background-image: url("../images/tetraeder.jpg");
    background-size: cover;*/
}

h1 {
    font-size: 2.5em;
    line-height: 130%;
    color: #000;
    margin-bottom: 1em;
}
h2 {
    font-size: 2.1em;
    line-height: 130%;
    color: #000;
    margin-top: 1.2em;
    margin-bottom: 1em;
}
h3 {
    font-size: 1.4em;
    line-height: 130%;
    color: #000;
    margin-bottom: 1em;
}
h4 {
    font-size: 1.25em;
    line-height: 130%;
    color: #000;
    margin-top: 2em;
    margin-bottom: 0.5em;
}
p {
    color: #666;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

a {
    color: #F00;
    text-decoration: none;
}

a:hover {
    color: #000000;
    text-decoration: underline;
}

li{
    font-size: 1.2em;
    list-style-type: circle;
    margin-bottom: 0.5em;
}

/*mySTYLE*/

.myTextGross {
    font-size: 1.2em;
    color: #444;
    line-height: 160%;
}
.myTextKlein {
    font-size: 0.9em;
}
.myImage {
    margin: 1em auto;
}
.myLinkedImage {
    border: 0;
}

.myHeader{
    width: 100%;
    margin:0 auto;
    background-color: #000;
}

.myLogo{
    border:0;
    margin:0 auto;
    max-height: 140px;
}


.myContent {
    max-width: 1200px;
    padding-bottom: 100px;
    margin: 0 auto;
}

.myCol-image {
    margin-bottom: 2em;
}

.myFooter {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 5em;
    padding-bottom: 20em;
}
.myFooter p {
    line-height: 150%;
    color: #FFF;
}

.myFooterBack {
    width: 100%;
    min-height: 50%;
    background-color: #000;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url("../images/footer-back.JPG");
}

.myTextPadding {
    padding: 2em 2em 2em 2em;
}
.myTextPadding_Inside {
    padding: 0em 2em 0em 2em;
}

.myTextPadding h1:first-child {

}
.myTextPadding h2:first-child {

}
.myTextPadding h3:first-child {

}


/*BOOTSTRAP*/

.container {

}

.container-fluid {

}

/*GRAFIKEN*/

.myResponsiveGrafik {
    margin: 0 auto;
}

/*BOOTSTRAP SIZES*/
/* Größen unbedingt absteigend positionieren */


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

    .myWallpaper_XL {
        width: 100%;
        height: 50%;
        background-color: #FFF;
        background-size: cover;
        background-position: center;
    }

    #myWallpaper_Start {
        background-image: url("../images/wallpaper/startseite-5.jpg");
        background-position: center;
    }


    .mySaulenContainer {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
    }

    .myCircle {
        background-color: #006aa4;
        width:160px;
        height: 160px;
        margin: 0 auto;
        margin-bottom: 2em;
        /*Border Radius*/
        border-radius: 80px 80px 80px 80px;
        -moz-border-radius: 80px 80px 80px 80px;
        -webkit-border-radius: 80px 80px 80px 80px;
        border: 2px solid #FFF;
        /*Box Shadow*/
        -webkit-box-shadow: 0px 0px 56px -15px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 56px -15px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 56px -15px rgba(0,0,0,0.75);
    }
    .myCircle h2{
        line-height: 100px;
        color: #FFF;
    }

    .myCircle:hover{
        background-color:#000;
    }
    .myCircle a:hover{
        text-decoration: none;
    }
}

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


    .myTextPadding p:first-child{
        margin-top: 0;
    }

    .myWallpaper_XL {
        width: 100%;
        height: 40%;
        background-color: #FFF;
        background-size: cover;
        background-position: center;
    }
    #myWallpaper_Start {
        background-image: url("../images/wallpaper/startseite-5.jpg");
        background-position: center;
    }

    .myHeader{
        padding: 0;
    }
    .myLogo{
        max-height: 150px;
    }
}

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

    .myTextPadding {
        padding: 1em 1.4em 2em 1.4em;
    }
    .myResponsiveGrafik {
        max-width:300px;
    }

    h1 {
        font-size: 2em;
    }
    .myTextGross {
        font-size: 1.2em;
        color: #444;
        line-height: 160%;
    }
}

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

    .myTextPadding {
        padding: 2em 0.5em 2em 0.5em;
    }

    .myHeaderKontakt {
        display: none;
    }

    .myCircle {
        background-color: #006aa4;
        width:100%;
        height: 40px;
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border: 2px solid #FFF;
        color: #FFF;
        margin-bottom: 10px;
        text-align: center;
    }
    .myCircle h2{
        line-height: 37px;
        margin: 0;
        color: #FFF;
    }
}