.primary-nav {
    margin: 0 auto;
    width: 670px;
}
.primary-nav > ul {
    font-size: 12px;
    margin-top: -6px;
    text-transform: uppercase;
    list-style: none;
    padding: 0;
}

.primary-nav > ul > li {
    display: inline;
    margin: 0;
    padding: 15px 21px 16px;
}

#main-nav ul li a .line { border-bottom: 2px solid #FFF; transition-duration: 0.3s; transition-property: border-color; }
#main-nav ul li:hover .line, .main-nav li.current-menu-item .line { border-bottom: 2px solid #111151; }
#main-nav .current_page_item .line { border-bottom: 2px solid #111151; }
#main-nav {
    width: 100%;
    background: #FFF;
    padding: 10px 0;
    z-index: 9999;
}

.primary-nav > ul > li > a {
    color: #6e6e6e;
    font-size: 20px;
    text-decoration: none;
}

.primary-nav > ul > li.current-menu-item a, .primary-nav > ul > li.current_page_parent a {
    color: #111151;
    font-weight: 600;
}

.meta-nav {
    margin: 0 auto;
    width: 100%;
}

.meta-nav ul {
    /*float: left;*/
    font-size: 12px;
    text-transform: uppercase;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.meta-nav > ul > li {
    /*float: left;*/
    display: inline-block;
    margin: 0;
    padding: 23px 21px 16px;
}

.meta-nav > ul > li > a {
    color: #FFFFFF;
    font-size: 15px;
    text-decoration: none;
}

.meta-nav > ul > li.current-menu-item a {
    color: #fff;
    text-decoration: underline;
}

h1 {
    font-size: 27px;
    color: #111151;
    font-weight: 600;
    margin-top: 0;
}

h2 {
    font-size: 27px;
    color: #111151;
    text-transform: uppercase;
    font-weight: 600;
}

.content {
    font-size: 17px;
    font-weight: 400;
}

.content a {
    color: #950100;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.4;
}

footer {
    background: #111151;
    height: 60px;
}

.icx span {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 300;
    color: #6e6e6e;
}

.topslider {
    /*height: 500px;*/
    background: #e2e2e2;
}


.mb25 {
    margin-bottom: 25px;
}

.placeholder {
    background: #ccc;
    width: 100%;
}

.h150 {
    height: 150px;
}

.h250 {
    height: 250px;
}

.h640 {
    height: 640px;
}

.seperator {
    height: 320px;
}

.seperator.blog { background: #949189; }
.seperator.singleblogpost { background: #949189; height: 10px; }
.seperatortext {height: 100%;}
.seperatortext {
    font-size: 30px;
    line-height: 1.3;
    color: #fff;
    display:table-cell;
    vertical-align: middle;
}

.attachment-seperatorimage {
    margin-top: 94px;
}

.content img {
    max-width: 100%;
    height: auto;
}

.serviceimage.first {
    margin-top: -120px;
}

.serviceimage img {
    opacity: 0;
    transition-duration: 0.5s; 
    transition-property: opacity;
}

.serviceimage img.visible {
    opacity: 1;
}

/*
a.more-link {
    padding: 5px 10px;
    background: #111151;
    color: #FFF;
    margin-top: 10px;
    font-style: italic;
    font-weight: 600;
}

a.more-link:hover {
    text-decoration: none;
}*/

.postimage {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.blogpost > img {max-width: 75%;height: auto;}
.attachment-seperatorimage {max-width: 100%; height: auto; width:150px;}
.flexslider .slides img {
    margin: 0 auto;
}

.post-divider {margin: 60px 0;  border-color: #9E9E9E;}
.blogpost:last-child .post-divider {display: none;}

.is-sticky .menu {
    margin: 0;
}

.is-sticky .affix-top {margin-left: 55px;}

.catfilter { list-style: none; }
.catfilter li {text-align: center; /*border-bottom: 1px solid #9e9e9e;*/ padding: 10px 0;}
.catfilter li:last-child {border: 0;}
.catfilter a { color: #6E6E6E; }
.catfilter a:hover, .current-cat a {color: #111151}

#main-nav-resp-toggle {
    background-image: url("../images/icon_soehner_button_mobile.png");
    background-image: url("../images/icon_soehner_button_mobile.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px auto;
    height: 40px;
    margin-bottom: 30px;
}

#main-nav-resp ul {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

#main-nav-resp ul#main-nav-resp-hide-2 {
    margin-bottom: 20px;
}

#main-nav-resp ul li {
    text-align: center;
    font-size: 20px;
    padding: 10px;
}

input, textarea { width: 100%; }
input[type="submit"] {width: auto; padding: 5px 20px;}

.postline { margin-bottom: 50px; }
.postline:last-child {margin-bottom: 0;}
.text-familienbetrieb h2 {margin-top: 0;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.icx {border-left: 1px solid #9e9e9e; border-right: 1px solid #9e9e9e;}
.icx:first-child, .icx:last-child {border: none;}
.icx img {max-width: 138px; height: auto;}

.slides h2 {display: none;}

.mb60 {margin-bottom: 60px;}
.mb80 {margin-bottom: 80px;}
.mb120 {margin-bottom: 120px;}

a.vc-carousel-control {
    color: #FFF;
}

.cat-item {
    background: url(../images/blogdivider.jpg) no-repeat center bottom;
}

.cat-item:last-child {
    background: none;
}

.fbicon {
    position: absolute;
    right: 0;
    top: 900px;
    background: url(../images/fb.png) no-repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    z-index: 9999;
}

.fbicon.sticky {
    position: fixed;
    top: 50px;
}

#menu-item-485 a {
    color: #940000;
}

/**************** SECTION SEPERATOR ****************/
.cntdivider { height: 500px; position: relative; width: 100%; -webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.cntdivider { z-index: 1000; position: relative; background-clip: border-box; background-color: transparent; background-origin: padding-box; background-position: center 0 !important; background-repeat: repeat; background-size: cover; background-attachment: scroll !important; min-height: 420px; color: #fff; }
.cntdivider > .container {height: 500px;}
.cntdivider > .container .displaytable {height: 100%;}
.cntdivider .bg { background-size: cover !important; height: 500px; margin: 0 auto; padding: 0; position: absolute; width: 100%; z-index: 200; background-attachment: fixed !important; background-position: top center;}
.pagecontent {font-size: 17px;}


/**************** PARALAX ****************/
 .parallax {
    height: 500px; /* fallback for older browsers */
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-perspective: 300px;
    perspective: 300px;
  }

  .parallax__group {
    position: relative;
    height: 500px; /* fallback for older browsers */
    height: 100vh;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  .parallax__layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .parallax__layer--fore {
    -webkit-transform: translateZ(90px) scale(.7);
    transform: translateZ(90px) scale(.7);
    z-index: 1;
  }

  .parallax__layer--base {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 4;
  }

  .parallax__layer--back {
    -webkit-transform: translateZ(-300px) scale(2);
    transform: translateZ(-300px) scale(2);
    z-index: 3;
  }

  .parallax__layer--deep {
    -webkit-transform: translateZ(-600px) scale(3);
    transform: translateZ(-600px) scale(3);
    z-index: 2;
  }

@media (max-width: 767px) {
    .seperatortext {font-size: 23px;}
    .mb60xs {margin-bottom: 60px;}
    .blogpost {padding: 0;}
}