/*
 * =======================================================================================
 *
 *	Theme Name:   Camin Immobilien
 *	Theme URI:    http://www.camin-immobilien.de
 *
 *	Description:  
 *
 *	Author:       creativdrei werbeagentur GmbH
 *	Author URI:   http://www.creativdrei.de
 *
 *	Version:      1.0
 *
 *	Date created:	27/04/2021
 *	Last modified:	29/03/2022
 *
 * =======================================================================================
 */





/*######################################################################################*/
/*	NORMAL (DESKTOP) VIEW
/*######################################################################################*/


/*======================================================================================*/
/*	General
/*======================================================================================*/

* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    scroll-behavior: smooth;

    color: #8B634B;
    font-size: 100%;
    font-weight: 300;
    font-family: 'Fira Sans', sans-serif;
}

body {
    padding: 0;
    height: 100%;
    margin: 0px auto;
    background: #FFF;
}



/* Content Lazy Loading*/
@keyframes starting {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

aside,
section#page-cover,
section#post-cover,
section#headline,
section.main-content {
    animation-name: starting;
    animation-duration: 1.2s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}


/*======================================================================================*/
/*	Content formats  
/*======================================================================================*/

/* Headlines */
h1 {
    font-size: 32px;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;

    margin: 0;
}

h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;

    margin: 0 0 20px 0;
}

#start-page h1,
#start-page h2  {
    font-size: 42px;
    font-weight: 500;
    text-transform: none;

    margin: 0 0 20px 0;
}

h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase;

    margin: 0 0 20px 0;
}

h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
    font-style: italic;

    margin: 0 0 20px 0;
}

h5, h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;

    margin: 0 0 20px 0;
}


/* Paragraphs */
p {margin: 0 0 20px 0;}


/* Bold Font */
b,strong {font-weight: 600;}


/* Text aligns */
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}


