@charset "utf-8";
@font-face {
        font-family:trajan;
        src:url(../fonts/TrajanPro-Regular.otf) format("opentype");
}
* { margin:0px;padding:0px;box-sizing:border-box; }
body, html {
        height: 100%;
        font-size:16px;
        color: #777;
}
a {
   outline: 0;
   color: #333;
}
#nav_wrap {
        position: fixed;
        top:0px;
        left:0px;
        width:100%;
        height:50px;
        background-color:#2C2C2C;
        z-index:100;
}
#mainmenu {
        display:table;
        height:50px;
        opacity:1;
        margin:0 auto;
}
#mainmenu label {
        display:none;
}
#mainmenu #checkmenu {
        display:none;
}
#mainmenu ul {
        list-style-type:none;
}
#mainmenu ul li {
        float:left;
        padding:0px 15px 0px 15px;
}
#mainmenu ul li a {
        letter-spacing: 5px;
        text-transform: uppercase;
        font: 12px "Lato", sans-serif;
        color:#fff;
        line-height:50px;
        text-decoration:none;
        transition:all 0.5s;
}
#mainmenu ul li a:hover {
        color:#CCC;
}
.head_border {
        border:0px solid #fff;
        padding:20px 35px;
        text-align:center;
}
.head {
        display:inline-block;
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size:58px;
}
.subhead {
        display:inline-block;
        font-family:"trajan Pro";
        font-size:20px;
}
.head, .subhead {
        color:#fff;
        text-shadow:2px 2px 2px #000;
}
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7 {
        display: -ms-flexbox;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        display:flex;
        justify-content:center;
        align-items:center;
        position: relative;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
}
.bgimg-1 {
         background-image:url(../img/streit-kraefte_start_sword_verydark_bgimg1.jpg);
         height: 100%;
}

.bgimg-2 {
         background-image:url(../img/bg_door.jpeg);
         height: 100%;
}

.bgimg-3 {
         background-image:url(../img/bg_jm_final_of.jpg);
         height: 100%;
}

.bgimg-4 {
         background-image:url(../img/mein_honorar_x.jpg);
         height: 100%;
}

.bgimg-5 {
         background-image:url(../img/money.jpg);
         height: 100%;
}


.caption {
        position: relative;
        text-align:center;
        color: #333;
        padding: 18px;
        background-color: #111;

}
.caption span.border {
        color: #fff;
        font-size: 25px;
        line-height:43px;
        letter-spacing: 10px;
}
.textblock {
        color: #000;
        text-align:center;
        padding:50px 80px;
        background-color: #fff;
}
#sicherheit img {
        float:left;
        width:50%;
        margin-right:30px;
        margin-bottom:10px;
}
h3 {
        letter-spacing: 5px;
        text-transform: uppercase;
        font: 20px "Lato", sans-serif;
        color: #111;
        margin-bottom:25px;
}
#kontakt {
        display: -ms-flexbox;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        display:flex;
        justify-content:center;
        align-items:center;
}
#kontaktinfo {
        padding:50px;
        background-color:#fff;
}
.clearer {
        clear:both;
}
@media all and (min-width:400px) and (max-width:1200px)
{
#mainmenu {
        width:100%;
}
#mainmenu label {
        width:100%;
        height:50px;
        font: 12px "Lato", sans-serif;
        line-height:50px;
        letter-spacing: 5px;
        text-transform: uppercase;
        color:#fff;
        text-align:center;
        background-color:#2C2C2C;
        display:block;
        cursor:pointer;
        transition:all 0.5s;
}
#mainmenu label:hover  {
        color:#CCC;
}
#mainmenu #checkmenu {
        display:none;
}
#mainmenu ul {
        position:absolute;
        display:block;
        top:50px;
        width:100%;
        list-style-type:none;
        transition:all 0.5s;
}
#mainmenu ul li {
        display:block;
        float:none;
        padding:0px;
}
#mainmenu ul li a {
        font-size:0px;
        line-height:0px;
        text-align:center;
        color:#fff;
        display:block;
        width:100%;
        border:0px;
        padding:0;
        opacity:0;
        transition:all 0.5s;
}
#mainmenu ul li a:hover {
        color:#CCC;
}
#checkmenu:checked ~ul {
        position:absolute;
        top:50px;
        width:100%;
}
#checkmenu:checked ~ul li {
        width:100%;
}
#checkmenu:checked ~ul li a {
        background-color:#333;
        font:12px "Lato", sans-serif;
        line-height:30px;
        text-align:center;
        letter-spacing: 5px;
        text-transform: uppercase;
        color:#fff;
        border-top:1px solid #444;
        opacity:1;
        padding:10px 0px 10px 0px;
        display:block;
        transition:all 0.5s;
}
#checkmenu:checked ~ul li a:hover {
        background-color:#383838;
        color:#CCC;
}
.caption {
        position: absolute;
        top: 50%;
        text-align:center;
        color: #000;
        padding: 8px;
        background-color: #111;
}
#form_wrapper {
        padding:15px;
}
}


@media all and (max-width: 399px )
{
h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
  margin-bottom:10px;
}
#mainmenu label {
        width:100%;
        height:50px;
        font: 12px "Lato", sans-serif;
        line-height:50px;
        letter-spacing: 5px;
        text-transform: uppercase;
        color:#fff;
        text-align:center;
        background-color:#2C2C2C;
        display:block;
        cursor:pointer;
        transition:all 0.5s;
}
#mainmenu label:hover  {
        color:#CCC;
}
#mainmenu #checkmenu {
        display:none;
}
#mainmenu ul {
        position:absolute;
        display:block;
        top:50px;
        width:100%;
        list-style-type:none;
        transition:all 0.5s;
}
#mainmenu ul li {
        display:block;
        float:none;
        padding:0px;
}
#mainmenu ul li a {
        font-size:0px;
        line-height:0px;
        text-align:center;
        color:#fff;
        display:block;
        width:100%;
        border:0px;
        padding:0;
        opacity:0;
        transition:all 0.5s;
}
#mainmenu ul li a:hover {
        color:#CCC;
}
#checkmenu:checked ~ul {
        position:absolute;
        top:50px;
        width:100%;
}
#checkmenu:checked ~ul li {
        width:100%;
}
#checkmenu:checked ~ul li a {
        background-color:#333;
        font:12px "Lato", sans-serif;
        line-height:30px;
        text-align:center;
        letter-spacing: 5px;
        text-transform: uppercase;
        color:#fff;
        border-top:1px solid #444;
        opacity:1;
        padding:10px 0px 10px 0px;
        display:block;
        transition:all 0.5s;
}
#checkmenu:checked ~ul li a:hover {
        background-color:#383838;
        color:#CCC;
}
.border {
        padding:15px 24px;
}
.head {
        font-size:45px;
}
.subhead {
        font-size:15px;
}
.textblock {
        padding:30px 30px;
}
}