/***** Westsächsischer Chorverband *****/

@charset "UTF-8";

@font-face { font-family: 'meine-schrift';
        src: url('../fonts/meineschrift.ttf') format('truetype');
}
@font-face { font-family: 'Roboto';
        src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face { font-family: 'PT Serif';
        src: url('../fonts/PTSerif-Regular.ttf') format('truetype');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, small, strike, strong, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, embed, figure, footer, header, menu, nav, output, section, audio, video {
        border: 0;
        font-size: 100%;
        margin: 0;
        padding: 0;
        /* vertical-align: baseline; */
}

body { word-wrap: break-word; }

pre code { word-wrap: normal; }

html { font: normal 112.5%/1.65 san-serif; }

body { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; color: #555555; }

body {
        /*  font-family: 'PT Serif', serif; */
        font-family: 'Roboto', sans-serif;
        margin: 0 auto;
        padding: 0 auto;
        background-color:#CFE0C7;
        color: #555;
        text-align:center;
        line-height:1.5em;
}

@font-face { font-family: 'meine-schrift';
        src: url('../fonts/meineschrift.ttf') format('truetype');
}

.foto {
        /*  background: url(../Images/hintergrund_maschine.jpg) no-repeat top center fixed;
          background-size: cover; */
}

small { font-size: 65%; }

h1, h2, h3, h4, h5, h6 { text-rendering: optimizeLegibility; margin-top: 0; }

/*p { margin: auto auto 1.5em;font-size: 14px; }
p + p { text-indent: 1.5em; margin-top: -1.5em; }
*/
abbr, acronym, blockquote, code, dir, kbd, q, samp, tt, var, .overlay, .mobinav { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }




pre code { white-space: -moz-pre-wrap; white-space: pre-wrap; }

pre { white-space: pre; }

code { white-space: pre; font-family: monospace; }

/** Abbreviations Markup
        <abbr title="hyper text markup language">HMTL</abbr>  Extend this object into your markup.  */
abbr { font-variant: small-caps; font-weight: 600; text-transform: lowercase; color: gray; }
abbr[title]:hover { cursor: help; }

/*
h1, h2, h3, h4, h5, h6 { color: #222222; }
*/
p + .drop-cap { text-indent: 0; margin-top: 0; }

.drop-cap:first-letter { float: left; margin: inherit; padding: inherit; font-size: 4em; font-family: inherit; line-height: 1; text-indent: 0; background: transparent; color: inherit; }

.pull-quote { position: relative; padding: 1em; }
.pull-quote:before, .pull-quote:after { height: 1em; opacity: 0.5; position: absolute; font-size: 4em; color: #dc976e; }
.pull-quote:before { content: '“'; top: 0; left: 0; }
.pull-quote:after { content: '”'; bottom: 0; right: 0; }



body { /*font-family: 'PT Serif', serif;*/ }
@media only screen and (max-width: 768px) { body { padding-top: 0 !important; } }

footer .panel { margin-bottom: 0; }
footer .panel .panel-footer { padding-top: 30px; }
@media only screen and (max-width: 768px) { footer .panel .panel-body, footer .panel .panel-footer { padding-left: 0; padding-right: 0; } }

/*
h1, h2, h3, h4, h5, h6 { font-family: 'PT Serif', serif; line-height: 1.1; }

h1 { font-family: 'PT Serif', serif; letter-spacing: -0.5px; }
*/
a { color: #24902D;
        text-decoration: none;
        /*    -webkit-transition: color, background-color 0.2s;
            -moz-transition: color, background-color 0.2s;
            -o-transition: color, background-color 0.2s;
            transition: color, background-color 0.2s; */
}
/*
a {
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms;
        -webkit-transition-property: color, border-color, background-color;
        transition-property: color, border-color, background-color;
} */
a,a:link,a:visited{outline:none;}

a:hover { color: #02035a; }

img, video { width: 100%; max-width: 100%; height: auto; }

td {font-size: 1.1em;padding: 3px 0;}

.row { margin-bottom: 0; }

.nopadding {
        margin: 0 !important;
        padding: 0 !important;
}

.main-header { background-color: #ff460d; overflow: hidden; min-height: 375px; padding-top: 115px; padding-bottom: 115px; margin-bottom: 115px; @font font-bold; }
.main-header, .main-header h1 { color: #F3EFDF; }
.main-header a { color: #F3EFDF; text-decoration: underline; }
.main-header a:hover { text-decoration: none; }
@media only screen and (max-width: 768px) { .main-header { margin-bottom: 20px; padding-top: 50px; padding-bottom: 50px; min-height: 0; }
        .main-header h1 { font-size: 1.8rem; } }

.neos-alignment-right { float: right; margin-left: 2em; margin-bottom: 1em; }

.neos-alignment-left { float: left; margin-right: 2em; margin-bottom: 1em; }

.carousel { margin-bottom: 0em; }

.carousel-indicators { bottom: 20px; z-index: 99; }
.carousel-indicators li { width: 16px; height: 16px; margin: 0; border-color: #ccc; background-color: #888; -webkit-transition: box-shadow 0.1s; -moz-transition: box-shadow 0.1s; -o-transition: box-shadow 0.1s; transition: box-shadow 0.1s; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);  z-index: 99; }
.carousel-indicators .active { width: 16px; height: 16px; background-color: #24902D; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); }
@media only screen and (max-width: 768px) { .carousel-indicators { display: none; } }

.carousel-control.right, .carousel-control.left { background: none; }
.neos-backend .carousel-control { display: none; }

.carousel-control .icon-prev, .carousel-control .icon-next {
        font-size: 50px;
}
.carousel-control {
        opacity: .75;
}

@media only screen and (max-width: 768px) { .carousel-caption { font-size: 15px; padding-bottom: 0; } }

.top-navigation-wrap { background-color: white; background-color: rgba(255, 255, 255, 0.97); transition: box-shadow 0.2s linear; min-height: 85px; }
.top-navigation-wrap.scrolling { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); }
@media only screen and (max-width: 768px) { .top-navigation-wrap { position: relative; margin-left: -15px; margin-right: -15px; }
        .top-navigation-wrap, .top-navigation-wrap.scrolling { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } }
.neos-backend:not(.neos-full-screen) .top-navigation-wrap { top: 82px; }
@media only screen and (max-width: 768px) { .neos-backend:not(.neos-full-screen) .top-navigation-wrap { top: auto; } }
.neos-edit-preview-panel-open:not(.neos-full-screen) .top-navigation-wrap { top: 182px; }
@media only screen and (max-width: 768px) { .neos-edit-preview-panel-open:not(.neos-full-screen) .top-navigation-wrap { top: auto; } }
.neos-inspector-panel-open:not(.neos-full-screen) .top-navigation-wrap { right: 320px; }
.neos-menu-panel-open:not(.neos-full-screen) .top-navigation-wrap, .neos-navigate-panel-open:not(.neos-full-screen) .top-navigation-wrap { left: 320px; }

.first-level-navigation { margin-top: 25px; margin-bottom: 0; }
.first-level-navigation a { font-size: 1.3em; }
@media only screen and (max-width: 768px) { .first-level-navigation .nav-pills > li { float: none; margin-right: 0; } }

.second-level-navigation { margin-left: 155px; margin-bottom: 0; min-height: 40px; padding-bottom: 5px; }
/* @media only screen and (max-width: 768px) { .second-level-navigation { display: none; } } */
.second-level-navigation .nav-pills > li { margin-right: 30px; }
.second-level-navigation .nav-pills > li > a { font-size: 12px; line-height: 20px; /* font-family: 'PT Serif', serif; */ }
.second-level-navigation .nav-pills > li:last-of-type { margin-right: 0; }

.navbar-brand {
        background: url("../Images/logo-signet-oscv.png") no-repeat;
        background-size: 100px 32px; text-indent: -999px; width: 135px; height: 32px; margin-right: 20px; }
/*
@media only screen and (max-width: 768px) {
        .navbar-brand { background-image: url("../Images/logo.png"); background-size: 100px 32px; margin-left: 20px; }
}
*/
.navbar-default { background-color: transparent; border: none; }
.navbar-default .navbar-header { padding-bottom: 18px; }
/* .navbar-default .navbar-toggle { background-color: #ff8700; outline: none; margin-top: 0; }
.navbar-default .navbar-toggle .icon-bar { background-color: white; } */

.container .navbar-collapse { max-height: none; padding: 0; margin: 0; }

@media only screen and (max-width: 768px) { .navbar-collapse { border-bottom: 1px solid transparent; } }
.nav-pills > li { display: block; float: left; width: auto; margin-right: 55px; }
.nav-pills > li + li { margin-left: 0; }
.nav-pills > li:last-of-type { margin-right: 0; }
.nav-pills > li > a { color: #5b5b5b; font-size: 14px; line-height: 46px; vertical-align: bottom; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; text-decoration: none; }
.nav-pills > li > a:hover { background-color: transparent; color: #141414; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .nav-pills > li.current > a, .nav-pills > li.current > a:hover, .nav-pills > li.current > a:focus { color: #ff460d; background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.nav-pills > li li > a { color: #5b5b5b; font-size: 14px; }
.nav-pills > li li > a:hover { background-color: transparent; color: #141414; }
.nav-pills > li li.active > a, .nav-pills > li li.active > a:hover, .nav-pills > li li.active > a:focus, .nav-pills > li li.current > a, .nav-pills > li li.current > a:hover, .nav-pills > li li.current > a:focus { color: #ff460d; background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.nav .caret { border-top-color: #323232; border-bottom-color: #323232; }
.nav .active .caret, .nav .current .caret { border-top-color: white; border-bottom-color: white; }

.nav-tabs { border-bottom: none; }
.nav-tabs > li { margin-right: 55px; margin-bottom: 5px; }
.nav-tabs > li > a { padding: 0; text-decoration: none; border: none; }
.nav-tabs > li > a:hover { background-color: transparent; color: #141414; }
.nav-tabs > li.current > a { color: #5b5b5b; cursor: default; background-color: transparent; }
.nav-tabs > li.current > a, .nav-tabs > li.current > a:hover { color: #ff460d; }

footer.navbar { margin-top: 20px; margin-bottom: 0; }

.breadcrumb { padding-left: 0; color: #5b5b5b; background-color: transparent; }
.breadcrumb li { display: inline; }

.chapter-pager { padding-left: 0; text-align: center; font-size: 0.8em; }
.chapter-pager li { list-style-type: none; display: inline; }

.form-navigation li { list-style-type: none; }

.responsive-video { position: relative; padding-bottom: 55%; padding-top: 15px; margin-bottom: 1.5em; height: 0; overflow: hidden; }
.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/****************************** mein css ********************************************/

/* Main CSS 4 METEX  */


article, aside, details, footer, header, menu, nav, section {
        display: block;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}
html, body {
        height: auto;
        width: auto;
        margin:0;
        padding:0;
}

a:link, a:visited {
        color: #24902D;
        text-decoration: none;
        line-height: 1.5em;
}
a:hover, a:focus {
        color: #FACD0D;
        text-decoration: none;
}


.contentpic .columns-4-4-4 .neos-nodetypes-textwithimage figure,
.contentpic .columns-4-4-4 .neos-nodetypes-textwithimage div {
        width: 100%;
        padding: 10px 15px;
}

.contentpic a:link, .contentpic a:visited {
        color: #24902D;
        text-decoration: none;
}
.contentpic a:hover, .contentpic a:focus {
        color: #F3EFDF;
        text-decoration: none;
}
}
#header {
        /*   border-bottom: 1px solid #dadada; */
        box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.1);
        /*  position: fixed; */
        width: 100%;
        z-index: 998;
        background-color: #ffffff;
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
}
#header .container{

}
#header .mainnav .container{
        background-color: transparent;
}

.mainnav {
        margin-top: 0px;
        background-color: rgba(255,255,255,0.9);
        /*   box-shadow: 3px 3px 3px grey; */
        border-top: 1px solid #dadada;
}
.secnav {
        background-color: rgba(230,230,230,0.8);
        padding-top: 125px;
}

.logo {
        float:left;
        height: 62px;
        margin: 7px 0 0 0;
        background: url("../Images/logo-signet-wscv.png") no-repeat 20px 1px;
        /*  background-size: contain; */
        background-size: contain;
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
}

.logo a{
        width: 100%;
        height: 100%;
        display: block;
}
.logo.start {
        height: 120px;
}
.logo img {
        width: 100%;
        height: auto;
}
.slogan {
        float: left;
        color: #24902D;
        font-weight: 400;
        font-size: 2.25em;
        line-height: 1em;
        text-align: left;
        padding: 23px 0;
        font-family: 'PT Serif', serif;
}
/*
.sticky .slogan {
        font-size: 1.5em;
        line-height: 1em;
        padding-top: 22px;
} */
.slogan.start {
        padding-top: 72px;
}
.schalter {
        float:left;
        text-align: right;
}
.language {
        position:absolute;
        left: 0px;
        top: 0px;
        padding: 10px 0;
        font-size: 0.8em;
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
}
.language ul {
        list-style-type: none;
}
.language ul li {
        float:left;
        padding: 0 10px;
        border-right: 1px solid #24902D;
}
.language ul li:last-of-type {
        border-right: none;
}
.language ul li.current a {
        color: #999999;
}
.banner {
        clear:both;
        /*   background-color:#D5D5D5; */
        background-color: #F3EFDF;
        height: auto;
        /*   min-height: 1px; */
        width:100%;
}
.banner img {
        height: auto;
        width:100%;
}
.banner .row,
.banner .row .neos-contentcollection {
        margin: 0;
        padding: 0;
}
.content {
        margin: 0 0 0 0;
        padding: 10px 0 50px 0;
        background-color: rgba(245,240,225,0.95);
        border-top: 0px solid #dadada;
        max-width: 100%;
        background-image: url("../Images/wscv_bg.png");
        background-repeat: no-repeat;
        background-position: right bottom;
}
.margin-50 {padding: 50px 0 50px 0;}
.contentpic {
        padding: 35px 0;
}
#map {
        border-bottom: 1px solid grey;
}
.weiss {
        background-color: #ffffff; /* #F5F0E1 */
}
.content p,
.neos-nodetypes-text ul li,
.neos-nodetypes-text ol li,
.contact p,
.contact li {
        font-size: 1.0em;
        line-height: 1.65em;
        font-weight: 400;
}
.content li p {
        font-size: 1.0em;
        line-height: 1.75em;
        font-weight: 400;
}
.content .neos-contentcollection {
        padding: 0 20px;
}
.content .neos-nodetypes-headline {
        /*   font-size: 1.0em; */
        font-weight: normal;
        text-align: left;
        padding: 5px 0 5px 0;
        margin: 0 15px;
}

.content .columns-6-6 .neos-nodetypes-headline {
        padding: 5px 0 20px 27px;
}



.content .neos-nodetypes-text {
        margin: 0 15px;
}

.content .column .neos-nodetypes-headline {
        margin: 0;
}
.content h1,
.content .neos-nodetypes-headline h1 {
        font-size: 1.4em;
        line-height: 1.25em;
        font-weight: 400;
        color: #24902D;
        padding: 15px 0px;
        /*   border-bottom: 1px solid #C5C5C5; */
}

#header h2 {
        color: #555;
        font-weight: 400;
        font-size: .8em;
        padding: 2px 5px;
}
.content h2,
.content .neos-nodetypes-headline h2,
.contentpic .neos-nodetypes-headline h2 {
        font-size: 1.3em;
        line-height: 1.55em;
        font-weight: normal;
        padding: 15px 0 15px;

}
.content h3,
.content .neos-nodetypes-headline h3,
.contentpic .neos-nodetypes-headline h3 {
        font-size: 1.2em;
        line-height: 1.5em;
        font-weight: normal;
        color: #24902D;
        padding: 15px 0;
}
.content .neos-nodetypes-headline h3 a,
.contentpic .neos-nodetypes-headline h3 a {
        color: #24902D;
}
.content h4,
.content .neos-nodetypes-headline h4,
.contentpic .neos-nodetypes-headline h4 {
        font-size: 1.1em;
        line-height: 1.4em;
        font-weight: 400;
        color: #24902D;
        padding: 10px 0 0 0px;
        text-align: left;
}
.content .columns-6-6 h4,
.content .columns-6-6.neos-nodetypes-headline h4,
.contentpic .columns-6-6 .neos-nodetypes-headline h4 {
        padding: 0 0 10px 2px;
}
.content h5,
.content .neos-nodetypes-headline h5,
.contentpic .neos-nodetypes-headline h5 {

        font-size: 1.2em;
        line-height: 1.0em;
        font-weight: bold;
        padding: 15px 15px;
        text-align: left;
}
.content .columns-6-6 p,
.content .columns-6-6.neos-nodetypes-headline p,
.contentpic .columns-6-6 .neos-nodetypes-headline p {
        padding: 1px 0 1px 2px;
}
.content ul,
.content ol,
.content .column ul,
.content .column ol{
        list-style-image: url("../Images/link_pfeil.png");
        margin-left: 40px;
}
.content .column li {
        line-height: 1.5em;
}
.contentpic {
        clear:both;
        /*    background-color:#D5D5D5; */
        height: auto;
        min-height: 1px;
        width:100%;
}
.content.starts {
        padding: 35px 0 50px 0;
}
.content.starts h3,
.content.starts .neos-nodetypes-headline h3,
.content.starts h4,
.content.starts .neos-nodetypes-headline h4,
.starts h3,
.starts h4 {
        font-size: 1.4em;
        line-height: 1.25em;
        font-weight: 400;
        color: #24902D;
        padding: 15px 0px;
}
.contentpic.starts .neos-nodetypes-headline h3,
.contentpic.starts .neos-nodetypes-headline h4 {
        padding: 5px 15px;
        font-size: 1.35em;
        line-height: 1.15em;
        font-weight: 400;
}

.foto .contentpic {
        padding: 30px 0;
}
.foto .content h1 {
        margin: 35px 0 5px 0;
}
.contentpic img {
        width:100%;
        height: auto;
}
.picorgi img {
        width:auto;
        max-width: 100%;
        height: auto;
        text-align:left;
        margin: 0 15px;
}

@media only screen and ( max-width: 650px ){
        .picorgi img {
                margin: 0 0;
        }
}

.contentpic .column {
        position: relative;
        min-height: 1px;
}
.contentpic.starts .neos-nodetypes-textwithimage div {
        /*   color: #646464; */
        padding: 0px 15px 10px 15px;
}
.contentpic .neos-nodetypes-text {
        position: relative;
        padding: 10px 15px 10px 15px;
        min-width: 1px;
        font-size: 0.9em;
        font-weight: 400;
}
.contentpic .neos-nodetypes-image,
.content .firstcontent .neos-nodetypes-image {
        margin: 10px 35px 35px 33px;
}
.contentpic .columns-6-6 .neos-nodetypes-image,
.content .firstcontent .columns-6-6 .neos-nodetypes-image {
        margin: 10px 35px 35px 30px;
}
.contentpic .columns-4-4-4 .neos-nodetypes-image,
.content .firstcontent .columns-4-4-4 .neos-nodetypes-image {
        margin: 10px 15px 35px 25px;
}
.contentpic .neos-nodetypes-image figure,
.content .firstcontent .neos-nodetypes-image figure {

}
.contentpic .neos-nodetypes-image figure img,
.content .firstcontent .neos-nodetypes-image figure img {

}

.pic {
        margin: 10px 0 20px 0;
        /*   position: relative; */
        min-height: 1px;
        height: auto;
}

@media only screen and ( max-width: 650px ){
        .pic {
                min-height: 60px;
        }
}
.tele {
        position: absolute;
        bottom: 20px;
        left: 15px;
        padding: 15px 15px 15px 50px;
        min-width: 200px;
        font-size: 24px;
        font-weight: 300;
        color: #646464;
        background: #fff url("../Images/phone.png") no-repeat 10px 10px;
        box-shadow: 2px 2px 2px grey;
}
.contact {
        clear:both;
        height: auto;
        min-height: 50px;
        background-color:#24902D;
        width:100%;
        color: #F3EFDF;
        padding: 15px 10px;
        /* border-bottom: 1px solid #C33500; */
}
.container.neos-nodetypes-threecolumn {
        position: relative;
        /*    margin-left: 15px; */
        padding: 8px 0;
}
.columns-4-4-4 .column {
        width: 33.3333333333%;
        float:left;
}
/*
.columns-4-4-4 .column:first-of-type {
        padding: 0 20px 0 0;
}
 */.columns-4-4-4 .column {
           padding: 0 15px;
   }
/*
.columns-4-4-4 .column:last-of-type {
        padding: 0 0 0 20px;
} */
.columns-4-4-4 .column .neos-nodetypes-image,
.columns-4-4-4 .column .neos-nodetypes-text,
.columns-4-4-4 .column .neos-nodetypes-headline {
        /*padding: 15px; */
}
.columns-6-6 .column {
        width: 50%;
        float:left;
        padding: 5px 8px;
}

.blau {
        background: #FACD0D;
        color: #ffffff;
}
.blau > div {
        padding: 20px;
}
.content .column .blau ul {
        list-style-image: url("../Images/link_pfeilw.png");
        /*   -webkit-filter: grayscale(100%) contrast(0%) brightness(100%);
           filter: grayscale(100%) contrast(0%) brightness(100%);
           opacity: 1; */
}

.refi {
        max-width: 100%;
        overflow:hidden;
}
.refi .neos-nodetypes-textwithimage,
.refi .neos-nodetypes-image,
.refi .neos-nodetypes-text {
        position: relative;
        width: 20%;
        float: left;
        z-index:997;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
}
.refi .neos-nodetypes-textwithimage:hover {
        z-index:998;
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -o-transform: scale(1.25);
        -ms-transform: scale(1.25);
        transform: scale(1.25);
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
}
.refi .neos-nodetypes-textwithimage figure {
        position: relative;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
}

.refi .neos-nodetypes-textwithimage div {
        position:absolute;
        bottom:15px;
        left:0px;
        width: 100%;
        background-color: rgba(255,255,255,0.5);
        padding: 10px;
        font-size: 0.8em;
}
.refi .neos-nodetypes-textwithimage:hover div {
        background-color: rgba(255,255,255,0.8);
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
}

.neos-nodetypes-headline,
.neos-nodetypes-text {clear:both;}


.prasi {
        width: 23%;
        float:left;
        height: auto;
    /*    min-height: 500px; */
        margin: 10px 1%;
        padding: 10px 8px;
        background-color: #ffffff;
        border-radius: 15px;
        text-align: center;
}

.prasi .prpic {
        padding: 15px 0;
        margin: 0 auto;
}
.prasi .prpic img {
        max-width: 85%;
        height: auto;
        border-radius: 50%;
        margin: 0 auto;
}
.prasi .prname h3 {
        color:#24902D;
        font-size: 1.35em;
        font-weight: 400;
        margin: 0;
}
.content .prasi .prname h3 {
        padding: 0 0 15px 0;
}
.prasi .prtext .prfunktion h4{
        font-size: 1.05em;
        font-weight: 400;
        margin: 0 auto 5px auto;
        background-color: #24902D;
        border-radius: 10px;
        width: 90%;
        color: #ffffff;
        padding: 5px 0;
}
.prasi .prtext {
        margin-bottom: 15px;
        line-height: 26px;
        min-height: 72px;
}
.prasi .prtext h4 {
        background-color: #FACD0D;
        border-radius: 10px;
        width: 90%;
        color: #ffffff;
        padding: 3px 0;
        text-align: center;
        margin: 0 auto 10px auto;
}

@media only screen and ( max-width: 650px ){
        .prname,
        .prpic,
        .prfunktion,
        .prtext {
                text-align: center;
        }
        .prasi {
                width: 48%;
                margin: 10px 1%;
        }
}
@media only screen and ( max-width: 400px ){
        .prname,
        .prpic,
        .prfunktion,
        .prtext {
                text-align: center;
        }
        .prasi {
                width: 80%;
                margin: 10px 10%;
        }
}

.linki {
        clear:both;
        float:left;
        padding: 20px;
        width: 100%;
        height: auto;
        min-height: 10px;
        border: 1px solid #DAD7D4;
        border-radius: 10px;
        margin: 10px 0;
        box-sizing: content-box;
        max-width: 70%;
        color: #FC9F00;
}
.linki.mitHL {
        background-color: #A3A3A3;
        color: #ffffff;
}
.linki.mitHL a {
        color: #ffffff;
}

.linkicon {
        float:left;
        width: 50px;
        height: 45px;
        text-align: left;
        padding-right: 10px;
        margin-left: 5px;
}
.linkHL {
        padding: 0 0 10px 0;
        border-bottom: 1px dotted #DAD7D4;
        margin-bottom: 15px;
}
.linkicon img {
        width: auto;
        height:auto;
}
.linki .linktext a {
        text-transform: uppercase;
}
.columns-8-4 .linki .col-md-1 {width: 33%}
.columns-8-4 .linki .col-md-11 {width: 66%}

@media only screen and ( max-width: 768px ){
        .linki {
                width: 100%;
                padding: 0 25px;
        }
        .linki .linkicon {
                width: 7%;
                float:left;
        }
        .linki .col-md-11 {
                width: 93%;
                float:left;
        }

}

.linktext {
        float: left;
        font-size: .9em;
}


.contact a:link,
.contact a:visited {
        color: #F3EFDF;
        text-decoration: none;
}
.contact a:hover,
.contact a:focus {
        color: #FACD0D;
        text-decoration: none;
}
.contact .column:last-child {
        position:relative;
        height: 99px;
}
.contact .neos-nodetypes-menu {
        position:absolute;
        bottom:0px;
        width:100%;
}
.contact ul {
        list-style-type: none;
        width: 100%;
}
.contact li {
        float:left;
        padding: 0 10px;
        border-right: 1px solid #000;
        line-height: 0.8em;
        font-size: 1em;
}
.contact li:last-child {
        border-right: none;
}
.contact .neos-nodetypes-twocolumn {
        padding-left: 35px;
}



#map {
        width: 100%;
        height: 300px;
        margin-top: 0;
}
#map {
        border-bottom: 1px solid grey;
}
.cont #map {
        width: 100%;
        height: 450px;
        margin-top: 0;
}

@media(min-width:767px) {
        #map {
                height: 350px;
                margin-top: 0;
        }
        .cont #map {
                height: 550px;
                margin-top: 0;
        }
}
.footer {
        clear:both;
        font-size: 0.8em;
        height: auto;
        min-height: 25px;
        width:100%;
        background-color:#CFE0C7;
        color: #5E5E5E;
        padding: 15px 0;
}
.footer a, .footer a:link, .footer a:visited {
        color: #F3EFDF;
}
.footer a:hover, .footer a:focus {
        color: #FACD0D;
}
.container {
        margin: 0 auto;
        width: 100%;
        max-width: 1200px;
        padding: 0;
        position: relative;
        text-align:left;
}
.abstand {
        padding: 10px;
}




.logolink {
        display: block;
        width: 100%;
        height: 100%;
}


/* ==========================================================================
Buttons
========================================================================== */
.use-btn {
        display: inline-block;
        margin: 0 10px 10px 0;
        padding: 20px 50px;
        border-radius: 3px;
        background-color: #fff;
        color: #4b98a9;
        font-size: 16px;
}
.use-btn:hover, .use-btn:focus {
        background-color: #EFE8C5;
        color: #fff;
        text-decoration: none;
}
.learn-btn, .download-btn {
        display: inline-block;
        padding: 18px 46px;
        border: 2px solid #fff;
        border-radius: 3px;
        color: #fff;
        font-size: 1.5em;
}
.learn-btn:hover, .download-btn:hover, .learn-btn:focus, .download-btn:focus {
        border-color: #D7B262;
        color: #D7B262;
        text-decoration: none;
}
.read-more-btn {
        display: inline-block;
        color: #323a45;
        text-transform: uppercase;
        font-weight: 400;
}
.read-more-btn i, .download-btn i {
        margin-left: 5px
}
.showcase .download-btn {
        margin-top: 50px
}
.download .download-btn {
        margin-top: 25px
}


/****************** Navi *********************/

/*
* Addresses paddings set differently in IE 6/7.
*/
menu, ol, ul {
        padding: 0
}

/*
* Corrects list images handled incorrectly in IE 7.
*/
nav ul, nav ol {
        list-style: none;
        list-style-image: none;
}

/* ==========================================================================
Navigation
========================================================================== */
.nav-toggle {
        position: absolute;
        top: 49px;
        right: 15px;
        /*   z-index: 999; */
        padding: 10px 35px 16px 0px;
        cursor: pointer;

}
.start .nav-toggle {
        top: 76px;
}
.nav-toggle:focus {
        outline: none;
}

.nav-toggle.active span:before, .nav-toggle.active span:after {
        /*  background: #fff; */
        background: #555;
}
.nav-toggle span:before {
        top: -10px
}
.nav-toggle span:after {
        bottom: -10px
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
}
.nav-toggle.active span {
        background-color: transparent
}
.nav-toggle.active span:before, .nav-toggle.active span:after {
        top: 0
}
.nav-toggle.active span:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}
.nav-toggle.active span:after {
        top: 10px;
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
}
.navicon {
        position: relative;
        height: 26px;
        padding-top: 47px;
}
.start .navicon {
        padding-top: 75px;
}
.navicon p {
        margin: 1px 50px 0 0;
        font-size: 18px;
}
.navicon.start p {
        margin: 29px 50px 0 0;
}
.navicon-fixed {
        position: fixed;
        top: 59px;
        right: 143px;
}


/******* Navi Links ******/


ul.second-level,
.third-level-container ul {
        list-style-type: none;
        margin-left: 20px;
        padding-bottom: 3px;
}
.third-level-container ul {
        margin-left: 15px;
}
ul.second-level li:before {
        content: ">";
        padding: 0 3px 0 0 ;
        color:#24902D;
}

@media all and (max-width: 980px) {
        .untermenulinks .second-level-sub-navigation li {
                clear:both;
        }
        .untermenulinks .fourth-level-container .second-level-sub-navigation li {
                clear:none;
                float:left;
                width: 24%;
                margin-right: 1%;
        }
}
@media all and (max-width: 600px) {
        .untermenulinks .fourth-level-container .second-level-sub-navigation li {
                width: 49%;
                margin-right: 1%;
        }
}

/************ Navi unten ******/

.contentpic .menuunten .neos-nodetypes-menu {margin: 0 0 0 30px}
.contentpic .menuunten .neos-nodetypes-menu ul { margin: 10px 0 0 0;}
.contentpic .menuunten .neos-nodetypes-menu ul li a {color: #000;font-size: 1.5em;pointer-events: none;cursor: default; text-decoration: none;}
.contentpic .menuunten .neos-nodetypes-menu ul li ul li {float:left; width: 15.666%; margin-right: 1%;}
.contentpic .menuunten .neos-nodetypes-menu ul li ul li a {float: left; margin-right: 20px;color:#24902D; font-size: 1.05em;line-height: 1.85em;pointer-events: auto;cursor: pointer; text-decoration: none;}
.contentpic .menuunten .neos-nodetypes-menu ul li ul li a:hover {color: #000;text-decoration: underline;}

@media all and (max-width: 980px){
        .contentpic .menuunten .neos-nodetypes-menu ul li ul li {float:left; width: 24%; margin-right: 1%;}
        .logo {
                height: 44px;
        }
}
@media all and (max-width: 640px){
        .contentpic .menuunten .neos-nodetypes-menu ul li ul li {float:left; width: 49%; margin-right: 1%;}
}
/************ Sticky ******************/

.sticky {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        border-top: 0;
        padding: 0;
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
        z-index: 99;
}
/*
.sticky .logo {
        height: 40px;
        margin: 5px 0;
        background: url("../Images/logo-signet-wscv.png") no-repeat right center;
        background-size: contain;
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
}
.sticky .slogan {
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        padding: 11px 0 0 10px;
}*/
.nav-toggle {
        top: 15px;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        z-index: 999;
}
.sticky .nav-toogle {
        z-index: 999;
}

.navicon {
        padding-top: 30px;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
}
/*
.sticky .navicon {
        padding-top: 13px;
}
.sticky .nav-toggle {
         padding: 7px 35px 16px 0px;

} */
.navicon p {
        margin: 0px 50px 0 0;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        font-size: 14px;
}
.language {
        position:absolute;
        left: 0px;
        top: 5px;
        padding: 10px 0;
        font-size: 0.8em;
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
}
.mobinav {
        display: none;
}


/* ==========================================================================
Nav Overlay
========================================================================== */
/* Overlay style */

.overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 66.667%;
        /*   background: rgba(0, 50, 0, 0.9); */
        /*   background: rgba(207, 224, 199, 0.95); */
        background: rgba(243, 239, 223, 0.9);
        z-index: 998;
        border-bottom: 1px solid #88A650;
}

/* Menu style */
.overlay nav {
        position: relative;
        top: 50%;
        height: 97%;
        padding: 2%;
        text-align: center;
        font-size: 54px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
@media all and (min-width: 1200px){
        .overlay nav {
                height: 97%;
        }
}
.overlay ul {
        position: relative;
        display: inline-block;
        margin: 0 auto;
        padding: 0;
        list-style: none;
        width: 66%;
}
.overlay ul li {
        display: block;
        float: left;
        margin-right: 1%;
        width: 99%;
}

.overlay .slogan h2 {
        color: /*fff*/ #555;
        font-size: .8em;
        line-height: 1em;
        padding:3px 0 0 5px;
}
/*
.overlay ul li.first-level {
        margin-bottom: 10px;
}
.overlay ul li.first-level:nth-child(1) {

}
.overlay ul li a.mainlink {
        display: none;
}
/*
.overlay.open ul li a.mainlink {
        display: inline-block;
}

.overlay ul li:nth-child(1) ul li:nth-child(2) ul:nth-child(1),
.overlay ul li:nth-child(2) ul li:nth-child(2) ul:nth-child(1),
.overlay ul li:nth-child(3) ul li:nth-child(2) ul:nth-child(1) {
        background-color: transparent;
}

.overlay ul li:last-child {
        margin-right: 0px
}
.overlay ul li i {
        display: block;
        margin-bottom: 10px;
        font-size: 40px;
}
.overlay ul li a {
        display: block;
        padding: 10px 10px;
        width: 100%;
        color: #4C4C4C;
        text-align: left;
        font-weight: 600;
        font-size: 1.25em;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
}
/*
.overlay ul li li a {
        pointer-events: auto;
        text-decoration: none;
} */

/*.overlay ul li.current a, */

.overlay nav ul:nth-of-type(1) ,
.overlay nav ul:nth-of-type(3) {
        background-color: #CFE0C7;
}
.overlay ul li:nth-of-type(2) {
        /*     background-color: #CFE0C7; */
}

.overlay ul ul li.current a,
.overlay ul ul li.active a{
        color: #3C7840;
}
.overlay ul li a:hover,
.overlay ul li a:focus {
        /*   border-color: #EFE8C5; */
        /* color: #FACD0D; */
        color: #3C7840;
        text-decoration: none;
}
.overlay ul {
        border-top: 1px solid #3C7840;
        border-bottom: 1px solid #3C7840;
}
.overlay ul ul {
        border-bottom: 0px solid #3C7840;
}

.overlay ul li {
        /*   clear:both; */
        display: block;
        float: left;
        width: 99%;
        margin-right: 1%;
        text-align: left;
}
.overlay ul li.first-level {
        display: block;
        float: left;
        margin-right: 1%;
        width: 23%;
}
.overlay ul li.first-level:nth-child(5) {
        clear:both;
}
.overlay ul li a {
        display: block;
        padding: 7px 10px 7px 10px;
        min-width: 217px;
        width: 100%;
        /*  color: #F5F0E1; */
        color: #444;
        text-align: left;
        font-weight: 400;
        text-transform: none;
        font-size: 16px;
        line-height: 1.25em;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        border: none;
        border-bottom: 0px solid #3C7840;
}
.overlay ul li ul li a {
        padding: 7px 10px 7px 10px;
        border-bottom: 0px solid #3C7840;
        width: 100%;
}
.overlay ul li ul {
        border-top: 0px solid #3C7840;
}
.overlay ul li a {
        font-weight: 500;
        font-size: 1.2em;
}
.overlay ul li ul li a {
        font-weight: 400;
        font-size: 1.05em;
}


/* Effects */
.overlay-boxify {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
        transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-boxify.open {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
}
.overlay-boxify nav ul li {
        opacity: 0;
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0);
        -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
        transition: transform 0.5s, opacity 0.5s;
}
.overlay-boxify.open nav ul:first-child li:first-child {
        -webkit-transition-delay: 0.05s;
        transition-delay: 0.05s;
}
.overlay-boxify.open nav ul:first-child li:nth-child(2) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
}
.overlay-boxify.open nav ul:nth-child(2) li:first-child {
        -webkit-transition-delay: 0.15s;
        transition-delay: 0.15s;
}
.overlay-boxify.open nav ul:nth-child(2) li:nth-child(2) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
}
.overlay-boxify.open nav ul li {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
}
.overlay-boxify.open nav ul li ul li ul li {
        width: 100%;
}


/***** Unterseiten Navi *****/

nav.unterseite .second-level-sub-navigation li {
        display: block;
        float: left;
        margin-right: 1%;
        width: 99%;
}
nav.unterseite .third-level-container .second-level-sub-navigation li {
        clear: none;
        display: block;
        float: left;
        margin-right: 1%;
        width: 19%;
}

.hamburger {
        background-color: transparent;
        border: 0;
        color: inherit;
        cursor: pointer;
        display: inline-block;
        float: left;
        font: inherit;
        margin: 0.8125em 0 0;
        overflow: visible;
        outline: none;
        padding: 0;
        text-transform: none;
        transition: opacity 0.15s;
        -webkit-appearance: none;
}

.hamburger:hover {
        opacity: 0.7;
}

.hamburger-box {
        width: 30px;
        height: 24px;
        display: inline-block;
        position: relative;
}

.hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
        width: 30px;
        height: 3px;
        background-color: #88A650;
        border-radius: 4px;
        position: absolute;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
}

#masthead.is-active .hamburger-inner,
#masthead.is-active .hamburger-inner::before,
#masthead.is-active .hamburger-inner::after {
        background-color: #333;
}

.hamburger-inner::before,
.hamburger-inner::after {
        content: "";
        display: block;
}

.hamburger-inner::before {
        top: -6px;
}

.hamburger-inner::after {
        bottom: -6px;
}

/*
 * Boring
 */
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
        transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #555;
}

.hamburger--boring.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
        bottom: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
}

.hamburger-label {
        color: #555;
        display: inline-block;
        font-weight: 700;
        letter-spacing: 0.08em;
        line-height: 1;
        margin-right: 0.3125em;
        text-transform: uppercase;
}

#masthead.is-active .hamburger-label {
        color: #333;
}