/* Hyperlinks */
article a {color: #8B634B; text-decoration: underline;}
article a:hover {color: #AF876E; text-decoration: underline;}


/* Buttons */
a.button {
    margin: 10px 0 10px 0;
    display: inline-block;
    transition: all ease 0.4s;
    padding: 10px 25px 10px 25px;
    border: 1px solid #8B634B;

    color: #8B634B;
    font-weight: 500;
    letter-spacing: 1px;
    text-decoration: none !important;
    text-transform: uppercase;
}

a.button:hover {
    color: #FFF;
    background: #8B634B;
    text-decoration: none !important;
}

.bg-blue a.button {
    color: #AF876E;
    border: 1px solid #AF876E;
}

.bg-blue a.button:hover {
    color: #FFF;
    border: 1px solid #8B634B;
}

.widget a.button {
    color: #FFF;
    border: 1px solid #FFF;
}

.widget a.button:hover {
    color: #030932;
    background: #FFF;
}


/* Lists */
article ul {
    list-style: square;
    margin: 0 0 20px 20px;
}

article ol {
    margin: 0 0 20px 20px;
}

article ul ol,
article ol ul,
article ul ul,
article ol ol {
    margin: 10px 0 10px 30px;
}

article li {
    margin: 0 0 5px 0;
}


/* Tables */
table {
    padding: 0;
    width: 100%;
    margin: 0 0 20px 0;
    border-collapse: collapse;
}

    tr {
        vertical-align: middle;
        border-bottom: 1px solid #8B634B;
    }

    tr:last-child {
        border: none;
    }
    
        td {padding: 12px 0 12px 0;}


/* Horizont ruler */
hr {
    border: 0;
    padding: 0;
    height: 1px;
    margin: 40px 0 40px 0;
    border-bottom: 1px solid #8B634B;
}


/* Text selection */
::selection {background: #8B634B; color: #FFF;}
::-moz-selection { background: #8B634B; color: #FFF;}


/* Image links */
a img {
    border: none;
    transition: all ease 0.4s;
}

a img:hover {
    opacity: 0.75;
    transition: all ease 0.4s;
}


/* Images align */

.wp-caption {
    display: table-cell;
    width: auto !important;
}

img.alignleft,
.wp-caption.alignleft {
    float: left;
    margin: 0 25px 25px 0;
}

img.alignright,
.wp-caption.alignright {
    float: right;
    margin: 0 0 25px 25px;
}

img.aligncenter,
.wp-caption.aligncenter {
    margin: auto;
    display: block;
}


/* Images size ratio */
.half img,
.third img,
.quarter img,
img.size-full,
img.size-large {
    width: 100%;
    height: auto;
}

img.size-medium {
    width: 50%;
    height: auto;
}

img.size-thumbnail {
    width: 25%;
    height: auto;
}

.wp-caption img {
    width: 100%;
    height: auto;
    display: block;
}

.half img.size-medium,
.third img.size-thumbnail {
    width: 100%;
    display: block;
}


/* Image Captions */
.wp-caption .wp-caption-text {
    width: 100%;
}


/* Image Gallery */
.gallery {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0 !important;
    border: none !important;
    
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.gallery br {
    display: none !important;
    visibility: hidden !important;
}

    .gallery dl {
        width: 31.666666% !important;
        margin: 0 2.5% 0 0 !important;
    }

    .gallery dl:nth-of-type(3n) {
        margin: 0 0 0 0 !important;
    }

        .gallery dl dd {
            margin: 5px 0 0 0;
            text-align: left;
        }

        .gallery img {
            width: 100%;
            height: auto;
            display: block;
            margin: 0 0 8% 0;
            border: none !important;
        }



/*======================================================================================*/
/*	Forms
/*======================================================================================*/

form {
    margin: 0;
    padding: 0;    
}

    fieldset {
        margin: 0;
        padding: 0;
        border: none;
    }
    
        legend {display: none;}
        
        label  {display: block;}
        
        
        /* Input fields */
        select,
        textarea,
        input[type=tel],
        input[type=text],
        input[type=file],
        input[type=date],
        input[type=email],
        input[type=password] {
            width: 100%;
            border: none;
            padding: 10px 0 10px 0;
            border-bottom: 1px solid #8B634B;
            outline: none; /* Kein Rahmen bei klick (Chrome) */

            color: #8B634B;
            font-size: 16px;
            font-weight: 400;
            font-family: 'Fira Sans', sans-serif;
        }

        ::placeholder {
            color: #AF876E;
            font-weight: 300;
        }
        
        select {
            width: 100%;
        }
        
        textarea {
            height: 150px;
            overflow: auto;
        }

        input[type=radio],
        input[type=checkbox] {
            margin: 0 10px 10px 0;
        }        
        
        select:focus,
        textarea:focus,
        input[type=tel]:focus,
        input[type=text]:focus,
        input[type=file]:focus,
        input[type=date]:focus,
        input[type=email]:focus,
        input[type=password]:focus {
            width: 100%;
        }
        
        /* Buttons */
        input[type=submit],
        button[type=submit] {
            cursor: pointer;
            background: transparent;
            margin: 10px 0 10px 0;
            display: inline-block;
            transition: all ease 0.4s;
            padding: 12px 25px 12px 25px;
            border: 1px solid #8B634B;
        
            color: #8B634B;
            font-weight: 500;
            letter-spacing: 1px;
            text-decoration: none !important;
            text-transform: uppercase;
            font-family: 'Fira Sans', sans-serif;
        }
        
        input[type=submit]:hover,
        button[type=submit]:hover {
            color: #FFF;
            background: #8B634B;
        }
        
        input[type=submit]:active,
        button[type=submit]:active {
            outline: none;
        }


/* Plugin adjustments: Contact Form 7 */

.wpcf7-list-item {
    margin-left: 0 !important;
}        

img.ajax-loader {
    width: 16px !important;
    height: auto !important;
}

.wpcf7 form .wpcf7-response-output {
    border: none !important;
    width: calc(96% - 2px);
    margin: 0 !important;
    padding: 10px 2% 10px 2% !important;

    color: #fff !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    background: green;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    background: red;
}



/*======================================================================================*/
/*	Site Structure
/*======================================================================================*/

/*  Header Area ------------------------------------------------------------------------*/

header {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 120px;
    background: #FFF;
    border-bottom: 1px solid #EEE;
}

    #header-content {
        position: relative;
        width: 90%;
        height: auto;
        margin: 0 auto;
        max-width: 1200px;

        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }

        #logo {
            width: 100%;
            height: auto;
            max-width: 200px;
            margin: 25px 0 0 0;
        }

            #logo img {
                width: 100%;
                height: auto;
                display: block;
            }

        nav#main-menu {
            position: relative;
            width: auto;
            top: 40px;
        }

            /* 1st Level */
            nav#main-menu ul {
                float: right;
                width: 100%;
                height: 100%;
                list-style: none;
            }

                nav#main-menu ul li {
                    float: left;
                }

                    nav#main-menu ul li a {
                        width: auto;
                        height: 30px;
                        display: block;
                        margin: 0 0 0 20px;
                        padding: 15px 0 0 0;
                        transition: all ease 0.4s;

                        color: #8B634B;
                        font-size: 16px;
                        font-weight: 500;
                        line-height: 150%;
                        letter-spacing: 1px;
                        text-decoration: none;
                        text-transform: uppercase;
                    }

                    nav#main-menu ul li a:after {
                        position: relative;
                        float: right;
                        color: #8B634B;
                        content: "";
                        width: 1px;
                        height: 100%;
                        display: block;
                        margin: -4px 0 0 20px;
                        border-right: 1px solid #8B634B;
                    }

                    nav#main-menu ul li:last-child a:after {
                        display: none;
                    }

                    nav#main-menu ul li a:hover {
                        color: #030932;
                        transition: all ease 0.4s;
                    }

                    nav#main-menu ul li.current-menu-item > a,
                    nav#main-menu ul li.current-menu-ancestor > a {
                        color: #030932;
                    }

            /* 2nd Level */
            @keyframes menu-dd {
                0%   {opacity: 0;}
                100% {opacity: 1;}
            }

            nav#main-menu ul li ul {
                position: absolute;
                top: 40px;
                height: auto;
                width: 200px;
                display: none;
                background: #FFF;
                padding: 20px 0 10px 0;
                margin: 0 0 0 -1px;
                border-left: 1px solid #8B634B;
            }

            nav#main-menu ul li:hover ul {
                display: block;

                animation-name: menu-dd;
                animation-duration: 0.4s;
                animation-iteration-count: 1;
                animation-direction: alternate;
                animation-timing-function: ease-in-out;
                animation-fill-mode: forwards;            
            }

                nav#main-menu ul li ul li {
                    float: none;
                    width: 100%;
                }

                nav#main-menu ul li ul li.overview {
                    display: none;
                }

                    nav#main-menu ul li ul li a {
                        margin: 0;
                        height: auto;
                        padding: 5px 20px 5px 20px;
                    }

        #open-menu {
            display: none;
        }

