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

body {

}

h1 {
    font-size: 2.5em;
    line-height: 130%;
    color: #333;
}
h2 {
    font-size: 1.4em;
    line-height: 130%;
    color: #333;
    margin-top: 2em;
}
h3 {
    font-size: 1.4em;
    line-height: 130%;
    color: #333;
    margin-top: 2em;
}
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: 1em;
}

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

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

ul {
    margin-bottom: 2em;
}

li {
    line-height: 1.6em;
    color: #333;
    margin-bottom: 1em;
}

th {
    background-color: #EEE;
    padding: 5px;
    border: 1px solid #FFF;
}

td {
    padding: 5px;
    border: 1px solid #FFF;
}

/*mySTYLE*/

.myHoney {
    display: none;
}

.myTextGross {
    font-size: 1.4em;
    line-height: 160%;
}
.myTextKlein {
    font-size: 0.9em;
}
.myLinkedImage {
    border: 0;
}

.myImage {
    margin: 0 auto;
    margin-bottom: 2em;
}

.myHeader{
    width: 100%;
    height: 55%;
    margin:0 auto;
    background-color: #FFF;
    background-image: url("../images/wallpaper/startseite.jpg");
    background-position: center;
    background-size: cover;
    padding-top: 3em
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.frame-container {
    position: relative;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
}

.frame-container iframe,
.frame-container object,
.frame-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.myMap {
    max-width: 100%;
    margin: 0 auto;
    width:100%;
    height:70%;
    min-height:500px;
    padding: 0;
}

.myLogo{
    border:0;
    height: 100%;
    max-height: 300px;
    float: left;
}

.myIcon {
    margin: 0 auto;
}
.myIconFont {
    color: #FFF;
    font-size: 1.6em;
    margin: 2em 0em 2em 0em;
}
.myIconContainer {
    padding: 2em 3em 2em 3em;
}

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

.myImageContent {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 6em!important;
    padding-bottom: 4em!important;
}
.myVideoContent {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 0!important;
    padding-top: 0!important
}

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

.myFooter {
    width: 100%;
    min-height: 20em;
    margin: 0 auto;
    background-color: #333!important;
    padding-top: 4em;
}
.myFooter p {
    line-height: 150%;
    color: #999;
}
.myFooter p strong{
    color: #CCC;
    font-weight: normal;
}
.myFooter li{
    color: #999;
}
.myVorteilLogo {
    margin: 0 auto;
    width: 100%;
    max-width: 180px;
    margin-bottom: 2em;
}

.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 {

}

/* JAVA SCRIPT */

.Ladeanimation{
    background-image:url("../images/loading.gif");
    background-repeat:no-repeat;
    background-position:center;
    width: 100%;
    height: 100%;
    position:fixed;
    background-color:#FFF;
    opacity:0.9;
    z-index:100;
    left:0px;
    top:0px;
    display: none;
}

.myEinAus_true {
    background-color: #25d366;
    position: absolute;
    z-index: 1;
    padding:3em;
    color: #FFF;
    width: 100%;
    text-align: center;
}
.myEinAus_false {
    background-color: #cb0016;
    position: absolute;
    z-index: 1;
    padding:3em;
    color: #FFF;
    width: 100%;
    text-align: center;
}

/*BOOTSTRAP*/

.container {
    background-color: #FFF;
}

.container-fluid {
    background-color: #FFF;
}

/*CAROUSEL*/
.myCarousel {
    width: 100%;
    height: 100%;
}

.carousel-inner .item {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.myCarousel_Zeck_1 {
    background-image: url("../images/teamlook/zeck/zeck-1.jpg");
    background-size: contain!important;
    background-position: bottom;
    background-repeat: no-repeat;
}
.myCarousel_Zeck_2 {
    background-image: url("../images/teamlook/zeck/zeck-2.jpg");
    background-size: contain!important;
    background-position: bottom;
    background-repeat: no-repeat;
}
.myCarousel_Zeck_3 {
    background-image: url("../images/teamlook/zeck/zeck-3.jpg");
    background-size: contain!important;
    background-position: bottom;
    background-repeat: no-repeat;
}
.myCarousel_Zeck_4 {
    background-image: url("../images/teamlook/zeck/zeck-4.jpg");
    background-size: contain!important;
    background-position: bottom;
    background-repeat: no-repeat;
}

.myCarousel_BlackCat_1 {
    background-image: url("../images/teamlook/black-cat/blackcat-1.jpg");
    background-size: contain!important;
    background-position: bottom;
    background-repeat: no-repeat;
}
.myCarousel_BlackCat_2 {
    background-image: url("../images/teamlook/black-cat/blackcat-2.jpg");
    background-size: contain!important;
    background-position: bottom;
    background-repeat: no-repeat;
}
.myCarousel_BlackCat_3 {
    background-image: url("../images/teamlook/black-cat/blackcat-3.jpg");
    background-size: contain!important;
    background-position: bottom;
    background-repeat: no-repeat;
}
.myCarousel_BlackCat_4 {
    background-image: url("../images/teamlook/black-cat/blackcat-4.jpg");
    background-size: contain!important;
    background-position: bottom;
    background-repeat: no-repeat;
}
.myCarousel_BlackCat_5 {
    background-image: url("../images/teamlook/black-cat/blackcat-5.jpg");
    background-size: contain!important;
    background-position: bottom;
    background-repeat: no-repeat;
}
.myCarousel_BlackCat_6 {
    background-image: url("../images/teamlook/black-cat/blackcat-6.jpg");
    background-size: contain!important;
    background-position: bottom;
    background-repeat: no-repeat;
}



/*GRAFIKEN*/

.myResponsiveGrafik {
    margin: 0 auto;
}

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


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

    .myWallpaper_Placeholder {
        max-width: 1200px;
        margin:0 auto;
        height: 350px;
    }
    .myIcon {
        margin-bottom: 4em;
    }
    .myIconBack {
        background: rgba(0,0,0,0.4);
        padding:0;
    }
}

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

    .myIconFont {
        color: #333;
        font-size: 1.3em;
    }
    .myIconBack {
        padding: 0!important;
    }

    .myTextPadding p:first-child{
        margin-top: 0;
    }
    .myHeader{
        height: 50%;
        background-position: center;
    }
}

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

    .myTextPadding {
        padding: 2em 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) {

    body {
        background-image: none;
    }

    .mySmartKontakt {
        display: block;
    }

    .myLogo {
        max-height: 120px;
    }
    .myVorteilLogo {
        max-width: 120px;
    }
    .myHeader{
        height: 40%;
        background-position: center;
        padding-top: 1em;
        padding-left: 1em;
    }

    .myHeaderText {
        margin-top: 240px;
    }

    .myContent {
        padding-top: 4em!important;
        padding-bottom: 2em!important;
    }

    .myVideoContent {
        padding-bottom: 3em!important;
    }

    .myImageContent {
        padding-top: 4em!important;
        padding-bottom: 2em!important;
    }

    .myTextPadding {
        padding: 0em 1.4em 0.2em 1.4em;
    }
    .myTextPadding h1{
        margin-top: 0em;
    }
    .myTextPadding_Inside {
        padding: 0em 0.8em 0em 0.8em;
    }

    .myHeaderKontakt {
        display: none;
    }
}