.button {
    background-color: rgb(107,  33,  29);
}

.button:focus,
.button:hover {
    background-color: #999999;
}



#cookieInfoBox a,
#cookieInfoBox a:visited {
    color: #cccccc;
    font-weight: bold;
}

    #cookieInfoBox a:hover,
    #cookieInfoBox a:active,
    #cookieInfoBox a:focus {
        color: rgb(107,  33,  29);
    }



/* Spam protect */

#row_mainSubject {
    height: 0;
    overflow: hidden;
}

.error {
    border-color: rgb(192, 0, 0);
    color: rgb(192, 0, 0);
}

.error + span.error {
    display: block;
    margin: -1rem 0 1rem 0;
    padding: 0.25rem 0.5rem;
    font-size: 0.85rem;
    background: rgb(192, 0, 0);
    color: rgb(255, 255, 255);
}


/* ============================================================
  PARALLAX
============================================================ */

section.module:last-child {
    margin-bottom: 0;
}

    section.module {
        overflow: hidden;
    }

        section.module h2 {
            margin-bottom: 40px;
            font-size: 30px;
        }

        section.module p {
            margin-bottom: 40px;
            font-size: 16px;
            font-weight: 300;
        }

        section.module p:last-child {
            margin-bottom: 0;
        }

        section.module.content {
            padding: 40px 0;
        }

        section.module.parallaxDiv {
            height: 600px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-attachment: fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }


        @media screen and (max-width: 767px) {
            _::-webkit-full-page-media, _:future, :root .module.parallaxDiv {

                    height: 600px;
                    background-position: 50% 50%;
                    background-repeat: no-repeat;
                    background-attachment: scroll;
                    background-image: none;

                    -webkit-background-size: auto;
                    -moz-background-size: auto;
                    -o-background-size: auto;
                    background-size: auto;

            }
        }

        section.module.parallaxDiv h1 {
            color: rgba(255, 255, 255, 0.8);
            font-size: 48px;
            line-height: 600px;
            font-weight: 300;
            text-align: center;
            text-transform: uppercase;
            text-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        }

        /* --- hoch --- */
        section.module.parallaxDiv.parallaxHeight-0 {
            height: 600px;
        }
        section.module.parallaxDiv.parallaxHeight-0 h1 {
            line-height: 600px;
        }

        /* --- hoch --- */
        section.module.parallaxDiv.parallaxHeight-1 {
            height: 450px;
        }
        section.module.parallaxDiv.parallaxHeight-1 h1 {
            line-height: 450px;
        }

        /* --- schmal --- */
        section.module.parallaxDiv.parallaxHeight-2 {
            height: 300px;
        }
        section.module.parallaxDiv.parallaxHeight-2 h1 {
            line-height: 300px;
        }



@media all and (min-width: 600px) {

    section.module h2 {
        font-size: 42px;
    }

    section.module p {
        font-size: 20px;
    }

    section.module.parallaxDiv h1 {
        font-size: 96px;
    }

}
@media all and (min-width: 960px) {

    section.module.parallaxDiv h1 {
        font-size: 160px;
    }

}

/* --- #contactExpand --- */

#contactExpand {
    padding-left: 4rem;
}

p.White           { color: rgb(255, 255, 255); font-style: italic; }


.button.secondary {
    background-color: rgb(169, 201, 56);
    color: #fefefe;
    text-transform: uppercase;
    font-weight: bold;
}


.fancybox-title {
    text-align: center;
}

/*
    .fancybox-title .box {
        background-color: rgb(169, 201, 56);
        color: #ffffff;
        padding: 0.2rem;
    }
*/

/* --- .news --- */