#header-spacer {
    position: relative;
    width: 100%;
    height: 120px;
}


/*  Cover Images Area ------------------------------------------------------------------*/

section#page-cover {
    position: relative;
    width: 100%;
    height: 500px;
    background: #E8E0DC;
}

    #cover-content {
        position: relative;
        width: 90%;
        height: auto;
        margin: 0 auto;
        max-width: 1200px;
        padding: 60px 0 60px 0;

        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }

        #cover-txt {
            position: relative;
            width: 42%;

            color: #8B634B;
            font-size: 42px;
            font-weight: 500;
            font-style: italic;
            line-height: 130%;
        }

        #cover-img {
            position: relative;
            width: 48.75%;
            height: 600px;
        }

            #cover-img img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover;
            }

section#post-cover {
    position: relative;
    width: 100%;
    height: 600px;
}

    section#post-cover img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

section#startslider {
    position: relative;
    width: 100%;
}

    /* Slider */
    ul.rslides {
        position: relative;
        list-style: none;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        display: inline-block;
    }
  
        ul.rslides li {
            position: absolute;
            display: none;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
        }
  
        ul.rslides li:first-child {
            position: relative;
            display: block;
            float: left;
        }
  
            ul.rslides img {
                position: relative;
                float: left;
                width: 100%;
                height: 600px;
                display: block;
                object-fit: cover;
            }

            ul.rslides div.s-txt-container {
                position: relative;
                width: 90%;
                height: 100%;
                top: -225px;
                margin: 0 auto -225px auto;
                max-width: 1200px;
                overflow:hidden;
            }

                ul.rslides div.s-txt-box {
                    position: relative;
                    padding: 0;
                    width: 40%;
                    height: 350px;
                    overflow: hidden;
                    padding: 60px 5% 40px 5%;
                    background: #030932;

                    color: #AF876E;
                    font-size: 16px;
                    line-height: 150%;
                }

    /* Slider Nav */
    .rslides_nav {
        position: absolute;
        z-index: 5;
        width: 64px;
        height: 64px;
        font-size: 0;
        top: calc(50% - 32px);
        transition: all ease 0.4s;
        background-size: 64px 64px !important;
    }

    #startslider .rslides_nav {
        top: 268px !important;
    }

    .rslides_nav:hover {
        opacity: 0.75;
    }

    .rslides_nav.prev {
        left: 2.5%;
        background: url(img/arrow-left.png) no-repeat;
    }

    .rslides_nav.next {
        right: 2.5%;
        background: url(img/arrow-right.png) no-repeat;
    }