.hamburger-box,
.hamburger-label {
        display: inline-block;
        vertical-align: middle;
}

@media all and (max-width: 1024px){
        .hamburger {
                margin: 0.8125em 1em 0 0;
        }
        .overlay ul {
                width: 100%;
        }
        .overlay {
                height: 75%;
                border-bottom: 1px solid #88A650;
        }
}


/************************************************************/

.contentpic {
        background-color: #CFE0C7;
}
.contentpic .neos-nodetypes-text,
.content .neos-nodetypes-text {
        padding:1px 0;
        max-width: 100%;
}
.contentpic .column .neos-nodetypes-html,
.content .column .neos-nodetypes-html{
        padding: 10px 15px;
        margin: 0 5px;
}
.contentpic .column .neos-nodetypes-text,
.content .column .neos-nodetypes-text {
        padding: 10px 15px 10px 0;
        margin: 0 0;
}

.rechterContent .neos-nodetypes-html {
        margin: 0 25px 20px 35px;
}

.neos-nodetypes-html iframe {
        padding: 0 35px;
        max-width: 100%;
}

.columns-4-4-4  {
        position:relative;
        float:left;
        width: 100%;
}
.columns-4-4-4 .column {
        position:relative;
        float:left;
        min-height:1px;
        /*   padding:1px 15px; */
        width: 33.33333333%;
}


