/* PW Teaser */

.pw_teaser_normal {
}

.pw_teaser_item {
    float: left;
    width: 32%;
    margin-bottom: 10px !important;
    background: #ff7f2a url("/../../ekw/images/pw_teaser_item_bg.png") bottom center no-repeat;
    background-size: 100% auto;
    color: #fff;
}

    .pw_teaser_item:nth-child(3n+3) {
        margin: 0 2% 10px 2%;
    }

.pw_teaser_content {
    padding: 60px 40px 7px 40px;
    border-top: none;
}

.pw_teaser_head {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 25px;
}

main .pw_teaser_head a {
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    letter-spacing: -0.04em;
}

.pw_teaser_abstract {
    min-height: 3em;
}

.more-link {
    text-align: center;
    margin-top: 10px;
    color: #ff7f2a !important;
}


main .news-list-more a,
main .news-list-more a:link,
main .news-list-more a:active,
main .news-list-more a:visited,
main .news-list-more a:hover,
main .more-link a,
main .more-link a:link,
main .more-link a:active,
main .more-link a:visited,
main .more-link a:hover {
    background: #fff;
    border: 1px solid #fff;
    padding: 0 13px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
}

    main .news-list-more a:hover,
    main .more-link a:hover {
        background: #ff7f2a;
        color: #fff;
    }

.pw_teaser_img {
    line-height: 0;
    position: relative;
    height: 300px;
    overflow: hidden;
}

.pw_teaser_img_wrap {
    width: 100%;
    height: auto;
    position: relative;
}

    .pw_teaser_img_wrap::after {
        content: "";
        width: 100%;
        height: 300px;
        background: url("/../../ekw/images/pw_teaser_item_img_after.png") bottom center no-repeat;
        background-size: 100% auto;
        z-index: 1;
        position: absolute;
        left: 0;
        display: block;
        top: 0;
        z-index: 1;
    }

    .pw_teaser_img_wrap img {
        opacity: 0;
    }

.pw_teaser_item:hover .pw_teaser_img_wrap img {
    opacity: 1
}



/* GRID */

.two-col-container .frame-default,
.three-cols-container .frame-default {
    width: 100%;
    margin: 0;
}

.two-col-item-50 {
    width: 48%;
    float: left;
}

.two-col-left {
    margin-right: 2%;
}

.two-col-right {
    margin-left: 2%;
}

.three-cols-container {
}

.three-cols-item {
    float: left;
    width: 30%;
}

.three-cols-middle {
    margin: 0px 5%;
}

.four-cols-container {
    width: 100%;
}

.four-cols-item {
    float: left;
    width: 24%;
    margin-right: 1%;
}

.four-cols-last {
}

/* News */

/* Inhaltselement zusätzlich eingebunden - Preistabelle*/
.packages .frame-default {
    width: 100%;
}

.news_detail_ce {
    margin: 20px 0;
}

.backtolink {
    margin-bottom: 60px;
}

#main .news-cta a,
#main .news-cta a:link,
#main .news-cta a:active,
#main .news-cta a:visited,
#main .news-cta a:hover {
    background: #ff7f2a;
    color: #fff;
    display: inline-block;
    padding: 10px;
    width: 49%;
    text-align: center;
}

    #main .news-cta a:nth-child(2) {
        margin: 0 0 0 2%;
    }

#main .news-cta.smallcta a {
    width: 33%;
}

    #main .news-cta.smallcta a:nth-child(2) {
        margin: 0 0.5%;
    }

#main .news-cta a:hover {
    background-color: #89796A;
}

/* News Startseite */

.dce_start_left div {
    height: 100%;
}

.news-item .news_nr {
    font-size: 120px;
    line-height: 80px;
    font-weight: 600;
    letter-spacing: -0.05em;
    margin-bottom: 44px;
}

.news-item h4 {
    text-transform: uppercase;
    margin-bottom: 25px;
    font-size: 30px;
    font-weight: normal;
    letter-spacing: -0.01em;
    line-height: 36px;
}

main .news-item p {
    margin-bottom: 0;
}

.news_text {
    min-height: 7em;
}

main .news-item a,
main .news-item a:link,
main .news-item a:active,
main .news-item a:visited,
main .news-item a:hover {
}

main .news-list-more {
    text-align: right;
    padding-right: 70px;
}


/* *****************************************************************************************
   RESPONSIVE SECTION
*******************************************************************************************/

/* portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* styles here */

    .pw_teaser_item .pw_teaser_img_wrap img {
        opacity: 1
    }
}

/* landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .pw_teaser_item .pw_teaser_img_wrap img {
        opacity: 1
    }
}

@media screen and (max-width: 1740px) {
    .pw_teaser_abstract {
        min-height: 5em;
    }
}

@media screen and (max-width: 1550px) {
    .three-cols-item img {
        width: 100%;
        height: auto;
    }

    main .pw_teaser_head a {
        font-size: 24px;
    }

    .pw_teaser_abstract {
        min-height: 6em;
    }
}

@media screen and (max-width: 1200px) {
    main .pw_teaser_head a {
        font-size: 20px;
    }

    .pw_teaser_img,
    .pw_teaser_img_wrap::after {
        height: 200px;
    }

    .pw_teaser_abstract {
        min-height: 8em;
    }

    .more-link {
        margin-top: 15px;
        color:#ff7f2a !important;
    }
}


@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 768px) {
    .pw_teaser_item,
    .pw_teaser_item:nth-child(3n+2) {
        width: 100%;
        margin: 0 0 10px 0;
    }

        .pw_teaser_item.even {
            float: right;
        }

    .pw_teaser_abstract {
        min-height: 6em;
    }

    .more-link {
        margin-top: 10px;
    }
}

@media screen and (max-width: 420px) {
    .pw_teaser_item,
    .pw_teaser_item:nth-child(3n+2),
    .two-col-item-50,
    .two-col-left,
    .two-col-right,
    .pw_teaser_item.even,
    .three-cols-item {
        width: 100%;
        float: none;
        margin: 0 0 10px 0;
    }

    .pw_teaser_content {
        padding: 20px 10px 7px 10px;
    }

    .news-item .news_nr {
        font-size: 60px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .pw_teaser_item .pw_teaser_img_wrap img {
        opacity: 1
    }
}

/* CSS Document 

Farbcode: ff7f2a

*/

/*@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v13/tDbD2oWUg0MKqScQ7Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 700;
  src: local('Arvo Bold'), local('Arvo-Bold'), url(https://fonts.gstatic.com/s/arvo/v13/tDbM2oWUg0MKoZw1-LPK8w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}
*/

.telefonda-gizle {
}

.telefonda-goster {
    display: none !important;
}