/*  Main Content Area ------------------------------------------------------------------*/

section#headline,
section.main-content,
section.post-overview {
    position: relative;
    z-index: 10;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

section#page-cover + section#headline {
    margin: 160px auto 0 auto;
}

.bg-white {background: #FFF;}
.bg-blue  {background: #030932;}
.bg-brown {background: #E8E0DC;}

.bg-img {
    height: 600px !important;
    background-repeat: no-repeat;
    background-size: cover;
}

    article {
        position: relative;
        width: 90%;
        height: auto;
        margin: 0 auto;
        max-width: 1200px;
        padding: 60px 0 20px 0;

        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;

        color: #8B634B;
        font-size: 16px;
        font-weight: 300;
        line-height: 150%;
    }

    section#headline + section.main-content.bg-white article,
    section#headline + section.post-overview article,
    section#headline.bg-blue + section.main-content.bg-blue article {
        padding: 0 0 20px 0;
    }

    section.post-overview article {
        justify-content: flex-start;
    }

    section.bg-blue article {
        color: #AF876E;
        font-weight: 400;
    }

        .full {
            flex-basis: 100%;
            margin: 0 0 20px 0;
        }

        .half {
            flex-basis: 48.75%;
            margin: 0 0 20px 0;
        }

        .third {
            flex-basis: 31.666666%;
            margin: 0 0 20px 0;
        }


            .ohnelinkbox {
                width: 80%;
                display: block;
                transition: all ease 0.4s;
                height: calc(100% - 60px);
                padding: 20px 10% 20px 10%;
                background: #030932;
            }


            .linkbox {
                width: 80%;
                display: block;
                transition: all ease 0.4s;
                height: calc(100% - 60px);
                padding: 20px 10% 20px 10%;
                background: #030932;
            }

            .linkbox:hover {
                transform: scale(1.05);
                transition: all ease 0.4s;
                box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.11);
                -webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.11);
                -moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.11);
            }

                .linkbox a {
                    width: 100%;
                    height: 100%;
                    display: block;

                    color: #FFF;
                    font-size: 14px;
                    text-align: center;
                    text-decoration: none;
                }

                .linkbox a:hover {
                    color: #FFF;
                    text-decoration: none;
                }

                .linkbox h2,
                .linkbox h3,
                .linkbox h4,
                .linkbox h5 {
                    color: #AF876E;
                    font-size: 32px;
                }

        .text-image {
            flex-basis: 100%;
            margin: 0 0 60px 0;
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            justify-content: space-between;
        }

        .text-image.reverse {
            flex-direction: row-reverse;
        }

            .tmb-txt {
                flex-basis: 40%;
                padding: 40px 5% 20px 5%;
            }

            .tmb-img {
                position: relative;
                flex-basis: 50%;
                width: 100%;
                padding-top: 37.5%;
            }

                .tmb-img img {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    width: 100%;
                    height: 100%;
                    display: block;
                    object-fit: cover;
                }

        .post {
            flex-basis: 31.666666%;
            background: #030932;
            margin: 0 2.5% 30px 0;
            transition: all ease 0.4s;

            color: #AF876E;
            font-size: 16px;
            font-weight: 400;
        }

        .post:nth-child(3n) {
            margin: 0 0 30px 0;
        }

        .post:hover {
            transform: scale(1.05);
            transition: all ease 0.4s;
            box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.11);
            -webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.11);
            -moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.11);
        }

            .post a {
                width: 100%;
                height: 100%;
                display: block;
                color: #AF876E;
                text-decoration: none;
            }

            .post a:hover {
                color: #AF876E;
                text-decoration: none;
            }

            .post a img:hover {
                opacity: 1 !important;
            }

                .p-img {
                    position: relative;
                    width: 100%;
                    padding-top: 75%;
                    display: block;
                }

                    .p-img img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;    
                        display: block;
                        width: 100%;
                        height: 100%;   
                        object-fit: cover;             
                    }

                    .p-title {
                        display: block;
                        padding: 30px 10% 20px 10%;

                        font-size: 20px;
                        font-weight: 500;
                        letter-spacing: 1px;
                        text-transform: uppercase;
                    }

                    .p-description {
                        display: block;
                        padding: 0 10% 20px 10%;
                    }

        .content-slider {
            position: relative;
            flex-basis: 100%;
            min-height: 400px;
            margin: 0 auto;

            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }

            .content-slider ul.rslides {
                width: 75%;
                height: auto;
                margin: 0 auto;
                min-height: 250px;
            }

            .content-slider .rslides_nav.prev {
                left: 0;
            }

            .content-slider .rslides_nav.next {
                right: 0;
            }