@media all and (min-width: 767px){
        .starts .columns-4-4-4 .column:first-of-type {
                padding:1px 10px 1px 33px;
        }
        .starts .columns-4-4-4 .column:last-of-type {
                padding:1px 33px 1px 10px;
        }
}


/*
.columns-6-6 .column:first-of-type {
        position:relative;
        float:left;
        min-height:1px;
        padding:1px 15px 1px 0;
        width: 50%;
}
.columns-6-6 .column:last-of-type {
        position:relative;
        float:left;
        min-height:1px;
        padding:1px 0 1px 15px;
        width: 50%;
}*/
.columns-6-6 {
        clear:both;
}
.columns-8-4 {
        clear:both;
}
.columns-8-4 .column:first-of-type {
        position:relative;
        float:left;
        min-height:1px;
        padding:1px 15px 1px 15px;
        width: 66.66666666%;
}
.columns-8-4 .column:last-of-type {
        position:relative;
        float:left;
        min-height:1px;
        padding:1px 15px 1px 15px;
        width: 33.33333333%;
}
.columns-4-8 .column:first-of-type {
        position:relative;
        float:left;
        min-height:1px;
        padding:1px 15px 1px 0;
        width: 33.33333333%;
}
.columns-4-8 .column:last-of-type {
        position:relative;
        float:left;
        min-height:1px;
        padding:1px 0 1px 15px;
        width: 66.66666666%;
}
.columns-3-3-3-3 .column {
        position:relative;
        float:left;
        min-height:1px;
        padding:1px 1px;
        width: 25%;
}
.columns-8-4 .columns-4-4-4 .column {
        width: 33.3333%;
}
.seite .neos-nodetypes-textwithimage {
        clear:both;
        float:left;
        padding-bottom: 20px;
        width: 100%;
        height: auto;
        position: relative;
}
.seite .neos-nodetypes-textwithimage > figure {
        width: 50%;
        float:left;
}
.columns-6-6 .neos-nodetypes-image > figure,
.columns-8-4 .neos-nodetypes-image > figure {
        margin-bottom: 20px;
}
.columns-6-6 .columns-6-6 .neos-nodetypes-image > figure {
        margin-bottom: -20px;
}
.seite .neos-nodetypes-textwithimage > div {
        width: 50%;
        float:left;
        font-size: 0.8em;
}
.columns-4-4-4 .neos-nodetypes-textwithimage > figure,
.columns-4-4-4 .neos-nodetypes-textwithimage > div {
        width:50%;
        float:left;
}
.columns-4-4-4 .referenzen > figure,
.columns-4-4-4 .referenzen > div {
        width:100%;
        float:left;
}
.columns-4-4-4 .neos-nodetypes-textwithimage > figure {
        position: relative;
}
.columns-4-4-4 .referenzen > figure {
        position: relative;
}
.columns-4-4-4 .neos-nodetypes-textwithimage > div {
        width:50%;
        /*  background-color: rgba(255,255,255,0.8); */
        padding: 15px;
}
.columns-4-4-4 .referenzen > div {
        position: absolute;
        bottom: 50px;
        left: 0px;
        width:100%;
        background-color: rgba(255,255,255,0.8);
        padding: 15px;
}
.columns-4-4-4 .neos-nodetypes-textwithimage > figure img {
        width:100%;
        height: auto;
}
.columns-4-4-4 .referenzen > figure img {
        width:100%;
        height: auto;
}
.columns-4-4-4 .neos-nodetypes-text{
        clear:both;
}
.columns-3-6-3 {}
.columns-3-6-3 .column {
        width:50%;
        float:left;
}
.columns-3-6-3 .column:first-of-type,
.columns-3-6-3 .column:last-of-type {
        width:25%;
        float:left;
}
.content .columns-8-4 .columns-4-4-4 .column {
        padding: 0 20px;
}
.content .columns-8-4 .columns-4-4-4 .neos-nodetypes-textwithimage figure,
.content .columns-8-4 .columns-4-4-4 .neos-nodetypes-textwithimage div {
        width: 100%;
        float: left;
        text-align:center;
}

