/*
 * =======================================================================================
 *
 *	Filename:    	flemming.css
 *	Website:     	www.flemmingcapital.de
 *	Author:      	INTERPAGEmedia
 *	Author URL:  	http://www.interpage.de
 *
 *	Date created:	12/04/2016
 *	Last modified:	30/09/2022
 *
 *	Description:	Standard CSS for page layout.
 *
 * =======================================================================================
 */





/*######################################################################################*/
/*	NORMAL DESKTOP VIEW
/*######################################################################################*/


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

* {
    margin: 0;
    padding: 0;
}

body {
    padding: 0;
    margin: 0px auto;
    background: #f3f5f8;
    
    color: #666;
    font-size: 100%;
    font-weight: 400;    
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}


/*======================================================================================*/
/*	Fonts
/*======================================================================================*/

/* lora-regular - latin */
@font-face {
font-family: 'Lora';
font-style: normal;
font-weight: 400;
src: url('../fonts/lora-v26-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/lora-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/lora-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/lora-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/lora-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/lora-v26-latin-regular.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-700 - latin */
@font-face {
font-family: 'Lora';
font-style: normal;
font-weight: 700;
src: url('../fonts/lora-v26-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/lora-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/lora-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/lora-v26-latin-700.woff') format('woff'), /* Modern Browsers */
        url('../fonts/lora-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/lora-v26-latin-700.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-italic - latin */
@font-face {
font-family: 'Lora';
font-style: italic;
font-weight: 400;
src: url('../fonts/lora-v26-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/lora-v26-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/lora-v26-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/lora-v26-latin-italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/lora-v26-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/lora-v26-latin-italic.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-700italic - latin */
@font-face {
font-family: 'Lora';
font-style: italic;
font-weight: 700;
src: url('../fonts/lora-v26-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/lora-v26-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/lora-v26-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/lora-v26-latin-700italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/lora-v26-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/lora-v26-latin-700italic.svg#Lora') format('svg'); /* Legacy iOS */
}
/* open-sans-300 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
src: url('../fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: url('../fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
src: url('../fonts/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: url('../fonts/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


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

/* Headlines */
h1 {
    color: #2d3b48;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    font-family: 'Lora', serif;
    
    width: 100%;

    margin: 0 0 40px 0;
    padding: 0 0 30px 0;
    
    background: url(../img/template/headline-border.png) no-repeat;
    background-position: bottom;
    }

h2 {color: #2d3b48; font-size: 1.2rem; font-weight: 400; text-transform: uppercase; line-height: 120%; font-family: 'Lora', serif; margin: 0 0 25px 0;}

h3 {color: #2d3b48; font-size: 1.0rem; font-weight: 400; text-transform: uppercase; line-height: 120%; font-family: 'Lora', serif; margin: 0 0 15px 0;}

h4, h5, h6 {display: none;}


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


/* Hyperlinks */
article a:link {color: #2d3b48; text-decoration: none;}
article a:hover {color: #2d3b48; text-decoration: underline;}
article a:active {color: #2d3b48; text-decoration: underline;}
article a:visited {color: #2d3b48; text-decoration: none;}

aside a:link {color: #2d3b48; text-decoration: none;}
aside a:hover {color: #2d3b48; text-decoration: underline;}
aside a:active {color: #2d3b48; text-decoration: underline;}
aside a:visited {color: #2d3b48; text-decoration: none;}


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

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

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

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

article ul li:before {
    
    content:" . . ";
    color: #f3f5f8;
    /*
    position: relative;
    width: 5px;
    height: 5px;
    display: block;
    margin: 9px 0 0 0;
    */
    margin: 9px 0 0 0;
    background: url(../img/template/list-style-bullet.gif) no-repeat 0 9px;
    
}


/* Tables */
table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

    tr {vertical-align: top;}
    
        td {padding: 10px;}


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


/* Text selection */
::selection {background: #2d3b48; color: #fff;}
::-moz-selection { background: #2d3b48; color: #fff;}


/* Image links */
a img {border: none;}



/*======================================================================================*/
/*	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=email],
        input[type=password] {
            background: #fff;
            margin: 0 0 15px 0;
            padding: 4px 2% 4px 2%;
            width: calc(46% - 2px);
            border: 1px solid #dae2e8;
            
            color: #666;
            font-size: 0.9rem;
            font-weight: 400; 
            font-family: 'Open Sans', sans-serif;               
        }
        
        select {
            width: calc(50% - 2px);
        }
        
        textarea {
            height: 150px;
            overflow: auto;
        }
        
        select:focus,
        textarea:focus,
        input[type=tel]:focus,
        input[type=text]:focus,
        input[type=email]:focus,
        input[type=password]:focus {
            color: #2d3b48;
            border: 1px solid #2d3b48;    
        }
        
        /* Buttons */
        input[type=submit],
        button[type=submit] {
            border: none;
            cursor: pointer;
            margin: 30px 0 0 0;            
            background: #2d3b48;
            padding: 4px 40px 4px 40px;
            
            color: #fff;
            font-size: 1rem;
            font-weight: 400; 
            text-transform: uppercase;   
            font-family: 'Lora', serif;
        }
        
        input[type=submit]:hover,
        button[type=submit]:hover {
            background: rgba(45, 59, 72, 0.8)    
        }
        
        input[type=submit]:active,
        button[type=submit]:active {
            background: rgba(45, 59, 72, 0.8)    
        }



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

/*  Logo Area --------------------------------------------------------------------------*/

#logo {
    position: relative;
    width: 90%;
    height: 60px;
    margin: 0 auto;
    text-align: center;
    padding: 0 5% 0 5%;
}

    #logo img {
        width: 100%;
        height: auto;
        display: block;
        max-width: 340px;
        margin: 14px auto 0 auto;
    }


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

header {
    width: 100%;
    height: auto;
}

    #header-image {
        position: relative;
        width: 100%;
        height: auto;
        display: block;
        border-bottom: 1px solid #fff;
    }


    #header-container {
        position: absolute;
        top: 100px !important;
        width: 100%;
    }

        #header-content {
            position: relative;
            width: 90%;
            max-width: 1000px;
            margin: 0px auto;
            padding: 0 5% 0 5%;                       
        }
                
            nav#main-menu {
                position: relative;
                z-index: 100;
                width: 300px;     
                display: inline-block;           
                margin: 50px auto 0 auto;
                padding: 20px 30px 20px 30px;
                background: rgba(45, 59, 72, 0.8)
            }
            
                #open-menu {display: none;}
            
                nav#main-menu ul {                   
                    width: 100;
                    list-style: none;
                }
                
                    nav#main-menu ul li {
                        width: 100%;
                    }
                    
                        nav#main-menu ul li a {
                            display: block;
                            margin: 0 0 15px 0;
                            padding: 0 0 5px 0;
                            border-bottom: 2px solid transparent;
                            
                            color: #fff;
                            font-size: 1.2rem;
                            text-align: center;
                            text-decoration: none;
                            text-transform: uppercase;
                            font-family: 'Lora', serif;
                        }
                        
                        nav#main-menu ul li:last-child a {
                            margin: 0;
                        }
                        
                        nav#main-menu ul li a:hover {
                            border-bottom: 2px solid #fff;
                        }
                        
                        nav#main-menu ul li.active-menu-item > a {
                            font-weight: 700;
                            border-bottom: 2px solid #fff;
                        }
                        
                        
                        
/*  Main Content Area ------------------------------------------------------------------*/

article {
    position: relative;
    width: 90%;    
    margin: 0px auto;
    max-width: 1000px;
    padding: 60px 5% 60px 5%;
    
    font-size: 0.9rem;
    line-height: 150%;    
}



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

aside {
    position: relative;
    width: 100%;
    height: auto;
    background: #dae2e8;
}                       

    #aside-content {
        position: relative;
        width: 90%;
        margin: 0px auto;
        max-width: 1000px;
        padding: 40px 5% 20px 5%;
        
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        
        font-size: 0.9rem;
        line-height: 150%;
        text-align: center;
    } 
    
        .aside-box {
            flex-basis: 30%;
        }

        #aside-content h2 {
            margin: 0 0 15px 0;
        }
    
    
/*  Footer Area ------------------------------------------------------------------------*/

footer {
    position: relative;
    width: 100%;
    height: auto;
    background: #2d3b48;
    border-top: 1px solid #fff;
}    

    #footer-content {
        position: relative;
        width: 90%;
        margin: 0px auto;
        max-width: 1000px;
        padding: 15px 5% 15px 5%;
        
        color: #fff;
        font-size: 0.9rem;
        text-align: center;
    }




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

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

nav#main-menu {
    margin: 20px auto 0 auto;
    padding: 10px 30px 10px 30px;
}

    nav#main-menu ul li a {
        font-size: 1rem;
    }
                    
    nav#main-menu ul li.active-menu-item > a {
        font-weight: 400;
    }    
    

    
} /* <--- END MEDIA */




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

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