/*  Sub Content Area -------------------------------------------------------------------*/

aside {
    position: relative;
    width: 90%;
    height: auto;
    margin: 0 auto;
    max-width: 1200px;
    padding: 40px 0 40px 0;

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

    .widget {
        position: relative;
        flex-basis: 31.666666%;
        margin: 0 2.5% 30px 0;
        background: #030932;

        color: #FFF;
        font-size: 14px;
        font-weight: 300;
        line-height: 150%;
    }

    .widget:nth-child(3n) {
        margin: 0 0 30px 0;
    }

        .widget h3 {
            width: 80%;
            height: auto;
            padding: 30px 10% 0 10%;

            color: #FFF;
            font-size: 32px;
            line-height: 130%;
        }

        .widget img {
            width: 100%;
            height: 100% !important;
            display: block;
            object-fit: cover;
        }

        .widget a {
            color: #FFF;
            text-decoration: underline;
        }

        .widget .textwidget {
            width: 80%;
            height: auto;
            list-style: none;
            padding: 0 10% 10px 10%;
        }


/*  Footer Area ------------------------------------------------------------------------*/

footer {
    position: relative;
    width: 100%;
    height: auto;
    background: #030932;
    padding: 40px 0 20px 0;

    color: #AF876E;
    font-size: 16px;
    font-weight: 300px;
    line-height: 150%;
    text-align: center;
}

    .footer-widget {
        position: relative;
        width: 90%;
        height: auto;
        margin: 0 auto;
        max-width: 800px;
        padding: 20px 0 0 0;
        background: #030932 !important;
        border-bottom: 1px solid #232850;
    }

    .footer-widget:last-child,
    .footer-widget:first-child:last-child {
        border: none;
    }

        .footer-widget h3 {
            font-size: 32px;
            line-height: 130%;
        }

        .footer-widget img {
            width: 100%;
            height: auto;
            display: block;
            margin: 0 0 20px 0;
        }

        .footer-widget img.icon {
            width: 32px;
            height: 32px;
            display: inline;
        }

        .footer-widget a {
            color: #AF876E;
            font-weight: 500;
            transition: all ease 0.4s;
            text-decoration: none;
        }

        .footer-widget a:hover {
            color: #8B634B;
            text-decoration: none;
        }


/*######################################################################################*/
/*	BREAKPOINT (@ 1400 Pixel)
/*######################################################################################*/

@media only screen and (max-width: 1400px) { 
    
/*  Header Area ------------------------------------------------------------------------*/

/* 1st Level */
nav#main-menu ul li a {
    height: 25px;
    margin: 0 10px 0 0;
    font-size: 14px;
}

nav#main-menu ul li a:after {
    margin: -2px 0 0 10px;
}