.contact .columns-4-4-4 .column  {
        padding: 0 25px;
}
.contact .columns-4-4-4 .column:first-of-type  {
        padding: 0 15px 0 35px;
}
.contact.starts .columns-4-4-4 .column:first-of-type  {
        padding: 0 15px 0 50px;
}
.contact .neos-nodetypes-headline {
        padding: 10px 15px 5px 35px;
}

.neos-contentcollection .container {
        max-width: 100%;
        padding: 0 0px;
}
.foto .neos-contentcollection .container {
        max-width: 100%;
        padding: 0 10px;
}
.row {
        margin-left: 0px;
        margin-right: 0px;
}
.clearfix:after {
        content:".";
        display:block;
        height:0;
        font-size:0;
        clear:both;
        visibility:hidden;
}

li {
        font-size: 14px;
}

.breadcrumb {
        clear:both;
        text-align: left;
        margin-top: 10px;
        margin-left: 10px;
        padding: 3px 15px;
}
.breadcrumb ul {
        padding: 5px 0;
        margin: 5px 10px;
        list-style: none;
}
.breadcrumb li {
        float:left;
        min-width: 40px;
        width: auto;
        margin-right: 7px;
        color: #24902D;
        font-size:0.95em;
}
.breadcrumb li:before {
        /*  content: "»\00a0"; */
        color: #24902D;
        font-size:1em;
}