#logo {
    height: auto;
    padding: 50px 5% 20px 5%;
}

#header-container {
    top: 0 !important;
}

nav#main-menu {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    margin: 0;
    padding: 0;
}

    #open-menu {
        float: left;
        width: 100%;
        height: 30px;
        display: block;
        padding: 10px 0 0 0;
        background: #2d3b48;
        border-bottom: 1px solid #fff;
        
        color: #fff;
        font-size: 1rem;
        text-decoration: none;
        text-transform: uppercase;
        font-family: 'Lora', serif;
    }
    
    #open-menu:before {
        position: absolute;
        float: left;
        width: 16px;
        height: 16px;
        content: "";
        display: block;
        margin: 2px 0 0 5%;
        background: url(../img/template/icon-menu.png) no-repeat;
        background-size: 16px 16px;
    }

    nav#main-menu ul {
        float: left;
        width: 100%;
        display: none;
        padding: 10px 0 10px 0;
    }
    
        nav#main-menu ul li {
            width: 100%;
        }
        
            nav#main-menu ul li a,
            nav#main-menu ul li:last-child a {
                border: none;
                margin: 15px 0 15px 0;
            } 
            
            nav#main-menu ul li a:hover {
                border: none;
            }
                    
            nav#main-menu ul li.active-menu-item > a {
                font-weight: 700;
                border: none;
            }          
    
    
} /* <--- END MEDIA */



/*######################################################################################*/
/*	3rd BREAKPOINT (@ 600 Pixel)
/*######################################################################################*/

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

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

} /* <--- END MEDIA */