/* 2nd Level */
nav#main-menu ul li ul {
    margin: 0 0 0 -11px;
}

nav#main-menu ul li ul li a {
    padding: 5px 10px 5px 10px;
}

} /* <--- END MEDIA */



/*######################################################################################*/
/*	BREAKPOINT (@ 1000 Pixel)
/*######################################################################################*/

@media only screen and (max-width: 1000px) { 
    
h1 {font-size: 28px;}

h2 {font-size: 28px;}

#start-page h1,
#start-page h2  {
    font-size: 28px;
}

h3 {font-size: 20px;}

h4 {font-size: 20px;}

h5, h6 {font-size: 15px;}


.gallery {
    justify-content: space-between;
}

.gallery dl {
    width: 48% !important;
    margin: 0 !important;
}

/*  Header Area ------------------------------------------------------------------------*/

header {
    height: 60px;
}

    #header-content {
        width: 100%;
    }

        #logo {
            width: 120px;
            margin: 10px 0 0 5%;
        }

        nav#main-menu {
            position: absolute;
            z-index: 5;
            top: 60px;
            width: auto;
            height: auto;
            width: 100%;
            display: none;
            background: #030932;
            max-height: calc(100vh - 60px);
            overflow-y: auto;
        }

            /* 1st Level */
            nav#main-menu ul {
                position: relative;
                float: none;
            }

                nav#main-menu ul li {
                    float: none;
                    width: 100%;
                }

                    nav#main-menu ul li a {
                        margin: 0;
                        width: 90%;
                        height: auto;
                        padding: 12px 5% 12px 5%;
                        border-top: 1px solid #232850;

                        font-size: 16px;
                    }

                    nav#main-menu ul li a:hover {
                        color: #8B634B;
                    }

                    nav#main-menu ul li.current-menu-item > a,
                    nav#main-menu ul li.current-menu-ancestor > a {
                        color: #FFF;
                        background: #8B634B;
                    } 

                    nav#main-menu ul li a.has-sub:after {
                        position: relative;
                        float: right;
                        width: 24px;
                        height: 24px;
                        content: "";
                        border: none;
                        margin: 0 4px 0 0;
                        transition: all ease 0.4s;
                        background: url(img/arrow-down.png) no-repeat;
                        background-size: 24px 24px;
                    }

                    nav#main-menu ul li a.has-sub.sub-open:after {
                        background: url(img/arrow-up.png) no-repeat;
                        background-size: 24px 24px;
                    }

            /* 2nd Level */
            @keyframes menu-dd {
                0%   {opacity: 1;}
                100% {opacity: 1;}
            }

            nav#main-menu ul li ul,
            nav#main-menu ul li:hover ul {
                position: relative;
                top: 0;
                margin: 0;
                padding: 0 0 10px 0;
                border: none;
                width: 100%;
                display: none;
                opacity: 1 !important;
                background: transparent;
            }

                nav#main-menu ul li ul li.overview {
                    display: block;
                }

                nav#main-menu ul li ul li a {
                    width: 86%;
                    padding: 5px 7% 5px 7%;
                    border-top: none;
                }

        #open-menu {
            position: absolute;
            top: 14px;
            right: 5%;
            width: 32px;
            height: 32px;
            display: block;
            cursor: pointer;
            transition: all ease 0.4s;
            background: url(img/icon-menu.png) no-repeat;
            background-size: 32px 32px;
        }

        #open-menu.is-open {
            background: url(img/icon-close.png) no-repeat;
            background-size: 32px 32px;
        }