.breadcrumb > li + li::before {
        padding: 0 5px;
        content: "»\00a0";
        font-size:1.25em;
}

.breadcrumb li a:link,
.breadcrumb li a:visited {
        color: #24902D;
        text-decoration: none;

}
.breadcrumb li a:hover,
.breadcrumb li a:focus {
        color: #02385A;
        text-decoration: none;

}
/*
.breadcrumb li:nth-of-type(2) {
        display:none;
}
*/
.breadcrumb.scs {
        margin-left: 5px;
}
.breadcrumb li.normal {
        font-size: 0.9em;
        margin-top: 1px;
        padding-top: 1px;
}
.breadcrumb li.active,
.breadcrumb li.current {
        font-size: 0.9em;
        padding: 0;
}

/*
.breadcrumb.scs li:nth-of-type(1),
.breadcrumb.scs li:nth-of-type(2),
.breadcrumb.scs li:nth-of-type(3),
.breadcrumb.scs li:nth-of-type(4) {
        display:none;
}
.breadcrumb > li + li:nth-of-type(5)::before {
        padding: 0 0px;
        content: "";
        font-size:1.25em;
} */

.unternavi ul {margin: 10px 0 75px 20px;}
.unternavi li {
        float:left;
        min-width: 40px;
        width: auto;
        margin: 5px 13px 10px 13px;
        color: #24902D;
        font-size:0.95em;
}
.unternavi li a:link,
.unternavi li a:visited {
        color: #24902D;
        font-size: 1.05em;
        text-decoration: none;

}
.unternavi li a.current {
        color: #FACD0D;
}




#container {
        margin: 5px 0 0 0;
}

.filters {
        /*   border-top: 1px solid #888888; */
        background-color: rgba(243,239,223,0.44);
        padding: 0 0 25px 20px;
        max-width: 85%;
}
.filtern .neos-nodetypes-headline {
        padding: 0 0 20px 8px;
}
.filtern .neos-nodetypes-html {
        padding: 0 0 25px 20px;
}
.mitglieder {
        padding: 5px 20px;
}

.content .mitglieder h2 {
        font-size: 1.4em;
        color: #24902D;
        line-height: 1.75em;
        font-weight: 400;
        padding: 1px 0 15px 0;
}
.mitglieder {
        overflow: hidden;
        position: relative;
}
.mitglieder .choir-list {
        list-style-type: none;
        padding: 0;
}
.mitglieder ul {
        list-style-type: none;
}
.mitglieder ul, .mitglieder ol {
        margin: 0 0 20px;
        padding: 0;
}
.mitglieder .choir-list li {
        margin: 0 0 12px;
        width: 100%;
}
.mitglieder .choir-list {
        list-style-type: none;}
