/*
 * =======================================================================================
 *
 *	Theme Name:   Hecht technology Inc.
 *	Theme URI:    http://www.hecht-technology.com
 *
 *	Author:       creativdrei werbeagentur gmbh
 *	Author URI:   http://www.creativdrei.de
 *
 *	Version:      1.0
 *
 *	Date created:	15/02/2023
 *	Last modified:	15/02/2023
 *
 * =======================================================================================
 */





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


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

* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
    scroll-padding-top: 100px; /* for fixed headers */
}

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

    color: #373942;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    font-family: 'Source Sans Pro', sans-serif;
}


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

/* source-sans-pro-300 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: url('fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
src: url('fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
        url('fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 300;
src: url('fonts/source-sans-pro-v21-latin-300italic.eot'); /* IE9 Compat Modes */
src: url('fonts/source-sans-pro-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/source-sans-pro-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/source-sans-pro-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/source-sans-pro-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/source-sans-pro-v21-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url('fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
src: url('fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
src: url('fonts/source-sans-pro-v21-latin-italic.eot'); /* IE9 Compat Modes */
src: url('fonts/source-sans-pro-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/source-sans-pro-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/source-sans-pro-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/source-sans-pro-v21-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: url('fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
src: url('fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
        url('fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 600;
src: url('fonts/source-sans-pro-v21-latin-600italic.eot'); /* IE9 Compat Modes */
src: url('fonts/source-sans-pro-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/source-sans-pro-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/source-sans-pro-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/source-sans-pro-v21-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: url('fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
src: url('fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
        url('fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 700;
src: url('fonts/source-sans-pro-v21-latin-700italic.eot'); /* IE9 Compat Modes */
src: url('fonts/source-sans-pro-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/source-sans-pro-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/source-sans-pro-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/source-sans-pro-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/source-sans-pro-v21-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


/*======================================================================================*/
/*	Content Formats  
/*======================================================================================*/

/* Headlines */
h1 {
    font-size: 42px;
    font-weight: 400;
    line-height: 120%;
    margin: 0 0 60px 0;
}

h2 {
    color: #E4032C;
    font-size: 42px;
    font-weight: 400;
    line-height: 120%;
    margin: 0 0 40px 0;
}

h3 {
    color: #E4032C;
    font-size: 26px;
    font-weight: 400;
    line-height: 120%;
    margin: 0 0 20px 0;
}

h4, h5, h6 {
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}


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


/* Font sizes */
.has-font-size-medium {
    font-size: 20px;
    line-height: 140%;
}


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


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


/* Hyperlinks */
main a {color: #E4032C; text-decoration: none;}
main a:hover {color: #E4032C; text-decoration: underline;}


/* Lists */
main ul {
    list-style: none;
    margin-bottom: 20px;
}

main ol {
    margin-bottom: 20px;
}

main ul ol,
main ol ul,
main ul ul,
main ol ol {
    margin: 10px 0 10px 0;
}

main ol li {
    margin: 0 0 5px 20px;
}

main ul li {
    margin: 0 0 5px 0;
    padding: 0 0 0 20px;
    background: url(img/liststyle.png) no-repeat 0 8px;
    background-size: 8px 8px;
}


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

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


/* Horizont ruler */
hr {
    border: 0 !important;
    padding: 0;
    height: 2px;
    width: 100%;
    background: #373942;
    margin: 40px auto 40px auto;
}


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


/* Image sizes */
.half img,
.third img,
.quarter img {
    width: 100%;
    height: auto;
    display: block;
}


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

a img:hover {
    opacity: 0.75;
}



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

/*  General ----------------------------------------------------------------------------*/

.logo {
    max-width: 250px;
    margin: 30px 0 30px 0;
}

.claim {
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
    align-self: center;

}

.single {
    flex-basis: 100%;
}

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

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

.quarter {
    flex-basis: 22.5%;
    margin: 0 0 20px 0;
}

.two-quarters {
    flex-basis: 48.333333%;
    margin: 0 0 20px 0;
}

.three-quarters {
    flex-basis: 67.5%;
    margin: 0 0 20px 0;
}


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

header {
    position: relative;
    width: 100%;
    padding: 0 0 20px 0;
    background: rgb(242,242,244);
    background: radial-gradient(circle, rgba(242,242,244,1) 20%, rgba(235,235,237,1) 100%);
}

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

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

    #contact-bar {
        width: 100%;
        padding: 10px 0 10px 0;
        background: rgb(222,222,224);
        background: radial-gradient(circle, rgba(222,222,224,1) 20%, rgba(210,210,212,1) 100%);

        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
    }

        #contact {
            position: relative;
            width: 90%;
            height: 100%;
            margin: 0 auto;
            max-width: 1200px;
    
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            flex-direction: row;
            justify-content: flex-start;
        }

            #contact a {
                margin: 0 42px 0 0;
                padding: 0 0 0 34px;
                color: #E4032C;
                text-decoration: none;

                background-position: left center !important;
                background-size: 24px 24px !important;
                background-repeat: no-repeat !important;
            }

            #contact a:hover {
                text-decoration: underline;
            }

            #contact a.phone {
                background-image: url(img/icon-phone.png);
            }

            #contact a.mail {
                background-image: url(img/icon-mail.png);
            }


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

main {
    position: relative;
    width: 100%;
    height: auto;
}

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

    .rslides {
        position: relative;
        list-style: none;
        overflow: hidden;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
    }
      
        .rslides li {
            position: absolute;
            display: none;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            margin: 0;
            padding: 0;
            background: none;
        }
      
        .rslides li:first-child {
            position: relative;
            display: block;
            float: left;
        }
      
            .rslides img {
                width: 100%;
                height: 100%;
                display: block;
                float: left;
                border: 0;
                object-fit: cover;
            }

            .rslides-txt {
                position: absolute;
                left: 0;
                bottom: 20%;
                width: 30%;
                max-width: 600px;
                padding: 20px 5% 20px 5%;
                background: rgba(255, 255, 255, 0.9);

                font-size: 32px;
                line-height: 120%;
            }

    .rslides_tabs {
        position: absolute;
        z-index: 10;
        bottom: 20px;
        width: 100%;
        margin: 0;
        list-style: none;
        text-align: center;
    }

        .rslides_tabs li {
            width: 50px;
            height: 5px;
            font-size: 0;
            margin: 0 10px 0 10px;
            display: inline-block;
            background: rgba(255, 255, 255, 0.75)
        }

        .rslides_tabs li.rslides_here {
            background: rgba(228, 0, 44, 0.75)
        }

            .rslides_tabs li a {
                width: 100%;
                height: 100%;
                display: block;
            }

    section.content {
        width: 100%;
        height: auto;
        background: #FFF;
    }

    section.content.gradient {
        background: rgb(242,242,244);
        background: radial-gradient(circle, rgba(242,242,244,1) 20%, rgba(235,235,237,1) 100%);
    }

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

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

            #hecht-icons {
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                justify-content: space-between;
            }

                #hecht-icons p {
                    color: #E4032C;
                    font-size: 20px;
                    line-height: 120%;
                    font-weight: 700;
                    text-align: center;
                    text-transform: uppercase;
                }

                #hecht-icons img {
                    width: 110px;
                    height: auto;
                    display: block;
                    margin: 0 auto 10px auto;
                }


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

footer {
    position: relative;
    width: 100%;
    background: rgb(242,242,244);
    background: radial-gradient(circle, rgba(242,242,244,1) 20%, rgba(235,235,237,1) 100%);
}

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

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

        footer a {
            color: #373942;
            text-decoration: none;
        }

        footer a:hover {
            color: #E4032C;
        }


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

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

h1 {font-size: 32px;}

h2 {font-size: 32px;}

h3 {font-size: 22px;}

h4, h5, h6 {font-size: 18px;}


/*  General ----------------------------------------------------------------------------*/
 
.logo {
    max-width: 200px;
}

.claim {
    font-size: 16px;
    margin: 0 0 20px 0;
}

.quarter,
.two-quarters,
.three-quarters {
    flex-basis: 100%;
}


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

#header-content {
    padding: 20px 0 0 0;
}

#contact-bar {
    font-size: 16px;
}

    #contact a {
        margin: 0 24px 0 0;
    }


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

section#cover {
    height: 400px;
}

    .rslides-txt {
        width: 50%;
        font-size: 22px;
        padding: 15px 5% 15px 5%;
    }

article {
    padding: 60px 0 40px 0;
}

    #hecht-icons p {
        width: 32%;
        font-size: 16px;
        margin: 0 0 30px 0;
    }

        #hecht-icons img {
            width: 80px;
        }


} /* <--- END MEDIA */




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

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

/*  General ----------------------------------------------------------------------------*/

.half,
.third {
    flex-basis: 100%;
}


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

  
} /* <--- END MEDIA */