@media (max-width: 767px) {



    .telefonda-gizle {
        display: none !important;
    }

    .telefonda-goster {
        display: inline !important;
    }
}



    @font-face {
        font-family: 'Arvo';
        src: url("../../fonts/Arvo.ttf");
        src: url("../../fonts/Arvo.eot?#iefix") format("embedded-opentype"), url("../../fonts/Arvo.woff") format("woff"), url("../../fonts/Arvo.woff2") format("woff2"), url("../../fonts/Arvo.otf") format("otf"), url("../../fonts/Arvo.svg") format("svg"), url("../../fonts/Arvo.ttf") format("truetype");
        font-weight: 100;
        font-style: normal;
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

    .slogan {
        font-family: 'Arvo';
        margin-right: 12.5%;
        font-size: 44px;
        letter-spacing: -0.05em;
        color: #000;
        font-weight: 100 !important
    }






    *, html {
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
    }

    img {
        border: none;
    }

    .clearer,
    .clear {
        clear: both;
    }

    body {
        font-size: 1em;
        font-family: 'Open Sans', sans-serif !important;
        font-weight: 400;
        color: #676767 !important;
        line-height: 1.5em;
        background: url("/../../ekw/images/body_bg.png") top left no-repeat;
    }

    /* Inhaltsberete Default Breite */

    .frame-default,
    .page {
        margin: 0 auto;
    }

    .top_wrap {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2;
    }

    .logo {
        float: left;
        padding-left: 285px;
        padding-top: 30px;
        width: 30%;
    }

    .top_right {
        width: 70%;
        float: right;
        text-align: right;
    }

    .lang_wrap {
        padding-right: 25px;
        font-size: 0.8em;
        letter-spacing: -0.05em;
        height: 50px;
        line-height: 50px;
    }



    .menu_wrap {
        margin-right: 12.5%;
    }

    /* Fadeout */

    .fadeout {
        opacity: 0;
    }

    /* Scroll Settings */

    .scroll {
        position: fixed;
        background: #fff;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.25);
        -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.25);
        box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.25);
        opacity: 1;
        height: 105px;
    }

        .scroll .lang_wrap {
            height: 30px;
            line-height: 30px;
        }

        .scroll .slogan {
            display: none;
        }

        .scroll .logo {
            padding-top: 20px;
        }

            .scroll .logo img {
                width: 155px;
                height: auto;
            }


    /* Special */
    i
    .submenubg {
        background: #f5f5f5 url("/../../ekw/images/submenubg_bg.jpg") bottom repeat-x;
        height: 0;
    }

    .scroll .submenubg {
    }


    #main {
        /*margin-top:150px;*/
        margin-top: 3%;
    }

        #main.morepadding {
            margin-top: 350px;
        }



    .footer_wrap {
        height: 610px;
        background: url("/../../ekw/images/footer_bg.jpg") left center no-repeat;
        color: #fff;
        margin-top: 90px;
        border-top: 1px solid #d7d7d7;
    }

    .footercsm {
        padding-top: 365px;
        float: left;
    }

    .footer_blocks {
        float: right;
        padding-top: 103px;
    }

    .fblink1,
    .placeholder {
        display: inline-block;
        height: 138px;
    }

    .placeholder {
        float: right !important;
    }

    .footer_blocks a,
    .placeholder,
    .twoinone {
        width: 138px;
        height: 138px;
        background: #ff7f2a;
        display: block;
        float: left;
        border-radius: 2px 2px 2px 2px;
        -moz-border-radius: 2px 2px 2px 2px;
        -webkit-border-radius: 2px 2px 2px 2px;
        margin-left: 9px;
        margin-top: 9px;
        text-align: center;
    }

    .footer_blocks a,
    .twoinone {
        display: table;
    }

        .footer_blocks a span,
        .twoinone span {
            display: table-cell;
            vertical-align: middle;
        }

    .placeholder {
        background: #d4d4d4;
    }

    .footer_blocks .twoinone a {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        height: auto;
        display: inline-block;
    }

        .footer_blocks .twoinone a span {
            display: inline-block;
            line-height: 3em;
        }


    .mouseleave {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        background: rgba(0,0,0,0.5);
        top: 0;
        left: 0;
        z-index: 10001;
    }

    .mouseleave_close {
        position: absolute;
        right: 10%;
        top: 170px;
        width: 81px;
        height: 81px;
        background: url(/../img/dl_close.png) center center no-repeat;
        text-indent: -999em;
    }

        .mouseleave_close:hover {
            cursor: pointer;
        }


    #c786 .ce-textpic {
        overflow: visible;
    }

    #c786 .ce-gallery {
        margin-top: -38px;
    }

    /* *****************************************************************************************
   RESPONSIVE SECTION
*******************************************************************************************/

    /* portrait */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    }

    /* landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

        .frame-default,
        .page {
            width: 85%;
        }
    }

    @media screen and (max-width: 1650px) {
        .footercsm {
            width: calc(100% - 300px);
        }

        .footer_blocks {
        }
    }

    @media screen and (max-width: 1350px) {
        body {
            background-position: -100px 0;
        }

        .logo {
            padding-left: 185px;
        }

        .logo {
            width: 250px;
        }

        .top_right {
            width: calc(100% - 250px);
        }
    }

    @media screen and (max-width: 1200px) {
        body {
            background-position: -200px 0;
        }

        .logo {
            padding-left: 85px;
        }
    }

    @media screen and (max-width: 1024px) {

        #main {
            /*margin-top: 302px;*/
        }
    }


    @media screen and (max-width: 768px) {

        .frame-default, .page {
            width: 96%;
            margin: 0 2%;
        }

        body {
            background: none;
        }

        .top_wrap {
            position: fixed;
            -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.25);
            -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.25);
            box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.25);
            opacity: 1;
            height: 105px;
            background: #fff url("/../../ekw/images/body_bg.png") -28px top no-repeat;
            background-size: auto 182px;
        }

            .top_wrap .lang_wrap {
                height: 45px;
                line-height: 45px;
            }

            .top_wrap .slogan {
                padding-top: 0px;
                font-size: 24px;
                height: 60px;
                line-height: 60px;
            }

            .top_wrap .logo {
                padding-top: 10px;
                padding-left: 135px;
            }

                .top_wrap .logo img {
                    width: 125px;
                    height: auto;
                }



        .top_right {
        }

        .top_wrap .slogan {
            width: calc(100% - 135px);
            float: left;
            margin-right: 0;
        }

        .menu_wrap {
            margin-right: 0;
            float: right;
            margin-top: -34%;
        }

        #main {
            /*margin-top: 140px;*/
        }

        footer {
            height: 500px;
        }

        .footercsm {
            float: none;
            width: 100%;
            clear: both;
            padding-top: 30px;
        }


        #c786 .ce-gallery {
            margin-top: 0px;
        }
    }

    @media screen and (max-width: 420px) {
        .top_wrap {
            background: none;
            background-color: #fff;
            height: 60px;
        }

            .top_wrap .logo {
                padding-left: 10px;
                width: 100px;
                padding-top: 5px;
                text-align: center;
            }

                .top_wrap .logo img {
                    width: 50px;
                    height: auto;
                }

        .top_right {
            width: calc(100% - 105px) !important;
            
            margin-top: 7%;
        }

        .top_wrap .slogan {
            font-size: 10px;
            width: auto;
            height: auto;
            line-height: normal;
        }


        .top_wrap .lang_wrap {
            float: left;
            text-align: center;
            font-size: 16px;
            padding-right: 0;
            width: calc(100% - 105px);
            height: 60px;
            line-height: 60px;
            position: relative;
        }

        #main {
            /*margin-top: 90px;*/
        }

        footer {
            margin-top: 30px;
            height: auto;
        }

        .footer_wrap {
            text-align: center;
        }

        .footer_blocks {
            margin: 0 auto;
            padding-top: 20px;
            float: none;
            display: inline-block;
        }

        .footercsm {
            padding: 15px 0;
        }



        .mouseleave_close {
            top: 80px;
            right: 10px;
            width: 40px;
            height: 40px;
            background-size: cover;
        }
    }