.mitglieder .choir-list li a {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        background: #F3EFDF;
        border-bottom: 1px solid #24902D;
        color: #424242;
        display: block;
        padding: 5px 30px 5px 10px;
        position: relative;
}
.mitglieder .choir-list li a.hasdetails::after {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 2em;
        line-height: 2.8em;
        align-items: center;
        background: #C5D4B6;
        /*     background-position-x: 0%;
             background-position-y: 0%;
             background-position: center; */
        color: #24902D;
        content: " > ";
        height: 100%;
        padding: 0 .35em 0.25em .35em;
        position: absolute;
        right: 0;
        top: 0;
}
.choir.mbc,
.choir.oscv,
.choir.lcv {
        display:none;
}

/******/

.ui-group {margin-bottom: 10px;}
.filtern .button {
        clear:both;
        width: 92%;
        display: inline-block;
        padding: 0.45em .15em;
        background: transparent;
        border: none;
        border-radius: 0;
        background-image: none;
        color: #666666;
        font-size: .925em;
        cursor: pointer;
        text-align: left;
        border-bottom: 1px solid transparent;
}
.filtern h4 {
        margin-bottom: 5px;
}
.filtern .button:hover {
        color: #24902D;
        border-bottom: 1px solid #24902D;
}
.filtern .button:before {
        content: '>';
        padding-right: 5px;
}

.filtern .button:active,
.filtern .button.is-checked {
        color: #24902D;
}
.filtern .button.is-checked {
        color: #24902D;
        border-bottom: 1px solid #24902D;
}

.filtern .button:active {
        color: #FACD0D;
}

/* ---- button-group ---- */

.filtern .button-group:after {
        content: '';
        display: block;
        clear: both;
}

.filtern .button-group .button {
        float: left;
        border-radius: 0;
        margin-left: 0;
        margin-right: 1px;
}


/*********************************************************************************/
/* Accordion                                                                     */
/*********************************************************************************/

/*
#features .accordion-group i{background:none repeat scroll 0 0 #fff;border: none;border-radius:0px;box-shadow:box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0) inset;color:#000;display:inline-block;font-size:1.05em;height:10px;line-height:10px;text-align:left;width:100%;}
#features .accordion-grouph2{font-size:1.1em;font-weight:700;margin:1.25em 0;line-height:1.75em;}
*/
.accordion {
        position: relative;
        clear:both;
        margin: 0px 35px 20px 35px;
}
.transition, p, ul li i:before, ul li i:after {
        transition: all 0.25s ease-in-out;
}

.flipIn, h1, ul li {
        animation: flipdown 0.5s ease both;
}

.no-select, h2 {
        /*  -webkit-tap-highlight-color: transparent;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; */
}

.accordion h1, .accordion h2 {
        color: #222222;
        margin-top: 5px;
}

.accordion h1 {
        /* text-transform: uppercase; */
        font-size: 16px;
        line-height: 20px;
        /* letter-spacing: 2px; */
        color: #24902D;
        font-weight: 100;
        cursor: pointer;
}

.accordion h2 {
        font-size: 1.05em;
        line-height: 1.5em;
        font-weight: 100;
        display: block;
        color: #444444;
        margin: 0;
        cursor: pointer;
}

.accordion p {
        clear:both;
        /* color: rgba(48, 69, 92, 0.8);
         font-size: 14px;
         line-height: 26px;
         letter-spacing: 1px;       */
        position: relative;
        overflow: hidden;
        opacity: 1;
        transform: translate(0, 0);
        margin-top: 5px;
        z-index: 2;
}
.accordion-heading {
        margin: 0 0;
        background-color:#CFE0C7 ;
        color:#444;
        padding: 10px;
}
.accordion .accordion-heading a {
        color: #444;
        text-decoration: none;
        font-size: 1.05em;
        display:block;
        font-weight: 400;
}
.accordion-teaser {
        margin: 10px 0;
}
.accordion img {
        width: 100%;
        height: auto;
        padding: 5px;
}
.accordion em {
        font-style: italic;
        font-size: 1.0em;
}
.accordion-inner .container {
        padding-left: 0;
}

.accordion-group {
        padding: 0;
        margin: 0;
        /*    padding-bottom: 4px;
           padding-top: 10px;
           border-top: 1px solid #3C7840;
           border-bottom: 0px solid #3C7840; */
        min-height: 1px;
        height: auto;
        width: 100%;
        float:left;
        margin-right: 2%;
        border: 1px solid #CFE0C7;
        background-color: #F4F4F4;
        margin-bottom: 10px;
}

.accordion-group:last-of-type {
        margin-bottom:25px;
}

.content.starts .neos-nodetypes-contentreferences .accordion-group .accordion-heading {
        display:none;
}
.content.starts .neos-nodetypes-contentreferences .accordion-group .collapse {
        display: block;
}

.neos-backend .accordion-group {
        width: 100%;
        float:left;
        margin-right: 0%;
}


@media screen and (max-width:1020px) {
        .accordion-group {
                width: 100%;
                float:left;
        }
}

@media screen and (max-width:680px) {
        .accordion-group {
                width: 100%;
                float:left;
                margin-right: 0%;
        }
        .green .neos-nodetypes-headline h1 {
                font-size: 24px;
                padding: 15px 0 5px 0;
                line-height: 30px;
        }
}

.accordion-group:after {
        content:".";
        display:block;
        height:0;
        font-size:0;
        clear:both;
        visibility:hidden;
}

.accordion-toggle {
        padding-left: .5em;
}
.accordion .accordion-toggle i {
        margin-right: 1em;
        font-size: 85%;
}

.accordion .toggle-open i {
        transform: rotate(90deg);
}


.accordion .neos-nodetypes-textwithimage figure {
        float: left;
        width: 100%;
}

.accordion .neos-nodetypes-textwithimage div {
        float: left;
        width: 100%;
        text-align: center;
        padding-right: 0px;
}
.accordion .neos-nodetypes-textwithimage div p {
        width: 100%;
}
#features .accordion p {
        font-size: 0.95em;
        line-height: 1.65em;

}
.cont .accordion .neos-nodetypes-textwithimage::after {
        clear:none;
}
.accordion-body {
        margin: 10px 0;
}
.neos-nodetypes-headline {
        clear:both;
}

.columns-4-8  .accordion {
        position: relative;
        clear: both;
        margin: 0 20px 20px 0;
}

.columns-4-8 .accordion-heading {
        margin: 0 0;
        background-color: transparent;
        color: #27282A;
        padding: 0 0 10px 0;
}

.columns-4-8 .accordion-toggle {
        padding-left: 0;
}

.columns-4-8  .accordion .accordion-heading a {
        color: #24902D;
        text-decoration: none;
        font-size: 1.05em;
        display: block;
        font-weight: 400;
}

.columns-4-8 .accordion i {
        display:none;
}
.accordion .accordion-toggle i {
        margin-right: 1em;
        font-size: 85%;
        transform: rotate(-90deg);
}
.accordion .collapsed i {
        transform: rotate(90deg);
}

.event {
        font-size: 1.0em;
        line-height: 1.45em;
        margin: 5px 15px 20px 15px;
        padding: 0;
}
.eventdate {
        border-bottom: 1px solid #24902D;
        display: block;
        font-weight: 400;
        margin-bottom: 3px;
        padding-bottom: 3px;
        color: #555;
}
.eventname {
        color: #24902D;
        display: block;
        font-weight: 400;
}
.content .eventname h3 {
        font-size: 1.05em;
        line-height: 1.5em;
        font-weight: normal;
        color: #24902D;
        padding: 5px 0;
        font-weight: 400;
}
.eventtext{
        margin-bottom: 20px;
        color: #555;
        font-weight: 400;
        font-size: .95em;
}
.starts .event {
        font-size: 1.0em;
        line-height: 1.45em;
        margin: 25px 45px 20px 5px;
        padding: 0;
}


/**************************************************************************/


.post-share {float:right;}
.post-share-icons a {
        background-color:#fff;margin: 5px 1px;padding: 7px 2px 7px 7px;text-align:center;box-shadow: 0.15em 0.15em 0.125em #7D819C;
}
.post-share-icons a i {
        text-align:center;padding: 5px;
}

.starts .col-md-4,
.starts .col-sm-4,
.starts .col-xs-12{
        padding-left: 0;
}

.starts.content .col-md-4 .neos-nodetypes-headline {
        font-size: 1.0em;
        font-weight: normal;
        text-align: left;
        padding: 5px 0 20px 0;
        margin: 0 15px 0 5px;
}
.starts.content .col-md-4 .neos-nodetypes-text {
        padding: 1px 20px 0 0;
        max-width: 100%;
}
.starts.content .col-md-4 .neos-nodetypes-text {
        margin: 0 15px 0 5px;
}


