/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 16.10.2018, 13:02:27
    Author     : Herz
*/

footer{
    background-color:#7ca8ca;
}
html{
    background-color:#7ca8ca;
}
main{
    background-color:white;
}
main .inner{
    padding-top:250px;
    padding-bottom:20px;
}
footer .inner{
    padding:20px;
    padding-bottom:15px;
}
main .inner,
footer .inner{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    box-sizing: border-box;
    padding-left:20px;
    padding-right:20px;
}
header{
    background-color:#7ca8ca;
    position:fixed;
    left:0px;
    right:0px;
    top:0px;
    z-index:2;
}
header .domain{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:30px;

    text-align:left;
    padding-left:20px;
    box-sizing: border-box;

    position:relative;
    z-index:900;
}

header .domain a{
    color:white;
    font-size:42px;
    line-height:20px;
    display:block;
    max-width:220px;
    text-align: center;
}
header .domain hr{
    border:0;
    border-bottom:3px solid white;
    max-width:220px;

}
header .domain .small_part{
    font-size:32px;
    line-height:30px;
    border-top:3px solid white;
    display:block;
}
.zielgewicht_ermitteln_btn{
    background-color:#FF8A19;
    padding:10px;
    color:white !important;
    font-size:1em;
    text-decoration: none !important;
    display:block;
    width:100%;
    text-align: center;
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight:bold;
}
.zielgewicht_ermitteln_btn i{
    color:white !important;
    font-size:1.1em;
}
.cta_btn_top_circle{
    width:150px;
    height:150px;
    background-color:#FF8A19;
    position:absolute;
    color:white;
    text-align: center;

    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;

    right:50px;
    top:50px;

    padding-top:15px;
    box-sizing: border-box;

    text-transform: uppercase;
}
.cta_btn_top_circle a,
.cta_btn_top_circle i{
    color:white !important;
    font-size:20px !important;
    line-height:25px !important;
}
.show_only_mobile{
    display:none;
}
.show_only_desktop{
    display:block;
}
header .domain a{
    color:white;
    font-size:42px;
    line-height:20px;
    display:block;
    max-width:220px;
    text-align: center;
    font-weight:bold;
}
.text_logo{
    width:100%;
    text-align: center;
}
.text_logo .top,
.text_logo .bottom{
    box-sizing: border-box;
    width:100%;
    text-transform: uppercase;
}
.text_logo .top{
    font-size:42px;
    line-height:42px;
    border-bottom:2px solid white;
}
.text_logo .bottom{
    font-size:31.8px;
    line-height:32px;
}
.page_8 .w_33 article.text{
    margin-top:0px;
}
.logo_area{
    position:relative;
}
.logo_area .lang{
    position:absolute;
    right:10px;
    top:10px;
    z-index:901;
}
.logo_area .lang .lang_btn{
    display:inline-block;
}
.logo_area .lang a img{
    max-width:35px;
    display:inline-block;
}
.logo_area .lang .lang_btn:first-of-type{
    margin-right:10px;
}
.logo_area .lang .lang_flag.active{
    opacity:.5;
}
@media screen and (max-width:700px){
    .show_only_mobile{
        display:block;
    }
    .show_only_desktop{
        display:none;
    }
    .cta_btn_top_circle{
        display:none;
    }
    main .inner{
        padding-left:10px;
        padding-right:10px;
        padding-top:115px;
    }
    header .domain{
        padding:0px;
        padding-top:10px;
        padding-bottom:10px;
    }
    header .domain a{
        margin: 0 auto;
    }
}