.news {

}

    .news .article {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .news .article .news-img-wrap a {
        background: #fff none repeat scroll 0 0;
        border: none;
        display: block;
        float: left;
        padding: 0;
    }

    .news .article .news-img-wrap {
        margin: 0 0 0 0;
    }

    .news .teaser-text a,
    .news .teaser-text a:visited {
        color: rgb(107,  33,  29);
    }

    .news .teaser-text a:focus,
    .news .teaser-text a:hover,
    .news .teaser-text a:active {
        color: rgb(144, 144, 144);
    }

    .news .news-img-wrap .outer {
        display: none;
    }

        .news .news-img-wrap .outer:first-child {
            display: block;
        }

    .news.news-single .article-referenzen a,
    .news.news-single .article-referenzen a:visited {
        color: rgb(107,  33,  29);
    }

    .news.news-single .article-referenzen a:hover,
    .news.news-single .article-referenzen a:focus,
    .news.news-single .article-referenzen a:active {
        color: rgb(144, 144, 144);
    }

    .news.news .article h3 {
        font-size: 1.3rem;
        line-height: 1.0;
        margin-bottom: 0.5rem;
        text-transform: uppercase;
    }

    /* min-width 1024px, large screens */
    @media only screen and (min-width: 64em) {
        .news.news .article h3 {
            font-size: 1.3rem;
        }
    }

    /* min-width 1536px */
    @media only screen and (min-width: 96em) {
        .news.news .article h3 {
            font-size: 1.3rem;
        }
    }

    .news.news-single .article .news-img-wrap {
        float: right;
        margin: 0 0 0 25px;
        width: 100%;
    }

    .news.news-single .teaser-text {
        color: #000000;
        font-weight: 600;
        font-size: 1rem;
        margin: 23px 0 10px 0
    }

    .news .teaser-text a.more::before {
        content: '\f105\f105\f105\0020';
        font-family: FontAwesome, sans-serif;
    }

    .news .teaser-text .blue a.more,
    .news .teaser-text .blue a.more:visited {
        color: rgb( 10, 136, 169) !important;
    }

    .news .teaser-text .green a.more,
    .news .teaser-text .green a.more:visited {
        color: rgb(169, 201, 56) !important;
    }

    .news .teaser-text .red a.more,
    .news .teaser-text .red a.more:visited {
        color: rgb(107,  33,  29) !important;
    }

    .news .teaser-text .blue a.more:active,
    .news .teaser-text .blue a.more:focus,
    .news .teaser-text .blue a.more:hover,
    .news .teaser-text .green a.more:active,
    .news .teaser-text .green a.more:focus,
    .news .teaser-text .green a.more:hover,
    .news .teaser-text .red a.more:active,
    .news .teaser-text .red a.more:focus,
    .news .teaser-text .red a.more:hover {
        color: #FFFFFF !important;
    }

    /* --- */

    .news.news-single .article-detail a.back {
        text-transform: uppercase;
        font-size: 0.9rem;
    }

    .news.news-single .article-detail a.back::before {
        content: '\f104\f104\f104\0020';
        font-family: FontAwesome, sans-serif;
    }

    .news.news-single .article-detail.blue a,
    .news.news-single .article-detail.blue a:visited {
        color: rgb( 10, 136, 169) !important;
    }

    .news.news-single .article-detail.green a,
    .news.news-single .article-detail.green a:visited {
        color: rgb(169, 201, 56) !important;
    }

    .news.news-single .article-detail.red a,
    .news.news-single .article-detail.red a:visited {
        color: rgb(107,  33,  29) !important;
    }

    .news.news-single .article-detail.blue a:active,
    .news.news-single .article-detail.blue a:focus,
    .news.news-single .article-detail.blue a:hover,
    .news.news-single .article-detail.green a:active,
    .news.news-single .article-detail.green a:focus,
    .news.news-single .article-detail.green a:hover,
    .news.news-single .article-detail.red a:active,
    .news.news-single .article-detail.red a:focus,
    .news.news-single .article-detail.red a:hover {
        color: #000000 !important;
    }




    /*
    .news.news-single .defaultImg {
        background: url('images/platzhalter-eff.png') center;
        background-size: 800px 533px;
    }
    */

    /*
    .news .article-referenzen .text a:hover,
    .news .article-referenzen .text a:focus,
    .news .article-referenzen .text a:active {
        color: #000000;
    }

    .news .article-referenzen .textBox {
        background-color: transparent;
        color: #000000;
    }
    */

    .news-single .article-referenzen {
        margin-top: 2rem;
    }

    .news-single .article-referenzen .textBox {
        background-color: transparent;
        color: #000000;
    }




    /* --- Bug im ie11 ausgeglichen --- */
    .news .article .news-img-wrap img {
        width: 100%;
    }




/* === Login-Maske === */

.logout a,
.logout a:visited {
    color: #FFFFFF;
}

.logout a:hover,
.logout a:active,
.logout a:focus {
    color: rgb(107,  33,  29);
}

/* --- .tx-felogin-pi1 --- */

.tx-felogin-pi1 {

}

    .tx-felogin-pi1 .bx-color {
        background-color: rgb(107,  33,  29);
        color: #FFFFFF;
        padding: .4rem 1rem;
    }

    .tx-felogin-pi1 .bx-white {
        background-color: transparent;
        color: #333333;
    }

    .tx-felogin-pi1 h3 {
        font-size: 1.3rem;
        text-transform: uppercase;
        font-weight: 200;
        margin: 0 0 0 0;
    }

    .tx-felogin-pi1 .bx-color h3 {
        color: #FFFFFF;
    }

    .tx-felogin-pi1 .bx-white h3 {
        color: #000000;
        margin: 0 0 15px 0;
    }

    .tx-felogin-pi1 fieldset {
        padding: 0;
        border: 0;
        margin: 0 0 0 0;
    }

    .tx-felogin-pi1 fieldset legend {
        display: none;
    }

    .tx-felogin-pi1 fieldset label {
        color: #FFFFFF;
        padding: 5px 10px 0 0;
        display: contents !important;
    }

    .tx-felogin-pi1 fieldset .bx-white label {
        color: #333333;
        padding: 5px 10px 0 0;
        display: inline-block;
        float: none;
    }

    .tx-felogin-pi1 p:last-child {
        margin-bottom: 0;
    }

    .tx-felogin-pi1 a::before {
        content: '\f105\f105\f105\0020';
        font-family: FontAwesome, sans-serif;
    }

    .tx-felogin-pi1 a,
    .tx-felogin-pi1 a:visited {
        color: #FFFFFF;
    }

    .tx-felogin-pi1 a:active,
    .tx-felogin-pi1 a:focus,
    .tx-felogin-pi1 a:hover {
        color: #CCCCCC;
    }

    .tx-felogin-pi1 .ff-user,
    .tx-felogin-pi1 .ff-pass {
        margin: 0 0 0.5rem;
    }

    .tx-felogin-pi1 input[type="text"],
    .tx-felogin-pi1 input[type="password"] {
        margin: 0 0 0;
    }

    .tx-felogin-pi1 input[type="submit"] {
        border: 0;
        padding: 0.5rem 1.0rem;
        background-color: transparent;
        color: #000000;
        text-transform: uppercase;
        font-size: 1.3rem;
        font-weight: 100;
    }

    .tx-felogin-pi1 input[type="submit"]:hover {
        background-color: transparent;
        color: rgb(107,  33,  29);
    }

    .tx-felogin-pi1 .frgt-psswd a {
        font-size: 0.8rem;
        text-transform: uppercase;
    }

    .tx-felogin-pi1 .ff-perma {
        margin: 0.8rem 1rem 0 0;
        text-transform: uppercase;
        font-size: 0.8rem;
    }

    .tx-felogin-pi1 .ff-perma label {
        font-size: 0.8rem;
    }

    .tx-felogin-pi1 .ff-perma a {
        text-transform: uppercase;
    }

    .tx-felogin-pi1 .ff-perma input[type="checkbox"] {
        margin: 0.1rem 0 0 0;
    }

    .tx-felogin-pi1 .ff-back {
        margin: 0.8rem 1rem 0 0;
        text-transform: uppercase;
    }

    .tx-felogin-pi1 .ff-back a {
        color: #000000;
        text-transform: uppercase;
        font-size: 0.8rem;
    }

/* --- .tx-femanager --- */

.tx-femanager {

}

    .tx-femanager .bx-color {
        background-color: rgb(107,  33,  29);
        color: #FFFFFF;
        padding: .4rem 1rem;
    }

    .tx-femanager .bx-white {
        background-color: transparent;
        color: #333333;
    }

    .tx-femanager h3 {
        font-size: 1.3rem;
        text-transform: uppercase;
        font-weight: 200;
        margin: 0 0 0 0;
    }

    .tx-femanager .bx-color h3 {
        color: #FFFFFF;
        margin: 0 0 15px 0;
    }

    .tx-femanager .bx-white h3 {
        color: #000000;
        margin: 0 0 15px 0;
    }

    .tx-femanager fieldset {
        padding: 0;
        border: 0;
        margin: 0 0 0 0;
    }

    .tx-femanager fieldset legend {
        display: none;
    }

    .tx-femanager fieldset label {
        color: #FFFFFF;
        padding: 5px 10px 0 0;
        display: contents !important;
    }

    .tx-femanager fieldset .bx-white label {
        color: #333333;
        padding: 5px 10px 0 0;
        display: inline-block;
        float: none;
    }

    .tx-femanager p:last-child {
        margin-bottom: 0;
    }

    .tx-femanager a::before {
        content: '\f105\f105\f105\0020';
        font-family: FontAwesome, sans-serif;
    }

    .tx-femanager a,
    .tx-femanager a:visited {
        color: #FFFFFF;
    }

    .tx-femanager a:active,
    .tx-femanager a:focus,
    .tx-femanager a:hover {
        color: #CCCCCC;
    }

    .tx-femanager .ff-user,
    .tx-femanager .ff-pass {
        margin: 0 0 0.5rem;
    }

    .tx-femanager input[type="text"],
    .tx-femanager input[type="password"] {
        margin: 0 0 0;
    }

    .tx-femanager input[type="submit"] {
        border: 0;
        padding: 0.5rem 1.0rem;
        background-color: transparent;
        color: #000000;
        text-transform: uppercase;
        font-size: 1.3rem;
        font-weight: 100;
    }

    .tx-femanager input[type="submit"]:hover {
        background-color: transparent;
        color: rgb(107,  33,  29);
    }

    .tx-femanager .control-group {
        margin: 0 0 10px 0;
    }


    /* --- .calendar --- */

.calendar {
    display: none;
    margin-top: 0.6rem;
    width: 12rem;
}

    .calendar a {
        font-size: 1.0rem;
    }

    .calendar i {
        color: #888888;
    }
    .calendar a:hover i {
        color: rgb(169, 201, 56);
    }

/* --- .calendarize --- */

fieldset.fieldset-subgroup {

}

fieldset.fieldset-subgroup ol {
    margin: 0 0 0 0;
}

div.csc-mailform fieldset.fieldset-subgroup ol {
    padding: 1em 1em 0 0;
}

div.csc-mailform fieldset.fieldset-subgroup ol li {
    padding: 0.5em 0.5em 0.5em 0;
}


/* --- .calendarize --- */

.calendarize {

}

    .calendarize .panel::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        margin-bottom: 2rem;
    }

    .calendarize .media-images {

    }

    .calendarize .media-images h4 {
        color: rgb(85, 85, 85);
        font-size: 1.1rem;
    }

    .calendarize .media-body {

    }

    .calendarize .media-body h3 {
        font-weight: bold;
    }

    .calendarize a.more::after {
        content: '\0020\f101';
        font-family: FontAwesome, sans-serif;
    }

    .calendarize a.more::after {
        content: '\0020\f101';
        font-family: FontAwesome, sans-serif;
    }
    .calendarize .previous a::before {
        content: '\f100\0020';
        font-family: FontAwesome, sans-serif;
    }
    .calendarize a.back::before {
        content: '\f100\0020';
        font-family: FontAwesome, sans-serif;
    }
    .calendarize .next a::after {
        content: '\0020\f101';
        font-family: FontAwesome, sans-serif;
    }

    .calendarize .wt {
        font-size: 1.6rem;
        font-weight: 200;
    }

    .calendarize table tbody tr:nth-child(2n) {
        background-color: #fcfcfc;
    }

    .calendarize .dy-6 td {
        background-color: #F7F1ED;
    }

    .calendarize .dy-0 td {
        background-color: #F3EBE5;
    }

    .calendarize .dy-0 td {
        background-color: #F3EBE5;
    }

    .calendarize .dy-6 td {
        color: rgb(107,  33,  29);
        font-weight: 400;
    }

    .calendarize .dy-0 td {
        color: rgb(107,  33,  29);
        font-weight: 400;
    }

    .calendarize .dy-0 td .wt,
    .calendarize .dy-6 td .wt {
        color: rgb(107,  33,  29);
        font-weight: 400;
    }

    .calendarize .events li {
        color: rgb(0,  0,  200);
        font-weight: 400;
    }

    .calendarize .events li.Geburtstag {
        color: rgb(200,  0,  0);
        font-weight: 400;
        list-style-image: url(images/list-dot-crone.png);
    }

    .calendarize .events li.Unternehmen {
        color: rgb(0,  200,  0);
        font-weight: 400;
    }

    .calendarize .head {
        text-align: center;
        font-weight: 100;
    }

    .calendarize a i {
        margin: 0.2rem 1rem;
    }

    .calendarize tr.selectedDay {
        border: 0;
    }


    .calendarize tr.dy-0 {
        border-bottom: 1px solid #555555;
    }

    .calendarize tr.selectedDay td,
    .calendarize tr.selectedDay td .wt {
        background-color: #FFEEEE !important;
        color: rgb(200,  0,  0) !important;
        font-weight: 400 !important;
    }

    .calendarize .noEvent {
        /* color: rgb(144, 144, 144); */
    }