/**
* Style for Loayl
* @email: ye@bode-it.com
* @company: BoreasMedia
* @author: Ye
*/
@import url(../fonts/family.css);

/* basic */
body { color: #3a3533; }
h1, h2, h3, h5, h6 { color: #003b6d; text-transform: uppercase; }
h3 {text-transform: none; font-size: 18px;color:#003b6d; margin-top: 35px;}
h4 {text-transform: none; font-size: 16px;color:#6699cc; margin-bottom: 35px;}
p { line-height: 1.785714286; }
p > a { text-decoration: underline; color: #003b6d; }
p > a:focus, p > a:hover { text-decoration: underline }
ol > li {font-size: 14px; }
ol {margin-left:2.4rem}

/* override foundation */
.column, .columns { padding-left: 25px; padding-right: 25px; }
.top-nav { position: fixed; width: 100%; top: 0; background-color: #fff; z-index: 500; height:142px;background: url(../../img/bg-header.jpg) repeat-x top;}
.top-bar { background-color: transparent; height:142px; line-height: 1.2; margin: 0 auto; }
.top-bar .name h1 a { padding: 0; }
ul.mainNav { clear: both; overflow: hidden; margin:0; }
ul.mainNav li { margin: 0; }
ul.mainNav li a { color:#fff; }

.toggle-topbar .button.small { padding-top: 0.3rem; padding-bottom: 0.3rem; }

.top-bar-section { /*margin-top: 39px;*/ /* modify */ margin-top: 41px; margin-left: -25px; margin-right: -25px; background-color: #003D6C; }
.top-bar-section li:not(.has-form) a:not(.button) { text-transform: uppercase; background-color: transparent; color: #000; margin: 0 0 0 54px; padding: 0; }
.top-bar-section li:not(.has-form) a:hover:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button) { background-color: transparent; color: #003b6d; margin: 0 0 0 54px; padding: 0; }
.top-bar-section ul,
.top-bar-section ul li > a { background-color: transparent; }

/* modify */ .top-bar-section ul.mainNav li:not(.has-form) a:not(.button) { color:#fff; margin-left: 0; text-transform: capitalize; padding-left: 25px; }

.nav-language { position: absolute; right: 25px; top: 1px; clear: both; overflow: hidden; }
.nav-language li { float: left; }
.nav-language li:not(.has-form) a:not(.button) { margin: 0 0 0 12px; line-height: 39px; }
.nav-language li:not(.has-form) a:hover:not(.button),
.nav-language li.active:not(.has-form) a:hover:not(.button),
.nav-language li.active:not(.has-form) a:not(.button) { margin: 0 0 0 12px; }
button, .button { background-color: #004568; }
button:focus, button:hover, .button:focus, .button:hover { background-color: #004568; }
.button.small { padding-top: 0.7rem; padding-bottom: 0.7rem; }


.img {
   margin-bottom: 35px;
}


/* parallax image */
.full-image {
    position: relative;
    top: 0;
    z-index: 0;
    width: 100%;
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
    overflow: hidden;
}


.full-image > img { width: 100%; }
.full-image h2 { color: #fff; line-height: 1.7037037; margin: 0 0 12px; }
.full-image p { line-height: 1; }
.full-image > .row { position: absolute; left: 0; top: 0; width: 100%; }


.overlay {
    background: url(../../img/pattern.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%
}


.portrait { float:right; }


/* blocks */
.blocks { position: relative; z-index: 10; background-position: 50% 0; background-repeat: no-repeat; background-color: transparent; }
.blocks > .to-top { position: absolute; display: block; width: 58px; height: 35px; left: 50%; top: -35px; margin-left: -29px; }

.block-inner ul {font-size: 16px;margin-left:2.4rem}
p.smallPara {margin: 0 0 10px}

.box { position: relative; z-index: 10; }
.box-content { float: left; border: 3px solid #eaf1f7;
    height: 240px;
    margin: 0 40px 0 0;
    padding: 15px;
    width: 295px;}
    
.box-content.liste { height: 310px;  width: 495px; }
.box-content ul { font-size: 16px; margin-left:2.4rem; line-height: 2.1;}
.box-content h3.box {text-transform: none; font-size: 18px;color:#003b6d; margin-bottom: 25px; margin-top: 0px;}

/* contact */
.block-contact { background-color: #f9fbfa; color: #003b6d; margin-top: 35px; }
.block-contact h2, .block-contact a { color: #003b6d; text-decoration: none; }
.block-contact div.columns a:hover {text-decoration: underline}

/* contact */
.block-footer { background-color: #003b6d; color: #fff;  }
.block-footer h2, .block-footer a { color: #fff; text-decoration: none; }
.block-footer div.columns a:hover {text-decoration: underline}

.ic-closed { padding-right: 21px; background: transparent url(../../img/icon/close.png) 100% 50% no-repeat; }
.ic-closed.open { background-image: url(../../img/icon/open.png); }

/* footer */
#footer { color: #fff; margin: 20px auto 0; padding: 0 25px; }
#footer > .inner-wrap { border-top: 1px solid #6699cc; padding-top: 5px; }
#footer > .inner-wrap > .row > .columns { padding: 0; }
#footer a { color: #fff;  }
#c-imprint a {cursor: pointer;}
#c-imprint a:hover {text-decoration: underline}
#footer .row:not(+.row) p { margin: 0; }
#footer .row + .row { margin-top: 60px; }
#footer .row + .row p { color: #fff; }


/* form */
#form { margin-top: 35px;
}


input.main-input {
    border: 1px solid #003b6d;
    color: #003b6d;
    /*padding: 18px 24px;*/
    margin-bottom: 8px;
    width: 300px;
    font-size: 16px;
}
textarea.main-textarea {
    border: 1px solid #003b6d;
    color: #003b6d;
    height: 120px;
    margin-bottom: 8px;
    width: 300px;
    font-size: 16px;
}
input.main-button {
    background: none repeat scroll 0 0 #003b6d;
    border: 0 none;
    color: #fff;
    font-weight: bold;
    padding: 12px 24px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    width: 300px;
}
label.form {
    float: left;
    margin-bottom: 2px;
    width: 120px;
    color: #003b6d;
    font-size: 16px;
}
label.error {
    margin-left: 120px;
    margin-bottom: 7px;
}


/* clear */
.clear { clear: both; }

#kontaktModal {
    margin-top: 200px;
}