@media all and (min-width: 1200px) {
        .overlay-boxify.open .ebene1 {
                min-height: 350px;
        }
}
@media all and (max-width: 1200px){
        .slogan {
                font-size: 2.0em;
                padding-top: 25px;
        }
        .slogan a:hover,
        .slogan a:hover h2,
        .slogan a h2:hover {text-decoration: none;}

        /*   .sticky .slogan {
               font-size: 1.50em;
               padding-top: 5px;
           } */
        .container {
                max-width: 100%;
        }
}
@media all and (max-width: 992px){
        .slogan {
                font-size: 1.75em;
                padding-top: 22px;
        }
        /*   .sticky .slogan  {
               font-size: 1.55em;
               padding-top: 5px;
           } */
}
@media all and (max-width: 767px){
        .logo {
                /*  width: 250px; */
                height: 40px;
                margin: 5px 0 10px 0;
                background: rgba(0, 0, 0, 0) url("../Images/logo_wscv_small.png") no-repeat scroll 0 5px / contain ;
        }
        /*   .sticky .logo {
                   background: url("../Images/logo_wscv_small.png") no-repeat right center;
                   background-size: contain;
                   -webkit-transition: all 500ms ease-in-out;
                   transition: all 500ms ease-in-out;
           } */
        .slogan  {
                font-size: 1.75em;
                padding: 15px 0 0 10px;
        }
        .gross {
                display: none;
        }
        /*   .sticky .slogan  {
               font-size: 1.5em;
               padding-top: 5px;
           } */
        .navicon {
                padding-top: 15px;
                height: 50px;
                margin-top: 5px;
        }
        .overlay-boxify {
                display: none;
        }
        .content .neos-nodetypes-headline {
                font-size: 1em;
                font-weight: normal;
                margin: 0px;
                padding: 5px 0 5px;
                text-align: left;
        }
        .row {
                margin-left: 0px;
                margin-right: 0px;
        }
        .container.neos-nodetypes-threecolumn {
                margin-left: 0px;
                padding: 8px 0;
        }
        .columns-4-4-4 .column:first-of-type,
        .columns-4-4-4 .column:last-of-type,
        .columns-4-4-4 .column {
                padding: 0px;
        }
        .columns-4-4-4 .column div,
        .contact .columns-4-4-4 .column ul {
                padding: 0 10px;
        }
        .contact .neos-nodetypes-menu {
                max-width: 100%;
        }
        .contact li {
                padding: 0px;
        }
        .contact .columns-4-4-4 .column:first-of-type,
        .contact .columns-4-4-4 .column {
                padding: 0 15px 0 0;
        }

        /***** Mobile Navi *****/

        @media all and (max-width: 767px) {

                .mobinav {
                        clear: both;
                        display: none;
                        height: 1px;
                }

                .mobinav.open {
                        clear: both;
                        display: inline;
                        height: 1px;
                        -webkit-transition: all 500ms ease-in-out 0s;
                        -moz-transition: all 500ms ease-in-out 0s;
                        -o-transition: all 500ms ease-in-out 0s;
                        transition: all 500ms ease-in-out 0s;
                }

                .mobinav ul li a.mainlink {
                        display: block;
                }

                .mobinav .second-level-container ul.second-level-sub-navigation li {
                        display: block;
                        float: left;
                        margin-right: 0;
                        width: 100%;
                }
                .mobinav ul li a {
                        isplay: block;
                        padding: 5px 10px;
                        width: 100%;
                        background-color: #24902D;
                        color: #F5F0E1;

                        text-transform: none;
                        text-align: center;
                        font-weight: 400;
                        font-size: 1.05em;
                        -webkit-transition: all 300ms ease-in-out;
                        transition: all 300ms ease-in-out;
                }
                .mobinav ul li {
                        border-bottom: 1px solid #2b542c;
                        border-top: 0px solid #2b542c;
                }
                .mobinav ul li ul.second-level-sub-navigation li a {
                        display: block;
                        padding: 5px 10px ;
                        width: 100%;
                        background-color: #CFE0C7;
                        color: #555;
                        text-transform: none;
                        text-align: center;
                        font-weight: 400;
                        font-size: 1.05em;
                        -webkit-transition: all 300ms ease-in-out;
                        transition: all 300ms ease-in-out;
                }
                .mobinav ul li ul li {
                        border-bottom: 0px solid #007D2C;
                        border-top: 1px solid #007D2C;
                }
                .mobinav ul li a {
                        font-size: 1.25em;
                        font-weight: 400;
                }
                .mobinav ul li ul li a {
                        font-size: 1.25em;
                        font-weight: 400;
                }
                .mobinav .nav-justified > li > a {
                        margin-bottom: 0;
                }

                .nav-toggle.active span:before, .nav-toggle.active span:after {
                        background: #2b542c;
                }
                .mobinav ul li.current a {
                        color: #FACD0D;
                }

                .starts.content .col-md-4 .neos-nodetypes-headline{
                        margin: 0 5px 0 0;
                }
                .starts.content .col-md-4 .neos-nodetypes-contentreferences,
                .starts.content .col-md-4 .neos-nodetypes-text {
                        margin: 0 35px 0 35px;
                }
                .starts .content .eventname h3 {
                        font-size: 1.05em;
                        line-height: 1.5em;
                        padding: 5px 0;
                        font-weight: 400;
                }


        }



        .breadcrumb {
                margin-top: 10px;
                margin-left: 10px;
        }
        .columns-4-4-4 .column {
                width: 100%;
        }


        /*  .navbar-header {
            display: block;
         }
        .navbar-main-collapse {
            display:none;
         } */
        .content .neos-nodetypes-headline h1 {
                font-size: 1.5em;
                line-height: 1.5em;
                padding: 15px 10px 15px 33px;
        }
        .content .neos-nodetypes-headline h2,
        .contentpic .neos-nodetypes-headline h2 {
                font-size: 1.25em;
                line-height: 1.5em;
                padding: 10px 33px;

        }
        .content .neos-nodetypes-headline h3,
        .contentpic .neos-nodetypes-headline h3 {
                font-size: 1.1em;
                line-height: 1.3em;
                padding: 10px 33px;
        }
        .content .neos-nodetypes-headline h4,
        .contentpic .neos-nodetypes-headline h4 {
                font-size: 1.0em;
                padding: 15px 33px;
        }
        .content .neos-nodetypes-headline h5,
        .contentpic .neos-nodetypes-headline h5 {
                font-size: 1.0em;
                line-height: 1.0em;
                padding: 15px 33px;
        }

        .content .columns-6-6 .neos-nodetypes-headline h1,
        .contentpic .columns-6-6 .neos-nodetypes-headline h1,
        .content .columns-6-6 .neos-nodetypes-headline h2,
        .contentpic .columns-6-6 .neos-nodetypes-headline h2,
        .content .columns-6-6 .neos-nodetypes-headline h3,
        .contentpic .columns-6-6 .neos-nodetypes-headline h3,
        .content .columns-6-6 .neos-nodetypes-headline h4,
        .contentpic .columns-6-6 .neos-nodetypes-headline h4,
        .content .columns-6-6 .neos-nodetypes-headline h5,
        .contentpic .columns-6-6 .neos-nodetypes-headline h5 {
                padding: 15px 25px;
        }


        .content.starts h3,
        .content.starts .neos-nodetypes-headline h3,
        .content.starts h4,
        .content.starts .neos-nodetypes-headline h4,
        .starts h3,
        .starts h4 {
                font-size: 1.5em;
                line-height: 1.5em;
                padding: 15px 10px 15px 15px;
        }

        .content.starts .col-md-4 h4,
        .content.starts .col-md-4 h3 {
                font-size: 1.5em;
                line-height: 1.5em;
                padding: 15px 10px 15px 33px;
        }
        .contentpic.starts .neos-nodetypes-headline h3,
        .contentpic.starts .neos-nodetypes-headline h4 {
                font-size: 1.5em;
                line-height: 1.5em;
                padding: 15px 10px 15px 15px;
        }
        .content.starts .neos-nodetypes-image {
                font-size: 1.5em;
                line-height: 1.5em;
                padding: 15px 35px;
        }
        .starts.content .eventname h3 {
                font-size: 1.15em;
                line-height: 1.5em;
                padding: 5px 0;
                font-weight: 400;
        }

        .refi .neos-nodetypes-textwithimage,
        .refi .neos-nodetypes-image,
        .refi .neos-nodetypes-text {
                float: left;
                position: relative;
                transition: all 500ms ease-in-out 0s;
                width: 33.333333%;
                z-index: 998;
        }
        .hamburger-label /*,
        .navicon p*/ {
                display: none;
        }
        .navicon p {
                margin: -25px -50px 0 0;
        }

}