#header-spacer {
    height: 60px;
}


/*  Cover Images Area ------------------------------------------------------------------*/

section#page-cover {
    height: auto;
}

    #cover-content {
        padding: 40px 0 40px 0;
    }

        #cover-txt {
            float: none;
            width: 100%;
            font-size: 28px;
        }

        #cover-img {
            float: none;
            width: 100%;
            height: 400px;
            margin: 20px 0 0 0;
        }

section#post-cover {
    height: 400px;
}

.bg-img {
    height: 400px !important;
}

ul.rslides img {
    height: 400px;
}

ul.rslides div.s-txt-container {
    top: -160px;
    margin: 0 auto -160px auto;
}

    /* Slider Nav */
    .rslides_nav {
        width: 32px;
        height: 32px;
        top: calc(50% - 16px);
        background-size: 32px 32px !important;
    }

    #startslider .rslides_nav {
        top: 184px !important;
    }


/*  Main Content Area ------------------------------------------------------------------*/

section#page-cover + section#headline {
    margin: 0 auto;
}

.linkbox {
    height: auto;
    padding: 20px 10% 30px 10%;
}


/*  Sub Content Area -------------------------------------------------------------------*/

aside {
    padding: 30px 0 0 0;
}

.widget {
    flex-basis: 100%;
    margin: 0 0 30px 0;
}

    .widget h3 {
        width: 90%;
        font-size: 28px;
        padding: 30px 5% 10px 5%;
    }

    .widget .textwidget {
        width: 90%;
        padding: 0 5% 10px 5%;
    }

} /* <--- END MEDIA */



/*######################################################################################*/
/*	BREAKPOINT (@ 800 Pixel)
/*######################################################################################*/

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

/*  Cover Images Area ------------------------------------------------------------------*/

ul.rslides div.s-txt-container {
    top: -50px;
    margin: 0 auto -50px;
}

    ul.rslides div.s-txt-box {
        width: 100%;
        height: auto;
        min-height: 250px;
        padding: 40px 5% 20px 5%;
    }


/*  Main Content Area ------------------------------------------------------------------*/

.third {
    flex-basis: 100%;
}

.tmb-txt {
    flex-basis: 100%;
    padding: 0;
}

.tmb-img {
    flex-basis: 100%;
    padding-top: 75%;
}

.post {
    flex-basis: 100%;
    margin: 0 0 30px 0;
}

    .p-title {
        padding: 30px 5% 10px 5%;
    }

    .p-description {
        padding: 0 5% 20px 5%;
    }

    .post p {
        margin: 0 0 10px 0;
    }

} /* <--- END MEDIA */



/*######################################################################################*/
/*	BREAKPOINT (@ 650 Pixel)
/*######################################################################################*/

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

/*  Cover Images Area ------------------------------------------------------------------*/

#cover-img {
    height: 250px;
}

section#post-cover {
    height: 250px;
}

.bg-img {
    height: 250px !important;
}

ul.rslides img {
    height: 250px;
}

#startslider .rslides_nav {
    top: 109px !important;
}


/*  Main Content Area ------------------------------------------------------------------*/

.half {
    flex-basis: 100%;
}

} /* <--- END MEDIA */