@media all and (max-width: 640px){
        .logo {
                /*  width: 250px; */
                height: 35px;
                margin: 10px 0 10px 0;
                background: rgba(0, 0, 0, 0) url("../Images/logo_wscv_small.png") no-repeat scroll  ;
        }
        .slogan {
                font-size: 1.25em;
                line-height: 1.5em;
                padding: 16px 0 0 10px;
        }
        /*
         .sticky .slogan  {
             font-size: 1.1em;
             padding: 13px 0 0 10px;
         }
 */
        .nav-toggle {
                top: 10px;
        }
        .nav-toggle {
                right: 0px;
                z-index: 999;
                padding: 10px 35px 16px 0px;
        }
        .nav-toggle span, .nav-toggle span::before, .nav-toggle span::after {
                width: 30px;
                height: 4px;
                border-radius: 1px;
        }

        .columns-4-4-4 .column {
                width: 100%;
        }
        .columns-6-6 .column,
        .neos-nodetypes-twocolumn {
                width: 100%;
                float:left;
        }
        .columns-8-4 .column:first-of-type {
                width: 100%;
                padding:1px 15px 1px 0;
        }
        .columns-8-4 .column:last-of-type {
                width: 100%;
                padding:1px 0 1px 15px;
        }
        .columns-4-8 .column:first-of-type {
                width: 100%;
                padding:1px 15px 1px 0;
        }
        .columns-4-8 .column:last-of-type {
                width: 100%;
                padding:1px 0 1px 15px;
        }
        .columns-8-4 .columns-4-4-4 .column {
                width: 33.3333333%;
                padding:1px 10px;
        }
        .columns-8-4 .columns-4-4-4 .column:first-of-type {
                width: 33.3333333%;
                padding:1px 10px;
        }
        .columns-8-4 .columns-4-4-4 .column:last-of-type {
                width: 33.3333333%;
                padding:1px 10px;
        }
        .columns-4-8 .columns-4-4-4 .column:first-of-type {
                width: 33.3333333%;
                padding:1px 10px;
        }
        .columns-4-8 .columns-4-4-4 .column:last-of-type {
                width: 33.3333333%;
                padding:1px 10px;
        }
        .columns-3-3-3-3 .column {
                width: 50%;
        }
        .columns-4-4-4 .column div,
        .contact .columns-4-4-4 .column ul {
                padding: 10px;
        }
        .neos-nodetypes-image {
                margin-bottom: -10px;
        }
        figure {
                padding: 0;
                margin: 0;
        }
        .contentpic .neos-nodetypes-headline {
                margin-bottom: 20px;
        }
        .neos-nodetypes-text {
                font-size: 0.8em;
        }
        .contact .neos-nodetypes-text {
                padding: 0 10px;
                font-size: 0.8em;
        }

        .refi .neos-nodetypes-textwithimage,
        .refi .neos-nodetypes-image,
        .refi .neos-nodetypes-text {
                float: left;
                position: relative;
                transition: all 500ms ease-in-out 0s;
                width: 50%;
                z-index: 998;
        }
        .tele {
                position: absolute;
                bottom: 10px;
                left: 10px;
                padding: 7px 7px 7px 40px;
                min-width: 150px;
                font-size: 18px;
                background: #fff url("../Images/phone_small.png") no-repeat 7px 7px;
        }

}
@media all and (max-width: 450px){
        .logo {
                /*  width: 175px; */
                height: 37px;
                margin: 10px 0 5px 0;
        }
        .slogan,
        .sticky .slogan  {
                font-size: 1.1em;
                padding-top: 18px;
        }
        #header .col-xs-1,
        #header .col-xs-8,
        #header .col-xs-2 {
                padding-right: 0px;
        }


        .navicon {
                padding-top: 15px;
                height: 50px;
                margin-top: 5px;
        }
        .hamburger-label /*,
        .navicon p*/ {
                display: none;
        }
        .language {
                right: 70px;
        }
        .content .neos-nodetypes-headline h1 {
                font-size: 1.15em;
                line-height: 1.25em;
                padding: 15px 15px 15px 30px;
        }
        .content .neos-nodetypes-headline h2,
        .contentpic .neos-nodetypes-headline h2 {
                font-size: 1.0em;
                line-height: 1.25em;
                padding: 10px 15px;

        }
        .content .neos-nodetypes-headline h3,
        .contentpic .neos-nodetypes-headline h3 {
                font-size: 0.9em;
                line-height: 1.3em;
                padding: 10px 15px;
        }
        .content .neos-nodetypes-headline h4,
        .contentpic .neos-nodetypes-headline h4 {
                font-size: 0.8em;
                padding: 15px 15px;
        }
        .content .neos-nodetypes-headline h5,
        .contentpic .neos-nodetypes-headline h5 {
                font-size: 0.8em;
                line-height: 1.0em;
                padding: 15px 15px;
        }
        .refi .neos-nodetypes-textwithimage,
        .refi .neos-nodetypes-image,
        .refi .neos-nodetypes-text {
                float: left;
                position: relative;
                transition: all 500ms ease-in-out 0s;
                width: 100%;
                z-index: 998;
        }

        .columns-4-4-4 .column {
                width: 100%;
        }
        .columns-6-6 .column,
        .neos-nodetypes-twocolumn {
                width: 100%;
                float:left;
        }
        /*
        .columns-6-6 .column:first-of-type {
            padding-left: 10px;
        }
        .columns-6-6 .column:last-of-type {
            padding-right: 10px;
         }
        .columns-6-6 .column:first-of-type,
        .columns-6-6 .column:last-of-type {
            width: 100%;
        }*/
        .columns-8-4 .column:first-of-type {
                width: 100%;
                padding:15px 15px;
        }
        .columns-8-4 .column:last-of-type {
                width: 100%;
                padding:15px 15px;
        }
        .columns-4-8 .column:first-of-type {
                width: 100%;
                padding:15px 15px;
        }
        .columns-4-8 .column:last-of-type {
                width: 100%;
                padding:15px 15px;
        }
        .columns-8-4 .columns-4-4-4 .column:first-of-type {
                width: 100%;
        }
        .columns-8-4 .columns-4-4-4 .column:last-of-type {
                width: 100%;
        }
        .columns-4-8 .columns-4-4-4 .column:first-of-type {
                width: 100%;
        }
        .columns-4-8 .columns-4-4-4 .column:last-of-type {
                width: 100%;
        }
        .columns-3-3-3-3 .column {
                width: 50%;
        }
        .columns-4-4-4 .column div,
        .contact .columns-4-4-4 .column ul {
                padding: 0 0px;
        }
        .neos-nodetypes-image {
                margin-bottom: -10px;
        }
        figure {
                padding: 0;
                margin: 0;
        }
        .contentpic .neos-nodetypes-headline {
                margin-bottom: 20px;
        }
        .neos-nodetypes-text {
                font-size: 0.8em;
        }
        .contact .neos-nodetypes-text {
                padding: 0 10px;
                font-size: 0.8em;
        }
        #header h2 {
                color: #555;
                font-weight: 400;
                font-size: .7em;
                padding: 2px 5px;
        }



}

.headpic {
        clear:both;
        max-width: 960px;
        height:1px;
        max-height: 250px;
        background: no-repeat center center;
        margin: 15px 0;
}
.headpic img {
        width: 100%;
        height: auto;
}



ul {
        /*  margin: 5px 0px 5px 25px; */
}


/******* Inhalte aus NEOS *******/






.neos-nodetypes-text {
        font-size: 0.9em;
        /*   color: #585858; */
        margin: 10px 0;
}
.neos-nodetypes-text ul {
        margin-left: 20px;

}
.neos-nodetypes-text ul li {
        /*   font-size: 0.9em; */

}
.neos-nodetypes-form {
        clear:both;
        margin-top:10px;
}
.neos-nodetypes-html {
        clear:both;
        margin-top:10px;
}
.form-group {
        font-size: 0.9em;
        font-weight: normal;
}



.weissebox {
        padding: 10px 25px 25px 25px;
        margin: 20px 27px;
        background-color: #fff;
}


/* Backend */

.aloha-editable td {
        border: 1px dotted #BDBDBD;
}

/* Formulare */

.neos-nodetypes-form {
        padding: 0 45px;
}
.neos-nodetypes-form label {
        font-weight: 400;
        font-size: 0.8em;
        clear: both;
        float:left;
        min-width: 15px;
        width: 15px !important;
        height: 15px;
        display: block;
}
.neos-nodetypes-form input, .neos-nodetypes-form textarea {
        border: 1px solid #CFE0C7;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 10px;
        float: left;
        width: 80%;
        max-width: 400px;
        background: #F4F4F4;
        -webkit-transition: color .2s ease;
        -moz-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
        color:#444444;
        padding:5px 10px;
        font-size: 0.8em;
}
select,
.neos-nodetypes-form select {
        border: 1px solid #CFE0C7;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 10px;
        float: left;
        width: 80%;
        max-width: 400px;
        background: #F4F4F4;
        -webkit-transition: color .2s ease;
        -moz-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
        color:#444444;
        padding:8px 10px;
        font-size: 0.8em;
}

.neos-nodetypes-form input:focus, .neos-nodetypes-form textarea:focus {
        padding:5px 10px;
        background: #F4F4F4;
        -webkit-transition: color .2s ease;
        -moz-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
        cursor: pointer;
        font-style:normal;
        color:#000000;
        border: 1px solid #24902D;
}
.neos-nodetypes-form ul {
        margin-left: 15px;
}
.neos-nodetypes-form .input {

}
.submit button {
        position: relative;
        background: -webkit-linear-gradient(top, #24902D 1%, #4CB253 50%, #4CB253 51%,  #24902D 100%);
        background: -moz-linear-gradient(top, #24902D 1%, #4CB253 50%, #4CB253 51%, #24902D 100%);
        background: -ms-linear-gradient(top, #24902D 1%, #4CB253 50%,#4CB253 51%,  #24902D 100%);
        background: -o-linear-gradient(top, #24902D 1%,  #4CB253 50%, #4CB253 51%,#24902D 100%);
        background-color:#24902D;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24902D', endColorstr='#4CB253');
        color: #F3EFDF;
        padding: 4px 30px 5px 30px;
        margin-left: 0;
        border: none;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
        text-decoration: none;
        overflow: hidden;
        cursor: pointer;
}
.submit button:active {
        background-color:#4CB253;
}

.submit button:after {
        content: "";
        background: #24902D;
        display: block;
        position: absolute;
        padding-top: 300%;
        padding-left: 350%;
        margin-left: -20px!important;
        margin-top: -120%;
        opacity: 0;
        transition: all 0.8s
}

.submit button:active:after {
        padding: 0;
        margin: 0;
        opacity: 1;
        transition: 0s
}

/* Effects */
.overlay-boxify {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
        transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-boxify.open {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
}
.overlay-boxify nav ul li {
        opacity: 0;
        -webkit-transform: translate3d(0, -80px, 0);
        transform: translate3d(0, -80px, 0);
        -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
        transition: transform 0.5s, opacity 0.5s;
}
.overlay-boxify.open nav ul:first-child li:first-child {
        -webkit-transition-delay: 0.05s;
        transition-delay: 0.05s;
}
.overlay-boxify.open nav ul:first-child li:nth-child(2) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
}
.overlay-boxify.open nav ul:nth-child(2) li:first-child {
        -webkit-transition-delay: 0.15s;
        transition-delay: 0.15s;
}
.overlay-boxify.open nav ul:nth-child(2) li:nth-child(2) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
}
.overlay-boxify.open nav ul li {
        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
}





.neos-backend .language {
        display:none;
}
/* ==========================================================================
Waypoints
========================================================================== */
/*.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 {
        visibility: hidden
}*/
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown {
        visibility: visible
}
.delay-05s {
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
}
.delay-1s {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
}